@validol4ik/uikit 0.1.9 → 0.1.91

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.
@@ -1,6 +1,7 @@
1
1
  export declare const BUTTON_SIZES: {
2
- MD: "md" | "lg" | undefined;
3
- LG: "md" | "lg" | undefined;
2
+ SM: "sm" | "md" | "lg" | undefined;
3
+ MD: "sm" | "md" | "lg" | undefined;
4
+ LG: "sm" | "md" | "lg" | undefined;
4
5
  };
5
6
  export declare const ICON_POSITIONS: {
6
7
  LEFT: "left" | "right" | "middle" | undefined;
@@ -1,17 +1,17 @@
1
1
  import { AppButtonProps } from './types';
2
2
 
3
3
  declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AppButtonProps>, {
4
- size: "md" | "lg" | undefined;
4
+ size: "sm" | "md" | "lg" | undefined;
5
5
  color: string;
6
6
  }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
7
  click: (...args: any[]) => void;
8
8
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AppButtonProps>, {
9
- size: "md" | "lg" | undefined;
9
+ size: "sm" | "md" | "lg" | undefined;
10
10
  color: string;
11
11
  }>>> & {
12
12
  onClick?: ((...args: any[]) => any) | undefined;
13
13
  }, {
14
- size: "md" | "lg";
14
+ size: "sm" | "md" | "lg";
15
15
  color: string;
16
16
  }, {}>, {
17
17
  default?(_: {}): any;
@@ -2,7 +2,7 @@ import { QBtnProps } from 'quasar';
2
2
  import { Color } from '../../types';
3
3
 
4
4
  export interface AppButtonProps {
5
- size?: "md" | "lg";
5
+ size?: "sm" | "md" | "lg";
6
6
  transparent?: boolean;
7
7
  rounded?: boolean;
8
8
  color?: Color;
@@ -16,6 +16,7 @@ export interface AppButtonProps {
16
16
  ariaLabel?: string;
17
17
  }
18
18
  export declare enum ButtonPaddings {
19
+ sm = "3px 9px",
19
20
  md = "5px 12px",
20
21
  lg = "9px 20px"
21
22
  }
@@ -2,4 +2,5 @@ export declare const COLORS: {
2
2
  PRIMARY: string;
3
3
  INFO: string;
4
4
  NEGATIVE: string;
5
+ POSITIVE: string;
5
6
  };
@@ -1,3 +1,3 @@
1
1
  import { COLORS } from './constants.ts';
2
2
 
3
- export type Color = typeof COLORS.PRIMARY | typeof COLORS.INFO | typeof COLORS.NEGATIVE;
3
+ export type Color = typeof COLORS.PRIMARY | typeof COLORS.INFO | typeof COLORS.NEGATIVE | typeof COLORS.POSITIVE;
package/dist/main.css CHANGED
@@ -1 +1 @@
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}
1
+ .app-btn[data-v-26f224ab] .q-btn__content{font-family:OpenSans,sans-serif;font-weight:600}.app-btn_sm[data-v-26f224ab]{font-size:12px;border-radius:7px}.app-btn_sm[data-v-26f224ab] .q-btn__content{line-height:20px}.app-btn_sm[data-v-26f224ab] .icon-kl{font-size:18px}.app-btn_sm.app-btn_icon-left[data-v-26f224ab]{padding-left:5px!important}.app-btn_sm.app-btn_icon-left[data-v-26f224ab] .icon-kl{margin-right:2px}.app-btn_sm.app-btn_icon-right[data-v-26f224ab]{padding-right:5px!important}.app-btn_sm.app-btn_icon-right[data-v-26f224ab] .icon-kl{margin-left:2px}.app-btn_sm.app-btn_icon-middle[data-v-26f224ab]{padding:4px!important}.app-btn_md[data-v-26f224ab]{font-size:14px;border-radius:8px}.app-btn_md[data-v-26f224ab] .q-btn__content{line-height:22px}.app-btn_md[data-v-26f224ab] .icon-kl{font-size:22px}.app-btn_md.app-btn_icon-left[data-v-26f224ab]{padding-left:9px!important}.app-btn_md.app-btn_icon-left[data-v-26f224ab] .icon-kl{margin-right:4px}.app-btn_md.app-btn_icon-right[data-v-26f224ab]{padding-right:9px!important}.app-btn_md.app-btn_icon-right[data-v-26f224ab] .icon-kl{margin-left:4px}.app-btn_md.app-btn_icon-middle[data-v-26f224ab]{padding:6px!important}.app-btn_lg[data-v-26f224ab]{font-size:17px;border-radius:10px}.app-btn_lg[data-v-26f224ab] .q-btn__content{line-height:26px}.app-btn_lg[data-v-26f224ab] .icon-kl{font-size:26px}.app-btn_lg.app-btn_icon-left[data-v-26f224ab]{padding-left:16px!important}.app-btn_lg.app-btn_icon-left[data-v-26f224ab] .icon-kl{margin-right:6px}.app-btn_lg.app-btn_icon-right[data-v-26f224ab]{padding-right:16px!important}.app-btn_lg.app-btn_icon-right[data-v-26f224ab] .icon-kl{margin-left:6px}.app-btn_lg.app-btn_icon-middle[data-v-26f224ab]{padding:11px!important}.app-btn_default.app-btn_primary[data-v-26f224ab]{background-color:#1a5cff;color:#fdfffc}.app-btn_default.app-btn_info[data-v-26f224ab]{background-color:#399;color:#fdfffc}.app-btn_default.app-btn_negative[data-v-26f224ab]{background-color:#ff4757;color:#fdfffc}.app-btn_default.app-btn_positive[data-v-26f224ab]{background-color:#46c93a;color:#fdfffc}.app-btn_trans.app-btn_primary[data-v-26f224ab]{background-color:#1a5cff26;color:#1a5cff}.app-btn_trans.app-btn_info[data-v-26f224ab]{background-color:#3993;color:#2e757c}.app-btn_trans.app-btn_negative[data-v-26f224ab]{background-color:#ff475733;color:#ff4757}.app-btn_trans.app-btn_positive[data-v-26f224ab]{background-color:#46c93a33;color:#46c93a}.app-btn_rounded[data-v-26f224ab]{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}`},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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),A={SM:"sm",MD:"md",LG:"lg"};var ne=(e=>(e.sm="3px 9px",e.md="5px 12px",e.lg="9px 20px",e))(ne||{});const de={PRIMARY:"primary",INFO:"info",NEGATIVE:"negative",POSITIVE:"positive"},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 j(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,j(t.default,[n.h("img",{src:d.value.src})])):d.value.svg===!0?n.h(e.tag,c,j(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,j(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,j(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 Ee=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 $e(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 B(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 Le(e){return e!==Object(e)||e.isComposing===!0||e.qKeyEvent===!0}function F(e,t){return Le(e)===!0?!1:[].concat(t).includes(e.keyCode)}function Re(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`,R=d?k:`${_.top-s-g}px`;u.className="q-ripple__inner",$e(u,{height:`${b}px`,width:`${b}px`,transform:`translate3d(${f},${R},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(L)};r.abort.push(w);let L=setTimeout(()=>{u.classList.add("q-ripple__inner--enter"),u.style.transform=`translate3d(${y},${k},0) scale3d(1,1,1)`,u.style.opacity=.2,L=setTimeout(()=>{u.classList.remove("q-ripple__inner--enter"),u.classList.add("q-ripple__inner--leave"),u.style.opacity=0,L=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 Be=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:Re(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?R(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,$=v[q-1];if($===void 0)return-1;const C=i.$route.matched;if(C.length===0)return-1;const S=C.findIndex(J.bind(null,$));if(S!==-1)return S;const I=Z(v[q-2]);return q>1&&Z($)===I&&C[C.length-1].path!==I?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 R(v){try{return i.$router.resolve(v)}catch{}return null}function w(v,{returnRouterError:q,to:$=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"]($);return q===!0?S:S.then(()=>{}).catch(()=>{})}function L(v){if(s.value===!0){const q=$=>w(v,$);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:R,navigateToRouterLink:w,navigateOnClick:L}}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:E}=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!==""),R=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})),L=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:$,onKeydown:C,onMousedown:I};if(a.$q.platform.has.touch===!0){const m=e.onTouchstart!==void 0?"":"Passive";o[`onTouchstart${m}`]=S}return o}return{onClick:B}}),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 $(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 D=()=>{document.removeEventListener("keydown",B,!0),document.removeEventListener("keyup",D,E),l.value!==null&&l.value.removeEventListener("blur",D,E)};document.addEventListener("keydown",B,!0),document.addEventListener("keyup",D,E),l.value.addEventListener("blur",D,E)}}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,E)),B(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,E),g.addEventListener("touchend",x,E)),y=!0,f!==null&&clearTimeout(f),f=setTimeout(()=>{f=null,y=!1},200)))}function I(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,E)))}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),B(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,E),g.removeEventListener("touchend",x,E)),P=g=null),O===l.value&&(document.removeEventListener("mouseup",x,E),O=null),T===l.value&&(document.removeEventListener("keyup",x,!0),l.value!==null&&l.value.removeEventListener("blur",x,E),T=null),l.value!==null&&l.value.classList.remove("q-btn--active")}function z(o){B(o),o.qSkipRipple=!0}return n.onBeforeUnmount(()=>{M(!0)}),Object.assign(a,{click:o=>{h.value===!0&&$(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=j(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:L.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(Ee)])]:null)),n.withDirectives(n.h(p.value,q.value,m),[[Be,R.value,void 0,w.value]])}}}),We=n.defineComponent({__name:"index",props:{size:{default:A.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_sm":t.size===A.SM,"app-btn_md":t.size===A.MD,"app-btn_lg":t.size===A.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(A).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-26f224ab"]]),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,13 +1,15 @@
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
- const K = {
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 Ee, renderSlot as $e, createElementBlock as xe, normalizeStyle as Se } from "vue";
2
+ const j = {
3
+ SM: "sm",
3
4
  MD: "md",
4
5
  LG: "lg"
5
6
  };
6
- var ce = /* @__PURE__ */ ((e) => (e.md = "5px 12px", e.lg = "9px 20px", e))(ce || {});
7
- const Le = {
7
+ var ce = /* @__PURE__ */ ((e) => (e.sm = "3px 9px", e.md = "5px 12px", e.lg = "9px 20px", e))(ce || {});
8
+ const Ce = {
8
9
  PRIMARY: "primary",
9
10
  INFO: "info",
10
- NEGATIVE: "negative"
11
+ NEGATIVE: "negative",
12
+ POSITIVE: "positive"
11
13
  }, Q = {
12
14
  xs: 18,
13
15
  sm: 24,
@@ -23,13 +25,13 @@ function fe(e, t = Q) {
23
25
  function H(e) {
24
26
  return le(Y(e));
25
27
  }
26
- function Se(e) {
28
+ function Le(e) {
27
29
  return le(e);
28
30
  }
29
31
  function we(e, t) {
30
32
  return e !== void 0 && e() || t;
31
33
  }
32
- function j(e, t) {
34
+ function I(e, t) {
33
35
  return e !== void 0 ? t.concat(e()) : t;
34
36
  }
35
37
  const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
@@ -44,15 +46,15 @@ const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
44
46
  "iconfont ": Z,
45
47
  "ti-": (e) => `themify-icon ${e}`,
46
48
  "bi-": (e) => `bootstrap-icons ${e}`
47
- }, ge = {
49
+ }, me = {
48
50
  o_: "-outlined",
49
51
  r_: "-round",
50
52
  s_: "-sharp"
51
- }, me = {
53
+ }, ge = {
52
54
  sym_o_: "-outlined",
53
55
  sym_r_: "-rounded",
54
56
  sym_s_: "-sharp"
55
- }, Be = new RegExp("^(" + Object.keys(ve).join("|") + ")"), Re = new RegExp("^(" + Object.keys(ge).join("|") + ")"), J = new RegExp("^(" + Object.keys(me).join("|") + ")"), Pe = /^[Mm]\s?[-+]?\.?\d/, Te = /^img:/, Oe = /^svguse:/, Me = /^ion-/, ze = /^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, ee = H({
57
+ }, Re = new RegExp("^(" + Object.keys(ve).join("|") + ")"), Be = new RegExp("^(" + Object.keys(me).join("|") + ")"), J = new RegExp("^(" + Object.keys(ge).join("|") + ")"), Pe = /^[Mm]\s?[-+]?\.?\d/, Te = /^img:/, Oe = /^svguse:/, Me = /^ion-/, ze = /^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, ee = H({
56
58
  name: "QIcon",
57
59
  props: {
58
60
  ...de,
@@ -85,13 +87,13 @@ const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
85
87
  };
86
88
  }
87
89
  if (Pe.test(o) === !0) {
88
- const [s, p = X] = o.split("|");
90
+ const [s, h = X] = o.split("|");
89
91
  return {
90
92
  svg: !0,
91
- viewBox: p,
93
+ viewBox: h,
92
94
  nodes: s.split("&&").map((l) => {
93
- const [y, b, k] = l.split("@@");
94
- return v("path", { style: b, d: y, transform: k });
95
+ const [y, p, k] = l.split("@@");
96
+ return v("path", { style: p, d: y, transform: k });
95
97
  })
96
98
  };
97
99
  }
@@ -101,17 +103,17 @@ const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
101
103
  src: o.substring(4)
102
104
  };
103
105
  if (Oe.test(o) === !0) {
104
- const [s, p = X] = o.split("|");
106
+ const [s, h = X] = o.split("|");
105
107
  return {
106
108
  svguse: !0,
107
109
  src: s.substring(7),
108
- viewBox: p
110
+ viewBox: h
109
111
  };
110
112
  }
111
113
  let q = " ";
112
- const h = o.match(Be);
113
- if (h !== null)
114
- c = ve[h[1]](o);
114
+ const b = o.match(Re);
115
+ if (b !== null)
116
+ c = ve[b[1]](o);
115
117
  else if (ze.test(o) === !0)
116
118
  c = o;
117
119
  else if (Me.test(o) === !0)
@@ -119,11 +121,11 @@ const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
119
121
  else if (J.test(o) === !0) {
120
122
  c = "notranslate material-symbols";
121
123
  const s = o.match(J);
122
- s !== null && (o = o.substring(6), c += me[s[1]]), q = o;
124
+ s !== null && (o = o.substring(6), c += ge[s[1]]), q = o;
123
125
  } else {
124
126
  c = "notranslate material-icons";
125
- const s = o.match(Re);
126
- s !== null && (o = o.substring(2), c += ge[s[1]]), q = o;
127
+ const s = o.match(Be);
128
+ s !== null && (o = o.substring(2), c += me[s[1]]), q = o;
127
129
  }
128
130
  return {
129
131
  cls: c,
@@ -137,19 +139,19 @@ const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
137
139
  "aria-hidden": "true",
138
140
  role: "presentation"
139
141
  };
140
- return d.value.none === !0 ? v(e.tag, c, we(t.default)) : d.value.img === !0 ? v(e.tag, c, j(t.default, [
142
+ return d.value.none === !0 ? v(e.tag, c, we(t.default)) : d.value.img === !0 ? v(e.tag, c, I(t.default, [
141
143
  v("img", { src: d.value.src })
142
- ])) : d.value.svg === !0 ? v(e.tag, c, j(t.default, [
144
+ ])) : d.value.svg === !0 ? v(e.tag, c, I(t.default, [
143
145
  v("svg", {
144
146
  viewBox: d.value.viewBox || "0 0 24 24"
145
147
  }, d.value.nodes)
146
- ])) : d.value.svguse === !0 ? v(e.tag, c, j(t.default, [
148
+ ])) : d.value.svguse === !0 ? v(e.tag, c, I(t.default, [
147
149
  v("svg", {
148
150
  viewBox: d.value.viewBox
149
151
  }, [
150
152
  v("use", { "xlink:href": d.value.src })
151
153
  ])
152
- ])) : (d.value.cls !== void 0 && (c.class += " " + d.value.cls), v(e.tag, c, j(t.default, [
154
+ ])) : (d.value.cls !== void 0 && (c.class += " " + d.value.cls), v(e.tag, c, I(t.default, [
153
155
  d.value.content
154
156
  ])));
155
157
  };
@@ -230,7 +232,7 @@ function Ke(e) {
230
232
  left: e.clientX
231
233
  };
232
234
  }
233
- function be(e) {
235
+ function pe(e) {
234
236
  e.stopPropagation();
235
237
  }
236
238
  function Ne(e) {
@@ -266,24 +268,24 @@ function Ue(e, t = 250) {
266
268
  };
267
269
  }
268
270
  function te(e, t, a, n) {
269
- a.modifiers.stop === !0 && be(e);
271
+ a.modifiers.stop === !0 && pe(e);
270
272
  const i = a.modifiers.color;
271
273
  let d = a.modifiers.center;
272
274
  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`;
275
+ const c = document.createElement("span"), o = document.createElement("span"), q = Ke(e), { left: b, top: s, width: h, height: l } = t.getBoundingClientRect(), y = Math.sqrt(h * h + l * l), p = y / 2, k = `${(h - y) / 2}px`, f = d ? k : `${q.left - b - p}px`, _ = `${(l - y) / 2}px`, B = d ? _ : `${q.top - s - p}px`;
274
276
  o.className = "q-ripple__inner", De(o, {
275
277
  height: `${y}px`,
276
278
  width: `${y}px`,
277
- transform: `translate3d(${f},${R},0) scale3d(.2,.2,1)`,
279
+ transform: `translate3d(${f},${B},0) scale3d(.2,.2,1)`,
278
280
  opacity: 0
279
281
  }), c.className = `q-ripple${i ? " text-" + i : ""}`, c.setAttribute("dir", "ltr"), c.appendChild(o), t.appendChild(c);
280
282
  const w = () => {
281
- c.remove(), clearTimeout(B);
283
+ c.remove(), clearTimeout(R);
282
284
  };
283
285
  a.abort.push(w);
284
- let B = setTimeout(() => {
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(() => {
286
+ let R = setTimeout(() => {
287
+ o.classList.add("q-ripple__inner--enter"), o.style.transform = `translate3d(${k},${_},0) scale3d(1,1,1)`, o.style.opacity = 0.2, R = setTimeout(() => {
288
+ o.classList.remove("q-ripple__inner--enter"), o.classList.add("q-ripple__inner--leave"), o.style.opacity = 0, R = setTimeout(() => {
287
289
  c.remove(), a.abort.splice(a.abort.indexOf(w), 1);
288
290
  }, 275);
289
291
  }, 250);
@@ -299,7 +301,7 @@ function ne(e, { modifiers: t, value: a, arg: n }) {
299
301
  keyCodes: [].concat(i.keyCodes || 13)
300
302
  };
301
303
  }
302
- const Ye = Se(
304
+ const Ye = Le(
303
305
  {
304
306
  name: "ripple",
305
307
  beforeMount(e, t) {
@@ -338,7 +340,7 @@ const Ye = Se(
338
340
  }), Fe(t, "main"), delete e._qripple);
339
341
  }
340
342
  }
341
- ), he = {
343
+ ), be = {
342
344
  left: "start",
343
345
  center: "center",
344
346
  right: "end",
@@ -346,7 +348,7 @@ const Ye = Se(
346
348
  around: "around",
347
349
  evenly: "evenly",
348
350
  stretch: "stretch"
349
- }, Ge = Object.keys(he), He = {
351
+ }, Ge = Object.keys(be), He = {
350
352
  align: {
351
353
  type: String,
352
354
  validator: (e) => Ge.includes(e)
@@ -355,7 +357,7 @@ const Ye = Se(
355
357
  function We(e) {
356
358
  return u(() => {
357
359
  const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
358
- return `${e.vertical === !0 ? "items" : "justify"}-${he[t]}`;
360
+ return `${e.vertical === !0 ? "items" : "justify"}-${be[t]}`;
359
361
  });
360
362
  }
361
363
  function Xe(e) {
@@ -407,80 +409,80 @@ function nt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
407
409
  () => c === !0 && n.disable !== !0 && o.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
408
410
  ) : u(
409
411
  () => 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 ? {
412
+ ), b = u(() => q.value === !0 ? B(n.to) : null), s = u(() => b.value !== null), h = u(() => o.value === !0 || s.value === !0), l = u(() => n.type === "a" || h.value === !0 ? "a" : n.tag || e || "div"), y = u(() => o.value === !0 ? {
411
413
  href: n.href,
412
414
  target: n.target
413
415
  } : s.value === !0 ? {
414
- href: h.value.href,
416
+ href: b.value.href,
415
417
  target: n.target
416
- } : {}), b = u(() => {
418
+ } : {}), p = u(() => {
417
419
  if (s.value === !1)
418
420
  return -1;
419
- const { matched: g } = h.value, { length: $ } = g, x = g[$ - 1];
421
+ const { matched: m } = b.value, { length: E } = m, x = m[E - 1];
420
422
  if (x === void 0)
421
423
  return -1;
422
- const L = i.$route.matched;
423
- if (L.length === 0)
424
+ const C = i.$route.matched;
425
+ if (C.length === 0)
424
426
  return -1;
425
- const S = L.findIndex(
427
+ const L = C.findIndex(
426
428
  re.bind(null, x)
427
429
  );
428
- if (S !== -1)
429
- return S;
430
- const I = ae(g[$ - 2]);
430
+ if (L !== -1)
431
+ return L;
432
+ const D = ae(m[E - 2]);
431
433
  return (
432
434
  // we are dealing with nested routes
433
- $ > 1 && ae(x) === I && L[L.length - 1].path !== I ? L.findIndex(
434
- re.bind(null, g[$ - 2])
435
- ) : S
435
+ E > 1 && ae(x) === D && C[C.length - 1].path !== D ? C.findIndex(
436
+ re.bind(null, m[E - 2])
437
+ ) : L
436
438
  );
437
439
  }), k = u(
438
- () => s.value === !0 && b.value !== -1 && Ze(i.$route.params, h.value.params)
440
+ () => s.value === !0 && p.value !== -1 && Ze(i.$route.params, b.value.params)
439
441
  ), f = u(
440
- () => k.value === !0 && b.value === i.$route.matched.length - 1 && et(i.$route.params, h.value.params)
442
+ () => k.value === !0 && p.value === i.$route.matched.length - 1 && et(i.$route.params, b.value.params)
441
443
  ), _ = u(() => s.value === !0 ? f.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : k.value === !0 ? ` ${n.activeClass}` : "" : "");
442
- function R(g) {
444
+ function B(m) {
443
445
  try {
444
- return i.$router.resolve(g);
446
+ return i.$router.resolve(m);
445
447
  } catch {
446
448
  }
447
449
  return null;
448
450
  }
449
- function w(g, { returnRouterError: $, to: x = n.to, replace: L = n.replace } = {}) {
451
+ function w(m, { returnRouterError: E, to: x = n.to, replace: C = n.replace } = {}) {
450
452
  if (n.disable === !0)
451
- return g.preventDefault(), Promise.resolve(!1);
453
+ return m.preventDefault(), Promise.resolve(!1);
452
454
  if (
453
455
  // don't redirect with control keys;
454
456
  // should match RouterLink from Vue Router
455
- g.metaKey || g.altKey || g.ctrlKey || g.shiftKey || g.button !== void 0 && g.button !== 0 || n.target === "_blank"
457
+ m.metaKey || m.altKey || m.ctrlKey || m.shiftKey || m.button !== void 0 && m.button !== 0 || n.target === "_blank"
456
458
  )
457
459
  return Promise.resolve(!1);
458
- g.preventDefault();
459
- const S = i.$router[L === !0 ? "replace" : "push"](x);
460
- return $ === !0 ? S : S.then(() => {
460
+ m.preventDefault();
461
+ const L = i.$router[C === !0 ? "replace" : "push"](x);
462
+ return E === !0 ? L : L.then(() => {
461
463
  }).catch(() => {
462
464
  });
463
465
  }
464
- function B(g) {
466
+ function R(m) {
465
467
  if (s.value === !0) {
466
- const $ = (x) => w(g, x);
467
- d("click", g, $), g.defaultPrevented !== !0 && $();
468
+ const E = (x) => w(m, x);
469
+ d("click", m, E), m.defaultPrevented !== !0 && E();
468
470
  } else
469
- d("click", g);
471
+ d("click", m);
470
472
  }
471
473
  return {
472
474
  hasRouterLink: s,
473
475
  hasHrefLink: o,
474
- hasLink: p,
476
+ hasLink: h,
475
477
  linkTag: l,
476
- resolvedLink: h,
478
+ resolvedLink: b,
477
479
  linkIsActive: k,
478
480
  linkIsExactActive: f,
479
481
  linkClass: _,
480
482
  linkAttrs: y,
481
- getLink: R,
483
+ getLink: B,
482
484
  navigateToRouterLink: w,
483
- navigateOnClick: B
485
+ navigateOnClick: R
484
486
  };
485
487
  }
486
488
  const oe = {
@@ -556,28 +558,28 @@ function ct(e) {
556
558
  minWidth: "0",
557
559
  minHeight: "0"
558
560
  }) : f;
559
- }), h = u(
561
+ }), b = u(
560
562
  () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
561
563
  ), s = u(
562
564
  () => e.disable !== !0 && e.loading !== !0
563
- ), p = u(() => s.value === !0 ? e.tabindex || 0 : -1), l = u(() => lt(e, "standard")), y = u(() => {
564
- const f = { tabindex: p.value };
565
+ ), h = u(() => s.value === !0 ? e.tabindex || 0 : -1), l = u(() => lt(e, "standard")), y = u(() => {
566
+ const f = { tabindex: h.value };
565
567
  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
568
  role: "progressbar",
567
569
  "aria-valuemin": 0,
568
570
  "aria-valuemax": 100,
569
571
  "aria-valuenow": e.percentage
570
572
  }), f;
571
- }), b = u(() => {
573
+ }), p = u(() => {
572
574
  let f;
573
575
  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" : ""}`;
576
+ const _ = e.round === !0 ? "round" : `rectangle${b.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
575
577
  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
578
  }), k = u(
577
579
  () => a.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
578
580
  );
579
581
  return {
580
- classes: b,
582
+ classes: p,
581
583
  style: q,
582
584
  innerClasses: k,
583
585
  attributes: y,
@@ -587,7 +589,7 @@ function ct(e) {
587
589
  isActionable: s
588
590
  };
589
591
  }
590
- const { passiveCapture: E } = N;
592
+ const { passiveCapture: $ } = N;
591
593
  let T = null, O = null, M = null;
592
594
  const dt = H({
593
595
  name: "QBtn",
@@ -605,20 +607,20 @@ const dt = H({
605
607
  innerClasses: c,
606
608
  attributes: o,
607
609
  hasLink: q,
608
- linkTag: h,
610
+ linkTag: b,
609
611
  navigateOnClick: s,
610
- isActionable: p
612
+ isActionable: h
611
613
  } = ct(e), l = W(null), y = W(null);
612
- let b = null, k, f = null;
614
+ let p = null, k, f = null;
613
615
  const _ = u(
614
616
  () => e.label !== void 0 && e.label !== null && e.label !== ""
615
- ), R = u(() => e.disable === !0 || e.ripple === !1 ? !1 : {
617
+ ), B = u(() => e.disable === !0 || e.ripple === !1 ? !1 : {
616
618
  keyCodes: q.value === !0 ? [13, 32] : [13],
617
619
  ...e.ripple === !0 ? {} : e.ripple
618
- }), w = u(() => ({ center: e.round })), B = u(() => {
620
+ }), w = u(() => ({ center: e.round })), R = u(() => {
619
621
  const r = Math.max(0, Math.min(100, e.percentage));
620
622
  return r > 0 ? { transition: "transform 0.6s", transform: `translateX(${r - 100}%)` } : {};
621
- }), g = u(() => {
623
+ }), m = u(() => {
622
624
  if (e.loading === !0)
623
625
  return {
624
626
  onMousedown: A,
@@ -627,15 +629,15 @@ const dt = H({
627
629
  onKeydown: A,
628
630
  onKeyup: A
629
631
  };
630
- if (p.value === !0) {
632
+ if (h.value === !0) {
631
633
  const r = {
632
634
  onClick: x,
633
- onKeydown: L,
634
- onMousedown: I
635
+ onKeydown: C,
636
+ onMousedown: D
635
637
  };
636
638
  if (n.$q.platform.has.touch === !0) {
637
- const m = e.onTouchstart !== void 0 ? "" : "Passive";
638
- r[`onTouchstart${m}`] = S;
639
+ const g = e.onTouchstart !== void 0 ? "" : "Passive";
640
+ r[`onTouchstart${g}`] = L;
639
641
  }
640
642
  return r;
641
643
  }
@@ -643,47 +645,47 @@ const dt = H({
643
645
  // needed; especially for disabled <a> tags
644
646
  onClick: P
645
647
  };
646
- }), $ = u(() => ({
648
+ }), E = u(() => ({
647
649
  ref: l,
648
650
  class: "q-btn q-btn-item non-selectable no-outline " + i.value,
649
651
  style: d.value,
650
652
  ...o.value,
651
- ...g.value
653
+ ...m.value
652
654
  }));
653
655
  function x(r) {
654
656
  if (l.value !== null) {
655
657
  if (r !== void 0) {
656
658
  if (r.defaultPrevented === !0)
657
659
  return;
658
- const m = document.activeElement;
659
- if (e.type === "submit" && m !== document.body && l.value.contains(m) === !1 && m.contains(l.value) === !1) {
660
+ const g = document.activeElement;
661
+ if (e.type === "submit" && g !== document.body && l.value.contains(g) === !1 && g.contains(l.value) === !1) {
660
662
  l.value.focus();
661
- const D = () => {
662
- document.removeEventListener("keydown", P, !0), document.removeEventListener("keyup", D, E), l.value !== null && l.value.removeEventListener("blur", D, E);
663
+ const K = () => {
664
+ document.removeEventListener("keydown", P, !0), document.removeEventListener("keyup", K, $), l.value !== null && l.value.removeEventListener("blur", K, $);
663
665
  };
664
- document.addEventListener("keydown", P, !0), document.addEventListener("keyup", D, E), l.value.addEventListener("blur", D, E);
666
+ document.addEventListener("keydown", P, !0), document.addEventListener("keyup", K, $), l.value.addEventListener("blur", K, $);
665
667
  }
666
668
  }
667
669
  s(r);
668
670
  }
669
671
  }
670
- function L(r) {
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
+ function C(r) {
673
+ 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", S, !0), l.value.addEventListener("blur", S, $)), P(r)));
672
674
  }
673
- function S(r) {
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
+ function L(r) {
676
+ l.value !== null && (a("touchstart", r), r.defaultPrevented !== !0 && (T !== l.value && (T !== null && z(), T = l.value, p = r.target, p.addEventListener("touchcancel", S, $), p.addEventListener("touchend", S, $)), k = !0, f !== null && clearTimeout(f), f = setTimeout(() => {
675
677
  f = null, k = !1;
676
678
  }, 200)));
677
679
  }
678
- function I(r) {
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
+ function D(r) {
681
+ 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", S, $)));
680
682
  }
681
- function C(r) {
683
+ function S(r) {
682
684
  if (l.value !== null && !(r !== void 0 && r.type === "blur" && document.activeElement === l.value)) {
683
685
  if (r !== void 0 && r.type === "keyup") {
684
686
  if (O === l.value && U(r, [13, 32]) === !0) {
685
- const m = new MouseEvent("click", r);
686
- m.qKeyEvent = !0, r.defaultPrevented === !0 && Ne(m), r.cancelBubble === !0 && be(m), l.value.dispatchEvent(m), P(r), r.qKeyEvent = !0;
687
+ const g = new MouseEvent("click", r);
688
+ g.qKeyEvent = !0, r.defaultPrevented === !0 && Ne(g), r.cancelBubble === !0 && pe(g), l.value.dispatchEvent(g), P(r), r.qKeyEvent = !0;
687
689
  }
688
690
  a("keyup", r);
689
691
  }
@@ -691,8 +693,8 @@ const dt = H({
691
693
  }
692
694
  }
693
695
  function z(r) {
694
- const m = y.value;
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
+ const g = y.value;
697
+ r !== !0 && (T === l.value || M === l.value) && g !== null && g !== document.activeElement && (g.setAttribute("tabindex", -1), g.focus()), T === l.value && (p !== null && (p.removeEventListener("touchcancel", S, $), p.removeEventListener("touchend", S, $)), T = p = null), M === l.value && (document.removeEventListener("mouseup", S, $), M = null), O === l.value && (document.removeEventListener("keyup", S, !0), l.value !== null && l.value.removeEventListener("blur", S, $), O = null), l.value !== null && l.value.classList.remove("q-btn--active");
696
698
  }
697
699
  function A(r) {
698
700
  P(r), r.qSkipRipple = !0;
@@ -701,7 +703,7 @@ const dt = H({
701
703
  z(!0);
702
704
  }), Object.assign(n, {
703
705
  click: (r) => {
704
- p.value === !0 && x(r);
706
+ h.value === !0 && x(r);
705
707
  }
706
708
  }), () => {
707
709
  let r = [];
@@ -714,7 +716,7 @@ const dt = H({
714
716
  })
715
717
  ), _.value === !0 && r.push(
716
718
  v("span", { class: "block" }, [e.label])
717
- ), r = j(t.default, r), e.iconRight !== void 0 && e.round === !1 && r.push(
719
+ ), r = I(t.default, r), e.iconRight !== void 0 && e.round === !1 && r.push(
718
720
  v(ee, {
719
721
  name: e.iconRight,
720
722
  right: e.stack !== !0 && _.value === !0,
@@ -722,26 +724,26 @@ const dt = H({
722
724
  "aria-hidden": "true"
723
725
  })
724
726
  );
725
- const m = [
727
+ const g = [
726
728
  v("span", {
727
729
  class: "q-focus-helper",
728
730
  ref: y
729
731
  })
730
732
  ];
731
- return e.loading === !0 && e.percentage !== void 0 && m.push(
733
+ return e.loading === !0 && e.percentage !== void 0 && g.push(
732
734
  v("span", {
733
735
  class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
734
736
  }, [
735
737
  v("span", {
736
738
  class: "q-btn__progress-indicator fit block",
737
- style: B.value
739
+ style: R.value
738
740
  })
739
741
  ])
740
- ), m.push(
742
+ ), g.push(
741
743
  v("span", {
742
744
  class: "q-btn__content text-center col items-center q-anchor--skip " + c.value
743
745
  }, r)
744
- ), e.loading !== null && m.push(
746
+ ), e.loading !== null && g.push(
745
747
  v(ke, {
746
748
  name: "q-transition--fade"
747
749
  }, () => e.loading === !0 ? [
@@ -752,13 +754,13 @@ const dt = H({
752
754
  ] : null)
753
755
  ), _e(
754
756
  v(
755
- h.value,
756
- $.value,
757
- m
757
+ b.value,
758
+ E.value,
759
+ g
758
760
  ),
759
761
  [[
760
762
  Ye,
761
- R.value,
763
+ B.value,
762
764
  void 0,
763
765
  w.value
764
766
  ]]
@@ -768,10 +770,10 @@ const dt = H({
768
770
  }), ft = /* @__PURE__ */ Y({
769
771
  __name: "index",
770
772
  props: {
771
- size: { default: K.MD },
773
+ size: { default: j.MD },
772
774
  transparent: { type: Boolean },
773
775
  rounded: { type: Boolean },
774
- color: { default: Le.PRIMARY },
776
+ color: { default: Ce.PRIMARY },
775
777
  iconPosition: {},
776
778
  disabled: { type: Boolean },
777
779
  loading: { type: [Boolean, null] },
@@ -789,8 +791,9 @@ const dt = H({
789
791
  "app-btn_default": !t.transparent,
790
792
  "app-btn_trans": t.transparent,
791
793
  "app-btn_rounded": t.rounded,
792
- "app-btn_md": t.size === K.MD,
793
- "app-btn_lg": t.size === K.LG,
794
+ "app-btn_sm": t.size === j.SM,
795
+ "app-btn_md": t.size === j.MD,
796
+ "app-btn_lg": t.size === j.LG,
794
797
  "app-btn_icon-left": t.iconPosition === "left",
795
798
  "app-btn_icon-right": t.iconPosition === "right",
796
799
  "app-btn_icon-middle": t.iconPosition === "middle"
@@ -801,7 +804,7 @@ const dt = H({
801
804
  "no-caps": "",
802
805
  unelevated: "",
803
806
  class: se(a.value),
804
- padding: V(ce)[t.size || V(K).MD],
807
+ padding: V(ce)[t.size || V(j).MD],
805
808
  loading: n.loading,
806
809
  disabled: n.disabled || void 0,
807
810
  to: n.to,
@@ -811,18 +814,18 @@ const dt = H({
811
814
  "aria-label": n.ariaLabel,
812
815
  onClick: i[0] || (i[0] = (d) => n.$emit("click", d))
813
816
  }, {
814
- default: $e(() => [
815
- Ee(n.$slots, "default", {}, void 0, !0)
817
+ default: Ee(() => [
818
+ $e(n.$slots, "default", {}, void 0, !0)
816
819
  ]),
817
820
  _: 3
818
821
  }, 8, ["class", "padding", "loading", "disabled", "to", "href", "target", "type", "aria-label"]));
819
822
  }
820
- }), pe = (e, t) => {
823
+ }), he = (e, t) => {
821
824
  const a = e.__vccOpts || e;
822
825
  for (const [n, i] of t)
823
826
  a[n] = i;
824
827
  return a;
825
- }, mt = /* @__PURE__ */ pe(ft, [["__scopeId", "data-v-44701e49"]]), vt = /* @__PURE__ */ Y({
828
+ }, gt = /* @__PURE__ */ he(ft, [["__scopeId", "data-v-26f224ab"]]), vt = /* @__PURE__ */ Y({
826
829
  __name: "index",
827
830
  props: {
828
831
  name: {},
@@ -832,11 +835,11 @@ const dt = H({
832
835
  setup(e) {
833
836
  return (t, a) => (ue(), xe("i", {
834
837
  class: se(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
835
- style: Ce(t.size ? `font-size: ${t.size}` : void 0)
838
+ style: Se(t.size ? `font-size: ${t.size}` : void 0)
836
839
  }, null, 6));
837
840
  }
838
- }), bt = /* @__PURE__ */ pe(vt, [["__scopeId", "data-v-73419357"]]);
841
+ }), pt = /* @__PURE__ */ he(vt, [["__scopeId", "data-v-73419357"]]);
839
842
  export {
840
- mt as AppButton,
841
- bt as AppIcon
843
+ gt as AppButton,
844
+ pt as AppIcon
842
845
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@validol4ik/uikit",
3
- "version": "0.1.9",
3
+ "version": "0.1.91",
4
4
  "type": "module",
5
5
  "main": "./dist/uikit.cjs",
6
6
  "module": "./dist/uikit.es.js",