uikit 3.15.1-dev.022704dc6 → 3.15.1-dev.5caebcda9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/css/uikit-core-rtl.css +1 -1
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +1 -1
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +1 -1
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +1 -1
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +1 -1
  11. package/dist/js/components/countdown.min.js +1 -1
  12. package/dist/js/components/filter.js +1 -1
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +1 -2
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +1 -2
  17. package/dist/js/components/lightbox.min.js +1 -1
  18. package/dist/js/components/notification.js +1 -1
  19. package/dist/js/components/notification.min.js +1 -1
  20. package/dist/js/components/parallax.js +1 -1
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +1 -1
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +1 -1
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +1 -1
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +1 -1
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +1 -1
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +1 -1
  33. package/dist/js/components/tooltip.min.js +1 -1
  34. package/dist/js/components/upload.js +1 -1
  35. package/dist/js/components/upload.min.js +1 -1
  36. package/dist/js/uikit-core.js +36 -43
  37. package/dist/js/uikit-core.min.js +2 -2
  38. package/dist/js/uikit-icons.js +1 -1
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +36 -44
  41. package/dist/js/uikit.min.js +2 -2
  42. package/package.json +1 -1
  43. package/src/js/components/lightbox-panel.js +0 -1
  44. package/src/js/core/drop.js +1 -1
  45. package/src/js/core/navbar.js +18 -29
  46. package/src/js/core/video.js +5 -0
  47. package/tests/navbar.html +49 -31
