uikit 3.14.3 → 3.14.4-dev.07daf8fb8

package/tests/tab.html

@@ -188,7 +188,7 @@
                             <td><code>animation</code></td>
                             <td>String</td>
                             <td>false</td>
-                            <td>The space separated names of animations to use. (Comma separate for animation out)</td>
+                            <td>Space-separated names of animations. Comma-separated for animation out.</td>
                         </tr>
                         <tr>
                             <td><code>duration</code></td>

package/tests/table.html

@@ -313,14 +313,14 @@
 
         <script>
 
-            var options = UIkit.util.$$('#js-size-switcher option').map(function (option) { return option.value; });
+            const {$$, addClass, on, removeClass } = UIkit.util;
 
-            UIkit.util.on('#js-size-switcher', 'change', function () {
-                var value = this.value;
-                UIkit.util.$$('.uk-table').forEach(function (table) {
-                    UIkit.util.removeClass(table, options);
-                    UIkit.util.addClass(table, value);
-                });
+            on('#js-size-switcher', 'change', (e) => {
+                const options = $$('option', e.target).map(({value}) => value);
+                for (const el of $$('.uk-table')) {
+                    removeClass(el, options);
+                    addClass(el, e.target.value);
+                }
             });
 
         </script>

package/tests/toggle.html

@@ -144,7 +144,7 @@
                             <td><code>mode</code></td>
                             <td>hover | click | media</td>
                             <td>click</td>
-                            <td>Comma separated list of trigger behaviour modes.</td>
+                            <td>Comma-separated list of trigger behaviour modes.</td>
                         </tr>
                         <tr>
                             <td><code>media</code></td>
@@ -162,7 +162,7 @@
                             <td><code>animation</code></td>
                             <td>String</td>
                             <td>false</td>
-                            <td>The space separated names of animations to use. (Comma separate for animation out)</td>
+                            <td>Space-separated names of animations. Comma-separated for animation out.</td>
                         </tr>
                         <tr>
                             <td><code>duration</code></td>

package/tests/tooltip.html

@@ -90,7 +90,7 @@
                             <td><code>animation</code></td>
                             <td>String</td>
                             <td>false</td>
-                            <td>The space separated names of animations to use. (Comma separate for animation out)</td>
+                            <td>Space-separated names of animations. Comma-separated for animation out.</td>
                         </tr>
                         <tr>
                             <td><code>duration</code></td>

package/tests/upload.html

@@ -36,30 +36,30 @@
 
             <script>
 
-                var bar = document.getElementById('js-progressbar');
+                const bar =  UIkit.util.$('#js-progressbar');
 
                 UIkit.upload('.js-upload', {
 
                     url: '',
                     multiple: true,
 
-                    beforeSend: function () {
+                    beforeSend() {
                         console.log('beforeSend', arguments);
                     },
-                    beforeAll: function () {
+                    beforeAll() {
                         console.log('beforeAll', arguments);
                     },
-                    load: function () {
+                    load() {
                         console.log('load', arguments);
                     },
-                    error: function () {
+                    error() {
                         console.log('error', arguments);
                     },
-                    complete: function () {
+                    complete() {
                         console.log('complete', arguments);
                     },
 
-                    loadStart: function (e) {
+                    loadStart(e) {
                         console.log('loadStart', arguments);
 
                         bar.hidden = false;
@@ -67,24 +67,24 @@
                         bar.value = e.loaded;
                     },
 
-                    progress: function (e) {
+                    progress(e) {
                         console.log('progress', arguments);
 
                         bar.max = e.total;
                         bar.value = e.loaded;
                     },
 
-                    loadEnd: function (e) {
+                    loadEnd(e) {
                         console.log('loadEnd', arguments);
 
                         bar.max = e.total;
                         bar.value = e.loaded;
                     },
 
-                    completeAll: function () {
+                    completeAll() {
                         console.log('completeAll', arguments);
 
-                        setTimeout(function () {
+                        setTimeout(() => {
                             bar.hidden = true;
                         }, 1000);
 

package/tests/utility.html

@@ -434,6 +434,25 @@
                         <img class="uk-logo-inverse" src="images/dark.jpg" width="200" height="133" alt="">
                     </a>
                 </div>
+                <div>
+                    <p>Picture</p>
+                    <a class="uk-logo" href="#">
+                        <picture>
+                            <img src="images/photo.jpg" width="200" height="133" alt="">
+                        </picture>
+                    </a>
+                </div>
+                <div>
+                    <p>+ Inverse Picture</p>
+                    <a class="uk-logo" href="#">
+                        <picture>
+                            <img src="images/photo.jpg" width="200" height="133" alt="">
+                        </picture>
+                        <picture>
+                            <img class="uk-logo-inverse" src="images/dark.jpg" width="200" height="133" alt="">
+                        </picture>
+                    </a>
+                </div>
             </div>
 
         </div>

package/src/images/backgrounds/nav-parent-close.svg

@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
-    <polyline fill="none" stroke="#000" stroke-width="1.1" points="10 1 4 7 10 13" />
-</svg>