uikit 3.21.14-dev.028df7be8 → 3.21.14-dev.2e8a07c7e
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 +34 -0
- package/dist/css/uikit-core-rtl.css +233 -85
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +233 -85
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +237 -81
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +237 -81
- 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 +2 -11
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +425 -126
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +442 -131
- 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 +2 -2
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +2 -2
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +17 -27
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +2 -2
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +22 -33
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +3 -3
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +8 -12
- 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 +225 -221
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +20 -17
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +644 -530
- package/dist/js/uikit.min.js +1 -1
- package/package.json +2 -2
- package/src/images/icons/arrow-down-arrow-up.svg +6 -0
- package/src/images/icons/arrow-down.svg +3 -3
- package/src/images/icons/arrow-left.svg +3 -3
- package/src/images/icons/arrow-right.svg +3 -3
- package/src/images/icons/arrow-up-right.svg +3 -3
- package/src/images/icons/arrow-up.svg +3 -3
- package/src/images/icons/close-circle.svg +5 -0
- package/src/images/icons/cloud-download.svg +4 -4
- package/src/images/icons/cloud-upload.svg +4 -4
- package/src/images/icons/download.svg +4 -4
- package/src/images/icons/expand.svg +5 -5
- package/src/images/icons/link-external.svg +4 -4
- package/src/images/icons/pull.svg +4 -4
- package/src/images/icons/push.svg +3 -3
- package/src/images/icons/shrink.svg +5 -5
- package/src/images/icons/sign-in.svg +4 -3
- package/src/images/icons/sign-out.svg +4 -3
- package/src/images/icons/sorting.svg +6 -0
- package/src/images/icons/upload.svg +4 -4
- package/src/js/api/events.js +15 -14
- package/src/js/api/instance.js +1 -1
- package/src/js/components/internal/lightbox-animations.js +2 -1
- package/src/js/components/internal/slideshow-animations.js +5 -5
- package/src/js/components/lightbox-panel.js +180 -45
- package/src/js/components/lightbox.js +59 -6
- package/src/js/components/slideshow.js +1 -2
- package/src/js/components/sortable.js +2 -2
- package/src/js/core/grid.js +1 -1
- package/src/js/core/icon.js +2 -2
- package/src/js/core/img.js +3 -5
- package/src/js/core/navbar.js +6 -2
- package/src/js/core/scrollspy-nav.js +1 -1
- package/src/js/core/svg.js +8 -10
- package/src/js/core/video.js +4 -3
- package/src/js/mixin/internal/slideshow-animations.js +1 -6
- package/src/js/mixin/modal.js +1 -4
- package/src/js/mixin/slider-drag.js +5 -6
- package/src/js/mixin/slider-nav.js +1 -1
- package/src/js/mixin/slider.js +11 -13
- package/src/js/mixin/slideshow.js +1 -1
- package/src/js/mixin/togglable.js +7 -2
- package/src/js/util/dom.js +3 -1
- package/src/js/util/filter.js +3 -1
- package/src/js/util/player.js +0 -4
- package/src/less/components/background.less +1 -9
- package/src/less/components/breadcrumb.less +6 -2
- package/src/less/components/button.less +1 -1
- package/src/less/components/form-range.less +52 -0
- package/src/less/components/form.less +1 -1
- package/src/less/components/lightbox.less +57 -89
- package/src/less/components/margin.less +14 -0
- package/src/less/components/search.less +49 -23
- package/src/less/components/sticky.less +1 -10
- package/src/less/components/totop.less +1 -1
- package/src/less/components/transition.less +4 -4
- package/src/less/components/visibility.less +3 -2
- package/src/less/theme/form-range.less +12 -0
- package/src/less/theme/lightbox.less +2 -20
- package/src/less/theme/search.less +24 -10
- package/src/scss/components/background.scss +1 -9
- package/src/scss/components/breadcrumb.scss +6 -2
- package/src/scss/components/button.scss +1 -1
- package/src/scss/components/form-range.scss +12 -0
- package/src/scss/components/form.scss +1 -1
- package/src/scss/components/lightbox.scss +50 -77
- package/src/scss/components/margin.scss +13 -0
- package/src/scss/components/search.scss +30 -12
- package/src/scss/components/sticky.scss +1 -10
- package/src/scss/components/totop.scss +1 -1
- package/src/scss/components/transition.scss +4 -4
- package/src/scss/components/visibility.scss +3 -2
- package/src/scss/mixins-theme.scss +51 -12
- package/src/scss/mixins.scss +45 -6
- package/src/scss/theme/form-range.scss +10 -0
- package/src/scss/theme/lightbox.scss +2 -20
- package/src/scss/theme/search.scss +10 -6
- package/src/scss/variables-theme.scss +32 -20
- package/src/scss/variables.scss +29 -24
- package/tests/badge.html +2 -2
- package/tests/base.html +1 -1
- package/tests/breadcrumb.html +23 -5
- package/tests/card.html +24 -24
- package/tests/dropbar.html +15 -15
- package/tests/dropdown.html +6 -6
- package/tests/dropnav.html +100 -100
- package/tests/icon.html +8 -0
- package/tests/index.html +15 -15
- package/tests/lightbox.html +379 -28
- package/tests/margin.html +19 -0
- package/tests/nav.html +21 -21
- package/tests/navbar.html +292 -292
- package/tests/offcanvas.html +27 -27
- package/tests/placeholder.html +2 -2
- package/tests/slider.html +0 -1
- package/tests/slideshow.html +1 -1
- package/tests/sortable.html +5 -5
- package/tests/sticky-navbar.html +114 -114
- package/tests/transition.html +2 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.21.14-dev.
|
|
1
|
+
/*! UIkit 3.21.14-dev.2e8a07c7e | https://www.getuikit.com | (c) 2014 - 2024 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.21.14-dev.
|
|
1
|
+
/*! UIkit 3.21.14-dev.2e8a07c7e | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */(function(t,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitcountdown",["uikit-util"],s):(t=typeof globalThis<"u"?globalThis:t||self,t.UIkitCountdown=s(t.UIkit.util))})(this,function(t){"use strict";var s={connected(){t.addClass(this.$el,this.$options.id)}};const d=["days","hours","minutes","seconds"];var r={mixins:[s],props:{date:String,clsWrapper:String,role:String},data:{date:"",clsWrapper:".uk-countdown-%unit%",role:"timer"},connected(){t.attr(this.$el,"role",this.role),this.date=t.toFloat(Date.parse(this.$props.date)),this.end=!1,this.start()},disconnected(){this.stop()},events:{name:"visibilitychange",el:()=>document,handler(){document.hidden?this.stop():this.start()}},methods:{start(){this.stop(),this.update(),this.timer||(t.trigger(this.$el,"countdownstart"),this.timer=setInterval(this.update,1e3))},stop(){this.timer&&(clearInterval(this.timer),t.trigger(this.$el,"countdownstop"),this.timer=null)},update(){const o=a(this.date);o.total||(this.stop(),this.end||(t.trigger(this.$el,"countdownend"),this.end=!0));for(const e of d){const i=t.$(this.clsWrapper.replace("%unit%",e),this.$el);if(!i)continue;let n=Math.trunc(o[e]).toString().padStart(2,"0");i.textContent!==n&&(n=n.split(""),n.length!==i.children.length&&t.html(i,n.map(()=>"<span></span>").join("")),n.forEach((h,p)=>i.children[p].textContent=h))}}}};function a(o){const e=Math.max(0,o-Date.now())/1e3;return{total:e,seconds:e%60,minutes:e/60%60,hours:e/60/60%24,days:e/60/60/24}}return typeof window<"u"&&window.UIkit&&window.UIkit.component("countdown",r),r});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.21.14-dev.
|
|
1
|
+
/*! UIkit 3.21.14-dev.2e8a07c7e | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
|
|
2
2
|
|
|
3
3
|
(function (global, factory) {
|
|
4
4
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
|
|
@@ -362,16 +362,7 @@
|
|
|
362
362
|
};
|
|
363
363
|
|
|
364
364
|
const keyMap = {
|
|
365
|
-
|
|
366
|
-
ESC: 27,
|
|
367
|
-
SPACE: 32,
|
|
368
|
-
END: 35,
|
|
369
|
-
HOME: 36,
|
|
370
|
-
LEFT: 37,
|
|
371
|
-
UP: 38,
|
|
372
|
-
RIGHT: 39,
|
|
373
|
-
DOWN: 40
|
|
374
|
-
};
|
|
365
|
+
SPACE: 32};
|
|
375
366
|
|
|
376
367
|
var Component = {
|
|
377
368
|
mixins: [Animate],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! UIkit 3.21.14-dev.
|
|
1
|
+
/*! UIkit 3.21.14-dev.2e8a07c7e | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */(function(n,y){typeof exports=="object"&&typeof module<"u"?module.exports=y(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitfilter",["uikit-util"],y):(n=typeof globalThis<"u"?globalThis:n||self,n.UIkitFilter=y(n.UIkit.util))})(this,function(n){"use strict";function y(e,s=[]){try{return e?n.startsWith(e,"{")?JSON.parse(e):s.length&&!n.includes(e,":")?{[s[0]]:e}:e.split(";").reduce((o,t)=>{const[a,r]=t.split(/:(.*)/);return a&&!n.isUndefined(r)&&(o[a.trim()]=r.trim()),o},{}):{}}catch{return{}}}function z(e,s="update"){e._connected&&e._updates.length&&(e._queued||(e._queued=new Set,n.fastdom.read(()=>{e._connected&&O(e,e._queued),e._queued=null})),e._queued.add(s.type||s))}function O(e,s){for(const{read:o,write:t,events:a=[]}of e._updates){if(!s.has("update")&&!a.some(c=>s.has(c)))continue;let r;o&&(r=o.call(e,e._data,s),r&&n.isPlainObject(r)&&n.assign(e._data,r)),t&&r!==!1&&n.fastdom.write(()=>{e._connected&&t.call(e,e._data,s)})}}function j(e){return S(n.observeResize,e,"resize")}function C(e){return S(n.observeMutation,e)}function S(e,s,o){return{observe:e,handler(){z(this,o)},...s}}C({options:{childList:!0}}),C({options:{attributes:!0,attributeFilter:["style"]},target:({$el:e})=>[e,...n.children(e)]}),j({target:({$el:e})=>[e,...n.children(e)]});function T(e){const s=[[]],o=e.some((t,a)=>a&&e[a-1].offsetParent!==t.offsetParent);for(const t of e){if(!n.isVisible(t))continue;const a=w(t,o);for(let r=s.length-1;r>=0;r--){const c=s[r];if(!c[0]){c.push(t);break}const f=w(c[0],o);if(a.top>=f.bottom-1&&a.top!==f.top){s.push([t]);break}if(a.bottom-1>f.top||a.top===f.top){let p=c.length-1;for(;p>=0;p--){const l=w(c[p],o);if(a.left>=l.left)break}c.splice(p+1,0,t);break}if(r===0){s.unshift([t]);break}}}return s}function w(e,s=!1){let{offsetTop:o,offsetLeft:t,offsetHeight:a,offsetWidth:r}=e;return s&&([o,t]=n.offsetPosition(e)),{top:o,left:t,bottom:o+a,right:t+r}}async function N(e,s,o){await b();let t=n.children(s);const a=t.map(d=>$(d,!0)),r={...n.css(s,["height","padding"]),display:"block"},c=t.concat(s);await Promise.all(c.map(n.Transition.cancel)),n.css(c,"transitionProperty","none"),await e(),t=t.concat(n.children(s).filter(d=>!n.includes(t,d))),await Promise.resolve(),n.css(c,"transitionProperty","");const f=n.attr(s,"style"),p=n.css(s,["height","padding"]),[l,m]=V(s,t,a),i=t.map(d=>({style:n.attr(d,"style")}));t.forEach((d,h)=>m[h]&&n.css(d,m[h])),n.css(s,r),n.trigger(s,"scroll"),await b();const u=t.map((d,h)=>n.parent(d)===s&&n.Transition.start(d,l[h],o,"ease")).concat(n.Transition.start(s,p,o,"ease"));try{await Promise.all(u),t.forEach((d,h)=>{n.attr(d,i[h]),n.parent(d)===s&&n.css(d,"display",l[h].opacity===0?"none":"")}),n.attr(s,"style",f)}catch{n.attr(t,"style",""),B(s,r)}}function $(e,s){const o=n.css(e,"zIndex");return n.isVisible(e)?{display:"",opacity:s?n.css(e,"opacity"):"0",pointerEvents:"none",position:"absolute",zIndex:o==="auto"?n.index(e):o,...F(e)}:!1}function V(e,s,o){const t=s.map((r,c)=>n.parent(r)&&c in o?o[c]?n.isVisible(r)?F(r):{opacity:0}:{opacity:n.isVisible(r)?1:0}:!1),a=t.map((r,c)=>{const f=n.parent(s[c])===e&&(o[c]||$(s[c]));if(!f)return!1;if(!r)delete f.opacity;else if(!("opacity"in r)){const{opacity:p}=f;p%1?r.opacity=1:delete f.opacity}return f});return[t,a]}function B(e,s){for(const o in s)n.css(e,o,"")}function F(e){const{height:s,width:o}=n.dimensions(e);return{height:s,width:o,transform:"",...n.position(e),...n.css(e,["marginTop","marginLeft"])}}function b(){return new Promise(e=>requestAnimationFrame(e))}const v="uk-transition-leave",P="uk-transition-enter";function I(e,s,o,t=0){const a=g(s,!0),r={opacity:1},c={opacity:0},f=m=>()=>a===g(s)?m():Promise.reject(),p=f(async()=>{n.addClass(s,v),await Promise.all(x(s).map((m,i)=>new Promise(u=>setTimeout(()=>n.Transition.start(m,c,o/2,"ease").then(u),i*t)))),n.removeClass(s,v)}),l=f(async()=>{const m=n.height(s);n.addClass(s,P),e(),n.css(n.children(s),{opacity:0}),await b();const i=n.children(s),u=n.height(s);n.css(s,"alignContent","flex-start"),n.height(s,m);const d=x(s);n.css(i,c);const h=d.map(async(K,Q)=>{await L(Q*t),await n.Transition.start(K,r,o/2,"ease")});m!==u&&h.push(n.Transition.start(s,{height:u},o/2+d.length*t,"ease")),await Promise.all(h).then(()=>{n.removeClass(s,P),a===g(s)&&(n.css(s,{height:"",alignContent:""}),n.css(i,{opacity:""}),delete s.dataset.transition)})});return n.hasClass(s,v)?_(s).then(l):n.hasClass(s,P)?_(s).then(p).then(l):p().then(l)}function g(e,s){return s&&(e.dataset.transition=1+g(e)),n.toNumber(e.dataset.transition)||0}function _(e){return Promise.all(n.children(e).filter(n.Transition.inProgress).map(s=>new Promise(o=>n.once(s,"transitionend transitioncanceled",o))))}function x(e){return T(n.children(e)).flat().filter(n.isVisible)}function L(e){return new Promise(s=>setTimeout(s,e))}var H={props:{duration:Number,animation:Boolean},data:{duration:150,animation:"slide"},methods:{animate(e,s=this.$el){const o=this.animation;return(o==="fade"?I:o==="delayed-fade"?(...a)=>I(...a,40):o?N:()=>(e(),Promise.resolve()))(e,s,this.duration).catch(n.noop)}}};const M={SPACE:32};var q={mixins:[H],args:"target",props:{target:String,selActive:Boolean},data:{target:"",selActive:!1,attrItem:"uk-filter-control",cls:"uk-active",duration:250},computed:{children:({target:e},s)=>n.$$(`${e} > *`,s),toggles:({attrItem:e},s)=>n.$$(`[${e}],[data-${e}]`,s)},watch:{toggles(e){this.updateState();const s=n.$$(this.selActive,this.$el);for(const o of e){this.selActive!==!1&&n.toggleClass(o,this.cls,n.includes(s,o));const t=G(o);n.isTag(t,"a")&&n.attr(t,"role","button")}},children(e,s){s&&this.updateState()}},events:{name:"click keydown",delegate:({attrItem:e})=>`[${e}],[data-${e}]`,handler(e){e.type==="keydown"&&e.keyCode!==M.SPACE||e.target.closest("a,button")&&(e.preventDefault(),this.apply(e.current))}},methods:{apply(e){const s=this.getState(),o=A(e,this.attrItem,this.getState());R(s,o)||this.setState(o)},getState(){return this.toggles.filter(e=>n.hasClass(e,this.cls)).reduce((e,s)=>A(s,this.attrItem,e),{filter:{"":""},sort:[]})},async setState(e,s=!0){e={filter:{"":""},sort:[],...e},n.trigger(this.$el,"beforeFilter",[this,e]);for(const o of this.toggles)n.toggleClass(o,this.cls,D(o,this.attrItem,e));await Promise.all(n.$$(this.target,this.$el).map(o=>{const t=()=>W(e,o,n.children(o));return s?this.animate(t,o):t()})),n.trigger(this.$el,"afterFilter",[this])},updateState(){n.fastdom.write(()=>this.setState(this.getState(),!1))}}};function E(e,s){return y(n.data(e,s),["filter"])}function R(e,s){return["filter","sort"].every(o=>n.isEqual(e[o],s[o]))}function W(e,s,o){for(const r of o)n.css(r,"display",Object.values(e.filter).every(c=>!c||n.matches(r,c))?"":"none");const[t,a]=e.sort;if(t){const r=J(o,t,a);n.isEqual(r,o)||n.append(s,r)}}function A(e,s,o){const{filter:t,group:a,sort:r,order:c="asc"}=E(e,s);return(t||n.isUndefined(r))&&(a?t?(delete o.filter[""],o.filter[a]=t):(delete o.filter[a],(n.isEmpty(o.filter)||""in o.filter)&&(o.filter={"":t||""})):o.filter={"":t||""}),n.isUndefined(r)||(o.sort=[r,c]),o}function D(e,s,{filter:o={"":""},sort:[t,a]}){const{filter:r="",group:c="",sort:f,order:p="asc"}=E(e,s);return n.isUndefined(f)?c in o&&r===o[c]||!r&&c&&!(c in o)&&!o[""]:t===f&&a===p}function J(e,s,o){return[...e].sort((t,a)=>n.data(t,s).localeCompare(n.data(a,s),void 0,{numeric:!0})*(o==="asc"||-1))}function G(e){return n.$("a,button",e)||e}return typeof window<"u"&&window.UIkit&&window.UIkit.component("filter",q),q});
|