uikit 3.11.2-dev.19d26d0f9 → 3.11.2-dev.21a5b7139

package/dist/js/components/filter.min.js

@@ -1 +1 @@
-/*! UIkit 3.11.2-dev.19d26d0f9 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(n,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitfilter",["uikit-util"],m):(n=typeof globalThis<"u"?globalThis:n||self,n.UIkitFilter=m(n.UIkit.util))})(this,function(n){"use strict";function m(r){return q(r,"top","bottom")}function q(r,e,o){for(var a=[[]],s=0;s<r.length;s++){var t=r[s];if(!!n.isVisible(t))for(var c=g(t),f=a.length-1;f>=0;f--){var h=a[f];if(!h[0]){h.push(t);break}var d=void 0;if(h[0].offsetParent===t.offsetParent?d=g(h[0]):(c=g(t,!0),d=g(h[0],!0)),c[e]>=d[o]-1&&c[e]!==d[e]){a.push([t]);break}if(c[o]-1>d[e]||c[e]===d[e]){h.push(t);break}if(f===0){a.unshift([t]);break}}}return a}function g(r,e){var o;e===void 0&&(e=!1);var a=r.offsetTop,s=r.offsetLeft,t=r.offsetHeight,c=r.offsetWidth;return e&&(o=n.offsetPosition(r),a=o[0],s=o[1]),{top:a,left:s,bottom:a+t,right:s+c}}var y="uk-transition-leave",$="uk-transition-enter";function w(r,e,o,a){a===void 0&&(a=0);var s=l(e,!0),t={opacity:1},c={opacity:0},f=function(v){return function(){return s===l(e)?v():n.Promise.reject()}},h=f(function(){return n.addClass(e,y),n.Promise.all(I(e).map(function(v,u){return new n.Promise(function(i){return setTimeout(function(){return n.Transition.start(v,c,o/2,"ease").then(i)},u*a)})})).then(function(){return n.removeClass(e,y)})}),d=f(function(){var v=n.height(e);return n.addClass(e,$),r(),n.css(n.children(e),{opacity:0}),new n.Promise(function(u){return requestAnimationFrame(function(){var i=n.children(e),p=n.height(e);n.css(e,"alignContent","flex-start"),n.height(e,v);var C=I(e);n.css(i,c);var L=C.map(function(R,_){return new n.Promise(function(G){return setTimeout(function(){return n.Transition.start(R,t,o/2,"ease").then(G)},_*a)})});v!==p&&L.push(n.Transition.start(e,{height:p},o/2+C.length*a,"ease")),n.Promise.all(L).then(function(){n.removeClass(e,$),s===l(e)&&(n.css(e,{height:"",alignContent:""}),n.css(i,{opacity:""}),delete e.dataset.transition),u()})})})});return n.hasClass(e,y)?T(e).then(d):n.hasClass(e,$)?T(e).then(h).then(d):h().then(d)}function l(r,e){return e&&(r.dataset.transition=1+l(r)),n.toNumber(r.dataset.transition)||0}function T(r){return n.Promise.all(n.children(r).filter(n.Transition.inProgress).map(function(e){return new n.Promise(function(o){return n.once(e,"transitionend transitioncanceled",o)})}))}function I(r){return m(n.children(r)).reduce(function(e,o){return e.concat(n.sortBy(o.filter(function(a){return n.isInView(a)}),"offsetLeft"))},[])}function A(r,e,o){return new n.Promise(function(a){return requestAnimationFrame(function(){var s=n.children(e),t=s.map(function(f){return S(f,!0)}),c=n.css(e,["height","padding"]);n.Transition.cancel(e),s.forEach(n.Transition.cancel),F(e),r(),s=s.concat(n.children(e).filter(function(f){return!n.includes(s,f)})),n.Promise.resolve().then(function(){n.fastdom.flush();var f=n.css(e,["height","padding"]),h=z(e,s,t),d=h[0],v=h[1];s.forEach(function(u,i){return v[i]&&n.css(u,v[i])}),n.css(e,n.assign({display:"block"},c)),requestAnimationFrame(function(){var u=s.map(function(i,p){return n.parent(i)===e&&n.Transition.start(i,d[p],o,"ease")}).concat(n.Transition.start(e,f,o,"ease"));n.Promise.all(u).then(function(){s.forEach(function(i,p){return n.parent(i)===e&&n.css(i,"display",d[p].opacity===0?"none":"")}),F(e)},n.noop).then(a)})})})})}function S(r,e){var o=n.css(r,"zIndex");return n.isVisible(r)?n.assign({display:"",opacity:e?n.css(r,"opacity"):"0",pointerEvents:"none",position:"absolute",zIndex:o==="auto"?n.index(r):o},b(r)):!1}function z(r,e,o){var a=e.map(function(t,c){return n.parent(t)&&c in o?o[c]?n.isVisible(t)?b(t):{opacity:0}:{opacity:n.isVisible(t)?1:0}:!1}),s=a.map(function(t,c){var f=n.parent(e[c])===r&&(o[c]||S(e[c]));if(!f)return!1;if(!t)delete f.opacity;else if(!("opacity"in t)){var h=f.opacity;h%1?t.opacity=1:delete f.opacity}return f});return[a,s]}function F(r){n.css(r.children,{height:"",left:"",opacity:"",pointerEvents:"",position:"",top:"",marginTop:"",marginLeft:"",transform:"",width:"",zIndex:""}),n.css(r,{height:"",display:"",padding:""})}function b(r){var e=n.offset(r),o=e.height,a=e.width,s=n.position(r),t=s.top,c=s.left,f=n.css(r,["marginTop","marginLeft"]),h=f.marginLeft,d=f.marginTop;return{top:t,left:c,height:o,width:a,marginLeft:h,marginTop:d,transform:""}}var B={props:{duration:Number,animation:Boolean},data:{duration:150,animation:"slide"},methods:{animate:function(r,e){var o=this;e===void 0&&(e=this.$el);var a=this.animation,s=a==="fade"?w:a==="delayed-fade"?function(){for(var t=[],c=arguments.length;c--;)t[c]=arguments[c];return w.apply(void 0,t.concat([40]))}:a?A:function(){return r(),n.Promise.resolve()};return s(r,e,this.duration).then(function(){return o.$update(e,"resize")},n.noop)}}},P={mixins:[B],args:"target",props:{target:Boolean,selActive:Boolean},data:{target:null,selActive:!1,attrItem:"uk-filter-control",cls:"uk-active",duration:250},computed:{toggles:{get:function(r,e){var o=r.attrItem;return n.$$("["+o+"],[data-"+o+"]",e)},watch:function(){var r=this;if(this.updateState(),this.selActive!==!1){var e=n.$$(this.selActive,this.$el);this.toggles.forEach(function(o){return n.toggleClass(o,r.cls,n.includes(e,o))})}},immediate:!0},children:{get:function(r,e){var o=r.target;return n.$$(o+" > *",e)},watch:function(r,e){e&&!N(r,e)&&this.updateState()},immediate:!0}},events:[{name:"click",delegate:function(){return"["+this.attrItem+"],[data-"+this.attrItem+"]"},handler:function(r){r.preventDefault(),this.apply(r.current)}}],methods:{apply:function(r){var e=this.getState(),o=x(r,this.attrItem,this.getState());O(e,o)||this.setState(o)},getState:function(){var r=this;return this.toggles.filter(function(e){return n.hasClass(e,r.cls)}).reduce(function(e,o){return x(o,r.attrItem,e)},{filter:{"":""},sort:[]})},setState:function(r,e){var o=this;e===void 0&&(e=!0),r=n.assign({filter:{"":""},sort:[]},r),n.trigger(this.$el,"beforeFilter",[this,r]),this.toggles.forEach(function(a){return n.toggleClass(a,o.cls,!!H(a,o.attrItem,r))}),n.Promise.all(n.$$(this.target,this.$el).map(function(a){var s=function(){V(r,a,n.children(a)),o.$update(o.$el)};return e?o.animate(s,a):s()})).then(function(){return n.trigger(o.$el,"afterFilter",[o])})},updateState:function(){var r=this;n.fastdom.write(function(){return r.setState(r.getState(),!1)})}}};function E(r,e){return n.parseOptions(n.data(r,e),["filter"])}function O(r,e){return["filter","sort"].every(function(o){return n.isEqual(r[o],e[o])})}function V(r,e,o){var a=W(r);o.forEach(function(h){return n.css(h,"display",a&&!n.matches(h,a)?"none":"")});var s=r.sort,t=s[0],c=s[1];if(t){var f=M(o,t,c);n.isEqual(f,o)||n.append(e,f)}}function x(r,e,o){var a=E(r,e),s=a.filter,t=a.group,c=a.sort,f=a.order;return f===void 0&&(f="asc"),(s||n.isUndefined(c))&&(t?s?(delete o.filter[""],o.filter[t]=s):(delete o.filter[t],(n.isEmpty(o.filter)||""in o.filter)&&(o.filter={"":s||""})):o.filter={"":s||""}),n.isUndefined(c)||(o.sort=[c,f]),o}function H(r,e,o){var a=o.filter;a===void 0&&(a={"":""});var s=o.sort,t=s[0],c=s[1],f=E(r,e),h=f.filter;h===void 0&&(h="");var d=f.group;d===void 0&&(d="");var v=f.sort,u=f.order;return u===void 0&&(u="asc"),n.isUndefined(v)?d in a&&h===a[d]||!h&&d&&!(d in a)&&!a[""]:t===v&&c===u}function N(r,e){return r.length===e.length&&r.every(function(o){return~e.indexOf(o)})}function W(r){var e=r.filter,o="";return n.each(e,function(a){return o+=a||""}),o}function M(r,e,o){return n.assign([],r).sort(function(a,s){return n.data(a,e).localeCompare(n.data(s,e),void 0,{numeric:!0})*(o==="asc"||-1)})}return typeof window<"u"&&window.UIkit&&window.UIkit.component("filter",P),P});
+/*! UIkit 3.11.2-dev.21a5b7139 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(n,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitfilter",["uikit-util"],l):(n=typeof globalThis<"u"?globalThis:n||self,n.UIkitFilter=l(n.UIkit.util))})(this,function(n){"use strict";function l(s){return A(s,"top","bottom")}function A(s,e,o){const t=[[]];for(let r=0;r<s.length;r++){const c=s[r];if(!n.isVisible(c))continue;let a=u(c);for(let f=t.length-1;f>=0;f--){const h=t[f];if(!h[0]){h.push(c);break}let d;if(h[0].offsetParent===c.offsetParent?d=u(h[0]):(a=u(c,!0),d=u(h[0],!0)),a[e]>=d[o]-1&&a[e]!==d[e]){t.push([c]);break}if(a[o]-1>d[e]||a[e]===d[e]){h.push(c);break}if(f===0){t.unshift([c]);break}}}return t}function u(s,e){e===void 0&&(e=!1);let{offsetTop:o,offsetLeft:t,offsetHeight:r,offsetWidth:c}=s;return e&&([o,t]=n.offsetPosition(s)),{top:o,left:t,bottom:o+r,right:t+c}}const y="uk-transition-leave",v="uk-transition-enter";function w(s,e,o,t){t===void 0&&(t=0);const r=g(e,!0),c={opacity:1},a={opacity:0},f=p=>()=>r===g(e)?p():Promise.reject(),h=f(()=>(n.addClass(e,y),Promise.all(I(e).map((p,i)=>new Promise(m=>setTimeout(()=>n.Transition.start(p,a,o/2,"ease").then(m),i*t)))).then(()=>n.removeClass(e,y)))),d=f(()=>{const p=n.height(e);return n.addClass(e,v),s(),n.css(n.children(e),{opacity:0}),new Promise(i=>requestAnimationFrame(()=>{const m=n.children(e),x=n.height(e);n.css(e,"alignContent","flex-start"),n.height(e,p);const C=I(e);n.css(m,a);const q=C.map((W,M)=>new Promise(R=>setTimeout(()=>n.Transition.start(W,c,o/2,"ease").then(R),M*t)));p!==x&&q.push(n.Transition.start(e,{height:x},o/2+C.length*t,"ease")),Promise.all(q).then(()=>{n.removeClass(e,v),r===g(e)&&(n.css(e,{height:"",alignContent:""}),n.css(m,{opacity:""}),delete e.dataset.transition),i()})}))});return n.hasClass(e,y)?T(e).then(d):n.hasClass(e,v)?T(e).then(h).then(d):h().then(d)}function g(s,e){return e&&(s.dataset.transition=1+g(s)),n.toNumber(s.dataset.transition)||0}function T(s){return Promise.all(n.children(s).filter(n.Transition.inProgress).map(e=>new Promise(o=>n.once(e,"transitionend transitioncanceled",o))))}function I(s){return l(n.children(s)).reduce((e,o)=>e.concat(n.sortBy(o.filter(t=>n.isInView(t)),"offsetLeft")),[])}function L(s,e,o){return new Promise(t=>requestAnimationFrame(()=>{let r=n.children(e);const c=r.map(f=>F(f,!0)),a=n.css(e,["height","padding"]);n.Transition.cancel(e),r.forEach(n.Transition.cancel),S(e),s(),r=r.concat(n.children(e).filter(f=>!n.includes(r,f))),Promise.resolve().then(()=>{n.fastdom.flush();const f=n.css(e,["height","padding"]),[h,d]=z(e,r,c);r.forEach((p,i)=>d[i]&&n.css(p,d[i])),n.css(e,n.assign({display:"block"},a)),requestAnimationFrame(()=>{const p=r.map((i,m)=>n.parent(i)===e&&n.Transition.start(i,h[m],o,"ease")).concat(n.Transition.start(e,f,o,"ease"));Promise.all(p).then(()=>{r.forEach((i,m)=>n.parent(i)===e&&n.css(i,"display",h[m].opacity===0?"none":"")),S(e)},n.noop).then(t)})})}))}function F(s,e){const o=n.css(s,"zIndex");return n.isVisible(s)?n.assign({display:"",opacity:e?n.css(s,"opacity"):"0",pointerEvents:"none",position:"absolute",zIndex:o==="auto"?n.index(s):o},$(s)):!1}function z(s,e,o){const t=e.map((c,a)=>n.parent(c)&&a in o?o[a]?n.isVisible(c)?$(c):{opacity:0}:{opacity:n.isVisible(c)?1:0}:!1),r=t.map((c,a)=>{const f=n.parent(e[a])===s&&(o[a]||F(e[a]));if(!f)return!1;if(!c)delete f.opacity;else if(!("opacity"in c)){const{opacity:h}=f;h%1?c.opacity=1:delete f.opacity}return f});return[t,r]}function S(s){n.css(s.children,{height:"",left:"",opacity:"",pointerEvents:"",position:"",top:"",marginTop:"",marginLeft:"",transform:"",width:"",zIndex:""}),n.css(s,{height:"",display:"",padding:""})}function $(s){const{height:e,width:o}=n.offset(s),{top:t,left:r}=n.position(s),{marginLeft:c,marginTop:a}=n.css(s,["marginTop","marginLeft"]);return{top:t,left:r,height:e,width:o,marginLeft:c,marginTop:a,transform:""}}var B={props:{duration:Number,animation:Boolean},data:{duration:150,animation:"slide"},methods:{animate(s,e){e===void 0&&(e=this.$el);const o=this.animation;return(o==="fade"?w:o==="delayed-fade"?function(){for(var r=arguments.length,c=new Array(r),a=0;a<r;a++)c[a]=arguments[a];return w(...c,40)}:o?L:()=>(s(),Promise.resolve()))(s,e,this.duration).then(()=>this.$update(e,"resize"),n.noop)}}},b={mixins:[B],args:"target",props:{target:Boolean,selActive:Boolean},data:{target:null,selActive:!1,attrItem:"uk-filter-control",cls:"uk-active",duration:250},computed:{toggles:{get(s,e){let{attrItem:o}=s;return n.$$("["+o+"],[data-"+o+"]",e)},watch(){if(this.updateState(),this.selActive!==!1){const s=n.$$(this.selActive,this.$el);this.toggles.forEach(e=>n.toggleClass(e,this.cls,n.includes(s,e)))}},immediate:!0},children:{get(s,e){let{target:o}=s;return n.$$(o+" > *",e)},watch(s,e){e&&!j(s,e)&&this.updateState()},immediate:!0}},events:[{name:"click",delegate(){return"["+this.attrItem+"],[data-"+this.attrItem+"]"},handler(s){s.preventDefault(),this.apply(s.current)}}],methods:{apply(s){const e=this.getState(),o=E(s,this.attrItem,this.getState());O(e,o)||this.setState(o)},getState(){return this.toggles.filter(s=>n.hasClass(s,this.cls)).reduce((s,e)=>E(e,this.attrItem,s),{filter:{"":""},sort:[]})},setState(s,e){e===void 0&&(e=!0),s=n.assign({filter:{"":""},sort:[]},s),n.trigger(this.$el,"beforeFilter",[this,s]),this.toggles.forEach(o=>n.toggleClass(o,this.cls,!!N(o,this.attrItem,s))),Promise.all(n.$$(this.target,this.$el).map(o=>{const t=()=>{V(s,o,n.children(o)),this.$update(this.$el)};return e?this.animate(t,o):t()})).then(()=>n.trigger(this.$el,"afterFilter",[this]))},updateState(){n.fastdom.write(()=>this.setState(this.getState(),!1))}}};function P(s,e){return n.parseOptions(n.data(s,e),["filter"])}function O(s,e){return["filter","sort"].every(o=>n.isEqual(s[o],e[o]))}function V(s,e,o){const t=H(s);o.forEach(a=>n.css(a,"display",t&&!n.matches(a,t)?"none":""));const[r,c]=s.sort;if(r){const a=D(o,r,c);n.isEqual(a,o)||n.append(e,a)}}function E(s,e,o){const t=P(s,e),{filter:r,group:c,sort:a,order:f="asc"}=t;return(r||n.isUndefined(a))&&(c?r?(delete o.filter[""],o.filter[c]=r):(delete o.filter[c],(n.isEmpty(o.filter)||""in o.filter)&&(o.filter={"":r||""})):o.filter={"":r||""}),n.isUndefined(a)||(o.sort=[a,f]),o}function N(s,e,o){let{filter:t={"":""},sort:[r,c]}=o;const{filter:a="",group:f="",sort:h,order:d="asc"}=P(s,e);return n.isUndefined(h)?f in t&&a===t[f]||!a&&f&&!(f in t)&&!t[""]:r===h&&c===d}function j(s,e){return s.length===e.length&&s.every(o=>~e.indexOf(o))}function H(s){let{filter:e}=s,o="";return n.each(e,t=>o+=t||""),o}function D(s,e,o){return n.assign([],s).sort((t,r)=>n.data(t,e).localeCompare(n.data(r,e),void 0,{numeric:!0})*(o==="asc"||-1))}return typeof window<"u"&&window.UIkit&&window.UIkit.component("filter",b),b});