@validol4ik/uikit 0.0.9 → 0.1.0

package/dist/components/AppIcon/iconsList.d.ts

@@ -0,0 +1,2 @@
+export declare const icons_o: string[];
+export declare const icons: string[];

package/dist/components/AppIcon/index.vue.d.ts

@@ -0,0 +1,13 @@
+import { AppIconProps } from './types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<AppIconProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AppIconProps>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/AppIcon/types.d.ts

@@ -0,0 +1,7 @@
+import { Color } from '../types';
+
+export interface AppIconProps {
+    name: string;
+    size?: string;
+    color?: Color;
+}

package/dist/components/buttons/AppButton/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const BUTTON_SIZES: {
+    MD: "md" | "lg" | undefined;
+    LG: "md" | "lg" | undefined;
+};
+export declare const ICON_POSITIONS: {
+    LEFT: "left" | "right" | "middle" | undefined;
+    RIGHT: "left" | "right" | "middle" | undefined;
+    MIDDLE: "left" | "right" | "middle" | undefined;
+};

package/dist/components/buttons/AppButton/index.vue.d.ts

@@ -0,0 +1,41 @@
+import { AppButtonProps } from './types';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AppButtonProps>, {
+    size: "md" | "lg" | undefined;
+    color: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AppButtonProps>, {
+    size: "md" | "lg" | undefined;
+    color: string;
+}>>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    size: "md" | "lg";
+    color: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/buttons/AppButton/types.d.ts

@@ -0,0 +1,21 @@
+import { QBtnProps } from 'quasar';
+import { Color } from '../../types';
+
+export interface AppButtonProps {
+    size?: "md" | "lg";
+    transparent?: boolean;
+    rounded?: boolean;
+    color?: Color;
+    iconPosition?: "left" | "right" | "middle";
+    disabled?: boolean;
+    loading?: QBtnProps["loading"];
+    to?: QBtnProps["to"];
+    href?: QBtnProps["href"];
+    target?: QBtnProps["target"];
+    submit?: boolean;
+    ariaLabel?: string;
+}
+export declare enum ButtonPaddings {
+    md = "5px 12px",
+    lg = "9px 20px"
+}

package/dist/components/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const COLORS: {
+    PRIMARY: string;
+    INFO: string;
+    NEGATIVE: string;
+};

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+import { default as AppButton } from './buttons/AppButton/index.vue';
+import { default as AppIcon } from './AppIcon/index.vue';
+
+export { AppButton, AppIcon };

package/dist/components/types.d.ts

@@ -0,0 +1,3 @@
+import { COLORS } from './constants.ts';
+
+export type Color = typeof COLORS.PRIMARY | typeof COLORS.INFO | typeof COLORS.NEGATIVE;

package/dist/icons/icons.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/icons/icons.d.ts

@@ -0,0 +1 @@
+export * from './icons/index'

package/dist/icons/icons.es.js

@@ -0,0 +1 @@
+

package/dist/icons/index.d.ts

@@ -0,0 +1,2 @@
+
+export {};

package/dist/icons.css

@@ -0,0 +1 @@
+i.icon-kl{font-family:kl!important;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-book_o: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-user-close_o:before{content:""}.icon-kl-user-plus_o:before{content:""}.icon-kl-user_o: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-check: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-plus1:before{content:""}.icon-kl-book: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-close:before{content:""}.icon-kl-user-plus:before{content:""}.icon-kl-user:before{content:""}

package/dist/main.css

@@ -0,0 +1 @@
+.app-btn[data-v-efc0cd34] .q-btn__content{font-family:OpenSans,sans-serif;font-weight:600}.app-btn_md[data-v-efc0cd34]{font-size:14px;border-radius:8px}.app-btn_md[data-v-efc0cd34] .q-btn__content{line-height:22px}.app-btn_md[data-v-efc0cd34] .icon-kl{font-size:22px}.app-btn_md.app-btn_icon-left[data-v-efc0cd34]{padding-left:9px!important}.app-btn_md.app-btn_icon-left[data-v-efc0cd34] .icon-kl{margin-right:4px}.app-btn_md.app-btn_icon-right[data-v-efc0cd34]{padding-right:9px!important}.app-btn_md.app-btn_icon-right[data-v-efc0cd34] .icon-kl{margin-left:4px}.app-btn_md.app-btn_icon-middle[data-v-efc0cd34]{padding:6px!important}.app-btn_lg[data-v-efc0cd34]{font-size:17px;border-radius:10px}.app-btn_lg[data-v-efc0cd34] .q-btn__content{line-height:26px}.app-btn_lg[data-v-efc0cd34] .icon-kl{font-size:26px}.app-btn_lg.app-btn_icon-left[data-v-efc0cd34]{padding-left:16px!important}.app-btn_lg.app-btn_icon-left[data-v-efc0cd34] .icon-kl{margin-right:6px}.app-btn_lg.app-btn_icon-right[data-v-efc0cd34]{padding-right:16px!important}.app-btn_lg.app-btn_icon-right[data-v-efc0cd34] .icon-kl{margin-left:6px}.app-btn_lg.app-btn_icon-middle[data-v-efc0cd34]{padding:11px!important}.app-btn_default.app-btn_primary[data-v-efc0cd34]{background-color:#1a5cff;color:#fdfffc}.app-btn_default.app-btn_info[data-v-efc0cd34]{background-color:#399;color:#fdfffc}.app-btn_default.app-btn_negative[data-v-efc0cd34]{background-color:#ff4757;color:#fdfffc}.app-btn_trans.app-btn_primary[data-v-efc0cd34]{background-color:#1a5cff26;color:#1a5cff}.app-btn_trans.app-btn_info[data-v-efc0cd34]{background-color:#3993;color:#2e757c}.app-btn_trans.app-btn_negative[data-v-efc0cd34]{background-color:#ff475733;color:#ff4757}.app-btn_rounded[data-v-efc0cd34]{border-radius:50px}.icon-kl[data-v-73419357]{font-size:24px}

package/dist/uikit.cjs

@@ -0,0 +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;

package/dist/uikit.d.ts

@@ -0,0 +1 @@
+export * from './components/index'

package/dist/uikit.es.js

@@ -0,0 +1,840 @@
+import { computed as u, markRaw as oe, 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 _e, unref as V, normalizeClass as se, withCtx as qe, renderSlot as Ee, createElementBlock as xe, normalizeStyle as Ce } from "vue";
+const K = {
+  MD: "md",
+  LG: "lg"
+};
+var ce = /* @__PURE__ */ ((e) => (e.md = "5px 12px", e.lg = "9px 20px", e))(ce || {});
+const Le = {
+  PRIMARY: "primary",
+  INFO: "info",
+  NEGATIVE: "negative"
+}, Q = {
+  xs: 18,
+  sm: 24,
+  md: 32,
+  lg: 38,
+  xl: 46
+}, de = {
+  size: String
+};
+function fe(e, t = Q) {
+  return u(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
+}
+function H(e) {
+  return oe(Y(e));
+}
+function Se(e) {
+  return oe(e);
+}
+function we(e, t) {
+  return e !== void 0 && e() || t;
+}
+function j(e, t) {
+  return e !== void 0 ? t.concat(e()) : t;
+}
+const X = "0 0 24 24", Z = (e) => e, F = (e) => `ionicons ${e}`, ve = {
+  "mdi-": (e) => `mdi ${e}`,
+  "icon-": Z,
+  // fontawesome equiv
+  "bt-": (e) => `bt ${e}`,
+  "eva-": (e) => `eva ${e}`,
+  "ion-md": F,
+  "ion-ios": F,
+  "ion-logo": F,
+  "iconfont ": Z,
+  "ti-": (e) => `themify-icon ${e}`,
+  "bi-": (e) => `bootstrap-icons ${e}`
+}, ge = {
+  o_: "-outlined",
+  r_: "-round",
+  s_: "-sharp"
+}, me = {
+  sym_o_: "-outlined",
+  sym_r_: "-rounded",
+  sym_s_: "-sharp"
+}, 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({
+  name: "QIcon",
+  props: {
+    ...de,
+    tag: {
+      type: String,
+      default: "i"
+    },
+    name: String,
+    color: String,
+    left: Boolean,
+    right: Boolean
+  },
+  setup(e, { slots: t }) {
+    const { proxy: { $q: a } } = G(), n = fe(e), i = u(
+      () => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
+    ), f = u(() => {
+      let c, l = e.name;
+      if (l === "none" || !l)
+        return { none: !0 };
+      if (a.iconMapFn !== null) {
+        const s = a.iconMapFn(l);
+        if (s !== void 0)
+          if (s.icon !== void 0) {
+            if (l = s.icon, l === "none" || !l)
+              return { none: !0 };
+          } else
+            return {
+              cls: s.cls,
+              content: s.content !== void 0 ? s.content : " "
+            };
+      }
+      if (Pe.test(l) === !0) {
+        const [s, p = X] = l.split("|");
+        return {
+          svg: !0,
+          viewBox: p,
+          nodes: s.split("&&").map((o) => {
+            const [y, b, k] = o.split("@@");
+            return v("path", { style: b, d: y, transform: k });
+          })
+        };
+      }
+      if (Te.test(l) === !0)
+        return {
+          img: !0,
+          src: l.substring(4)
+        };
+      if (Oe.test(l) === !0) {
+        const [s, p = X] = l.split("|");
+        return {
+          svguse: !0,
+          src: s.substring(7),
+          viewBox: p
+        };
+      }
+      let _ = " ";
+      const h = l.match(Be);
+      if (h !== null)
+        c = ve[h[1]](l);
+      else if (ze.test(l) === !0)
+        c = l;
+      else if (Me.test(l) === !0)
+        c = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${l.substring(3)}`;
+      else if (J.test(l) === !0) {
+        c = "notranslate material-symbols";
+        const s = l.match(J);
+        s !== null && (l = l.substring(6), c += me[s[1]]), _ = l;
+      } else {
+        c = "notranslate material-icons";
+        const s = l.match(Re);
+        s !== null && (l = l.substring(2), c += ge[s[1]]), _ = l;
+      }
+      return {
+        cls: c,
+        content: _
+      };
+    });
+    return () => {
+      const c = {
+        class: i.value,
+        style: n.value,
+        "aria-hidden": "true",
+        role: "presentation"
+      };
+      return f.value.none === !0 ? v(e.tag, c, we(t.default)) : f.value.img === !0 ? v(e.tag, c, j(t.default, [
+        v("img", { src: f.value.src })
+      ])) : f.value.svg === !0 ? v(e.tag, c, j(t.default, [
+        v("svg", {
+          viewBox: f.value.viewBox || "0 0 24 24"
+        }, f.value.nodes)
+      ])) : f.value.svguse === !0 ? v(e.tag, c, j(t.default, [
+        v("svg", {
+          viewBox: f.value.viewBox
+        }, [
+          v("use", { "xlink:href": f.value.src })
+        ])
+      ])) : (f.value.cls !== void 0 && (c.class += " " + f.value.cls), v(e.tag, c, j(t.default, [
+        f.value.content
+      ])));
+    };
+  }
+}), Ae = {
+  size: {
+    type: [String, Number],
+    default: "1em"
+  },
+  color: String
+};
+function je(e) {
+  return {
+    cSize: u(() => e.size in Q ? `${Q[e.size]}px` : e.size),
+    classes: u(
+      () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
+    )
+  };
+}
+const Ie = H({
+  name: "QSpinner",
+  props: {
+    ...Ae,
+    thickness: {
+      type: Number,
+      default: 5
+    }
+  },
+  setup(e) {
+    const { cSize: t, classes: a } = je(e);
+    return () => v("svg", {
+      class: a.value + " q-spinner-mat",
+      width: t.value,
+      height: t.value,
+      viewBox: "25 25 50 50"
+    }, [
+      v("circle", {
+        class: "path",
+        cx: "50",
+        cy: "50",
+        r: "20",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": e.thickness,
+        "stroke-miterlimit": "10"
+      })
+    ]);
+  }
+});
+function De(e, t) {
+  const a = e.style;
+  for (const n in t)
+    a[n] = t[n];
+}
+const N = {
+  hasPassive: !1,
+  passiveCapture: !0,
+  notPassiveCapture: !0
+};
+try {
+  const e = Object.defineProperty({}, "passive", {
+    get() {
+      Object.assign(N, {
+        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 Ke(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 be(e) {
+  e.stopPropagation();
+}
+function Ne(e) {
+  e.cancelable !== !1 && e.preventDefault();
+}
+function P(e) {
+  e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
+}
+function Ve(e, t, a) {
+  const n = `__q_${t}_evt`;
+  e[n] = e[n] !== void 0 ? e[n].concat(a) : a, a.forEach((i) => {
+    i[0].addEventListener(i[1], e[i[2]], N[i[3]]);
+  });
+}
+function Fe(e, t) {
+  const a = `__q_${t}_evt`;
+  e[a] !== void 0 && (e[a].forEach((n) => {
+    n[0].removeEventListener(n[1], e[n[2]], N[n[3]]);
+  }), e[a] = void 0);
+}
+function Qe(e) {
+  return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
+}
+function U(e, t) {
+  return Qe(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
+}
+function Ue(e, t = 250) {
+  let a = !1, n;
+  return function() {
+    return a === !1 && (a = !0, setTimeout(() => {
+      a = !1;
+    }, t), n = e.apply(this, arguments)), n;
+  };
+}
+function te(e, t, a, n) {
+  a.modifiers.stop === !0 && be(e);
+  const i = a.modifiers.color;
+  let f = a.modifiers.center;
+  f = f === !0 || n === !0;
+  const c = document.createElement("span"), l = document.createElement("span"), _ = Ke(e), { left: h, top: s, width: p, height: o } = t.getBoundingClientRect(), y = Math.sqrt(p * p + o * o), b = y / 2, k = `${(p - y) / 2}px`, d = f ? k : `${_.left - h - b}px`, $ = `${(o - y) / 2}px`, R = f ? $ : `${_.top - s - b}px`;
+  l.className = "q-ripple__inner", De(l, {
+    height: `${y}px`,
+    width: `${y}px`,
+    transform: `translate3d(${d},${R},0) scale3d(.2,.2,1)`,
+    opacity: 0
+  }), c.className = `q-ripple${i ? " text-" + i : ""}`, c.setAttribute("dir", "ltr"), c.appendChild(l), t.appendChild(c);
+  const w = () => {
+    c.remove(), clearTimeout(B);
+  };
+  a.abort.push(w);
+  let B = setTimeout(() => {
+    l.classList.add("q-ripple__inner--enter"), l.style.transform = `translate3d(${k},${$},0) scale3d(1,1,1)`, l.style.opacity = 0.2, B = setTimeout(() => {
+      l.classList.remove("q-ripple__inner--enter"), l.classList.add("q-ripple__inner--leave"), l.style.opacity = 0, B = setTimeout(() => {
+        c.remove(), a.abort.splice(a.abort.indexOf(w), 1);
+      }, 275);
+    }, 250);
+  }, 50);
+}
+function ne(e, { modifiers: t, value: a, arg: n }) {
+  const i = Object.assign({}, e.cfg.ripple, t, a);
+  e.modifiers = {
+    early: i.early === !0,
+    stop: i.stop === !0,
+    center: i.center === !0,
+    color: i.color || n,
+    keyCodes: [].concat(i.keyCodes || 13)
+  };
+}
+const Ye = Se(
+  {
+    name: "ripple",
+    beforeMount(e, t) {
+      const a = t.instance.$.appContext.config.globalProperties.$q.config || {};
+      if (a.ripple === !1)
+        return;
+      const n = {
+        cfg: a,
+        enabled: t.value !== !1,
+        modifiers: {},
+        abort: [],
+        start(i) {
+          n.enabled === !0 && i.qSkipRipple !== !0 && i.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && te(i, e, n, i.qKeyEvent === !0);
+        },
+        keystart: Ue((i) => {
+          n.enabled === !0 && i.qSkipRipple !== !0 && U(i, n.modifiers.keyCodes) === !0 && i.type === `key${n.modifiers.early === !0 ? "down" : "up"}` && te(i, e, n, !0);
+        }, 300)
+      };
+      ne(n, t), e.__qripple = n, Ve(n, "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 a = e.__qripple;
+        a !== void 0 && (a.enabled = t.value !== !1, a.enabled === !0 && Object(t.value) === t.value && ne(a, t));
+      }
+    },
+    beforeUnmount(e) {
+      const t = e.__qripple;
+      t !== void 0 && (t.abort.forEach((a) => {
+        a();
+      }), Fe(t, "main"), delete e._qripple);
+    }
+  }
+), he = {
+  left: "start",
+  center: "center",
+  right: "end",
+  between: "between",
+  around: "around",
+  evenly: "evenly",
+  stretch: "stretch"
+}, Ge = Object.keys(he), He = {
+  align: {
+    type: String,
+    validator: (e) => Ge.includes(e)
+  }
+};
+function We(e) {
+  return u(() => {
+    const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
+    return `${e.vertical === !0 ? "items" : "justify"}-${he[t]}`;
+  });
+}
+function Xe(e) {
+  return e.appContext.config.globalProperties.$router !== void 0;
+}
+function ae(e) {
+  return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
+}
+function re(e, t) {
+  return (e.aliasOf || e) === (t.aliasOf || t);
+}
+function Ze(e, t) {
+  for (const a in t) {
+    const n = t[a], i = e[a];
+    if (typeof n == "string") {
+      if (n !== i)
+        return !1;
+    } else if (Array.isArray(i) === !1 || i.length !== n.length || n.some((f, c) => f !== i[c]))
+      return !1;
+  }
+  return !0;
+}
+function ie(e, t) {
+  return Array.isArray(t) === !0 ? e.length === t.length && e.every((a, n) => a === t[n]) : e.length === 1 && e[0] === t;
+}
+function Je(e, t) {
+  return Array.isArray(e) === !0 ? ie(e, t) : Array.isArray(t) === !0 ? ie(t, e) : e === t;
+}
+function et(e, t) {
+  if (Object.keys(e).length !== Object.keys(t).length)
+    return !1;
+  for (const a in e)
+    if (Je(e[a], t[a]) === !1)
+      return !1;
+  return !0;
+}
+const tt = {
+  // router-link
+  to: [String, Object],
+  replace: Boolean,
+  // regular <a> link
+  href: String,
+  target: String,
+  // state
+  disable: Boolean
+};
+function nt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
+  const a = G(), { props: n, proxy: i, emit: f } = a, c = Xe(a), l = u(() => n.disable !== !0 && n.href !== void 0), _ = t === !0 ? u(
+    () => c === !0 && n.disable !== !0 && l.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
+  ) : u(
+    () => c === !0 && l.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
+  ), h = u(() => _.value === !0 ? R(n.to) : null), s = u(() => h.value !== null), p = u(() => l.value === !0 || s.value === !0), o = u(() => n.type === "a" || p.value === !0 ? "a" : n.tag || e || "div"), y = u(() => l.value === !0 ? {
+    href: n.href,
+    target: n.target
+  } : s.value === !0 ? {
+    href: h.value.href,
+    target: n.target
+  } : {}), b = u(() => {
+    if (s.value === !1)
+      return -1;
+    const { matched: g } = h.value, { length: q } = g, x = g[q - 1];
+    if (x === void 0)
+      return -1;
+    const L = i.$route.matched;
+    if (L.length === 0)
+      return -1;
+    const S = L.findIndex(
+      re.bind(null, x)
+    );
+    if (S !== -1)
+      return S;
+    const I = ae(g[q - 2]);
+    return (
+      // we are dealing with nested routes
+      q > 1 && ae(x) === I && L[L.length - 1].path !== I ? L.findIndex(
+        re.bind(null, g[q - 2])
+      ) : S
+    );
+  }), k = u(
+    () => s.value === !0 && b.value !== -1 && Ze(i.$route.params, h.value.params)
+  ), d = u(
+    () => k.value === !0 && b.value === i.$route.matched.length - 1 && et(i.$route.params, h.value.params)
+  ), $ = u(() => s.value === !0 ? d.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : k.value === !0 ? ` ${n.activeClass}` : "" : "");
+  function R(g) {
+    try {
+      return i.$router.resolve(g);
+    } catch {
+    }
+    return null;
+  }
+  function w(g, { returnRouterError: q, to: x = n.to, replace: L = n.replace } = {}) {
+    if (n.disable === !0)
+      return g.preventDefault(), Promise.resolve(!1);
+    if (
+      // don't redirect with control keys;
+      // should match RouterLink from Vue Router
+      g.metaKey || g.altKey || g.ctrlKey || g.shiftKey || g.button !== void 0 && g.button !== 0 || n.target === "_blank"
+    )
+      return Promise.resolve(!1);
+    g.preventDefault();
+    const S = i.$router[L === !0 ? "replace" : "push"](x);
+    return q === !0 ? S : S.then(() => {
+    }).catch(() => {
+    });
+  }
+  function B(g) {
+    if (s.value === !0) {
+      const q = (x) => w(g, x);
+      f("click", g, q), g.defaultPrevented !== !0 && q();
+    } else
+      f("click", g);
+  }
+  return {
+    hasRouterLink: s,
+    hasHrefLink: l,
+    hasLink: p,
+    linkTag: o,
+    resolvedLink: h,
+    linkIsActive: k,
+    linkIsExactActive: d,
+    linkClass: $,
+    linkAttrs: y,
+    getLink: R,
+    navigateToRouterLink: w,
+    navigateOnClick: B
+  };
+}
+const le = {
+  none: 0,
+  xs: 4,
+  sm: 8,
+  md: 16,
+  lg: 24,
+  xl: 32
+}, at = {
+  xs: 8,
+  sm: 10,
+  md: 14,
+  lg: 20,
+  xl: 24
+}, rt = ["button", "submit", "reset"], it = /[^\s]\/[^\s]/, lt = ["flat", "outline", "push", "unelevated"];
+function ot(e, t) {
+  return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
+}
+const ut = {
+  ...de,
+  ...tt,
+  type: {
+    type: String,
+    default: "button"
+  },
+  label: [Number, String],
+  icon: String,
+  iconRight: String,
+  ...lt.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: {
+    ...He.align,
+    default: "center"
+  },
+  stack: Boolean,
+  stretch: Boolean,
+  loading: {
+    type: Boolean,
+    default: null
+  },
+  disable: Boolean
+}, st = {
+  ...ut,
+  round: Boolean
+};
+function ct(e) {
+  const t = fe(e, at), a = We(e), { hasRouterLink: n, hasLink: i, linkTag: f, linkAttrs: c, navigateOnClick: l } = nt({
+    fallbackTag: "button"
+  }), _ = u(() => {
+    const d = e.fab === !1 && e.fabMini === !1 ? t.value : {};
+    return e.padding !== void 0 ? Object.assign({}, d, {
+      padding: e.padding.split(/\s+/).map(($) => $ in le ? le[$] + "px" : $).join(" "),
+      minWidth: "0",
+      minHeight: "0"
+    }) : d;
+  }), h = u(
+    () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
+  ), s = u(
+    () => e.disable !== !0 && e.loading !== !0
+  ), p = u(() => s.value === !0 ? e.tabindex || 0 : -1), o = u(() => ot(e, "standard")), y = u(() => {
+    const d = { tabindex: p.value };
+    return i.value === !0 ? Object.assign(d, c.value) : rt.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"), n.value !== !0 && it.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;
+  }), b = u(() => {
+    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 $ = e.round === !0 ? "round" : `rectangle${h.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
+    return `q-btn--${o.value} q-btn--${$}` + (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" : "");
+  }), k = u(
+    () => a.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
+  );
+  return {
+    classes: b,
+    style: _,
+    innerClasses: k,
+    attributes: y,
+    hasLink: i,
+    linkTag: f,
+    navigateOnClick: l,
+    isActionable: s
+  };
+}
+const { passiveCapture: E } = N;
+let T = null, O = null, M = null;
+const dt = H({
+  name: "QBtn",
+  props: {
+    ...st,
+    percentage: Number,
+    darkPercentage: Boolean,
+    onTouchstart: [Function, Array]
+  },
+  emits: ["click", "keydown", "mousedown", "keyup"],
+  setup(e, { slots: t, emit: a }) {
+    const { proxy: n } = G(), {
+      classes: i,
+      style: f,
+      innerClasses: c,
+      attributes: l,
+      hasLink: _,
+      linkTag: h,
+      navigateOnClick: s,
+      isActionable: p
+    } = ct(e), o = W(null), y = W(null);
+    let b = null, k, d = null;
+    const $ = u(
+      () => e.label !== void 0 && e.label !== null && e.label !== ""
+    ), R = u(() => e.disable === !0 || e.ripple === !1 ? !1 : {
+      keyCodes: _.value === !0 ? [13, 32] : [13],
+      ...e.ripple === !0 ? {} : e.ripple
+    }), w = u(() => ({ center: e.round })), B = u(() => {
+      const r = Math.max(0, Math.min(100, e.percentage));
+      return r > 0 ? { transition: "transform 0.6s", transform: `translateX(${r - 100}%)` } : {};
+    }), g = u(() => {
+      if (e.loading === !0)
+        return {
+          onMousedown: A,
+          onTouchstart: A,
+          onClick: A,
+          onKeydown: A,
+          onKeyup: A
+        };
+      if (p.value === !0) {
+        const r = {
+          onClick: x,
+          onKeydown: L,
+          onMousedown: I
+        };
+        if (n.$q.platform.has.touch === !0) {
+          const m = e.onTouchstart !== void 0 ? "" : "Passive";
+          r[`onTouchstart${m}`] = S;
+        }
+        return r;
+      }
+      return {
+        // needed; especially for disabled <a> tags
+        onClick: P
+      };
+    }), q = u(() => ({
+      ref: o,
+      class: "q-btn q-btn-item non-selectable no-outline " + i.value,
+      style: f.value,
+      ...l.value,
+      ...g.value
+    }));
+    function x(r) {
+      if (o.value !== null) {
+        if (r !== void 0) {
+          if (r.defaultPrevented === !0)
+            return;
+          const m = document.activeElement;
+          if (e.type === "submit" && m !== document.body && o.value.contains(m) === !1 && m.contains(o.value) === !1) {
+            o.value.focus();
+            const D = () => {
+              document.removeEventListener("keydown", P, !0), document.removeEventListener("keyup", D, E), o.value !== null && o.value.removeEventListener("blur", D, E);
+            };
+            document.addEventListener("keydown", P, !0), document.addEventListener("keyup", D, E), o.value.addEventListener("blur", D, E);
+          }
+        }
+        s(r);
+      }
+    }
+    function L(r) {
+      o.value !== null && (a("keydown", r), U(r, [13, 32]) === !0 && O !== o.value && (O !== null && z(), r.defaultPrevented !== !0 && (o.value.focus(), O = o.value, o.value.classList.add("q-btn--active"), document.addEventListener("keyup", C, !0), o.value.addEventListener("blur", C, E)), P(r)));
+    }
+    function S(r) {
+      o.value !== null && (a("touchstart", r), r.defaultPrevented !== !0 && (T !== o.value && (T !== null && z(), T = o.value, b = r.target, b.addEventListener("touchcancel", C, E), b.addEventListener("touchend", C, E)), k = !0, d !== null && clearTimeout(d), d = setTimeout(() => {
+        d = null, k = !1;
+      }, 200)));
+    }
+    function I(r) {
+      o.value !== null && (r.qSkipRipple = k === !0, a("mousedown", r), r.defaultPrevented !== !0 && M !== o.value && (M !== null && z(), M = o.value, o.value.classList.add("q-btn--active"), document.addEventListener("mouseup", C, E)));
+    }
+    function C(r) {
+      if (o.value !== null && !(r !== void 0 && r.type === "blur" && document.activeElement === o.value)) {
+        if (r !== void 0 && r.type === "keyup") {
+          if (O === o.value && U(r, [13, 32]) === !0) {
+            const m = new MouseEvent("click", r);
+            m.qKeyEvent = !0, r.defaultPrevented === !0 && Ne(m), r.cancelBubble === !0 && be(m), o.value.dispatchEvent(m), P(r), r.qKeyEvent = !0;
+          }
+          a("keyup", r);
+        }
+        z();
+      }
+    }
+    function z(r) {
+      const m = y.value;
+      r !== !0 && (T === o.value || M === o.value) && m !== null && m !== document.activeElement && (m.setAttribute("tabindex", -1), m.focus()), T === o.value && (b !== null && (b.removeEventListener("touchcancel", C, E), b.removeEventListener("touchend", C, E)), T = b = null), M === o.value && (document.removeEventListener("mouseup", C, E), M = null), O === o.value && (document.removeEventListener("keyup", C, !0), o.value !== null && o.value.removeEventListener("blur", C, E), O = null), o.value !== null && o.value.classList.remove("q-btn--active");
+    }
+    function A(r) {
+      P(r), r.qSkipRipple = !0;
+    }
+    return ye(() => {
+      z(!0);
+    }), Object.assign(n, {
+      click: (r) => {
+        p.value === !0 && x(r);
+      }
+    }), () => {
+      let r = [];
+      e.icon !== void 0 && r.push(
+        v(ee, {
+          name: e.icon,
+          left: e.stack !== !0 && $.value === !0,
+          role: "img",
+          "aria-hidden": "true"
+        })
+      ), $.value === !0 && r.push(
+        v("span", { class: "block" }, [e.label])
+      ), r = j(t.default, r), e.iconRight !== void 0 && e.round === !1 && r.push(
+        v(ee, {
+          name: e.iconRight,
+          right: e.stack !== !0 && $.value === !0,
+          role: "img",
+          "aria-hidden": "true"
+        })
+      );
+      const m = [
+        v("span", {
+          class: "q-focus-helper",
+          ref: y
+        })
+      ];
+      return e.loading === !0 && e.percentage !== void 0 && m.push(
+        v("span", {
+          class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
+        }, [
+          v("span", {
+            class: "q-btn__progress-indicator fit block",
+            style: B.value
+          })
+        ])
+      ), m.push(
+        v("span", {
+          class: "q-btn__content text-center col items-center q-anchor--skip " + c.value
+        }, r)
+      ), e.loading !== null && m.push(
+        v(ke, {
+          name: "q-transition--fade"
+        }, () => e.loading === !0 ? [
+          v("span", {
+            key: "loading",
+            class: "absolute-full flex flex-center"
+          }, t.loading !== void 0 ? t.loading() : [v(Ie)])
+        ] : null)
+      ), $e(
+        v(
+          h.value,
+          q.value,
+          m
+        ),
+        [[
+          Ye,
+          R.value,
+          void 0,
+          w.value
+        ]]
+      );
+    };
+  }
+}), ft = /* @__PURE__ */ Y({
+  __name: "index",
+  props: {
+    size: { default: K.MD },
+    transparent: { type: Boolean },
+    rounded: { type: Boolean },
+    color: { default: Le.PRIMARY },
+    iconPosition: {},
+    disabled: { type: Boolean },
+    loading: { type: [Boolean, null] },
+    to: {},
+    href: {},
+    target: {},
+    submit: { type: Boolean },
+    ariaLabel: {}
+  },
+  emits: ["click"],
+  setup(e) {
+    const t = e, a = u(() => [
+      "app-btn",
+      {
+        "app-btn_default": !t.transparent,
+        "app-btn_trans": t.transparent,
+        "app-btn_rounded": t.rounded,
+        "app-btn_md": t.size === K.MD,
+        "app-btn_lg": t.size === K.LG
+      },
+      `app-btn_${t.color}`,
+      `app-btn_icon-${t.iconPosition}`
+    ]);
+    return (n, i) => (ue(), _e(V(dt), {
+      "no-caps": "",
+      unelevated: "",
+      class: se(a.value),
+      padding: V(ce)[t.size || V(K).MD],
+      loading: n.loading,
+      disabled: n.disabled || void 0,
+      to: n.to,
+      href: n.href,
+      target: n.target,
+      type: n.submit ? "submit" : void 0,
+      "aria-label": n.ariaLabel,
+      onClick: i[0] || (i[0] = (f) => n.$emit("click"))
+    }, {
+      default: qe(() => [
+        Ee(n.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["class", "padding", "loading", "disabled", "to", "href", "target", "type", "aria-label"]));
+  }
+}), pe = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [n, i] of t)
+    a[n] = i;
+  return a;
+}, mt = /* @__PURE__ */ pe(ft, [["__scopeId", "data-v-efc0cd34"]]), vt = /* @__PURE__ */ Y({
+  __name: "index",
+  props: {
+    name: {},
+    size: {},
+    color: {}
+  },
+  setup(e) {
+    return (t, a) => (ue(), xe("i", {
+      class: se(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
+      style: Ce(t.size ? `font-size: ${t.size}` : void 0)
+    }, null, 6));
+  }
+}), bt = /* @__PURE__ */ pe(vt, [["__scopeId", "data-v-73419357"]]);
+export {
+  mt as AppButton,
+  bt as AppIcon
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@validol4ik/uikit",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "type": "module",
   "main": "./dist/uikit.cjs",
   "module": "./dist/uikit.es.js",