uikit 3.13.11-dev.d3de726ee → 3.14.1-dev.b7e81c46b
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.
- package/CHANGELOG.md +19 -0
- package/dist/css/uikit-core-rtl.css +4 -1
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +4 -1
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +4 -1
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +4 -1
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +1 -1
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +1 -1
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +19 -5
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +19 -5
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +1 -1
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +63 -61
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +63 -61
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +1 -1
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +63 -61
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +1 -1
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +1 -1
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +19 -5
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +1 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +121 -60
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +183 -120
- package/dist/js/uikit.min.js +1 -1
- package/package.json +1 -1
- package/src/js/core/accordion.js +21 -5
- package/src/js/core/cover.js +27 -14
- package/src/js/core/drop.js +22 -2
- package/src/js/core/height-match.js +1 -1
- package/src/js/core/margin.js +9 -2
- package/src/js/mixin/parallax.js +62 -61
- package/src/js/mixin/togglable.js +16 -2
- package/src/js/util/lang.js +34 -38
- package/src/js/util/position.js +6 -3
- package/src/less/components/nav.less +1 -0
- package/src/less/components/utility.less +1 -0
- package/src/scss/components/nav.scss +1 -0
- package/src/scss/components/utility.scss +1 -0
- package/tests/alert.html +1 -1
- package/tests/drop.html +154 -80
- package/tests/navbar.html +1 -1
- package/tests/parallax.html +8 -8
- package/tests/sticky-parallax.html +8 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! UIkit 3.
|
|
1
|
+
/*! UIkit 3.14.1-dev.b7e81c46b | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(s,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("uikit-util")):typeof define=="function"&&define.amd?define("uikittooltip",["uikit-util"],c):(s=typeof globalThis<"u"?globalThis:s||self,s.UIkitTooltip=c(s.UIkit.util))})(this,function(s){"use strict";var c={props:{container:Boolean},data:{container:!0},computed:{container(o){let{container:e}=o;return e===!0&&this.$container||e&&s.$(e)}}},u={props:{cls:Boolean,animation:"list",duration:Number,velocity:Number,origin:String,transition:String},data:{cls:!1,animation:[!1],duration:200,velocity:.2,origin:!1,transition:"ease",clsEnter:"uk-togglabe-enter",clsLeave:"uk-togglabe-leave",initProps:{overflow:"",height:"",paddingTop:"",paddingBottom:"",marginTop:"",marginBottom:"",boxShadow:""},hideProps:{overflow:"hidden",height:0,paddingTop:0,paddingBottom:0,marginTop:0,marginBottom:0,boxShadow:"none"}},computed:{hasAnimation(o){let{animation:e}=o;return!!e[0]},hasTransition(o){let{animation:e}=o;return this.hasAnimation&&e[0]===!0}},methods:{toggleElement(o,e,r){return new Promise(a=>Promise.all(s.toNodes(o).map(i=>{const t=s.isBoolean(e)?e:!this.isToggled(i);if(!s.trigger(i,"before"+(t?"show":"hide"),[this]))return Promise.reject();const d=(s.isFunction(r)?r:r===!1||!this.hasAnimation?this._toggle:this.hasTransition?v(this):T(this))(i,t),h=t?this.clsEnter:this.clsLeave;s.addClass(i,h),s.trigger(i,t?"show":"hide",[this]);const n=()=>{s.removeClass(i,h),s.trigger(i,t?"shown":"hidden",[this]),this.$update(i)};return d?d.then(n,()=>(s.removeClass(i,h),Promise.reject())):n()})).then(a,s.noop))},isToggled(o){return o===void 0&&(o=this.$el),[o]=s.toNodes(o),s.hasClass(o,this.clsEnter)?!0:s.hasClass(o,this.clsLeave)?!1:this.cls?s.hasClass(o,this.cls.split(" ")[0]):s.isVisible(o)},_toggle(o,e){if(!o)return;e=Boolean(e);let r;this.cls?(r=s.includes(this.cls," ")||e!==s.hasClass(o,this.cls),r&&s.toggleClass(o,this.cls,s.includes(this.cls," ")?void 0:e)):(r=e===o.hidden,r&&(o.hidden=!e)),s.$$("[autofocus]",o).some(a=>s.isVisible(a)?a.focus()||!0:a.blur()),r&&(s.trigger(o,"toggled",[e,this]),this.$update(o))}}};function v(o){let{isToggled:e,duration:r,velocity:a,initProps:i,hideProps:t,transition:d,_toggle:h}=o;return(n,p)=>{const l=s.Transition.inProgress(n),w=n.hasChildNodes()?s.toFloat(s.css(n.firstElementChild,"marginTop"))+s.toFloat(s.css(n.lastElementChild,"marginBottom")):0,f=s.isVisible(n)?s.height(n)+(l?0:w):0;s.Transition.cancel(n),e(n)||h(n,!0),s.height(n,""),s.fastdom.flush();const g=s.height(n)+(l?0:w);return r=a*n.offsetHeight+r,s.height(n,f),(p?s.Transition.start(n,{...i,overflow:"hidden",height:g},Math.round(r*(1-f/g)),d):s.Transition.start(n,t,Math.round(r*(f/g)),d).then(()=>h(n,!1))).then(()=>s.css(n,i))}}function T(o){return(e,r)=>{s.Animation.cancel(e);const{animation:a,duration:i,_toggle:t}=o;return r?(t(e,!0),s.Animation.in(e,a[0],i,o.origin)):s.Animation.out(e,a[1]||a[0],i,o.origin).then(()=>t(e,!1))}}var b={props:{pos:String,offset:null,flip:Boolean},data:{pos:"bottom-"+(s.isRtl?"right":"left"),flip:!0,offset:!1,viewportPadding:10},connected(){this.pos=this.$props.pos.split("-").concat("center").slice(0,2),this.axis=s.includes(["top","bottom"],this.pos[0])?"y":"x"},methods:{positionAt(o,e,r){const[a,i]=this.pos;let{offset:t}=this;if(!s.isNumeric(t)){const h=s.$(t);t=h?s.offset(h)[this.axis==="x"?"left":"top"]-s.offset(e)[this.axis==="x"?"right":"bottom"]:0}t=s.toPx(t)+s.toPx(s.getCssVar("position-offset",o)),t=[s.includes(["left","top"],a)?-t:+t,0];const d={element:[s.flipPosition(a),i],target:[a,i]};if(this.axis==="y"){for(const h in d)d[h]=d[h].reverse();t=t.reverse()}s.positionAt(o,e,{attach:d,offset:t,boundary:r,viewportPadding:this.viewportPadding,flip:this.flip})}}},m={mixins:[c,u,b],args:"title",props:{delay:Number,title:String},data:{pos:"top",title:"",delay:0,animation:["uk-animation-scale-up"],duration:100,cls:"uk-active"},beforeConnect(){this._hasTitle=s.hasAttr(this.$el,"title"),s.attr(this.$el,"title",""),this.updateAria(!1),$(this.$el)},disconnected(){this.hide(),s.attr(this.$el,"title",this._hasTitle?this.title:null)},methods:{show(){this.isToggled(this.tooltip||null)||!this.title||(this._unbind=s.once(document,"show keydown "+s.pointerDown,this.hide,!1,o=>o.type===s.pointerDown&&!s.within(o.target,this.$el)||o.type==="keydown"&&o.keyCode===27||o.type==="show"&&o.detail[0]!==this&&o.detail[0].$name===this.$name),clearTimeout(this.showTimer),this.showTimer=setTimeout(this._show,this.delay))},async hide(){s.matches(this.$el,"input:focus")||(clearTimeout(this.showTimer),this.isToggled(this.tooltip||null)&&(await this.toggleElement(this.tooltip,!1,!1),s.remove(this.tooltip),this.tooltip=null,this._unbind()))},_show(){this.tooltip=s.append(this.container,'<div class="uk-'+this.$options.name+'"> <div class="uk-'+this.$options.name+'-inner">'+this.title+"</div> </div>"),s.on(this.tooltip,"toggled",(o,e)=>{if(this.updateAria(e),!e)return;this.positionAt(this.tooltip,this.$el);const[r,a]=y(this.tooltip,this.$el,this.pos);this.origin=this.axis==="y"?s.flipPosition(r)+"-"+a:a+"-"+s.flipPosition(r)}),this.toggleElement(this.tooltip,!0)},updateAria(o){s.attr(this.$el,"aria-expanded",o)}},events:{focus:"show",blur:"hide",[s.pointerEnter+" "+s.pointerLeave](o){s.isTouch(o)||this[o.type===s.pointerEnter?"show":"hide"]()},[s.pointerDown](o){s.isTouch(o)&&this.show()}}};function $(o){s.isFocusable(o)||s.attr(o,"tabindex","0")}function y(o,e,r){let[a,i]=r;const t=s.offset(o),d=s.offset(e),h=[["left","right"],["top","bottom"]];for(const p of h){if(t[p[0]]>=d[p[1]]){a=p[1];break}if(t[p[1]]<=d[p[0]]){a=p[0];break}}const n=s.includes(h[0],a)?h[1]:h[0];return t[n[0]]===d[n[0]]?i=n[0]:t[n[1]]===d[n[1]]?i=n[1]:i="center",[a,i]}return typeof window<"u"&&window.UIkit&&window.UIkit.component("tooltip",m),m});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.
|
|
1
|
+
/*! UIkit 3.14.1-dev.b7e81c46b | 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(require('uikit-util')) :
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! UIkit 3.
|
|
1
|
+
/*! UIkit 3.14.1-dev.b7e81c46b | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(o,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitupload",["uikit-util"],n):(o=typeof globalThis<"u"?globalThis:o||self,o.UIkitUpload=n(o.UIkit.util))})(this,function(o){"use strict";var n={props:{allow:String,clsDragover:String,concurrent:Number,maxSize:Number,method:String,mime:String,msgInvalidMime:String,msgInvalidName:String,msgInvalidSize:String,multiple:Boolean,name:String,params:Object,type:String,url:String},data:{allow:!1,clsDragover:"uk-dragover",concurrent:1,maxSize:0,method:"POST",mime:!1,msgInvalidMime:"Invalid File Type: %s",msgInvalidName:"Invalid File Name: %s",msgInvalidSize:"Invalid File Size: %s Kilobytes Max",multiple:!1,name:"files[]",params:{},type:"",url:"",abort:o.noop,beforeAll:o.noop,beforeSend:o.noop,complete:o.noop,completeAll:o.noop,error:o.noop,fail:o.noop,load:o.noop,loadEnd:o.noop,loadStart:o.noop,progress:o.noop},events:{change(e){!o.matches(e.target,'input[type="file"]')||(e.preventDefault(),e.target.files&&this.upload(e.target.files),e.target.value="")},drop(e){i(e);const t=e.dataTransfer;!(t!=null&&t.files)||(o.removeClass(this.$el,this.clsDragover),this.upload(t.files))},dragenter(e){i(e)},dragover(e){i(e),o.addClass(this.$el,this.clsDragover)},dragleave(e){i(e),o.removeClass(this.$el,this.clsDragover)}},methods:{async upload(e){if(e=o.toArray(e),!e.length)return;o.trigger(this.$el,"upload",[e]);for(const a of e){if(this.maxSize&&this.maxSize*1e3<a.size){this.fail(this.msgInvalidSize.replace("%s",this.maxSize));return}if(this.allow&&!d(this.allow,a.name)){this.fail(this.msgInvalidName.replace("%s",this.allow));return}if(this.mime&&!d(this.mime,a.type)){this.fail(this.msgInvalidMime.replace("%s",this.mime));return}}this.multiple||(e=e.slice(0,1)),this.beforeAll(this,e);const t=c(e,this.concurrent),s=async a=>{const l=new FormData;a.forEach(r=>l.append(this.name,r));for(const r in this.params)l.append(r,this.params[r]);try{const r=await o.ajax(this.url,{data:l,method:this.method,responseType:this.type,beforeSend:h=>{const{xhr:p}=h;p.upload&&o.on(p.upload,"progress",this.progress);for(const m of["loadStart","load","loadEnd","abort"])o.on(p,m.toLowerCase(),this[m]);return this.beforeSend(h)}});this.complete(r),t.length?await s(t.shift()):this.completeAll(r)}catch(r){this.error(r)}};await s(t.shift())}}};function d(e,t){return t.match(new RegExp("^"+e.replace(/\//g,"\\/").replace(/\*\*/g,"(\\/[^\\/]+)*").replace(/\*/g,"[^\\/]+").replace(/((?!\\))\?/g,"$1.")+"$","i"))}function c(e,t){const s=[];for(let a=0;a<e.length;a+=t)s.push(e.slice(a,a+t));return s}function i(e){e.preventDefault(),e.stopPropagation()}return typeof window<"u"&&window.UIkit&&window.UIkit.component("upload",n),n});
|
package/dist/js/uikit-core.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.
|
|
1
|
+
/*! UIkit 3.14.1-dev.b7e81c46b | 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() :
|
|
@@ -208,48 +208,44 @@
|
|
|
208
208
|
|
|
209
209
|
}
|
|
210
210
|
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
const aProp = prop === 'width' ? 'height' : 'width';
|
|
211
|
+
function ratio(dimensions, prop, value) {
|
|
212
|
+
const aProp = prop === 'width' ? 'height' : 'width';
|
|
214
213
|
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
214
|
+
return {
|
|
215
|
+
[aProp]: dimensions[prop] ?
|
|
216
|
+
Math.round(value * dimensions[aProp] / dimensions[prop]) :
|
|
217
|
+
dimensions[aProp],
|
|
218
|
+
[prop]: value };
|
|
220
219
|
|
|
221
|
-
|
|
220
|
+
}
|
|
222
221
|
|
|
223
|
-
|
|
224
|
-
|
|
222
|
+
function contain(dimensions, maxDimensions) {
|
|
223
|
+
dimensions = { ...dimensions };
|
|
225
224
|
|
|
226
|
-
|
|
227
|
-
dimensions,
|
|
228
|
-
(_, prop) =>
|
|
225
|
+
for (const prop in dimensions) {
|
|
229
226
|
dimensions =
|
|
230
227
|
dimensions[prop] > maxDimensions[prop] ?
|
|
231
|
-
|
|
232
|
-
dimensions
|
|
233
|
-
|
|
228
|
+
ratio(dimensions, prop, maxDimensions[prop]) :
|
|
229
|
+
dimensions;
|
|
230
|
+
}
|
|
234
231
|
|
|
235
|
-
|
|
236
|
-
|
|
232
|
+
return dimensions;
|
|
233
|
+
}
|
|
237
234
|
|
|
238
|
-
|
|
239
|
-
|
|
235
|
+
function cover$1(dimensions, maxDimensions) {
|
|
236
|
+
dimensions = contain(dimensions, maxDimensions);
|
|
240
237
|
|
|
241
|
-
|
|
242
|
-
dimensions,
|
|
243
|
-
(_, prop) =>
|
|
238
|
+
for (const prop in dimensions) {
|
|
244
239
|
dimensions =
|
|
245
240
|
dimensions[prop] < maxDimensions[prop] ?
|
|
246
|
-
|
|
247
|
-
dimensions
|
|
248
|
-
|
|
241
|
+
ratio(dimensions, prop, maxDimensions[prop]) :
|
|
242
|
+
dimensions;
|
|
243
|
+
}
|
|
249
244
|
|
|
250
|
-
|
|
251
|
-
|
|
245
|
+
return dimensions;
|
|
246
|
+
}
|
|
252
247
|
|
|
248
|
+
const Dimensions = { ratio, contain, cover: cover$1 };
|
|
253
249
|
|
|
254
250
|
function getIndex(i, elements, current, finite) {if (current === void 0) {current = 0;}if (finite === void 0) {finite = false;}
|
|
255
251
|
elements = toNodes(elements);
|
|
@@ -1997,8 +1993,6 @@
|
|
|
1997
1993
|
function attachToWithFlip(element, target, options) {
|
|
1998
1994
|
const position = attachTo(element, target, options);
|
|
1999
1995
|
const targetDim = offset(target);
|
|
2000
|
-
const viewports = scrollParents(element, /auto|scroll/);
|
|
2001
|
-
const [scrollElement] = viewports;
|
|
2002
1996
|
|
|
2003
1997
|
let {
|
|
2004
1998
|
flip,
|
|
@@ -2009,6 +2003,11 @@
|
|
|
2009
2003
|
viewportPadding } =
|
|
2010
2004
|
options;
|
|
2011
2005
|
|
|
2006
|
+
let viewports = scrollParents(element);
|
|
2007
|
+
if (boundary === target) {
|
|
2008
|
+
viewports = viewports.filter((viewport) => viewport !== boundary);
|
|
2009
|
+
}
|
|
2010
|
+
const [scrollElement] = viewports;
|
|
2012
2011
|
viewports.push(viewport);
|
|
2013
2012
|
|
|
2014
2013
|
const offsetPosition = { ...position };
|
|
@@ -2027,7 +2026,7 @@
|
|
|
2027
2026
|
viewport[end] -= viewportPadding;
|
|
2028
2027
|
}
|
|
2029
2028
|
|
|
2030
|
-
if (boundary && !
|
|
2029
|
+
if (boundary && !willFlip && position[prop] <= offset(boundary)[prop]) {
|
|
2031
2030
|
viewport = getIntersectionArea(viewport, offset(boundary));
|
|
2032
2031
|
}
|
|
2033
2032
|
|
|
@@ -2955,7 +2954,7 @@
|
|
|
2955
2954
|
UIkit.data = '__uikit__';
|
|
2956
2955
|
UIkit.prefix = 'uk-';
|
|
2957
2956
|
UIkit.options = {};
|
|
2958
|
-
UIkit.version = '3.
|
|
2957
|
+
UIkit.version = '3.14.1-dev.b7e81c46b';
|
|
2959
2958
|
|
|
2960
2959
|
globalAPI(UIkit);
|
|
2961
2960
|
hooksAPI(UIkit);
|
|
@@ -3047,6 +3046,7 @@
|
|
|
3047
3046
|
cls: Boolean,
|
|
3048
3047
|
animation: 'list',
|
|
3049
3048
|
duration: Number,
|
|
3049
|
+
velocity: Number,
|
|
3050
3050
|
origin: String,
|
|
3051
3051
|
transition: String },
|
|
3052
3052
|
|
|
@@ -3055,8 +3055,9 @@
|
|
|
3055
3055
|
cls: false,
|
|
3056
3056
|
animation: [false],
|
|
3057
3057
|
duration: 200,
|
|
3058
|
+
velocity: 0.2,
|
|
3058
3059
|
origin: false,
|
|
3059
|
-
transition: '
|
|
3060
|
+
transition: 'ease',
|
|
3060
3061
|
clsEnter: 'uk-togglabe-enter',
|
|
3061
3062
|
clsLeave: 'uk-togglabe-leave',
|
|
3062
3063
|
|
|
@@ -3066,7 +3067,8 @@
|
|
|
3066
3067
|
paddingTop: '',
|
|
3067
3068
|
paddingBottom: '',
|
|
3068
3069
|
marginTop: '',
|
|
3069
|
-
marginBottom: ''
|
|
3070
|
+
marginBottom: '',
|
|
3071
|
+
boxShadow: '' },
|
|
3070
3072
|
|
|
3071
3073
|
|
|
3072
3074
|
hideProps: {
|
|
@@ -3075,7 +3077,8 @@
|
|
|
3075
3077
|
paddingTop: 0,
|
|
3076
3078
|
paddingBottom: 0,
|
|
3077
3079
|
marginTop: 0,
|
|
3078
|
-
marginBottom: 0
|
|
3080
|
+
marginBottom: 0,
|
|
3081
|
+
boxShadow: 'none' } },
|
|
3079
3082
|
|
|
3080
3083
|
|
|
3081
3084
|
|
|
@@ -3170,7 +3173,15 @@
|
|
|
3170
3173
|
|
|
3171
3174
|
|
|
3172
3175
|
|
|
3173
|
-
function toggleHeight(_ref3)
|
|
3176
|
+
function toggleHeight(_ref3)
|
|
3177
|
+
|
|
3178
|
+
|
|
3179
|
+
|
|
3180
|
+
|
|
3181
|
+
|
|
3182
|
+
|
|
3183
|
+
|
|
3184
|
+
{let { isToggled, duration, velocity, initProps, hideProps, transition, _toggle } = _ref3;
|
|
3174
3185
|
return (el, show) => {
|
|
3175
3186
|
const inProgress = Transition.inProgress(el);
|
|
3176
3187
|
const inner = el.hasChildNodes() ?
|
|
@@ -3191,6 +3202,8 @@
|
|
|
3191
3202
|
fastdom.flush();
|
|
3192
3203
|
|
|
3193
3204
|
const endHeight = height(el) + (inProgress ? 0 : inner);
|
|
3205
|
+
duration = velocity * el.offsetHeight + duration;
|
|
3206
|
+
|
|
3194
3207
|
height(el, currentHeight);
|
|
3195
3208
|
|
|
3196
3209
|
return (
|
|
@@ -3238,7 +3251,6 @@
|
|
|
3238
3251
|
multiple: Boolean,
|
|
3239
3252
|
toggle: String,
|
|
3240
3253
|
content: String,
|
|
3241
|
-
transition: String,
|
|
3242
3254
|
offset: Number },
|
|
3243
3255
|
|
|
3244
3256
|
|
|
@@ -3251,19 +3263,16 @@
|
|
|
3251
3263
|
clsOpen: 'uk-open',
|
|
3252
3264
|
toggle: '> .uk-accordion-title',
|
|
3253
3265
|
content: '> .uk-accordion-content',
|
|
3254
|
-
transition: 'ease',
|
|
3255
3266
|
offset: 0 },
|
|
3256
3267
|
|
|
3257
3268
|
|
|
3258
3269
|
computed: {
|
|
3259
3270
|
items: {
|
|
3260
3271
|
get(_ref, $el) {let { targets } = _ref;
|
|
3261
|
-
return $$(targets, $el)
|
|
3272
|
+
return $$(targets, $el);
|
|
3262
3273
|
},
|
|
3263
3274
|
|
|
3264
3275
|
watch(items, prev) {
|
|
3265
|
-
items.forEach((el) => hide($(this.content, el), !hasClass(el, this.clsOpen)));
|
|
3266
|
-
|
|
3267
3276
|
if (prev || hasClass(items, this.clsOpen)) {
|
|
3268
3277
|
return;
|
|
3269
3278
|
}
|
|
@@ -3282,7 +3291,27 @@
|
|
|
3282
3291
|
|
|
3283
3292
|
toggles(_ref2) {let { toggle } = _ref2;
|
|
3284
3293
|
return this.items.map((item) => $(toggle, item));
|
|
3285
|
-
}
|
|
3294
|
+
},
|
|
3295
|
+
|
|
3296
|
+
contents: {
|
|
3297
|
+
get(_ref3) {let { content } = _ref3;
|
|
3298
|
+
return this.items.map((item) => $(content, item));
|
|
3299
|
+
},
|
|
3300
|
+
|
|
3301
|
+
watch(items) {
|
|
3302
|
+
for (const el of items) {
|
|
3303
|
+
hide(
|
|
3304
|
+
el,
|
|
3305
|
+
!hasClass(
|
|
3306
|
+
this.items.find((item) => item.contains(el)),
|
|
3307
|
+
this.clsOpen));
|
|
3308
|
+
|
|
3309
|
+
|
|
3310
|
+
}
|
|
3311
|
+
},
|
|
3312
|
+
|
|
3313
|
+
immediate: true } },
|
|
3314
|
+
|
|
3286
3315
|
|
|
3287
3316
|
|
|
3288
3317
|
connected() {
|
|
@@ -3479,25 +3508,38 @@
|
|
|
3479
3508
|
|
|
3480
3509
|
update: {
|
|
3481
3510
|
read() {
|
|
3482
|
-
const
|
|
3483
|
-
const {
|
|
3484
|
-
getPositionedParent(el) || parent(el);
|
|
3485
|
-
const dim = Dimensions.cover(
|
|
3486
|
-
{
|
|
3487
|
-
width: this.width || el.naturalWidth || el.videoWidth || el.clientWidth,
|
|
3488
|
-
height: this.height || el.naturalHeight || el.videoHeight || el.clientHeight },
|
|
3511
|
+
const { ratio, cover } = Dimensions;
|
|
3512
|
+
const { $el, width, height } = this;
|
|
3489
3513
|
|
|
3490
|
-
{
|
|
3491
|
-
width: width + (width % 2 ? 1 : 0),
|
|
3492
|
-
height: height + (height % 2 ? 1 : 0) });
|
|
3514
|
+
let dim = { width, height };
|
|
3493
3515
|
|
|
3516
|
+
if (!dim.width || !dim.height) {
|
|
3517
|
+
const intrinsic = {
|
|
3518
|
+
width: $el.naturalWidth || $el.videoWidth || $el.clientWidth,
|
|
3519
|
+
height: $el.naturalHeight || $el.videoHeight || $el.clientHeight };
|
|
3494
3520
|
|
|
3495
3521
|
|
|
3496
|
-
|
|
3522
|
+
if (dim.width) {
|
|
3523
|
+
dim = ratio(intrinsic, 'width', dim.width);
|
|
3524
|
+
} else if (height) {
|
|
3525
|
+
dim = ratio(intrinsic, 'height', dim.height);
|
|
3526
|
+
} else {
|
|
3527
|
+
dim = intrinsic;
|
|
3528
|
+
}
|
|
3529
|
+
}
|
|
3530
|
+
|
|
3531
|
+
const { offsetHeight: coverHeight, offsetWidth: coverWidth } =
|
|
3532
|
+
getPositionedParent($el) || parent($el);
|
|
3533
|
+
const coverDim = cover(dim, {
|
|
3534
|
+
width: coverWidth + (coverWidth % 2 ? 1 : 0),
|
|
3535
|
+
height: coverHeight + (coverHeight % 2 ? 1 : 0) });
|
|
3536
|
+
|
|
3537
|
+
|
|
3538
|
+
if (!coverDim.width || !coverDim.height) {
|
|
3497
3539
|
return false;
|
|
3498
3540
|
}
|
|
3499
3541
|
|
|
3500
|
-
return
|
|
3542
|
+
return coverDim;
|
|
3501
3543
|
},
|
|
3502
3544
|
|
|
3503
3545
|
write(_ref) {let { height, width } = _ref;
|
|
@@ -3599,6 +3641,7 @@
|
|
|
3599
3641
|
boundaryAlign: Boolean,
|
|
3600
3642
|
delayShow: Number,
|
|
3601
3643
|
delayHide: Number,
|
|
3644
|
+
display: String,
|
|
3602
3645
|
clsDrop: String },
|
|
3603
3646
|
|
|
3604
3647
|
|
|
@@ -3609,6 +3652,7 @@
|
|
|
3609
3652
|
boundaryAlign: false,
|
|
3610
3653
|
delayShow: 0,
|
|
3611
3654
|
delayHide: 800,
|
|
3655
|
+
display: null,
|
|
3612
3656
|
clsDrop: false,
|
|
3613
3657
|
animation: ['uk-animation-fade'],
|
|
3614
3658
|
cls: 'uk-open',
|
|
@@ -3799,7 +3843,23 @@
|
|
|
3799
3843
|
this.hide(false);
|
|
3800
3844
|
}
|
|
3801
3845
|
}),
|
|
3802
|
-
|
|
3846
|
+
|
|
3847
|
+
...(this.display === 'static' ?
|
|
3848
|
+
[] :
|
|
3849
|
+
(() => {
|
|
3850
|
+
const handler = () => this.$emit();
|
|
3851
|
+
return [
|
|
3852
|
+
on(window, 'resize', handler),
|
|
3853
|
+
on(document, 'scroll', handler, true),
|
|
3854
|
+
(() => {
|
|
3855
|
+
const observer = observeResize(
|
|
3856
|
+
scrollParents(this.$el),
|
|
3857
|
+
handler);
|
|
3858
|
+
|
|
3859
|
+
return () => observer.disconnect();
|
|
3860
|
+
})()];
|
|
3861
|
+
|
|
3862
|
+
})())])
|
|
3803
3863
|
{
|
|
3804
3864
|
once(this.$el, 'hide', handler, { self: true });
|
|
3805
3865
|
}
|
|
@@ -3919,7 +3979,8 @@
|
|
|
3919
3979
|
const boundaryOffset = boundary ? offset(boundary) : scrollParentOffset;
|
|
3920
3980
|
|
|
3921
3981
|
css(this.$el, 'maxWidth', '');
|
|
3922
|
-
const maxWidth =
|
|
3982
|
+
const maxWidth =
|
|
3983
|
+
scrollParentOffset.width - (this.boundaryAlign ? 0 : 2 * this.viewportPadding);
|
|
3923
3984
|
|
|
3924
3985
|
if (this.pos[1] === 'justify') {
|
|
3925
3986
|
const prop = this.axis === 'y' ? 'width' : 'height';
|
|
@@ -4034,7 +4095,7 @@
|
|
|
4034
4095
|
|
|
4035
4096
|
|
|
4036
4097
|
resizeTargets() {
|
|
4037
|
-
return [this.$el, this.$el.children];
|
|
4098
|
+
return [this.$el, ...toArray(this.$el.children)];
|
|
4038
4099
|
},
|
|
4039
4100
|
|
|
4040
4101
|
connected() {
|
|
@@ -4351,7 +4412,7 @@
|
|
|
4351
4412
|
|
|
4352
4413
|
|
|
4353
4414
|
resizeTargets() {
|
|
4354
|
-
return [this.$el, this.elements];
|
|
4415
|
+
return [this.$el, ...this.elements];
|
|
4355
4416
|
},
|
|
4356
4417
|
|
|
4357
4418
|
update: {
|