replace uk attributes by data-uk for lisibility

src/Element/UIkitAccordion.php

@@ -85,7 +85,7 @@ class UIkitAccordion extends RenderElement {
 
     // Set the attributes for the accordion outer element.
     $element['#attributes']->addClass('uk-accordion');
-    $element['#attributes']->setAttribute('uk-accordion', $component_options);
+    $element['#attributes']->setAttribute('data-uk-accordion', $component_options);
 
     return $element;
   }

src/Element/UIkitAlert.php

@@ -69,7 +69,7 @@ class UIkitAlert extends RenderElement {
   public static function preRenderUIkitAlert($element) {
     // Set the attributes for the alert outer element.
     $element['#attributes']->addClass('uk-alert');
-    $element['#attributes']->setAttribute('uk-alert', '');
+    $element['#attributes']->setAttribute('data-uk-alert', '');
 
     return $element;
   }

src/Element/UIkitCountdown.php

@@ -86,8 +86,8 @@ class UIkitCountdown extends RenderElement {
     // Set the attributes for the countdown outer element.
     $element['#attributes']->addClass('uk-grid-small');
     $element['#attributes']->addClass('uk-child-width-auto');
-    $element['#attributes']->setAttribute('uk-grid', '');
-    $element['#attributes']->setAttribute('uk-countdown', "date: $date");
+    $element['#attributes']->setAttribute('data-uk-grid', '');
+    $element['#attributes']->setAttribute('data-uk-countdown', "date: $date");
 
     return $element;
   }

src/Element/UIkitVideo.php

@@ -92,7 +92,7 @@ class UIkitVideo extends RenderElement {
         $element['#attributes']->setAttribute('playsinline', '');
       }
     }
-    $element['#attributes']->setAttribute('uk-video', $component_options);
+    $element['#attributes']->setAttribute('data-uk-video', $component_options);
 
     return $element;
   }

templates/components/uikit-alert.html.twig

@@ -24,7 +24,7 @@
 {% if message %}
   <div{{ attributes.addClass('uk-alert-' ~ style|clean_class) }}>
     {% if close_button %}
-      <a class="uk-alert-close" uk-close></a>
+      <a class="uk-alert-close" data-uk-close></a>
     {% endif %}
 
     <p>{{ message }}</p>

uikit_views/includes/uikit_views.theme.inc