package/dist/js/uikit.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.15.1-dev.022704dc6 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
1
+ /*! UIkit 3.15.1-dev.5caebcda9 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
2
2
 
3
3
  (function (global, factory) {
4
4
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -2942,7 +2942,7 @@
2942
2942
  UIkit.data = '__uikit__';
2943
2943
  UIkit.prefix = 'uk-';
2944
2944
  UIkit.options = {};
2945
- UIkit.version = '3.15.1-dev.022704dc6';
2945
+ UIkit.version = '3.15.1-dev.5caebcda9';
2946
2946
 
2947
2947
  globalAPI(UIkit);
2948
2948
  hooksAPI(UIkit);
@@ -3499,6 +3499,10 @@
3499
3499
  this.$el.preload = 'none';
3500
3500
  }
3501
3501
 
3502
+ if (isTag(this.$el, 'iframe') && !hasAttr(this.$el, 'allow')) {
3503
+ this.$el.allow = 'autoplay';
3504
+ }
3505
+
3502
3506
  if (this.automute) {
3503
3507
  mute(this.$el);
3504
3508
  }
@@ -4301,7 +4305,7 @@
4301
4305
 
4302
4306
  (() => {
4303
4307
  const observer = observeResize(
4304
- scrollParents(this.$el).concat(this.targetEl),
4308
+ scrollParents(this.$el).concat(this.target),
4305
4309
  update);
4306
4310
 
4307
4311
  return () => observer.disconnect();
@@ -5859,35 +5863,29 @@
5859
5863
 
5860
5864
  props: {
5861
5865
  dropdown: String,
5862
- mode: 'list',
5863
5866
  align: String,
5864
- offset: Number,
5867
+ clsDrop: String,
5865
5868
  boundary: Boolean,
5869
+ dropbar: Boolean,
5870
+ dropbarAnchor: Boolean,
5871
+ duration: Number,
5872
+ mode: Boolean,
5873
+ offset: Boolean,
5874
+ stretch: Boolean,
5875
+ delayShow: Boolean,
5876
+ delayHide: Boolean,
5866
5877
  target: Boolean,
5867
5878
  targetX: Boolean,
5868
5879
  targetY: Boolean,
5869
- clsDrop: String,
5870
- delayShow: Number,
5871
- delayHide: Number,
5872
- dropbar: Boolean,
5873
- dropbarAnchor: Boolean,
5874
- duration: Number },
5880
+ animation: Boolean,
5881
+ animateOut: Boolean },
5875
5882
 
5876
5883
 
5877
5884
  data: {
5878
5885
  dropdown: '.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle',
5879
5886
  align: isRtl ? 'right' : 'left',
5880
5887
  clsDrop: 'uk-navbar-dropdown',
5881
- mode: undefined,
5882
- offset: undefined,
5883
- delayShow: undefined,
5884
- delayHide: undefined,
5885
- flip: false,
5886
- shift: true,
5887
5888
  boundary: true,
5888
- target: false,
5889
- targetX: false,
5890
- targetY: false,
5891
5889
  dropbar: false,
5892
5890
  dropbarAnchor: false,
5893
5891
  duration: 200,
@@ -5895,20 +5893,12 @@
5895
5893
 
5896
5894
 
5897
5895
  computed: {
5898
- boundary(_ref, $el) {let { boundary } = _ref;
5899
- return boundary === true ? $el : boundary;
5900
- },
5901
-
5902
- dropbarAnchor(_ref2, $el) {let { dropbarAnchor } = _ref2;
5896
+ dropbarAnchor(_ref, $el) {let { dropbarAnchor } = _ref;
5903
5897
  return query(dropbarAnchor, $el) || $el;
5904
5898
  },
5905
5899
 
5906
- pos(_ref3) {let { align } = _ref3;
5907
- return "bottom-" + align;
5908
- },
5909
-
5910
5900
  dropbar: {
5911
- get(_ref4) {let { dropbar } = _ref4;
5901
+ get(_ref2) {let { dropbar } = _ref2;
5912
5902
  if (!dropbar) {
5913
5903
  return null;
5914
5904
  }
@@ -5933,7 +5923,7 @@
5933
5923
  },
5934
5924
 
5935
5925
  dropdowns: {
5936
- get(_ref5, $el) {let { clsDrop } = _ref5;
5926
+ get(_ref3, $el) {let { clsDrop } = _ref3;
5937
5927
  const dropdowns = $$("." + clsDrop, $el);
5938
5928
 
5939
5929
  if (this.dropContainer !== $el) {
@@ -5954,8 +5944,10 @@
5954
5944
  dropdowns.filter((el) => !this.getDropdown(el)),
5955
5945
  {
5956
5946
  ...this.$props,
5957
- boundary: this.boundary,
5958
- pos: this.pos });
5947
+ flip: false,
5948
+ shift: true,
5949
+ pos: "bottom-" + this.align,
5950
+ boundary: this.boundary === true ? this.$el : this.boundary });
5959
5951
 
5960
5952
 
5961
5953
  },
@@ -5964,7 +5956,7 @@
5964
5956
 
5965
5957
 
5966
5958
  toggles: {
5967
- get(_ref6, $el) {let { dropdown } = _ref6;
5959
+ get(_ref4, $el) {let { dropdown } = _ref4;
5968
5960
  return $$(dropdown, $el);
5969
5961
  },
5970
5962
 
@@ -5995,7 +5987,7 @@
5995
5987
  return this.dropdown;
5996
5988
  },
5997
5989
 
5998
- handler(_ref7) {let { current } = _ref7;
5990
+ handler(_ref5) {let { current } = _ref5;
5999
5991
  const active = this.getActive();
6000
5992
  if (
6001
5993
  active &&
@@ -6025,7 +6017,7 @@
6025
6017
 
6026
6018
  if (!active || active.targetEl !== current) {
6027
6019
  current.click();
6028
- once(this.dropContainer, 'show', (_ref8) => {let { target } = _ref8;return (
6020
+ once(this.dropContainer, 'show', (_ref6) => {let { target } = _ref6;return (
6029
6021
  focusFirstFocusableElement(target));});
6030
6022
 
6031
6023
  } else {
@@ -6116,7 +6108,7 @@
6116
6108
  return this.dropbar;
6117
6109
  },
6118
6110
 
6119
- handler(_ref9) {let { target } = _ref9;
6111
+ handler(_ref7) {let { target } = _ref7;
6120
6112
  if (!this.isDropbarDrop(target)) {
6121
6113
  return;
6122
6114
  }
@@ -6140,17 +6132,18 @@
6140
6132
  return this.dropbar;
6141
6133
  },
6142
6134
 
6143
- handler(_ref10) {let { target } = _ref10;
6135
+ handler(_ref8) {let { target } = _ref8;
6144
6136
  if (!this.isDropbarDrop(target)) {
6145
6137
  return;
6146
6138
  }
6147
6139
 
6148
- this._observer = observeResize(target, () => {
6140
+ const drop = this.getDropdown(target);
6141
+ this._observer = observeResize([drop.$el, ...drop.target], () => {
6149
6142
  const targetOffsets = parents(target, "." + this.clsDrop).
6150
6143
  concat(target).
6151
6144
  map((el) => offset(el));
6152
- const minTop = Math.min(...targetOffsets.map((_ref11) => {let { top } = _ref11;return top;}));
6153
- const maxBottom = Math.max(...targetOffsets.map((_ref12) => {let { bottom } = _ref12;return bottom;}));
6145
+ const minTop = Math.min(...targetOffsets.map((_ref9) => {let { top } = _ref9;return top;}));
6146
+ const maxBottom = Math.max(...targetOffsets.map((_ref10) => {let { bottom } = _ref10;return bottom;}));
6154
6147
  const dropbarOffset = offset(this.dropbar);
6155
6148
  css(this.dropbar, 'top', this.dropbar.offsetTop - (dropbarOffset.top - minTop));
6156
6149
  this.transitionTo(
@@ -6196,12 +6189,12 @@
6196
6189
  return this.dropbar;
6197
6190
  },
6198
6191
 
6199
- handler(_ref13) {let { target } = _ref13;
6192
+ handler(_ref11) {var _this$_observer;let { target } = _ref11;
6200
6193
  if (!this.isDropbarDrop(target)) {
6201
6194
  return;
6202
6195
  }
6203
6196
 
6204
- this._observer.disconnect();
6197
+ (_this$_observer = this._observer) == null ? void 0 : _this$_observer.disconnect();
6205
6198
 
6206
6199
  const active = this.getActive();
6207
6200
 
@@ -9258,7 +9251,6 @@
9258
9251
  let matches;
9259
9252
  const iframeAttrs = {
9260
9253
  frameborder: '0',
9261
- allow: 'autoplay',
9262
9254
  allowfullscreen: '',
9263
9255
  style: 'max-width: 100%; box-sizing: border-box;',
9264
9256
  'uk-responsive': '',