Merge pull request #56 from Markus-GS/master

Vendor 3.10.0
FriendsOfREDAXO · Jan 17, 2022 · 6df1f15 · 6df1f15
2 parents a56a2da + 45c4603
commit 6df1f15
Show file tree

Hide file tree

Showing 9 changed files with 86 additions and 44 deletions.
diff --git a/assets/uikit/css/uikit-rtl.css b/assets/uikit/css/uikit-rtl.css
@@ -1,4 +1,4 @@
-/*! UIkit 3.9.4 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.10.0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -489,7 +489,8 @@ template {
 /* Muted
  ========================================================================== */
 a.uk-link-muted,
-.uk-link-muted a {
+.uk-link-muted a,
+.uk-link-toggle .uk-link-muted {
   color: #999;
 }
 a.uk-link-muted:hover,
@@ -500,7 +501,8 @@ a.uk-link-muted:hover,
 /* Text
  ========================================================================== */
 a.uk-link-text,
-.uk-link-text a {
+.uk-link-text a,
+.uk-link-toggle .uk-link-text {
   color: inherit;
 }
 a.uk-link-text:hover,
@@ -511,7 +513,8 @@ a.uk-link-text:hover,
 /* Heading
  ========================================================================== */
 a.uk-link-heading,
-.uk-link-heading a {
+.uk-link-heading a,
+.uk-link-toggle .uk-link-heading {
   color: inherit;
 }
 a.uk-link-heading:hover,
@@ -656,7 +659,7 @@ a.uk-link-reset,
   content: "";
   /* 1 */
   position: absolute;
-  top: calc(50% - ((0.2px + 0.05em) / 2));
+  top: calc(50% - (calc(0.2px + 0.05em) / 2));
   /* 2 */
   width: 2000px;
   /* 3 */
@@ -781,7 +784,7 @@ a.uk-link-reset,
   counter-increment: decimal;
 }
 [class*='uk-list'] > ::before {
-  content: '';
+  content: "";
   position: relative;
   right: -30px;
   width: 30px;
@@ -3482,6 +3485,7 @@ select.uk-form-width-xsmall {
   background: transparent;
   font-size: 1.5rem;
 }
+/* Focus */
 /*
  * Icon
  */
@@ -3507,6 +3511,7 @@ select.uk-form-width-xsmall {
   background: transparent;
   font-size: 2.625rem;
 }
+/* Focus */
 /*
  * Icon
  */
@@ -7112,6 +7117,14 @@ ul.uk-nav-sub {
     min-width: 1px;
   }
 }
+/* Intrinsic Widths
+ ========================================================================== */
+.uk-width-max-content {
+  width: max-content;
+}
+.uk-width-min-content {
+  width: min-content;
+}
 /* ========================================================================
    Component: Height
  ========================================================================== */
@@ -7526,21 +7539,21 @@ td.uk-text-break {
  ========================================================================== */
 /*
  * Works with iframes and embedded content
- * 1. Apply transform instantly. Needed if transform is transitioned.
+ * 1. Use attribute to apply transform instantly. Needed if transform is transitioned.
  * 2. Reset responsiveness for embedded content
  * 3. Center object
  * Note: Percent values on the `top` property only works if this element
  *       is absolute positioned or if the container has a height
  */
-.uk-cover,
+/* 1 */
 [uk-cover] {
   /* 2 */
   max-width: none;
   /* 3 */
   position: absolute;
   right: 50%;
   top: 50%;
-  --uk-position-translate-x: -50%;
+  --uk-position-translate-x: 50%;
   --uk-position-translate-y: -50%;
   transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
 }
@@ -8004,6 +8017,12 @@ iframe.uk-cover {
   /* 3 */
   max-width: none;
 }
+/*
+ * Fix initial iframe width. Without the viewport is expanded on iOS devices
+ */
+[uk-responsive] {
+  max-width: 100%;
+}
 /* Border
  ========================================================================== */
 .uk-border-circle {
@@ -8069,7 +8088,7 @@ iframe.uk-cover {
     vertical-align: middle;
   }
   .uk-box-shadow-bottom::after {
-    content: '';
+    content: "";
     /* 1 */
     position: absolute;
     bottom: -30px;
@@ -8903,7 +8922,7 @@ iframe.uk-cover {
 .uk-position-center {
   top: calc(50% - var(--uk-position-margin-offset));
   right: calc(50% - var(--uk-position-margin-offset));
-  --uk-position-translate-x: -50%;
+  --uk-position-translate-x: 50%;
   --uk-position-translate-y: -50%;
   transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
   /* 1 */
@@ -8934,7 +8953,7 @@ iframe.uk-cover {
 .uk-position-top-center,
 .uk-position-bottom-center {
   right: calc(50% - var(--uk-position-margin-offset));
-  --uk-position-translate-x: -50%;
+  --uk-position-translate-x: 50%;
   transform: translate(var(--uk-position-translate-x), 0);
   /* 1 */
   width: max-content;

diff --git a/assets/uikit/css/uikit-rtl.min.css b/assets/uikit/css/uikit-rtl.min.css
diff --git a/assets/uikit/css/uikit.css b/assets/uikit/css/uikit.css
@@ -1,4 +1,4 @@
-/*! UIkit 3.9.4 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.10.0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -489,7 +489,8 @@ template {
 /* Muted
  ========================================================================== */
 a.uk-link-muted,
-.uk-link-muted a {
+.uk-link-muted a,
+.uk-link-toggle .uk-link-muted {
   color: #999;
 }
 a.uk-link-muted:hover,
@@ -500,7 +501,8 @@ a.uk-link-muted:hover,
 /* Text
  ========================================================================== */
 a.uk-link-text,
-.uk-link-text a {
+.uk-link-text a,
+.uk-link-toggle .uk-link-text {
   color: inherit;
 }
 a.uk-link-text:hover,
@@ -511,7 +513,8 @@ a.uk-link-text:hover,
 /* Heading
  ========================================================================== */
 a.uk-link-heading,
-.uk-link-heading a {
+.uk-link-heading a,
+.uk-link-toggle .uk-link-heading {
   color: inherit;
 }
 a.uk-link-heading:hover,
@@ -656,7 +659,7 @@ a.uk-link-reset,
   content: "";
   /* 1 */
   position: absolute;
-  top: calc(50% - ((0.2px + 0.05em) / 2));
+  top: calc(50% - (calc(0.2px + 0.05em) / 2));
   /* 2 */
   width: 2000px;
   /* 3 */
@@ -781,7 +784,7 @@ a.uk-link-reset,
   counter-increment: decimal;
 }
 [class*='uk-list'] > ::before {
-  content: '';
+  content: "";
   position: relative;
   left: -30px;
   width: 30px;
@@ -3482,6 +3485,7 @@ select.uk-form-width-xsmall {
   background: transparent;
   font-size: 1.5rem;
 }
+/* Focus */
 /*
  * Icon
  */
@@ -3507,6 +3511,7 @@ select.uk-form-width-xsmall {
   background: transparent;
   font-size: 2.625rem;
 }
+/* Focus */
 /*
  * Icon
  */
@@ -7112,6 +7117,14 @@ ul.uk-nav-sub {
     min-width: 1px;
   }
 }
+/* Intrinsic Widths
+ ========================================================================== */
+.uk-width-max-content {
+  width: max-content;
+}
+.uk-width-min-content {
+  width: min-content;
+}
 /* ========================================================================
    Component: Height
  ========================================================================== */
@@ -7526,13 +7539,13 @@ td.uk-text-break {
  ========================================================================== */
 /*
  * Works with iframes and embedded content
- * 1. Apply transform instantly. Needed if transform is transitioned.
+ * 1. Use attribute to apply transform instantly. Needed if transform is transitioned.
  * 2. Reset responsiveness for embedded content
  * 3. Center object
  * Note: Percent values on the `top` property only works if this element
  *       is absolute positioned or if the container has a height
  */
-.uk-cover,
+/* 1 */
 [uk-cover] {
   /* 2 */
   max-width: none;
@@ -8004,6 +8017,12 @@ iframe.uk-cover {
   /* 3 */
   max-width: none;
 }
+/*
+ * Fix initial iframe width. Without the viewport is expanded on iOS devices
+ */
+[uk-responsive] {
+  max-width: 100%;
+}
 /* Border
  ========================================================================== */
 .uk-border-circle {
@@ -8069,7 +8088,7 @@ iframe.uk-cover {
     vertical-align: middle;
   }
   .uk-box-shadow-bottom::after {
-    content: '';
+    content: "";
     /* 1 */
     position: absolute;
     bottom: -30px;

diff --git a/assets/uikit/css/uikit.min.css b/assets/uikit/css/uikit.min.css
diff --git a/assets/uikit/js/uikit-icons.js b/assets/uikit/js/uikit-icons.js
diff --git a/assets/uikit/js/uikit-icons.min.js b/assets/uikit/js/uikit-icons.min.js
diff --git a/assets/uikit/js/uikit.js b/assets/uikit/js/uikit.js
@@ -1,4 +1,4 @@
-/*! UIkit 3.9.4 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.10.0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -634,8 +634,9 @@
     function domPath(element) {
         var names = [];
         while (element.parentNode) {
-            if (element.id) {
-                names.unshift(("#" + (escape(element.id))));
+            var id = attr(element, 'id');
+            if (id) {
+                names.unshift(("#" + (escape(id))));
                 break;
             } else {
                 var tagName = element.tagName;
@@ -1104,10 +1105,7 @@
             return;
         }
 
-        var unbind = on(document, 'DOMContentLoaded', function () {
-            unbind();
-            fn();
-        });
+        once(document, 'DOMContentLoaded', fn);
     }
 
     function empty(element) {
@@ -3465,7 +3463,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.9.4';
+    UIkit.version = '3.10.0';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -4105,7 +4103,7 @@
 
     var cover = {
 
-        mixins: [Class, Video],
+        mixins: [Video],
 
         props: {
             width: Number,
@@ -4327,7 +4325,8 @@
                 this.target = this.$create('toggle', query(this.toggle, this.$el), {
                     target: this.$el,
                     mode: this.mode
-                });
+                }).$el;
+                attr(this.target, 'aria-haspopup', true);
             }
 
         },
@@ -7820,7 +7819,7 @@
             {
 
                 read: function(ref, types) {
-                    var height = ref.height;
+                    var height$1 = ref.height;
 
 
                     this.inactive = !this.matchMedia || !isVisible(this.$el);
@@ -7831,15 +7830,20 @@
 
                     if (this.isActive && types.has('resize')) {
                         this.hide();
-                        height = this.$el.offsetHeight;
+                        height$1 = this.$el.offsetHeight;
                         this.show();
                     }
 
-                    height = !this.isActive ? this.$el.offsetHeight : height;
+                    height$1 = !this.isActive ? this.$el.offsetHeight : height$1;
+
+                    if (height$1 + this.offset > height(window)) {
+                        this.inactive = true;
+                        return false;
+                    }
 
                     var referenceElement = this.isFixed ? this.placeholder : this.$el;
                     this.topOffset = offset(referenceElement).top;
-                    this.bottomOffset = this.topOffset + height;
+                    this.bottomOffset = this.topOffset + height$1;
                     this.offsetParentTop = offset(referenceElement.offsetParent).top;
 
                     var bottom = parseProp('bottom', this);
@@ -7849,7 +7853,7 @@
                     this.width = dimensions(isVisible(this.widthElement) ? this.widthElement : this.$el).width;
 
                     return {
-                        height: height,
+                        height: height$1,
                         top: offsetPosition(this.placeholder)[0],
                         margins: css(this.$el, ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'])
                     };
@@ -12181,7 +12185,7 @@
             var dist = (Date.now() - last) * .3;
             last = Date.now();
 
-            scrollParents(document.elementFromPoint(x, pos.y)).reverse().some(function (scrollEl) {
+            scrollParents(document.elementFromPoint(x, pos.y), /auto|scroll/).reverse().some(function (scrollEl) {
 
                 var scroll = scrollEl.scrollTop;
                 var scrollHeight = scrollEl.scrollHeight;

diff --git a/assets/uikit/js/uikit.min.js b/assets/uikit/js/uikit.min.js
diff --git a/package.yml b/package.yml
@@ -1,6 +1,6 @@
 package: uikit_collection
-version: '2.6.2'
-vendor: '3.9.4'
+version: '2.6.3'
+vendor: '3.10.0'
 author: 'Friends Of REDAXO'
 supportpage: https://github.com/FriendsOfREDAXO/uikit_collection
 info: 'FOR UIKIT Collection'