@@ -48,7 +48,7 @@ function template_preprocess_uikit_view_accordion(array &$variables) {
 
   $accordion_attributes = new Attribute();
   $accordion_attributes->addClass('uk-accordion');
-  $accordion_attributes->setAttribute('uk-accordion', $data_accordion);
+  $accordion_attributes->setAttribute('data-uk-accordion', $data_accordion);
 
   // Set accordion attributes for twig template.
   $variables['accordion_attributes'] = $accordion_attributes;
@@ -72,14 +72,14 @@ function template_preprocess_uikit_view_grid(array &$variables) {
   $variables['id'] = UIkitViews::getUniqueId($view);
 
   if ($options['grid_lightbox'] == TRUE) {
-    $grid_attributes->setAttribute('uk-lightbox', 'true');
+    $grid_attributes->setAttribute('data-uk-lightbox', 'true');
   }
 
-  $grid_attributes->setAttribute('uk-grid', '');
+  $grid_attributes->setAttribute('data-uk-grid', '');
   $grid_attributes->setAttribute('class', 'uk-grid');
 
   if ($options['grid_behavior'] == 'masonry') {
-    $grid_attributes->setAttribute('uk-grid', 'masonry: true');
+    $grid_attributes->setAttribute('data-uk-grid', 'masonry: true');
   }
 
   $grid_classes = [];
@@ -89,7 +89,7 @@ function template_preprocess_uikit_view_grid(array &$variables) {
   }
 
   if ($options['grid_behavior'] == 'match' && $options['grid_match_height_selector'] != NULL) {
-    $grid_attributes->setAttribute('uk-height-match', 'target: ' . $options['grid_match_height_selector']);
+    $grid_attributes->setAttribute('data-uk-height-match', 'target: ' . $options['grid_match_height_selector']);
   }
 
   if ($options['flex_classes'] != NULL) {
@@ -229,10 +229,10 @@ function template_preprocess_uikit_view_slider(array &$variables) {
   }
   $data_slider = implode('; ', $slider_data);
   // Add slider_attributes to the variables array.
-  $variables['slider_attributes'] = new Attribute(['uk-slider'=> $data_slider]);
+  $variables['slider_attributes'] = new Attribute(['data-uk-slider'=> $data_slider]);
 
   // Create grid attribute for template.
-  $grid_attributes = new Attribute(['uk-grid' => "", 'class' => ['uk-slider-items', 'uk-grid']]);
+  $grid_attributes = new Attribute(['data-uk-grid' => "", 'class' => ['uk-slider-items', 'uk-grid']]);
   if ($options['grid_gutter'] != NULL) {
     $grid_attributes->addClass($options['grid_gutter']);
   }
@@ -243,14 +243,14 @@ function template_preprocess_uikit_view_slider(array &$variables) {
     $grid_attributes->addClass('uk-grid-match');
   }
   if ($options['grid_match_height'] == TRUE && $options['grid_match_height_selector'] != NULL) {
-    $grid_attributes->setAttribute('uk-height-match', 'target: ' . $options['grid_match_height_selector']);
+    $grid_attributes->setAttribute('data-uk-height-match', 'target: ' . $options['grid_match_height_selector']);
   }
   // Add grid_attributes to the variables array.
   $variables['grid_attributes'] = $grid_attributes;
 
   // Create attributes for slidenav.
-  $variables['slidenav_left_attributes'] = new Attribute(['uk-slidenav-previous' => "", 'uk-slider-item' => 'previous']);
-  $variables['slidenav_right_attributes'] = new Attribute(['uk-slidenav-next' => "", 'uk-slider-item' => 'next']);
+  $variables['slidenav_left_attributes'] = new Attribute(['data-uk-slidenav-previous' => "", 'data-uk-slider-item' => 'previous']);
+  $variables['slidenav_right_attributes'] = new Attribute(['data-uk-slidenav-next' => "", 'data-uk-slider-item' => 'next']);
 
   // Set other necessary attributes variables for twig template.
   $variables['caption_attributes'] = new Attribute();
@@ -316,11 +316,11 @@ function template_preprocess_uikit_view_slideshow(array &$variables) {
     $slideshow_data[] = "clsActivated: $transition";
   }
   $data_slideshow = implode('; ', $slideshow_data);
-  $variables['slideshow_attributes'] = new Attribute(['uk-slideshow' => $data_slideshow]);
+  $variables['slideshow_attributes'] = new Attribute(['data-uk-slideshow' => $data_slideshow]);
 
   // Create attributes for slidenav.
-  $variables['slidenav_left_attributes'] = new Attribute(['uk-slidenav-previous' => "", 'uk-slideshow-item' => 'previous']);
-  $variables['slidenav_right_attributes'] = new Attribute(['uk-slidenav-next' => "", 'uk-slideshow-item' => 'next']);
+  $variables['slidenav_left_attributes'] = new Attribute(['data-uk-slidenav-previous' => "", 'data-uk-slideshow-item' => 'previous']);
+  $variables['slidenav_right_attributes'] = new Attribute(['data-uk-slidenav-next' => "", 'data-uk-slideshow-item' => 'next']);
 
   // Set other necessary attributes variables for twig template.
   $variables['caption_attributes'] = new Attribute();
@@ -362,7 +362,7 @@ function template_preprocess_uikit_view_switcher(array &$variables) {
   $switcher_accordion = implode('; ', $switcher_data);
 
   $switcher_attributes = new Attribute();
-  $switcher_attributes->setAttribute('uk-switcher', $switcher_accordion);
+  $switcher_attributes->setAttribute('data-uk-switcher', $switcher_accordion);
 
   // Set switcher attributes for twig template.
   $variables['switcher_attributes'] = $switcher_attributes;

uikit_views/templates/views/uikit-view-slider.html.twig

@@ -121,7 +121,7 @@
   {% if thumbnav %}
   <ul class="uk-thumbnav">
     {% for row in items %}
-        <li uk-slider-item="{{ loop.index0 }}"><a href="#">{{ row.thumbnail }}</a></li>
+        <li data-uk-slider-item="{{ loop.index0 }}"><a href="#">{{ row.thumbnail }}</a></li>
     {% endfor %}
   </ul>
 {% endif %}

uikit_views/templates/views/uikit-view-slideshow.html.twig

@@ -113,7 +113,7 @@
   {% if thumbnav %}
   <ul class="uk-thumbnav">
     {% for row in items %}
-        <li uk-slideshow-item="{{ loop.index0 }}"><a href="#">{{ row.thumbnail }}</a></li>
+        <li data-uk-slideshow-item="{{ loop.index0 }}"><a href="#">{{ row.thumbnail }}</a></li>
     {% endfor %}
   </ul>
 {% endif %}

uikit_views/templates/views/uikit-view-table.html.twig

@@ -51,7 +51,7 @@
   ]
 %}
 {% if responsive_table %}
-  <div uk-overflow-auto>
+  <div data-uk-overflow-auto>
 {% endif %}
 <table{{ attributes.addClass(classes) }}>
   {% if caption_needed %}