@validol4ik/uikit 0.1.6 → 0.1.8
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/dist/icons.css +1 -1
- package/dist/main.css +1 -1
- package/dist/uikit.cjs +1 -1
- package/dist/uikit.es.js +126 -124
- package/package.json +10 -10
package/dist/icons.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
i.icon-kl{font-family:kl!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-kl-check:before{content:""}.icon-kl-translate:before{content:""}.icon-kl-price-tag_o:before{content:""}.icon-kl-checklist:before{content:""
|
|
1
|
+
i.icon-kl{font-family:kl!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-kl-check:before{content:""}.icon-kl-translate:before{content:""}.icon-kl-price-tag_o:before{content:""}.icon-kl-checklist:before{content:""}.icon-kl-quote_o:before{content:""}.icon-kl-play_o:before{content:""}.icon-kl-plus:before{content:""}.icon-kl-visibility-off:before{content:""}.icon-kl-visibility:before{content:""}.icon-kl-circle-question_o:before{content:""}.icon-kl-arrow-down:before{content:""}.icon-kl-arrow-left:before{content:""}.icon-kl-arrow-download:before{content:""}.icon-kl-arrow-export:before{content:""}.icon-kl-arrow-logout:before{content:""}.icon-kl-arrow-share:before{content:""}.icon-kl-bulleted-list:before{content:""}.icon-kl-menu:before{content:""}.icon-kl-text-right:before{content:""}.icon-kl-text-left:before{content:""}.icon-kl-award_o:before{content:""}.icon-kl-medal_o:before{content:""}.icon-kl-bookmark_o:before{content:""}.icon-kl-calendar_o:before{content:""}.icon-kl-circle-check_o:before{content:""}.icon-kl-circle-info_o:before{content:""}.icon-kl-pie-chart_o:before{content:""}.icon-kl-edit_o:before{content:""}.icon-kl-trash_o:before{content:""}.icon-kl-copy_o:before{content:""}.icon-kl-copied_o:before{content:""}.icon-kl-folder_o:before{content:""}.icon-kl-folder-plus_o:before{content:""}.icon-kl-file-plus_o:before{content:""}.icon-kl-flag_o:before{content:""}.icon-kl-home_o:before{content:""}.icon-kl-timer_o:before{content:""}.icon-kl-unlock_o:before{content:""}.icon-kl-lock_o:before{content:""}.icon-kl-mail_o:before{content:""}.icon-kl-user_o:before{content:""}.icon-kl-user-plus_o:before{content:""}.icon-kl-user-close_o:before{content:""}.icon-kl-price-tag:before{content:""}.icon-kl-quote:before{content:""}.icon-kl-play:before{content:""}.icon-kl-award:before{content:""}.icon-kl-medal:before{content:""}.icon-kl-bookmark:before{content:""}.icon-kl-calendar:before{content:""}.icon-kl-circle-check:before{content:""}.icon-kl-circle-info:before{content:""}.icon-kl-pie-chart:before{content:""}.icon-kl-edit:before{content:""}.icon-kl-trash:before{content:""}.icon-kl-copy:before{content:""}.icon-kl-copied:before{content:""}.icon-kl-folder:before{content:""}.icon-kl-folder-plus:before{content:""}.icon-kl-file-plus:before{content:""}.icon-kl-flag:before{content:""}.icon-kl-home:before{content:""}.icon-kl-timer:before{content:""}.icon-kl-unlock:before{content:""}.icon-kl-lock:before{content:""}.icon-kl-mail:before{content:""}.icon-kl-user:before{content:""}.icon-kl-user-close:before{content:""}.icon-kl-user-plus:before{content:""}
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.app-btn[data-v-
|
|
1
|
+
.app-btn[data-v-44701e49] .q-btn__content{font-family:OpenSans,sans-serif;font-weight:600}.app-btn_md[data-v-44701e49]{font-size:14px;border-radius:8px}.app-btn_md[data-v-44701e49] .q-btn__content{line-height:22px}.app-btn_md[data-v-44701e49] .icon-kl{font-size:22px}.app-btn_md.app-btn_icon-left[data-v-44701e49]{padding-left:9px!important}.app-btn_md.app-btn_icon-left[data-v-44701e49] .icon-kl{margin-right:4px}.app-btn_md.app-btn_icon-right[data-v-44701e49]{padding-right:9px!important}.app-btn_md.app-btn_icon-right[data-v-44701e49] .icon-kl{margin-left:4px}.app-btn_md.app-btn_icon-middle[data-v-44701e49]{padding:6px!important}.app-btn_lg[data-v-44701e49]{font-size:17px;border-radius:10px}.app-btn_lg[data-v-44701e49] .q-btn__content{line-height:26px}.app-btn_lg[data-v-44701e49] .icon-kl{font-size:26px}.app-btn_lg.app-btn_icon-left[data-v-44701e49]{padding-left:16px!important}.app-btn_lg.app-btn_icon-left[data-v-44701e49] .icon-kl{margin-right:6px}.app-btn_lg.app-btn_icon-right[data-v-44701e49]{padding-right:16px!important}.app-btn_lg.app-btn_icon-right[data-v-44701e49] .icon-kl{margin-left:6px}.app-btn_lg.app-btn_icon-middle[data-v-44701e49]{padding:11px!important}.app-btn_default.app-btn_primary[data-v-44701e49]{background-color:#1a5cff;color:#fdfffc}.app-btn_default.app-btn_info[data-v-44701e49]{background-color:#399;color:#fdfffc}.app-btn_default.app-btn_negative[data-v-44701e49]{background-color:#ff4757;color:#fdfffc}.app-btn_trans.app-btn_primary[data-v-44701e49]{background-color:#1a5cff26;color:#1a5cff}.app-btn_trans.app-btn_info[data-v-44701e49]{background-color:#3993;color:#2e757c}.app-btn_trans.app-btn_negative[data-v-44701e49]{background-color:#ff475733;color:#ff4757}.app-btn_rounded[data-v-44701e49]{border-radius:50px}.icon-kl[data-v-73419357]{font-size:24px}
|
package/dist/uikit.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),D={MD:"md",LG:"lg"};var ne=(e=>(e.md="5px 12px",e.lg="9px 20px",e))(ne||{});const de={PRIMARY:"primary",INFO:"info",NEGATIVE:"negative"},V={xs:18,sm:24,md:32,lg:38,xl:46},ae={size:String};function re(e,t=V){return n.computed(()=>e.size!==void 0?{fontSize:e.size in t?`${t[e.size]}px`:e.size}:null)}function Q(e){return n.markRaw(n.defineComponent(e))}function fe(e){return n.markRaw(e)}function ve(e,t){return e!==void 0&&e()||t}function A(e,t){return e!==void 0?t.concat(e()):t}const U="0 0 24 24",Y=e=>e,N=e=>`ionicons ${e}`,oe={"mdi-":e=>`mdi ${e}`,"icon-":Y,"bt-":e=>`bt ${e}`,"eva-":e=>`eva ${e}`,"ion-md":N,"ion-ios":N,"ion-logo":N,"iconfont ":Y,"ti-":e=>`themify-icon ${e}`,"bi-":e=>`bootstrap-icons ${e}`},ue={o_:"-outlined",r_:"-round",s_:"-sharp"},ie={sym_o_:"-outlined",sym_r_:"-rounded",sym_s_:"-sharp"},me=new RegExp("^("+Object.keys(oe).join("|")+")"),ge=new RegExp("^("+Object.keys(ue).join("|")+")"),G=new RegExp("^("+Object.keys(ie).join("|")+")"),pe=/^[Mm]\s?[-+]?\.?\d/,he=/^img:/,be=/^svguse:/,ye=/^ion-/,ke=/^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /,H=Q({name:"QIcon",props:{...ae,tag:{type:String,default:"i"},name:String,color:String,left:Boolean,right:Boolean},setup(e,{slots:t}){const{proxy:{$q:r}}=n.getCurrentInstance(),a=re(e),u=n.computed(()=>"q-icon"+(e.left===!0?" on-left":"")+(e.right===!0?" on-right":"")+(e.color!==void 0?` text-${e.color}`:"")),f=n.computed(()=>{let c,i=e.name;if(i==="none"||!i)return{none:!0};if(r.iconMapFn!==null){const s=r.iconMapFn(i);if(s!==void 0)if(s.icon!==void 0){if(i=s.icon,i==="none"||!i)return{none:!0}}else return{cls:s.cls,content:s.content!==void 0?s.content:" "}}if(pe.test(i)===!0){const[s,h=U]=i.split("|");return{svg:!0,viewBox:h,nodes:s.split("&&").map(l=>{const[b,g,y]=l.split("@@");return n.h("path",{style:g,d:b,transform:y})})}}if(he.test(i)===!0)return{img:!0,src:i.substring(4)};if(be.test(i)===!0){const[s,h=U]=i.split("|");return{svguse:!0,src:s.substring(7),viewBox:h}}let $=" ";const p=i.match(me);if(p!==null)c=oe[p[1]](i);else if(ke.test(i)===!0)c=i;else if(ye.test(i)===!0)c=`ionicons ion-${r.platform.is.ios===!0?"ios":"md"}${i.substring(3)}`;else if(G.test(i)===!0){c="notranslate material-symbols";const s=i.match(G);s!==null&&(i=i.substring(6),c+=ie[s[1]]),$=i}else{c="notranslate material-icons";const s=i.match(ge);s!==null&&(i=i.substring(2),c+=ue[s[1]]),$=i}return{cls:c,content:$}});return()=>{const c={class:u.value,style:a.value,"aria-hidden":"true",role:"presentation"};return f.value.none===!0?n.h(e.tag,c,ve(t.default)):f.value.img===!0?n.h(e.tag,c,A(t.default,[n.h("img",{src:f.value.src})])):f.value.svg===!0?n.h(e.tag,c,A(t.default,[n.h("svg",{viewBox:f.value.viewBox||"0 0 24 24"},f.value.nodes)])):f.value.svguse===!0?n.h(e.tag,c,A(t.default,[n.h("svg",{viewBox:f.value.viewBox},[n.h("use",{"xlink:href":f.value.src})])])):(f.value.cls!==void 0&&(c.class+=" "+f.value.cls),n.h(e.tag,c,A(t.default,[f.value.content])))}}}),$e={size:{type:[String,Number],default:"1em"},color:String};function qe(e){return{cSize:n.computed(()=>e.size in V?`${V[e.size]}px`:e.size),classes:n.computed(()=>"q-spinner"+(e.color?` text-${e.color}`:""))}}const _e=Q({name:"QSpinner",props:{...$e,thickness:{type:Number,default:5}},setup(e){const{cSize:t,classes:r}=qe(e);return()=>n.h("svg",{class:r.value+" q-spinner-mat",width:t.value,height:t.value,viewBox:"25 25 50 50"},[n.h("circle",{class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":e.thickness,"stroke-miterlimit":"10"})])}});function Ee(e,t){const r=e.style;for(const a in t)r[a]=t[a]}const K={hasPassive:!1,passiveCapture:!0,notPassiveCapture:!0};try{const e=Object.defineProperty({},"passive",{get(){Object.assign(K,{hasPassive:!0,passive:{passive:!0},notPassive:{passive:!1},passiveCapture:{passive:!0,capture:!0},notPassiveCapture:{passive:!1,capture:!0}})}});window.addEventListener("qtest",null,e),window.removeEventListener("qtest",null,e)}catch{}function xe(e){return e.touches&&e.touches[0]?e=e.touches[0]:e.changedTouches&&e.changedTouches[0]?e=e.changedTouches[0]:e.targetTouches&&e.targetTouches[0]&&(e=e.targetTouches[0]),{top:e.clientY,left:e.clientX}}function le(e){e.stopPropagation()}function Ce(e){e.cancelable!==!1&&e.preventDefault()}function R(e){e.cancelable!==!1&&e.preventDefault(),e.stopPropagation()}function Se(e,t,r){const a=`__q_${t}_evt`;e[a]=e[a]!==void 0?e[a].concat(r):r,r.forEach(u=>{u[0].addEventListener(u[1],e[u[2]],K[u[3]])})}function we(e,t){const r=`__q_${t}_evt`;e[r]!==void 0&&(e[r].forEach(a=>{a[0].removeEventListener(a[1],e[a[2]],K[a[3]])}),e[r]=void 0)}function Be(e){return e!==Object(e)||e.isComposing===!0||e.qKeyEvent===!0}function F(e,t){return Be(e)===!0?!1:[].concat(t).includes(e.keyCode)}function Le(e,t=250){let r=!1,a;return function(){return r===!1&&(r=!0,setTimeout(()=>{r=!1},t),a=e.apply(this,arguments)),a}}function W(e,t,r,a){r.modifiers.stop===!0&&le(e);const u=r.modifiers.color;let f=r.modifiers.center;f=f===!0||a===!0;const c=document.createElement("span"),i=document.createElement("span"),$=xe(e),{left:p,top:s,width:h,height:l}=t.getBoundingClientRect(),b=Math.sqrt(h*h+l*l),g=b/2,y=`${(h-b)/2}px`,d=f?y:`${$.left-p-g}px`,k=`${(l-b)/2}px`,L=f?k:`${$.top-s-g}px`;i.className="q-ripple__inner",Ee(i,{height:`${b}px`,width:`${b}px`,transform:`translate3d(${d},${L},0) scale3d(.2,.2,1)`,opacity:0}),c.className=`q-ripple${u?" text-"+u:""}`,c.setAttribute("dir","ltr"),c.appendChild(i),t.appendChild(c);const w=()=>{c.remove(),clearTimeout(B)};r.abort.push(w);let B=setTimeout(()=>{i.classList.add("q-ripple__inner--enter"),i.style.transform=`translate3d(${y},${k},0) scale3d(1,1,1)`,i.style.opacity=.2,B=setTimeout(()=>{i.classList.remove("q-ripple__inner--enter"),i.classList.add("q-ripple__inner--leave"),i.style.opacity=0,B=setTimeout(()=>{c.remove(),r.abort.splice(r.abort.indexOf(w),1)},275)},250)},50)}function X(e,{modifiers:t,value:r,arg:a}){const u=Object.assign({},e.cfg.ripple,t,r);e.modifiers={early:u.early===!0,stop:u.stop===!0,center:u.center===!0,color:u.color||a,keyCodes:[].concat(u.keyCodes||13)}}const Re=fe({name:"ripple",beforeMount(e,t){const r=t.instance.$.appContext.config.globalProperties.$q.config||{};if(r.ripple===!1)return;const a={cfg:r,enabled:t.value!==!1,modifiers:{},abort:[],start(u){a.enabled===!0&&u.qSkipRipple!==!0&&u.type===(a.modifiers.early===!0?"pointerdown":"click")&&W(u,e,a,u.qKeyEvent===!0)},keystart:Le(u=>{a.enabled===!0&&u.qSkipRipple!==!0&&F(u,a.modifiers.keyCodes)===!0&&u.type===`key${a.modifiers.early===!0?"down":"up"}`&&W(u,e,a,!0)},300)};X(a,t),e.__qripple=a,Se(a,"main",[[e,"pointerdown","start","passive"],[e,"click","start","passive"],[e,"keydown","keystart","passive"],[e,"keyup","keystart","passive"]])},updated(e,t){if(t.oldValue!==t.value){const r=e.__qripple;r!==void 0&&(r.enabled=t.value!==!1,r.enabled===!0&&Object(t.value)===t.value&&X(r,t))}},beforeUnmount(e){const t=e.__qripple;t!==void 0&&(t.abort.forEach(r=>{r()}),we(t,"main"),delete e._qripple)}}),se={left:"start",center:"center",right:"end",between:"between",around:"around",evenly:"evenly",stretch:"stretch"},Pe=Object.keys(se),Te={align:{type:String,validator:e=>Pe.includes(e)}};function Oe(e){return n.computed(()=>{const t=e.align===void 0?e.vertical===!0?"stretch":"left":e.align;return`${e.vertical===!0?"items":"justify"}-${se[t]}`})}function Me(e){return e.appContext.config.globalProperties.$router!==void 0}function Z(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}function J(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function ze(e,t){for(const r in t){const a=t[r],u=e[r];if(typeof a=="string"){if(a!==u)return!1}else if(Array.isArray(u)===!1||u.length!==a.length||a.some((f,c)=>f!==u[c]))return!1}return!0}function ee(e,t){return Array.isArray(t)===!0?e.length===t.length&&e.every((r,a)=>r===t[a]):e.length===1&&e[0]===t}function Ae(e,t){return Array.isArray(e)===!0?ee(e,t):Array.isArray(t)===!0?ee(t,e):e===t}function je(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const r in e)if(Ae(e[r],t[r])===!1)return!1;return!0}const Ie={to:[String,Object],replace:Boolean,href:String,target:String,disable:Boolean};function De({fallbackTag:e,useDisableForRouterLinkProps:t=!0}={}){const r=n.getCurrentInstance(),{props:a,proxy:u,emit:f}=r,c=Me(r),i=n.computed(()=>a.disable!==!0&&a.href!==void 0),$=t===!0?n.computed(()=>c===!0&&a.disable!==!0&&i.value!==!0&&a.to!==void 0&&a.to!==null&&a.to!==""):n.computed(()=>c===!0&&i.value!==!0&&a.to!==void 0&&a.to!==null&&a.to!==""),p=n.computed(()=>$.value===!0?L(a.to):null),s=n.computed(()=>p.value!==null),h=n.computed(()=>i.value===!0||s.value===!0),l=n.computed(()=>a.type==="a"||h.value===!0?"a":a.tag||e||"div"),b=n.computed(()=>i.value===!0?{href:a.href,target:a.target}:s.value===!0?{href:p.value.href,target:a.target}:{}),g=n.computed(()=>{if(s.value===!1)return-1;const{matched:v}=p.value,{length:q}=v,E=v[q-1];if(E===void 0)return-1;const C=u.$route.matched;if(C.length===0)return-1;const S=C.findIndex(J.bind(null,E));if(S!==-1)return S;const j=Z(v[q-2]);return q>1&&Z(E)===j&&C[C.length-1].path!==j?C.findIndex(J.bind(null,v[q-2])):S}),y=n.computed(()=>s.value===!0&&g.value!==-1&&ze(u.$route.params,p.value.params)),d=n.computed(()=>y.value===!0&&g.value===u.$route.matched.length-1&&je(u.$route.params,p.value.params)),k=n.computed(()=>s.value===!0?d.value===!0?` ${a.exactActiveClass} ${a.activeClass}`:a.exact===!0?"":y.value===!0?` ${a.activeClass}`:"":"");function L(v){try{return u.$router.resolve(v)}catch{}return null}function w(v,{returnRouterError:q,to:E=a.to,replace:C=a.replace}={}){if(a.disable===!0)return v.preventDefault(),Promise.resolve(!1);if(v.metaKey||v.altKey||v.ctrlKey||v.shiftKey||v.button!==void 0&&v.button!==0||a.target==="_blank")return Promise.resolve(!1);v.preventDefault();const S=u.$router[C===!0?"replace":"push"](E);return q===!0?S:S.then(()=>{}).catch(()=>{})}function B(v){if(s.value===!0){const q=E=>w(v,E);f("click",v,q),v.defaultPrevented!==!0&&q()}else f("click",v)}return{hasRouterLink:s,hasHrefLink:i,hasLink:h,linkTag:l,resolvedLink:p,linkIsActive:y,linkIsExactActive:d,linkClass:k,linkAttrs:b,getLink:L,navigateToRouterLink:w,navigateOnClick:B}}const te={none:0,xs:4,sm:8,md:16,lg:24,xl:32},Ke={xs:8,sm:10,md:14,lg:20,xl:24},Ne=["button","submit","reset"],Ve=/[^\s]\/[^\s]/,Fe=["flat","outline","push","unelevated"];function Qe(e,t){return e.flat===!0?"flat":e.outline===!0?"outline":e.push===!0?"push":e.unelevated===!0?"unelevated":t}const Ue={...ae,...Ie,type:{type:String,default:"button"},label:[Number,String],icon:String,iconRight:String,...Fe.reduce((e,t)=>(e[t]=Boolean)&&e,{}),square:Boolean,rounded:Boolean,glossy:Boolean,size:String,fab:Boolean,fabMini:Boolean,padding:String,color:String,textColor:String,noCaps:Boolean,noWrap:Boolean,dense:Boolean,tabindex:[Number,String],ripple:{type:[Boolean,Object],default:!0},align:{...Te.align,default:"center"},stack:Boolean,stretch:Boolean,loading:{type:Boolean,default:null},disable:Boolean},Ye={...Ue,round:Boolean};function Ge(e){const t=re(e,Ke),r=Oe(e),{hasRouterLink:a,hasLink:u,linkTag:f,linkAttrs:c,navigateOnClick:i}=De({fallbackTag:"button"}),$=n.computed(()=>{const d=e.fab===!1&&e.fabMini===!1?t.value:{};return e.padding!==void 0?Object.assign({},d,{padding:e.padding.split(/\s+/).map(k=>k in te?te[k]+"px":k).join(" "),minWidth:"0",minHeight:"0"}):d}),p=n.computed(()=>e.rounded===!0||e.fab===!0||e.fabMini===!0),s=n.computed(()=>e.disable!==!0&&e.loading!==!0),h=n.computed(()=>s.value===!0?e.tabindex||0:-1),l=n.computed(()=>Qe(e,"standard")),b=n.computed(()=>{const d={tabindex:h.value};return u.value===!0?Object.assign(d,c.value):Ne.includes(e.type)===!0&&(d.type=e.type),f.value==="a"?(e.disable===!0?d["aria-disabled"]="true":d.href===void 0&&(d.role="button"),a.value!==!0&&Ve.test(e.type)===!0&&(d.type=e.type)):e.disable===!0&&(d.disabled="",d["aria-disabled"]="true"),e.loading===!0&&e.percentage!==void 0&&Object.assign(d,{role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":e.percentage}),d}),g=n.computed(()=>{let d;e.color!==void 0?e.flat===!0||e.outline===!0?d=`text-${e.textColor||e.color}`:d=`bg-${e.color} text-${e.textColor||"white"}`:e.textColor&&(d=`text-${e.textColor}`);const k=e.round===!0?"round":`rectangle${p.value===!0?" q-btn--rounded":e.square===!0?" q-btn--square":""}`;return`q-btn--${l.value} q-btn--${k}`+(d!==void 0?" "+d:"")+(s.value===!0?" q-btn--actionable q-focusable q-hoverable":e.disable===!0?" disabled":"")+(e.fab===!0?" q-btn--fab":e.fabMini===!0?" q-btn--fab-mini":"")+(e.noCaps===!0?" q-btn--no-uppercase":"")+(e.dense===!0?" q-btn--dense":"")+(e.stretch===!0?" no-border-radius self-stretch":"")+(e.glossy===!0?" glossy":"")+(e.square?" q-btn--square":"")}),y=n.computed(()=>r.value+(e.stack===!0?" column":" row")+(e.noWrap===!0?" no-wrap text-no-wrap":"")+(e.loading===!0?" q-btn__content--hidden":""));return{classes:g,style:$,innerClasses:y,attributes:b,hasLink:u,linkTag:f,navigateOnClick:i,isActionable:s}}const{passiveCapture:_}=K;let P=null,T=null,O=null;const He=Q({name:"QBtn",props:{...Ye,percentage:Number,darkPercentage:Boolean,onTouchstart:[Function,Array]},emits:["click","keydown","mousedown","keyup"],setup(e,{slots:t,emit:r}){const{proxy:a}=n.getCurrentInstance(),{classes:u,style:f,innerClasses:c,attributes:i,hasLink:$,linkTag:p,navigateOnClick:s,isActionable:h}=Ge(e),l=n.ref(null),b=n.ref(null);let g=null,y,d=null;const k=n.computed(()=>e.label!==void 0&&e.label!==null&&e.label!==""),L=n.computed(()=>e.disable===!0||e.ripple===!1?!1:{keyCodes:$.value===!0?[13,32]:[13],...e.ripple===!0?{}:e.ripple}),w=n.computed(()=>({center:e.round})),B=n.computed(()=>{const o=Math.max(0,Math.min(100,e.percentage));return o>0?{transition:"transform 0.6s",transform:`translateX(${o-100}%)`}:{}}),v=n.computed(()=>{if(e.loading===!0)return{onMousedown:z,onTouchstart:z,onClick:z,onKeydown:z,onKeyup:z};if(h.value===!0){const o={onClick:E,onKeydown:C,onMousedown:j};if(a.$q.platform.has.touch===!0){const m=e.onTouchstart!==void 0?"":"Passive";o[`onTouchstart${m}`]=S}return o}return{onClick:R}}),q=n.computed(()=>({ref:l,class:"q-btn q-btn-item non-selectable no-outline "+u.value,style:f.value,...i.value,...v.value}));function E(o){if(l.value!==null){if(o!==void 0){if(o.defaultPrevented===!0)return;const m=document.activeElement;if(e.type==="submit"&&m!==document.body&&l.value.contains(m)===!1&&m.contains(l.value)===!1){l.value.focus();const I=()=>{document.removeEventListener("keydown",R,!0),document.removeEventListener("keyup",I,_),l.value!==null&&l.value.removeEventListener("blur",I,_)};document.addEventListener("keydown",R,!0),document.addEventListener("keyup",I,_),l.value.addEventListener("blur",I,_)}}s(o)}}function C(o){l.value!==null&&(r("keydown",o),F(o,[13,32])===!0&&T!==l.value&&(T!==null&&M(),o.defaultPrevented!==!0&&(l.value.focus(),T=l.value,l.value.classList.add("q-btn--active"),document.addEventListener("keyup",x,!0),l.value.addEventListener("blur",x,_)),R(o)))}function S(o){l.value!==null&&(r("touchstart",o),o.defaultPrevented!==!0&&(P!==l.value&&(P!==null&&M(),P=l.value,g=o.target,g.addEventListener("touchcancel",x,_),g.addEventListener("touchend",x,_)),y=!0,d!==null&&clearTimeout(d),d=setTimeout(()=>{d=null,y=!1},200)))}function j(o){l.value!==null&&(o.qSkipRipple=y===!0,r("mousedown",o),o.defaultPrevented!==!0&&O!==l.value&&(O!==null&&M(),O=l.value,l.value.classList.add("q-btn--active"),document.addEventListener("mouseup",x,_)))}function x(o){if(l.value!==null&&!(o!==void 0&&o.type==="blur"&&document.activeElement===l.value)){if(o!==void 0&&o.type==="keyup"){if(T===l.value&&F(o,[13,32])===!0){const m=new MouseEvent("click",o);m.qKeyEvent=!0,o.defaultPrevented===!0&&Ce(m),o.cancelBubble===!0&&le(m),l.value.dispatchEvent(m),R(o),o.qKeyEvent=!0}r("keyup",o)}M()}}function M(o){const m=b.value;o!==!0&&(P===l.value||O===l.value)&&m!==null&&m!==document.activeElement&&(m.setAttribute("tabindex",-1),m.focus()),P===l.value&&(g!==null&&(g.removeEventListener("touchcancel",x,_),g.removeEventListener("touchend",x,_)),P=g=null),O===l.value&&(document.removeEventListener("mouseup",x,_),O=null),T===l.value&&(document.removeEventListener("keyup",x,!0),l.value!==null&&l.value.removeEventListener("blur",x,_),T=null),l.value!==null&&l.value.classList.remove("q-btn--active")}function z(o){R(o),o.qSkipRipple=!0}return n.onBeforeUnmount(()=>{M(!0)}),Object.assign(a,{click:o=>{h.value===!0&&E(o)}}),()=>{let o=[];e.icon!==void 0&&o.push(n.h(H,{name:e.icon,left:e.stack!==!0&&k.value===!0,role:"img","aria-hidden":"true"})),k.value===!0&&o.push(n.h("span",{class:"block"},[e.label])),o=A(t.default,o),e.iconRight!==void 0&&e.round===!1&&o.push(n.h(H,{name:e.iconRight,right:e.stack!==!0&&k.value===!0,role:"img","aria-hidden":"true"}));const m=[n.h("span",{class:"q-focus-helper",ref:b})];return e.loading===!0&&e.percentage!==void 0&&m.push(n.h("span",{class:"q-btn__progress absolute-full overflow-hidden"+(e.darkPercentage===!0?" q-btn__progress--dark":"")},[n.h("span",{class:"q-btn__progress-indicator fit block",style:B.value})])),m.push(n.h("span",{class:"q-btn__content text-center col items-center q-anchor--skip "+c.value},o)),e.loading!==null&&m.push(n.h(n.Transition,{name:"q-transition--fade"},()=>e.loading===!0?[n.h("span",{key:"loading",class:"absolute-full flex flex-center"},t.loading!==void 0?t.loading():[n.h(_e)])]:null)),n.withDirectives(n.h(p.value,q.value,m),[[Re,L.value,void 0,w.value]])}}}),We=n.defineComponent({__name:"index",props:{size:{default:D.MD},transparent:{type:Boolean},rounded:{type:Boolean},color:{default:de.PRIMARY},iconPosition:{},disabled:{type:Boolean},loading:{type:[Boolean,null]},to:{},href:{},target:{},submit:{type:Boolean},ariaLabel:{}},emits:["click"],setup(e){const t=e,r=n.computed(()=>["app-btn",{"app-btn_default":!t.transparent,"app-btn_trans":t.transparent,"app-btn_rounded":t.rounded,"app-btn_md":t.size===D.MD,"app-btn_lg":t.size===D.LG},`app-btn_${t.color}`,`app-btn_icon-${t.iconPosition}`]);return(a,u)=>(n.openBlock(),n.createBlock(n.unref(He),{"no-caps":"",unelevated:"",class:n.normalizeClass(r.value),padding:n.unref(ne)[t.size||n.unref(D).MD],loading:a.loading,disabled:a.disabled||void 0,to:a.to,href:a.href,target:a.target,type:a.submit?"submit":void 0,"aria-label":a.ariaLabel,onClick:u[0]||(u[0]=f=>a.$emit("click"))},{default:n.withCtx(()=>[n.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["class","padding","loading","disabled","to","href","target","type","aria-label"]))}}),ce=(e,t)=>{const r=e.__vccOpts||e;for(const[a,u]of t)r[a]=u;return r},Xe=ce(We,[["__scopeId","data-v-efc0cd34"]]),Ze=n.defineComponent({__name:"index",props:{name:{},size:{},color:{}},setup(e){return(t,r)=>(n.openBlock(),n.createElementBlock("i",{class:n.normalizeClass(["icon-kl",`icon-kl-${t.name}`,t.color?`text-${t.color}`:""]),style:n.normalizeStyle(t.size?`font-size: ${t.size}`:void 0)},null,6))}}),Je=ce(Ze,[["__scopeId","data-v-73419357"]]);exports.AppButton=Xe;exports.AppIcon=Je;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),D={MD:"md",LG:"lg"};var ne=(e=>(e.md="5px 12px",e.lg="9px 20px",e))(ne||{});const de={PRIMARY:"primary",INFO:"info",NEGATIVE:"negative"},V={xs:18,sm:24,md:32,lg:38,xl:46},ae={size:String};function re(e,t=V){return n.computed(()=>e.size!==void 0?{fontSize:e.size in t?`${t[e.size]}px`:e.size}:null)}function Q(e){return n.markRaw(n.defineComponent(e))}function fe(e){return n.markRaw(e)}function ve(e,t){return e!==void 0&&e()||t}function A(e,t){return e!==void 0?t.concat(e()):t}const U="0 0 24 24",Y=e=>e,N=e=>`ionicons ${e}`,oe={"mdi-":e=>`mdi ${e}`,"icon-":Y,"bt-":e=>`bt ${e}`,"eva-":e=>`eva ${e}`,"ion-md":N,"ion-ios":N,"ion-logo":N,"iconfont ":Y,"ti-":e=>`themify-icon ${e}`,"bi-":e=>`bootstrap-icons ${e}`},ie={o_:"-outlined",r_:"-round",s_:"-sharp"},ue={sym_o_:"-outlined",sym_r_:"-rounded",sym_s_:"-sharp"},me=new RegExp("^("+Object.keys(oe).join("|")+")"),ge=new RegExp("^("+Object.keys(ie).join("|")+")"),G=new RegExp("^("+Object.keys(ue).join("|")+")"),pe=/^[Mm]\s?[-+]?\.?\d/,he=/^img:/,be=/^svguse:/,ye=/^ion-/,ke=/^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /,H=Q({name:"QIcon",props:{...ae,tag:{type:String,default:"i"},name:String,color:String,left:Boolean,right:Boolean},setup(e,{slots:t}){const{proxy:{$q:r}}=n.getCurrentInstance(),a=re(e),i=n.computed(()=>"q-icon"+(e.left===!0?" on-left":"")+(e.right===!0?" on-right":"")+(e.color!==void 0?` text-${e.color}`:"")),d=n.computed(()=>{let c,u=e.name;if(u==="none"||!u)return{none:!0};if(r.iconMapFn!==null){const s=r.iconMapFn(u);if(s!==void 0)if(s.icon!==void 0){if(u=s.icon,u==="none"||!u)return{none:!0}}else return{cls:s.cls,content:s.content!==void 0?s.content:" "}}if(pe.test(u)===!0){const[s,h=U]=u.split("|");return{svg:!0,viewBox:h,nodes:s.split("&&").map(l=>{const[b,g,y]=l.split("@@");return n.h("path",{style:g,d:b,transform:y})})}}if(he.test(u)===!0)return{img:!0,src:u.substring(4)};if(be.test(u)===!0){const[s,h=U]=u.split("|");return{svguse:!0,src:s.substring(7),viewBox:h}}let _=" ";const p=u.match(me);if(p!==null)c=oe[p[1]](u);else if(ke.test(u)===!0)c=u;else if(ye.test(u)===!0)c=`ionicons ion-${r.platform.is.ios===!0?"ios":"md"}${u.substring(3)}`;else if(G.test(u)===!0){c="notranslate material-symbols";const s=u.match(G);s!==null&&(u=u.substring(6),c+=ue[s[1]]),_=u}else{c="notranslate material-icons";const s=u.match(ge);s!==null&&(u=u.substring(2),c+=ie[s[1]]),_=u}return{cls:c,content:_}});return()=>{const c={class:i.value,style:a.value,"aria-hidden":"true",role:"presentation"};return d.value.none===!0?n.h(e.tag,c,ve(t.default)):d.value.img===!0?n.h(e.tag,c,A(t.default,[n.h("img",{src:d.value.src})])):d.value.svg===!0?n.h(e.tag,c,A(t.default,[n.h("svg",{viewBox:d.value.viewBox||"0 0 24 24"},d.value.nodes)])):d.value.svguse===!0?n.h(e.tag,c,A(t.default,[n.h("svg",{viewBox:d.value.viewBox},[n.h("use",{"xlink:href":d.value.src})])])):(d.value.cls!==void 0&&(c.class+=" "+d.value.cls),n.h(e.tag,c,A(t.default,[d.value.content])))}}}),_e={size:{type:[String,Number],default:"1em"},color:String};function qe(e){return{cSize:n.computed(()=>e.size in V?`${V[e.size]}px`:e.size),classes:n.computed(()=>"q-spinner"+(e.color?` text-${e.color}`:""))}}const $e=Q({name:"QSpinner",props:{..._e,thickness:{type:Number,default:5}},setup(e){const{cSize:t,classes:r}=qe(e);return()=>n.h("svg",{class:r.value+" q-spinner-mat",width:t.value,height:t.value,viewBox:"25 25 50 50"},[n.h("circle",{class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":e.thickness,"stroke-miterlimit":"10"})])}});function Ee(e,t){const r=e.style;for(const a in t)r[a]=t[a]}const K={hasPassive:!1,passiveCapture:!0,notPassiveCapture:!0};try{const e=Object.defineProperty({},"passive",{get(){Object.assign(K,{hasPassive:!0,passive:{passive:!0},notPassive:{passive:!1},passiveCapture:{passive:!0,capture:!0},notPassiveCapture:{passive:!1,capture:!0}})}});window.addEventListener("qtest",null,e),window.removeEventListener("qtest",null,e)}catch{}function xe(e){return e.touches&&e.touches[0]?e=e.touches[0]:e.changedTouches&&e.changedTouches[0]?e=e.changedTouches[0]:e.targetTouches&&e.targetTouches[0]&&(e=e.targetTouches[0]),{top:e.clientY,left:e.clientX}}function le(e){e.stopPropagation()}function Ce(e){e.cancelable!==!1&&e.preventDefault()}function R(e){e.cancelable!==!1&&e.preventDefault(),e.stopPropagation()}function Se(e,t,r){const a=`__q_${t}_evt`;e[a]=e[a]!==void 0?e[a].concat(r):r,r.forEach(i=>{i[0].addEventListener(i[1],e[i[2]],K[i[3]])})}function we(e,t){const r=`__q_${t}_evt`;e[r]!==void 0&&(e[r].forEach(a=>{a[0].removeEventListener(a[1],e[a[2]],K[a[3]])}),e[r]=void 0)}function Be(e){return e!==Object(e)||e.isComposing===!0||e.qKeyEvent===!0}function F(e,t){return Be(e)===!0?!1:[].concat(t).includes(e.keyCode)}function Le(e,t=250){let r=!1,a;return function(){return r===!1&&(r=!0,setTimeout(()=>{r=!1},t),a=e.apply(this,arguments)),a}}function W(e,t,r,a){r.modifiers.stop===!0&&le(e);const i=r.modifiers.color;let d=r.modifiers.center;d=d===!0||a===!0;const c=document.createElement("span"),u=document.createElement("span"),_=xe(e),{left:p,top:s,width:h,height:l}=t.getBoundingClientRect(),b=Math.sqrt(h*h+l*l),g=b/2,y=`${(h-b)/2}px`,f=d?y:`${_.left-p-g}px`,k=`${(l-b)/2}px`,L=d?k:`${_.top-s-g}px`;u.className="q-ripple__inner",Ee(u,{height:`${b}px`,width:`${b}px`,transform:`translate3d(${f},${L},0) scale3d(.2,.2,1)`,opacity:0}),c.className=`q-ripple${i?" text-"+i:""}`,c.setAttribute("dir","ltr"),c.appendChild(u),t.appendChild(c);const w=()=>{c.remove(),clearTimeout(B)};r.abort.push(w);let B=setTimeout(()=>{u.classList.add("q-ripple__inner--enter"),u.style.transform=`translate3d(${y},${k},0) scale3d(1,1,1)`,u.style.opacity=.2,B=setTimeout(()=>{u.classList.remove("q-ripple__inner--enter"),u.classList.add("q-ripple__inner--leave"),u.style.opacity=0,B=setTimeout(()=>{c.remove(),r.abort.splice(r.abort.indexOf(w),1)},275)},250)},50)}function X(e,{modifiers:t,value:r,arg:a}){const i=Object.assign({},e.cfg.ripple,t,r);e.modifiers={early:i.early===!0,stop:i.stop===!0,center:i.center===!0,color:i.color||a,keyCodes:[].concat(i.keyCodes||13)}}const Re=fe({name:"ripple",beforeMount(e,t){const r=t.instance.$.appContext.config.globalProperties.$q.config||{};if(r.ripple===!1)return;const a={cfg:r,enabled:t.value!==!1,modifiers:{},abort:[],start(i){a.enabled===!0&&i.qSkipRipple!==!0&&i.type===(a.modifiers.early===!0?"pointerdown":"click")&&W(i,e,a,i.qKeyEvent===!0)},keystart:Le(i=>{a.enabled===!0&&i.qSkipRipple!==!0&&F(i,a.modifiers.keyCodes)===!0&&i.type===`key${a.modifiers.early===!0?"down":"up"}`&&W(i,e,a,!0)},300)};X(a,t),e.__qripple=a,Se(a,"main",[[e,"pointerdown","start","passive"],[e,"click","start","passive"],[e,"keydown","keystart","passive"],[e,"keyup","keystart","passive"]])},updated(e,t){if(t.oldValue!==t.value){const r=e.__qripple;r!==void 0&&(r.enabled=t.value!==!1,r.enabled===!0&&Object(t.value)===t.value&&X(r,t))}},beforeUnmount(e){const t=e.__qripple;t!==void 0&&(t.abort.forEach(r=>{r()}),we(t,"main"),delete e._qripple)}}),se={left:"start",center:"center",right:"end",between:"between",around:"around",evenly:"evenly",stretch:"stretch"},Pe=Object.keys(se),Te={align:{type:String,validator:e=>Pe.includes(e)}};function Oe(e){return n.computed(()=>{const t=e.align===void 0?e.vertical===!0?"stretch":"left":e.align;return`${e.vertical===!0?"items":"justify"}-${se[t]}`})}function Me(e){return e.appContext.config.globalProperties.$router!==void 0}function Z(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}function J(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function ze(e,t){for(const r in t){const a=t[r],i=e[r];if(typeof a=="string"){if(a!==i)return!1}else if(Array.isArray(i)===!1||i.length!==a.length||a.some((d,c)=>d!==i[c]))return!1}return!0}function ee(e,t){return Array.isArray(t)===!0?e.length===t.length&&e.every((r,a)=>r===t[a]):e.length===1&&e[0]===t}function Ae(e,t){return Array.isArray(e)===!0?ee(e,t):Array.isArray(t)===!0?ee(t,e):e===t}function je(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const r in e)if(Ae(e[r],t[r])===!1)return!1;return!0}const Ie={to:[String,Object],replace:Boolean,href:String,target:String,disable:Boolean};function De({fallbackTag:e,useDisableForRouterLinkProps:t=!0}={}){const r=n.getCurrentInstance(),{props:a,proxy:i,emit:d}=r,c=Me(r),u=n.computed(()=>a.disable!==!0&&a.href!==void 0),_=t===!0?n.computed(()=>c===!0&&a.disable!==!0&&u.value!==!0&&a.to!==void 0&&a.to!==null&&a.to!==""):n.computed(()=>c===!0&&u.value!==!0&&a.to!==void 0&&a.to!==null&&a.to!==""),p=n.computed(()=>_.value===!0?L(a.to):null),s=n.computed(()=>p.value!==null),h=n.computed(()=>u.value===!0||s.value===!0),l=n.computed(()=>a.type==="a"||h.value===!0?"a":a.tag||e||"div"),b=n.computed(()=>u.value===!0?{href:a.href,target:a.target}:s.value===!0?{href:p.value.href,target:a.target}:{}),g=n.computed(()=>{if(s.value===!1)return-1;const{matched:v}=p.value,{length:q}=v,E=v[q-1];if(E===void 0)return-1;const C=i.$route.matched;if(C.length===0)return-1;const S=C.findIndex(J.bind(null,E));if(S!==-1)return S;const j=Z(v[q-2]);return q>1&&Z(E)===j&&C[C.length-1].path!==j?C.findIndex(J.bind(null,v[q-2])):S}),y=n.computed(()=>s.value===!0&&g.value!==-1&&ze(i.$route.params,p.value.params)),f=n.computed(()=>y.value===!0&&g.value===i.$route.matched.length-1&&je(i.$route.params,p.value.params)),k=n.computed(()=>s.value===!0?f.value===!0?` ${a.exactActiveClass} ${a.activeClass}`:a.exact===!0?"":y.value===!0?` ${a.activeClass}`:"":"");function L(v){try{return i.$router.resolve(v)}catch{}return null}function w(v,{returnRouterError:q,to:E=a.to,replace:C=a.replace}={}){if(a.disable===!0)return v.preventDefault(),Promise.resolve(!1);if(v.metaKey||v.altKey||v.ctrlKey||v.shiftKey||v.button!==void 0&&v.button!==0||a.target==="_blank")return Promise.resolve(!1);v.preventDefault();const S=i.$router[C===!0?"replace":"push"](E);return q===!0?S:S.then(()=>{}).catch(()=>{})}function B(v){if(s.value===!0){const q=E=>w(v,E);d("click",v,q),v.defaultPrevented!==!0&&q()}else d("click",v)}return{hasRouterLink:s,hasHrefLink:u,hasLink:h,linkTag:l,resolvedLink:p,linkIsActive:y,linkIsExactActive:f,linkClass:k,linkAttrs:b,getLink:L,navigateToRouterLink:w,navigateOnClick:B}}const te={none:0,xs:4,sm:8,md:16,lg:24,xl:32},Ke={xs:8,sm:10,md:14,lg:20,xl:24},Ne=["button","submit","reset"],Ve=/[^\s]\/[^\s]/,Fe=["flat","outline","push","unelevated"];function Qe(e,t){return e.flat===!0?"flat":e.outline===!0?"outline":e.push===!0?"push":e.unelevated===!0?"unelevated":t}const Ue={...ae,...Ie,type:{type:String,default:"button"},label:[Number,String],icon:String,iconRight:String,...Fe.reduce((e,t)=>(e[t]=Boolean)&&e,{}),square:Boolean,rounded:Boolean,glossy:Boolean,size:String,fab:Boolean,fabMini:Boolean,padding:String,color:String,textColor:String,noCaps:Boolean,noWrap:Boolean,dense:Boolean,tabindex:[Number,String],ripple:{type:[Boolean,Object],default:!0},align:{...Te.align,default:"center"},stack:Boolean,stretch:Boolean,loading:{type:Boolean,default:null},disable:Boolean},Ye={...Ue,round:Boolean};function Ge(e){const t=re(e,Ke),r=Oe(e),{hasRouterLink:a,hasLink:i,linkTag:d,linkAttrs:c,navigateOnClick:u}=De({fallbackTag:"button"}),_=n.computed(()=>{const f=e.fab===!1&&e.fabMini===!1?t.value:{};return e.padding!==void 0?Object.assign({},f,{padding:e.padding.split(/\s+/).map(k=>k in te?te[k]+"px":k).join(" "),minWidth:"0",minHeight:"0"}):f}),p=n.computed(()=>e.rounded===!0||e.fab===!0||e.fabMini===!0),s=n.computed(()=>e.disable!==!0&&e.loading!==!0),h=n.computed(()=>s.value===!0?e.tabindex||0:-1),l=n.computed(()=>Qe(e,"standard")),b=n.computed(()=>{const f={tabindex:h.value};return i.value===!0?Object.assign(f,c.value):Ne.includes(e.type)===!0&&(f.type=e.type),d.value==="a"?(e.disable===!0?f["aria-disabled"]="true":f.href===void 0&&(f.role="button"),a.value!==!0&&Ve.test(e.type)===!0&&(f.type=e.type)):e.disable===!0&&(f.disabled="",f["aria-disabled"]="true"),e.loading===!0&&e.percentage!==void 0&&Object.assign(f,{role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":e.percentage}),f}),g=n.computed(()=>{let f;e.color!==void 0?e.flat===!0||e.outline===!0?f=`text-${e.textColor||e.color}`:f=`bg-${e.color} text-${e.textColor||"white"}`:e.textColor&&(f=`text-${e.textColor}`);const k=e.round===!0?"round":`rectangle${p.value===!0?" q-btn--rounded":e.square===!0?" q-btn--square":""}`;return`q-btn--${l.value} q-btn--${k}`+(f!==void 0?" "+f:"")+(s.value===!0?" q-btn--actionable q-focusable q-hoverable":e.disable===!0?" disabled":"")+(e.fab===!0?" q-btn--fab":e.fabMini===!0?" q-btn--fab-mini":"")+(e.noCaps===!0?" q-btn--no-uppercase":"")+(e.dense===!0?" q-btn--dense":"")+(e.stretch===!0?" no-border-radius self-stretch":"")+(e.glossy===!0?" glossy":"")+(e.square?" q-btn--square":"")}),y=n.computed(()=>r.value+(e.stack===!0?" column":" row")+(e.noWrap===!0?" no-wrap text-no-wrap":"")+(e.loading===!0?" q-btn__content--hidden":""));return{classes:g,style:_,innerClasses:y,attributes:b,hasLink:i,linkTag:d,navigateOnClick:u,isActionable:s}}const{passiveCapture:$}=K;let P=null,T=null,O=null;const He=Q({name:"QBtn",props:{...Ye,percentage:Number,darkPercentage:Boolean,onTouchstart:[Function,Array]},emits:["click","keydown","mousedown","keyup"],setup(e,{slots:t,emit:r}){const{proxy:a}=n.getCurrentInstance(),{classes:i,style:d,innerClasses:c,attributes:u,hasLink:_,linkTag:p,navigateOnClick:s,isActionable:h}=Ge(e),l=n.ref(null),b=n.ref(null);let g=null,y,f=null;const k=n.computed(()=>e.label!==void 0&&e.label!==null&&e.label!==""),L=n.computed(()=>e.disable===!0||e.ripple===!1?!1:{keyCodes:_.value===!0?[13,32]:[13],...e.ripple===!0?{}:e.ripple}),w=n.computed(()=>({center:e.round})),B=n.computed(()=>{const o=Math.max(0,Math.min(100,e.percentage));return o>0?{transition:"transform 0.6s",transform:`translateX(${o-100}%)`}:{}}),v=n.computed(()=>{if(e.loading===!0)return{onMousedown:z,onTouchstart:z,onClick:z,onKeydown:z,onKeyup:z};if(h.value===!0){const o={onClick:E,onKeydown:C,onMousedown:j};if(a.$q.platform.has.touch===!0){const m=e.onTouchstart!==void 0?"":"Passive";o[`onTouchstart${m}`]=S}return o}return{onClick:R}}),q=n.computed(()=>({ref:l,class:"q-btn q-btn-item non-selectable no-outline "+i.value,style:d.value,...u.value,...v.value}));function E(o){if(l.value!==null){if(o!==void 0){if(o.defaultPrevented===!0)return;const m=document.activeElement;if(e.type==="submit"&&m!==document.body&&l.value.contains(m)===!1&&m.contains(l.value)===!1){l.value.focus();const I=()=>{document.removeEventListener("keydown",R,!0),document.removeEventListener("keyup",I,$),l.value!==null&&l.value.removeEventListener("blur",I,$)};document.addEventListener("keydown",R,!0),document.addEventListener("keyup",I,$),l.value.addEventListener("blur",I,$)}}s(o)}}function C(o){l.value!==null&&(r("keydown",o),F(o,[13,32])===!0&&T!==l.value&&(T!==null&&M(),o.defaultPrevented!==!0&&(l.value.focus(),T=l.value,l.value.classList.add("q-btn--active"),document.addEventListener("keyup",x,!0),l.value.addEventListener("blur",x,$)),R(o)))}function S(o){l.value!==null&&(r("touchstart",o),o.defaultPrevented!==!0&&(P!==l.value&&(P!==null&&M(),P=l.value,g=o.target,g.addEventListener("touchcancel",x,$),g.addEventListener("touchend",x,$)),y=!0,f!==null&&clearTimeout(f),f=setTimeout(()=>{f=null,y=!1},200)))}function j(o){l.value!==null&&(o.qSkipRipple=y===!0,r("mousedown",o),o.defaultPrevented!==!0&&O!==l.value&&(O!==null&&M(),O=l.value,l.value.classList.add("q-btn--active"),document.addEventListener("mouseup",x,$)))}function x(o){if(l.value!==null&&!(o!==void 0&&o.type==="blur"&&document.activeElement===l.value)){if(o!==void 0&&o.type==="keyup"){if(T===l.value&&F(o,[13,32])===!0){const m=new MouseEvent("click",o);m.qKeyEvent=!0,o.defaultPrevented===!0&&Ce(m),o.cancelBubble===!0&&le(m),l.value.dispatchEvent(m),R(o),o.qKeyEvent=!0}r("keyup",o)}M()}}function M(o){const m=b.value;o!==!0&&(P===l.value||O===l.value)&&m!==null&&m!==document.activeElement&&(m.setAttribute("tabindex",-1),m.focus()),P===l.value&&(g!==null&&(g.removeEventListener("touchcancel",x,$),g.removeEventListener("touchend",x,$)),P=g=null),O===l.value&&(document.removeEventListener("mouseup",x,$),O=null),T===l.value&&(document.removeEventListener("keyup",x,!0),l.value!==null&&l.value.removeEventListener("blur",x,$),T=null),l.value!==null&&l.value.classList.remove("q-btn--active")}function z(o){R(o),o.qSkipRipple=!0}return n.onBeforeUnmount(()=>{M(!0)}),Object.assign(a,{click:o=>{h.value===!0&&E(o)}}),()=>{let o=[];e.icon!==void 0&&o.push(n.h(H,{name:e.icon,left:e.stack!==!0&&k.value===!0,role:"img","aria-hidden":"true"})),k.value===!0&&o.push(n.h("span",{class:"block"},[e.label])),o=A(t.default,o),e.iconRight!==void 0&&e.round===!1&&o.push(n.h(H,{name:e.iconRight,right:e.stack!==!0&&k.value===!0,role:"img","aria-hidden":"true"}));const m=[n.h("span",{class:"q-focus-helper",ref:b})];return e.loading===!0&&e.percentage!==void 0&&m.push(n.h("span",{class:"q-btn__progress absolute-full overflow-hidden"+(e.darkPercentage===!0?" q-btn__progress--dark":"")},[n.h("span",{class:"q-btn__progress-indicator fit block",style:B.value})])),m.push(n.h("span",{class:"q-btn__content text-center col items-center q-anchor--skip "+c.value},o)),e.loading!==null&&m.push(n.h(n.Transition,{name:"q-transition--fade"},()=>e.loading===!0?[n.h("span",{key:"loading",class:"absolute-full flex flex-center"},t.loading!==void 0?t.loading():[n.h($e)])]:null)),n.withDirectives(n.h(p.value,q.value,m),[[Re,L.value,void 0,w.value]])}}}),We=n.defineComponent({__name:"index",props:{size:{default:D.MD},transparent:{type:Boolean},rounded:{type:Boolean},color:{default:de.PRIMARY},iconPosition:{},disabled:{type:Boolean},loading:{type:[Boolean,null]},to:{},href:{},target:{},submit:{type:Boolean},ariaLabel:{}},emits:["click"],setup(e){const t=e,r=n.computed(()=>["app-btn",{"app-btn_default":!t.transparent,"app-btn_trans":t.transparent,"app-btn_rounded":t.rounded,"app-btn_md":t.size===D.MD,"app-btn_lg":t.size===D.LG,"app-btn_icon-left":t.iconPosition==="left","app-btn_icon-right":t.iconPosition==="right","app-btn_icon-middle":t.iconPosition==="middle"},`app-btn_${t.color}`]);return(a,i)=>(n.openBlock(),n.createBlock(n.unref(He),{"no-caps":"",unelevated:"",class:n.normalizeClass(r.value),padding:n.unref(ne)[t.size||n.unref(D).MD],loading:a.loading,disabled:a.disabled||void 0,to:a.to,href:a.href,target:a.target,type:a.submit?"submit":void 0,"aria-label":a.ariaLabel,onClick:i[0]||(i[0]=d=>a.$emit("click",d))},{default:n.withCtx(()=>[n.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["class","padding","loading","disabled","to","href","target","type","aria-label"]))}}),ce=(e,t)=>{const r=e.__vccOpts||e;for(const[a,i]of t)r[a]=i;return r},Xe=ce(We,[["__scopeId","data-v-44701e49"]]),Ze=n.defineComponent({__name:"index",props:{name:{},size:{},color:{}},setup(e){return(t,r)=>(n.openBlock(),n.createElementBlock("i",{class:n.normalizeClass(["icon-kl",`icon-kl-${t.name}`,t.color?`text-${t.color}`:""]),style:n.normalizeStyle(t.size?`font-size: ${t.size}`:void 0)},null,6))}}),Je=ce(Ze,[["__scopeId","data-v-73419357"]]);exports.AppButton=Xe;exports.AppIcon=Je;
|
package/dist/uikit.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { computed as u, markRaw as
|
|
1
|
+
import { computed as u, markRaw as le, defineComponent as Y, getCurrentInstance as G, h as v, ref as W, onBeforeUnmount as ye, Transition as ke, withDirectives as _e, openBlock as ue, createBlock as qe, unref as V, normalizeClass as se, withCtx as $e, renderSlot as Ee, createElementBlock as xe, normalizeStyle as Ce } from "vue";
|
|
2
2
|
const K = {
|
|
3
3
|
MD: "md",
|
|
4
4
|
LG: "lg"
|
|
@@ -21,10 +21,10 @@ function fe(e, t = Q) {
|
|
|
21
21
|
return u(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
|
|
22
22
|
}
|
|
23
23
|
function H(e) {
|
|
24
|
-
return
|
|
24
|
+
return le(Y(e));
|
|
25
25
|
}
|
|
26
26
|
function Se(e) {
|
|
27
|
-
return
|
|
27
|
+
return le(e);
|
|
28
28
|
}
|
|
29
29
|
function we(e, t) {
|
|
30
30
|
return e !== void 0 && e() || t;
|
|
@@ -68,15 +68,15 @@ const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
|
|
|
68
68
|
setup(e, { slots: t }) {
|
|
69
69
|
const { proxy: { $q: a } } = G(), n = fe(e), i = u(
|
|
70
70
|
() => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
|
|
71
|
-
),
|
|
72
|
-
let c,
|
|
73
|
-
if (
|
|
71
|
+
), d = u(() => {
|
|
72
|
+
let c, o = e.name;
|
|
73
|
+
if (o === "none" || !o)
|
|
74
74
|
return { none: !0 };
|
|
75
75
|
if (a.iconMapFn !== null) {
|
|
76
|
-
const s = a.iconMapFn(
|
|
76
|
+
const s = a.iconMapFn(o);
|
|
77
77
|
if (s !== void 0)
|
|
78
78
|
if (s.icon !== void 0) {
|
|
79
|
-
if (
|
|
79
|
+
if (o = s.icon, o === "none" || !o)
|
|
80
80
|
return { none: !0 };
|
|
81
81
|
} else
|
|
82
82
|
return {
|
|
@@ -84,50 +84,50 @@ const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
|
|
|
84
84
|
content: s.content !== void 0 ? s.content : " "
|
|
85
85
|
};
|
|
86
86
|
}
|
|
87
|
-
if (Pe.test(
|
|
88
|
-
const [s, p = X] =
|
|
87
|
+
if (Pe.test(o) === !0) {
|
|
88
|
+
const [s, p = X] = o.split("|");
|
|
89
89
|
return {
|
|
90
90
|
svg: !0,
|
|
91
91
|
viewBox: p,
|
|
92
|
-
nodes: s.split("&&").map((
|
|
93
|
-
const [y, b, k] =
|
|
92
|
+
nodes: s.split("&&").map((l) => {
|
|
93
|
+
const [y, b, k] = l.split("@@");
|
|
94
94
|
return v("path", { style: b, d: y, transform: k });
|
|
95
95
|
})
|
|
96
96
|
};
|
|
97
97
|
}
|
|
98
|
-
if (Te.test(
|
|
98
|
+
if (Te.test(o) === !0)
|
|
99
99
|
return {
|
|
100
100
|
img: !0,
|
|
101
|
-
src:
|
|
101
|
+
src: o.substring(4)
|
|
102
102
|
};
|
|
103
|
-
if (Oe.test(
|
|
104
|
-
const [s, p = X] =
|
|
103
|
+
if (Oe.test(o) === !0) {
|
|
104
|
+
const [s, p = X] = o.split("|");
|
|
105
105
|
return {
|
|
106
106
|
svguse: !0,
|
|
107
107
|
src: s.substring(7),
|
|
108
108
|
viewBox: p
|
|
109
109
|
};
|
|
110
110
|
}
|
|
111
|
-
let
|
|
112
|
-
const h =
|
|
111
|
+
let q = " ";
|
|
112
|
+
const h = o.match(Be);
|
|
113
113
|
if (h !== null)
|
|
114
|
-
c = ve[h[1]](
|
|
115
|
-
else if (ze.test(
|
|
116
|
-
c =
|
|
117
|
-
else if (Me.test(
|
|
118
|
-
c = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${
|
|
119
|
-
else if (J.test(
|
|
114
|
+
c = ve[h[1]](o);
|
|
115
|
+
else if (ze.test(o) === !0)
|
|
116
|
+
c = o;
|
|
117
|
+
else if (Me.test(o) === !0)
|
|
118
|
+
c = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${o.substring(3)}`;
|
|
119
|
+
else if (J.test(o) === !0) {
|
|
120
120
|
c = "notranslate material-symbols";
|
|
121
|
-
const s =
|
|
122
|
-
s !== null && (
|
|
121
|
+
const s = o.match(J);
|
|
122
|
+
s !== null && (o = o.substring(6), c += me[s[1]]), q = o;
|
|
123
123
|
} else {
|
|
124
124
|
c = "notranslate material-icons";
|
|
125
|
-
const s =
|
|
126
|
-
s !== null && (
|
|
125
|
+
const s = o.match(Re);
|
|
126
|
+
s !== null && (o = o.substring(2), c += ge[s[1]]), q = o;
|
|
127
127
|
}
|
|
128
128
|
return {
|
|
129
129
|
cls: c,
|
|
130
|
-
content:
|
|
130
|
+
content: q
|
|
131
131
|
};
|
|
132
132
|
});
|
|
133
133
|
return () => {
|
|
@@ -137,20 +137,20 @@ const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
|
|
|
137
137
|
"aria-hidden": "true",
|
|
138
138
|
role: "presentation"
|
|
139
139
|
};
|
|
140
|
-
return
|
|
141
|
-
v("img", { src:
|
|
142
|
-
])) :
|
|
140
|
+
return d.value.none === !0 ? v(e.tag, c, we(t.default)) : d.value.img === !0 ? v(e.tag, c, j(t.default, [
|
|
141
|
+
v("img", { src: d.value.src })
|
|
142
|
+
])) : d.value.svg === !0 ? v(e.tag, c, j(t.default, [
|
|
143
143
|
v("svg", {
|
|
144
|
-
viewBox:
|
|
145
|
-
},
|
|
146
|
-
])) :
|
|
144
|
+
viewBox: d.value.viewBox || "0 0 24 24"
|
|
145
|
+
}, d.value.nodes)
|
|
146
|
+
])) : d.value.svguse === !0 ? v(e.tag, c, j(t.default, [
|
|
147
147
|
v("svg", {
|
|
148
|
-
viewBox:
|
|
148
|
+
viewBox: d.value.viewBox
|
|
149
149
|
}, [
|
|
150
|
-
v("use", { "xlink:href":
|
|
150
|
+
v("use", { "xlink:href": d.value.src })
|
|
151
151
|
])
|
|
152
|
-
])) : (
|
|
153
|
-
|
|
152
|
+
])) : (d.value.cls !== void 0 && (c.class += " " + d.value.cls), v(e.tag, c, j(t.default, [
|
|
153
|
+
d.value.content
|
|
154
154
|
])));
|
|
155
155
|
};
|
|
156
156
|
}
|
|
@@ -268,22 +268,22 @@ function Ue(e, t = 250) {
|
|
|
268
268
|
function te(e, t, a, n) {
|
|
269
269
|
a.modifiers.stop === !0 && be(e);
|
|
270
270
|
const i = a.modifiers.color;
|
|
271
|
-
let
|
|
272
|
-
|
|
273
|
-
const c = document.createElement("span"),
|
|
274
|
-
|
|
271
|
+
let d = a.modifiers.center;
|
|
272
|
+
d = d === !0 || n === !0;
|
|
273
|
+
const c = document.createElement("span"), o = document.createElement("span"), q = Ke(e), { left: h, top: s, width: p, height: l } = t.getBoundingClientRect(), y = Math.sqrt(p * p + l * l), b = y / 2, k = `${(p - y) / 2}px`, f = d ? k : `${q.left - h - b}px`, _ = `${(l - y) / 2}px`, R = d ? _ : `${q.top - s - b}px`;
|
|
274
|
+
o.className = "q-ripple__inner", De(o, {
|
|
275
275
|
height: `${y}px`,
|
|
276
276
|
width: `${y}px`,
|
|
277
|
-
transform: `translate3d(${
|
|
277
|
+
transform: `translate3d(${f},${R},0) scale3d(.2,.2,1)`,
|
|
278
278
|
opacity: 0
|
|
279
|
-
}), c.className = `q-ripple${i ? " text-" + i : ""}`, c.setAttribute("dir", "ltr"), c.appendChild(
|
|
279
|
+
}), c.className = `q-ripple${i ? " text-" + i : ""}`, c.setAttribute("dir", "ltr"), c.appendChild(o), t.appendChild(c);
|
|
280
280
|
const w = () => {
|
|
281
281
|
c.remove(), clearTimeout(B);
|
|
282
282
|
};
|
|
283
283
|
a.abort.push(w);
|
|
284
284
|
let B = setTimeout(() => {
|
|
285
|
-
|
|
286
|
-
|
|
285
|
+
o.classList.add("q-ripple__inner--enter"), o.style.transform = `translate3d(${k},${_},0) scale3d(1,1,1)`, o.style.opacity = 0.2, B = setTimeout(() => {
|
|
286
|
+
o.classList.remove("q-ripple__inner--enter"), o.classList.add("q-ripple__inner--leave"), o.style.opacity = 0, B = setTimeout(() => {
|
|
287
287
|
c.remove(), a.abort.splice(a.abort.indexOf(w), 1);
|
|
288
288
|
}, 275);
|
|
289
289
|
}, 250);
|
|
@@ -373,7 +373,7 @@ function Ze(e, t) {
|
|
|
373
373
|
if (typeof n == "string") {
|
|
374
374
|
if (n !== i)
|
|
375
375
|
return !1;
|
|
376
|
-
} else if (Array.isArray(i) === !1 || i.length !== n.length || n.some((
|
|
376
|
+
} else if (Array.isArray(i) === !1 || i.length !== n.length || n.some((d, c) => d !== i[c]))
|
|
377
377
|
return !1;
|
|
378
378
|
}
|
|
379
379
|
return !0;
|
|
@@ -403,11 +403,11 @@ const tt = {
|
|
|
403
403
|
disable: Boolean
|
|
404
404
|
};
|
|
405
405
|
function nt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
|
|
406
|
-
const a = G(), { props: n, proxy: i, emit:
|
|
407
|
-
() => c === !0 && n.disable !== !0 &&
|
|
406
|
+
const a = G(), { props: n, proxy: i, emit: d } = a, c = Xe(a), o = u(() => n.disable !== !0 && n.href !== void 0), q = t === !0 ? u(
|
|
407
|
+
() => c === !0 && n.disable !== !0 && o.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
|
|
408
408
|
) : u(
|
|
409
|
-
() => c === !0 &&
|
|
410
|
-
), h = u(() =>
|
|
409
|
+
() => c === !0 && o.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
|
|
410
|
+
), h = u(() => q.value === !0 ? R(n.to) : null), s = u(() => h.value !== null), p = u(() => o.value === !0 || s.value === !0), l = u(() => n.type === "a" || p.value === !0 ? "a" : n.tag || e || "div"), y = u(() => o.value === !0 ? {
|
|
411
411
|
href: n.href,
|
|
412
412
|
target: n.target
|
|
413
413
|
} : s.value === !0 ? {
|
|
@@ -416,7 +416,7 @@ function nt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
|
|
|
416
416
|
} : {}), b = u(() => {
|
|
417
417
|
if (s.value === !1)
|
|
418
418
|
return -1;
|
|
419
|
-
const { matched: g } = h.value, { length:
|
|
419
|
+
const { matched: g } = h.value, { length: $ } = g, x = g[$ - 1];
|
|
420
420
|
if (x === void 0)
|
|
421
421
|
return -1;
|
|
422
422
|
const L = i.$route.matched;
|
|
@@ -427,18 +427,18 @@ function nt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
|
|
|
427
427
|
);
|
|
428
428
|
if (S !== -1)
|
|
429
429
|
return S;
|
|
430
|
-
const I = ae(g[
|
|
430
|
+
const I = ae(g[$ - 2]);
|
|
431
431
|
return (
|
|
432
432
|
// we are dealing with nested routes
|
|
433
|
-
|
|
434
|
-
re.bind(null, g[
|
|
433
|
+
$ > 1 && ae(x) === I && L[L.length - 1].path !== I ? L.findIndex(
|
|
434
|
+
re.bind(null, g[$ - 2])
|
|
435
435
|
) : S
|
|
436
436
|
);
|
|
437
437
|
}), k = u(
|
|
438
438
|
() => s.value === !0 && b.value !== -1 && Ze(i.$route.params, h.value.params)
|
|
439
|
-
),
|
|
439
|
+
), f = u(
|
|
440
440
|
() => k.value === !0 && b.value === i.$route.matched.length - 1 && et(i.$route.params, h.value.params)
|
|
441
|
-
),
|
|
441
|
+
), _ = u(() => s.value === !0 ? f.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : k.value === !0 ? ` ${n.activeClass}` : "" : "");
|
|
442
442
|
function R(g) {
|
|
443
443
|
try {
|
|
444
444
|
return i.$router.resolve(g);
|
|
@@ -446,7 +446,7 @@ function nt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
|
|
|
446
446
|
}
|
|
447
447
|
return null;
|
|
448
448
|
}
|
|
449
|
-
function w(g, { returnRouterError:
|
|
449
|
+
function w(g, { returnRouterError: $, to: x = n.to, replace: L = n.replace } = {}) {
|
|
450
450
|
if (n.disable === !0)
|
|
451
451
|
return g.preventDefault(), Promise.resolve(!1);
|
|
452
452
|
if (
|
|
@@ -457,33 +457,33 @@ function nt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
|
|
|
457
457
|
return Promise.resolve(!1);
|
|
458
458
|
g.preventDefault();
|
|
459
459
|
const S = i.$router[L === !0 ? "replace" : "push"](x);
|
|
460
|
-
return
|
|
460
|
+
return $ === !0 ? S : S.then(() => {
|
|
461
461
|
}).catch(() => {
|
|
462
462
|
});
|
|
463
463
|
}
|
|
464
464
|
function B(g) {
|
|
465
465
|
if (s.value === !0) {
|
|
466
|
-
const
|
|
467
|
-
|
|
466
|
+
const $ = (x) => w(g, x);
|
|
467
|
+
d("click", g, $), g.defaultPrevented !== !0 && $();
|
|
468
468
|
} else
|
|
469
|
-
|
|
469
|
+
d("click", g);
|
|
470
470
|
}
|
|
471
471
|
return {
|
|
472
472
|
hasRouterLink: s,
|
|
473
|
-
hasHrefLink:
|
|
473
|
+
hasHrefLink: o,
|
|
474
474
|
hasLink: p,
|
|
475
|
-
linkTag:
|
|
475
|
+
linkTag: l,
|
|
476
476
|
resolvedLink: h,
|
|
477
477
|
linkIsActive: k,
|
|
478
|
-
linkIsExactActive:
|
|
479
|
-
linkClass:
|
|
478
|
+
linkIsExactActive: f,
|
|
479
|
+
linkClass: _,
|
|
480
480
|
linkAttrs: y,
|
|
481
481
|
getLink: R,
|
|
482
482
|
navigateToRouterLink: w,
|
|
483
483
|
navigateOnClick: B
|
|
484
484
|
};
|
|
485
485
|
}
|
|
486
|
-
const
|
|
486
|
+
const oe = {
|
|
487
487
|
none: 0,
|
|
488
488
|
xs: 4,
|
|
489
489
|
sm: 8,
|
|
@@ -496,8 +496,8 @@ const le = {
|
|
|
496
496
|
md: 14,
|
|
497
497
|
lg: 20,
|
|
498
498
|
xl: 24
|
|
499
|
-
}, rt = ["button", "submit", "reset"], it = /[^\s]\/[^\s]/,
|
|
500
|
-
function
|
|
499
|
+
}, rt = ["button", "submit", "reset"], it = /[^\s]\/[^\s]/, ot = ["flat", "outline", "push", "unelevated"];
|
|
500
|
+
function lt(e, t) {
|
|
501
501
|
return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
|
|
502
502
|
}
|
|
503
503
|
const ut = {
|
|
@@ -510,7 +510,7 @@ const ut = {
|
|
|
510
510
|
label: [Number, String],
|
|
511
511
|
icon: String,
|
|
512
512
|
iconRight: String,
|
|
513
|
-
...
|
|
513
|
+
...ot.reduce(
|
|
514
514
|
(e, t) => (e[t] = Boolean) && e,
|
|
515
515
|
{}
|
|
516
516
|
),
|
|
@@ -547,43 +547,43 @@ const ut = {
|
|
|
547
547
|
round: Boolean
|
|
548
548
|
};
|
|
549
549
|
function ct(e) {
|
|
550
|
-
const t = fe(e, at), a = We(e), { hasRouterLink: n, hasLink: i, linkTag:
|
|
550
|
+
const t = fe(e, at), a = We(e), { hasRouterLink: n, hasLink: i, linkTag: d, linkAttrs: c, navigateOnClick: o } = nt({
|
|
551
551
|
fallbackTag: "button"
|
|
552
|
-
}),
|
|
553
|
-
const
|
|
554
|
-
return e.padding !== void 0 ? Object.assign({},
|
|
555
|
-
padding: e.padding.split(/\s+/).map((
|
|
552
|
+
}), q = u(() => {
|
|
553
|
+
const f = e.fab === !1 && e.fabMini === !1 ? t.value : {};
|
|
554
|
+
return e.padding !== void 0 ? Object.assign({}, f, {
|
|
555
|
+
padding: e.padding.split(/\s+/).map((_) => _ in oe ? oe[_] + "px" : _).join(" "),
|
|
556
556
|
minWidth: "0",
|
|
557
557
|
minHeight: "0"
|
|
558
|
-
}) :
|
|
558
|
+
}) : f;
|
|
559
559
|
}), h = u(
|
|
560
560
|
() => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
|
|
561
561
|
), s = u(
|
|
562
562
|
() => e.disable !== !0 && e.loading !== !0
|
|
563
|
-
), p = u(() => s.value === !0 ? e.tabindex || 0 : -1),
|
|
564
|
-
const
|
|
565
|
-
return i.value === !0 ? Object.assign(
|
|
563
|
+
), p = u(() => s.value === !0 ? e.tabindex || 0 : -1), l = u(() => lt(e, "standard")), y = u(() => {
|
|
564
|
+
const f = { tabindex: p.value };
|
|
565
|
+
return i.value === !0 ? Object.assign(f, c.value) : rt.includes(e.type) === !0 && (f.type = e.type), d.value === "a" ? (e.disable === !0 ? f["aria-disabled"] = "true" : f.href === void 0 && (f.role = "button"), n.value !== !0 && it.test(e.type) === !0 && (f.type = e.type)) : e.disable === !0 && (f.disabled = "", f["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(f, {
|
|
566
566
|
role: "progressbar",
|
|
567
567
|
"aria-valuemin": 0,
|
|
568
568
|
"aria-valuemax": 100,
|
|
569
569
|
"aria-valuenow": e.percentage
|
|
570
|
-
}),
|
|
570
|
+
}), f;
|
|
571
571
|
}), b = u(() => {
|
|
572
|
-
let
|
|
573
|
-
e.color !== void 0 ? e.flat === !0 || e.outline === !0 ?
|
|
574
|
-
const
|
|
575
|
-
return `q-btn--${
|
|
572
|
+
let f;
|
|
573
|
+
e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? f = `text-${e.textColor || e.color}` : f = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (f = `text-${e.textColor}`);
|
|
574
|
+
const _ = e.round === !0 ? "round" : `rectangle${h.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
|
|
575
|
+
return `q-btn--${l.value} q-btn--${_}` + (f !== void 0 ? " " + f : "") + (s.value === !0 ? " q-btn--actionable q-focusable q-hoverable" : e.disable === !0 ? " disabled" : "") + (e.fab === !0 ? " q-btn--fab" : e.fabMini === !0 ? " q-btn--fab-mini" : "") + (e.noCaps === !0 ? " q-btn--no-uppercase" : "") + (e.dense === !0 ? " q-btn--dense" : "") + (e.stretch === !0 ? " no-border-radius self-stretch" : "") + (e.glossy === !0 ? " glossy" : "") + (e.square ? " q-btn--square" : "");
|
|
576
576
|
}), k = u(
|
|
577
577
|
() => a.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
|
|
578
578
|
);
|
|
579
579
|
return {
|
|
580
580
|
classes: b,
|
|
581
|
-
style:
|
|
581
|
+
style: q,
|
|
582
582
|
innerClasses: k,
|
|
583
583
|
attributes: y,
|
|
584
584
|
hasLink: i,
|
|
585
|
-
linkTag:
|
|
586
|
-
navigateOnClick:
|
|
585
|
+
linkTag: d,
|
|
586
|
+
navigateOnClick: o,
|
|
587
587
|
isActionable: s
|
|
588
588
|
};
|
|
589
589
|
}
|
|
@@ -601,19 +601,19 @@ const dt = H({
|
|
|
601
601
|
setup(e, { slots: t, emit: a }) {
|
|
602
602
|
const { proxy: n } = G(), {
|
|
603
603
|
classes: i,
|
|
604
|
-
style:
|
|
604
|
+
style: d,
|
|
605
605
|
innerClasses: c,
|
|
606
|
-
attributes:
|
|
607
|
-
hasLink:
|
|
606
|
+
attributes: o,
|
|
607
|
+
hasLink: q,
|
|
608
608
|
linkTag: h,
|
|
609
609
|
navigateOnClick: s,
|
|
610
610
|
isActionable: p
|
|
611
|
-
} = ct(e),
|
|
612
|
-
let b = null, k,
|
|
613
|
-
const
|
|
611
|
+
} = ct(e), l = W(null), y = W(null);
|
|
612
|
+
let b = null, k, f = null;
|
|
613
|
+
const _ = u(
|
|
614
614
|
() => e.label !== void 0 && e.label !== null && e.label !== ""
|
|
615
615
|
), R = u(() => e.disable === !0 || e.ripple === !1 ? !1 : {
|
|
616
|
-
keyCodes:
|
|
616
|
+
keyCodes: q.value === !0 ? [13, 32] : [13],
|
|
617
617
|
...e.ripple === !0 ? {} : e.ripple
|
|
618
618
|
}), w = u(() => ({ center: e.round })), B = u(() => {
|
|
619
619
|
const r = Math.max(0, Math.min(100, e.percentage));
|
|
@@ -643,47 +643,47 @@ const dt = H({
|
|
|
643
643
|
// needed; especially for disabled <a> tags
|
|
644
644
|
onClick: P
|
|
645
645
|
};
|
|
646
|
-
}),
|
|
647
|
-
ref:
|
|
646
|
+
}), $ = u(() => ({
|
|
647
|
+
ref: l,
|
|
648
648
|
class: "q-btn q-btn-item non-selectable no-outline " + i.value,
|
|
649
|
-
style:
|
|
650
|
-
...
|
|
649
|
+
style: d.value,
|
|
650
|
+
...o.value,
|
|
651
651
|
...g.value
|
|
652
652
|
}));
|
|
653
653
|
function x(r) {
|
|
654
|
-
if (
|
|
654
|
+
if (l.value !== null) {
|
|
655
655
|
if (r !== void 0) {
|
|
656
656
|
if (r.defaultPrevented === !0)
|
|
657
657
|
return;
|
|
658
658
|
const m = document.activeElement;
|
|
659
|
-
if (e.type === "submit" && m !== document.body &&
|
|
660
|
-
|
|
659
|
+
if (e.type === "submit" && m !== document.body && l.value.contains(m) === !1 && m.contains(l.value) === !1) {
|
|
660
|
+
l.value.focus();
|
|
661
661
|
const D = () => {
|
|
662
|
-
document.removeEventListener("keydown", P, !0), document.removeEventListener("keyup", D, E),
|
|
662
|
+
document.removeEventListener("keydown", P, !0), document.removeEventListener("keyup", D, E), l.value !== null && l.value.removeEventListener("blur", D, E);
|
|
663
663
|
};
|
|
664
|
-
document.addEventListener("keydown", P, !0), document.addEventListener("keyup", D, E),
|
|
664
|
+
document.addEventListener("keydown", P, !0), document.addEventListener("keyup", D, E), l.value.addEventListener("blur", D, E);
|
|
665
665
|
}
|
|
666
666
|
}
|
|
667
667
|
s(r);
|
|
668
668
|
}
|
|
669
669
|
}
|
|
670
670
|
function L(r) {
|
|
671
|
-
|
|
671
|
+
l.value !== null && (a("keydown", r), U(r, [13, 32]) === !0 && O !== l.value && (O !== null && z(), r.defaultPrevented !== !0 && (l.value.focus(), O = l.value, l.value.classList.add("q-btn--active"), document.addEventListener("keyup", C, !0), l.value.addEventListener("blur", C, E)), P(r)));
|
|
672
672
|
}
|
|
673
673
|
function S(r) {
|
|
674
|
-
|
|
675
|
-
|
|
674
|
+
l.value !== null && (a("touchstart", r), r.defaultPrevented !== !0 && (T !== l.value && (T !== null && z(), T = l.value, b = r.target, b.addEventListener("touchcancel", C, E), b.addEventListener("touchend", C, E)), k = !0, f !== null && clearTimeout(f), f = setTimeout(() => {
|
|
675
|
+
f = null, k = !1;
|
|
676
676
|
}, 200)));
|
|
677
677
|
}
|
|
678
678
|
function I(r) {
|
|
679
|
-
|
|
679
|
+
l.value !== null && (r.qSkipRipple = k === !0, a("mousedown", r), r.defaultPrevented !== !0 && M !== l.value && (M !== null && z(), M = l.value, l.value.classList.add("q-btn--active"), document.addEventListener("mouseup", C, E)));
|
|
680
680
|
}
|
|
681
681
|
function C(r) {
|
|
682
|
-
if (
|
|
682
|
+
if (l.value !== null && !(r !== void 0 && r.type === "blur" && document.activeElement === l.value)) {
|
|
683
683
|
if (r !== void 0 && r.type === "keyup") {
|
|
684
|
-
if (O ===
|
|
684
|
+
if (O === l.value && U(r, [13, 32]) === !0) {
|
|
685
685
|
const m = new MouseEvent("click", r);
|
|
686
|
-
m.qKeyEvent = !0, r.defaultPrevented === !0 && Ne(m), r.cancelBubble === !0 && be(m),
|
|
686
|
+
m.qKeyEvent = !0, r.defaultPrevented === !0 && Ne(m), r.cancelBubble === !0 && be(m), l.value.dispatchEvent(m), P(r), r.qKeyEvent = !0;
|
|
687
687
|
}
|
|
688
688
|
a("keyup", r);
|
|
689
689
|
}
|
|
@@ -692,7 +692,7 @@ const dt = H({
|
|
|
692
692
|
}
|
|
693
693
|
function z(r) {
|
|
694
694
|
const m = y.value;
|
|
695
|
-
r !== !0 && (T ===
|
|
695
|
+
r !== !0 && (T === l.value || M === l.value) && m !== null && m !== document.activeElement && (m.setAttribute("tabindex", -1), m.focus()), T === l.value && (b !== null && (b.removeEventListener("touchcancel", C, E), b.removeEventListener("touchend", C, E)), T = b = null), M === l.value && (document.removeEventListener("mouseup", C, E), M = null), O === l.value && (document.removeEventListener("keyup", C, !0), l.value !== null && l.value.removeEventListener("blur", C, E), O = null), l.value !== null && l.value.classList.remove("q-btn--active");
|
|
696
696
|
}
|
|
697
697
|
function A(r) {
|
|
698
698
|
P(r), r.qSkipRipple = !0;
|
|
@@ -708,16 +708,16 @@ const dt = H({
|
|
|
708
708
|
e.icon !== void 0 && r.push(
|
|
709
709
|
v(ee, {
|
|
710
710
|
name: e.icon,
|
|
711
|
-
left: e.stack !== !0 &&
|
|
711
|
+
left: e.stack !== !0 && _.value === !0,
|
|
712
712
|
role: "img",
|
|
713
713
|
"aria-hidden": "true"
|
|
714
714
|
})
|
|
715
|
-
),
|
|
715
|
+
), _.value === !0 && r.push(
|
|
716
716
|
v("span", { class: "block" }, [e.label])
|
|
717
717
|
), r = j(t.default, r), e.iconRight !== void 0 && e.round === !1 && r.push(
|
|
718
718
|
v(ee, {
|
|
719
719
|
name: e.iconRight,
|
|
720
|
-
right: e.stack !== !0 &&
|
|
720
|
+
right: e.stack !== !0 && _.value === !0,
|
|
721
721
|
role: "img",
|
|
722
722
|
"aria-hidden": "true"
|
|
723
723
|
})
|
|
@@ -750,10 +750,10 @@ const dt = H({
|
|
|
750
750
|
class: "absolute-full flex flex-center"
|
|
751
751
|
}, t.loading !== void 0 ? t.loading() : [v(Ie)])
|
|
752
752
|
] : null)
|
|
753
|
-
),
|
|
753
|
+
), _e(
|
|
754
754
|
v(
|
|
755
755
|
h.value,
|
|
756
|
-
|
|
756
|
+
$.value,
|
|
757
757
|
m
|
|
758
758
|
),
|
|
759
759
|
[[
|
|
@@ -790,12 +790,14 @@ const dt = H({
|
|
|
790
790
|
"app-btn_trans": t.transparent,
|
|
791
791
|
"app-btn_rounded": t.rounded,
|
|
792
792
|
"app-btn_md": t.size === K.MD,
|
|
793
|
-
"app-btn_lg": t.size === K.LG
|
|
793
|
+
"app-btn_lg": t.size === K.LG,
|
|
794
|
+
"app-btn_icon-left": t.iconPosition === "left",
|
|
795
|
+
"app-btn_icon-right": t.iconPosition === "right",
|
|
796
|
+
"app-btn_icon-middle": t.iconPosition === "middle"
|
|
794
797
|
},
|
|
795
|
-
`app-btn_${t.color}
|
|
796
|
-
`app-btn_icon-${t.iconPosition}`
|
|
798
|
+
`app-btn_${t.color}`
|
|
797
799
|
]);
|
|
798
|
-
return (n, i) => (ue(),
|
|
800
|
+
return (n, i) => (ue(), qe(V(dt), {
|
|
799
801
|
"no-caps": "",
|
|
800
802
|
unelevated: "",
|
|
801
803
|
class: se(a.value),
|
|
@@ -807,9 +809,9 @@ const dt = H({
|
|
|
807
809
|
target: n.target,
|
|
808
810
|
type: n.submit ? "submit" : void 0,
|
|
809
811
|
"aria-label": n.ariaLabel,
|
|
810
|
-
onClick: i[0] || (i[0] = (
|
|
812
|
+
onClick: i[0] || (i[0] = (d) => n.$emit("click", d))
|
|
811
813
|
}, {
|
|
812
|
-
default:
|
|
814
|
+
default: $e(() => [
|
|
813
815
|
Ee(n.$slots, "default", {}, void 0, !0)
|
|
814
816
|
]),
|
|
815
817
|
_: 3
|
|
@@ -820,7 +822,7 @@ const dt = H({
|
|
|
820
822
|
for (const [n, i] of t)
|
|
821
823
|
a[n] = i;
|
|
822
824
|
return a;
|
|
823
|
-
}, mt = /* @__PURE__ */ pe(ft, [["__scopeId", "data-v-
|
|
825
|
+
}, mt = /* @__PURE__ */ pe(ft, [["__scopeId", "data-v-44701e49"]]), vt = /* @__PURE__ */ Y({
|
|
824
826
|
__name: "index",
|
|
825
827
|
props: {
|
|
826
828
|
name: {},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@validol4ik/uikit",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.8",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/uikit.cjs",
|
|
6
6
|
"module": "./dist/uikit.es.js",
|
|
@@ -31,22 +31,22 @@
|
|
|
31
31
|
"vue": "^3.4.21"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@chromatic-com/storybook": "^1.
|
|
34
|
+
"@chromatic-com/storybook": "^1.8.0",
|
|
35
35
|
"@quasar/quasar-app-extension-testing-unit-vitest": "^1.0.0",
|
|
36
36
|
"@quasar/vite-plugin": "^1.7.0",
|
|
37
|
-
"@storybook/addon-essentials": "^8.
|
|
38
|
-
"@storybook/addon-interactions": "^8.
|
|
39
|
-
"@storybook/addon-links": "^8.
|
|
40
|
-
"@storybook/blocks": "^8.
|
|
41
|
-
"@storybook/test": "^8.
|
|
42
|
-
"@storybook/vue3": "^8.
|
|
43
|
-
"@storybook/vue3-vite": "^8.
|
|
37
|
+
"@storybook/addon-essentials": "^8.2.9",
|
|
38
|
+
"@storybook/addon-interactions": "^8.2.9",
|
|
39
|
+
"@storybook/addon-links": "^8.2.9",
|
|
40
|
+
"@storybook/blocks": "^8.2.9",
|
|
41
|
+
"@storybook/test": "^8.2.9",
|
|
42
|
+
"@storybook/vue3": "^8.2.9",
|
|
43
|
+
"@storybook/vue3-vite": "^8.2.9",
|
|
44
44
|
"@types/node": "^20.12.11",
|
|
45
45
|
"@vitejs/plugin-vue": "^5.0.4",
|
|
46
46
|
"@vue/test-utils": "2.4.6",
|
|
47
47
|
"happy-dom": "^14.12.0",
|
|
48
48
|
"sass": "^1.77.4",
|
|
49
|
-
"storybook": "^8.
|
|
49
|
+
"storybook": "^8.2.9",
|
|
50
50
|
"typescript": "^5.2.2",
|
|
51
51
|
"vite": "^5.2.0",
|
|
52
52
|
"vite-plugin-dts": "^3.9.1",
|