@validol4ik/uikit 0.3.22 → 0.3.24

package/dist/AppButton-Bz5mz9Mx.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./use-router-link-DiPB_4Ct.cjs"),N=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Z={[a.SIZES.SM]:"3px 9px",[a.SIZES.MD]:"5px 12px",[a.SIZES.LG]:"9px 20px"},$={left:"start",center:"center",right:"end",between:"between",around:"around",evenly:"evenly",stretch:"stretch"},K=Object.keys($),V={align:{type:String,validator:e=>K.includes(e)}};function Q(e){return t.computed(()=>{const o=e.align===void 0?e.vertical===!0?"stretch":"left":e.align;return`${e.vertical===!0?"items":"justify"}-${$[o]}`})}const w={none:0,xs:4,sm:8,md:16,lg:24,xl:32},W={xs:8,sm:10,md:14,lg:20,xl:24},F=["button","submit","reset"],G=/[^\s]\/[^\s]/,H=["flat","outline","push","unelevated"];function U(e,o){return e.flat===!0?"flat":e.outline===!0?"outline":e.push===!0?"push":e.unelevated===!0?"unelevated":o}const X={...a.useSizeProps,...a.useRouterLinkNonMatchingProps,type:{type:String,default:"button"},label:[Number,String],icon:String,iconRight:String,...H.reduce((e,o)=>(e[o]=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:{...V.align,default:"center"},stack:Boolean,stretch:Boolean,loading:{type:Boolean,default:null},disable:Boolean},Y={...X,round:Boolean};function J(e){const o=a.useSize(e,W),f=Q(e),{hasRouterLink:u,hasLink:b,linkTag:g,linkAttrs:C,navigateOnClick:P}=a.useRouterLink({fallbackTag:"button"}),M=t.computed(()=>{const i=e.fab===!1&&e.fabMini===!1?o.value:{};return e.padding!==void 0?Object.assign({},i,{padding:e.padding.split(/\s+/).map(v=>v in w?w[v]+"px":v).join(" "),minWidth:"0",minHeight:"0"}):i}),R=t.computed(()=>e.rounded===!0||e.fab===!0||e.fabMini===!0),k=t.computed(()=>e.disable!==!0&&e.loading!==!0),E=t.computed(()=>k.value===!0?e.tabindex||0:-1),l=t.computed(()=>U(e,"standard")),q=t.computed(()=>{const i={tabindex:E.value};return b.value===!0?Object.assign(i,C.value):F.includes(e.type)===!0&&(i.type=e.type),g.value==="a"?(e.disable===!0?i["aria-disabled"]="true":i.href===void 0&&(i.role="button"),u.value!==!0&&G.test(e.type)===!0&&(i.type=e.type)):e.disable===!0&&(i.disabled="",i["aria-disabled"]="true"),e.loading===!0&&e.percentage!==void 0&&Object.assign(i,{role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":e.percentage}),i}),d=t.computed(()=>{let i;e.color!==void 0?e.flat===!0||e.outline===!0?i=`text-${e.textColor||e.color}`:i=`bg-${e.color} text-${e.textColor||"white"}`:e.textColor&&(i=`text-${e.textColor}`);const v=e.round===!0?"round":`rectangle${R.value===!0?" q-btn--rounded":e.square===!0?" q-btn--square":""}`;return`q-btn--${l.value} q-btn--${v}`+(i!==void 0?" "+i:"")+(k.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":"")}),p=t.computed(()=>f.value+(e.stack===!0?" column":" row")+(e.noWrap===!0?" no-wrap text-no-wrap":"")+(e.loading===!0?" q-btn__content--hidden":""));return{classes:d,style:M,innerClasses:p,attributes:q,hasLink:b,linkTag:g,navigateOnClick:P,isActionable:k}}const{passiveCapture:s}=a.listenOpts;let m=null,h=null,y=null;const ee=a.createComponent({name:"QBtn",props:{...Y,percentage:Number,darkPercentage:Boolean,onTouchstart:[Function,Array]},emits:["click","keydown","mousedown","keyup"],setup(e,{slots:o,emit:f}){const{proxy:u}=t.getCurrentInstance(),{classes:b,style:g,innerClasses:C,attributes:P,hasLink:M,linkTag:R,navigateOnClick:k,isActionable:E}=J(e),l=t.ref(null),q=t.ref(null);let d=null,p,i=null;const v=t.computed(()=>e.label!==void 0&&e.label!==null&&e.label!==""),x=t.computed(()=>e.disable===!0||e.ripple===!1?!1:{keyCodes:M.value===!0?[13,32]:[13],...e.ripple===!0?{}:e.ripple}),A=t.computed(()=>({center:e.round})),I=t.computed(()=>{const n=Math.max(0,Math.min(100,e.percentage));return n>0?{transition:"transform 0.6s",transform:`translateX(${n-100}%)`}:{}}),z=t.computed(()=>{if(e.loading===!0)return{onMousedown:B,onTouchstart:B,onClick:B,onKeydown:B,onKeyup:B};if(E.value===!0){const n={onClick:T,onKeydown:_,onMousedown:D};if(u.$q.platform.has.touch===!0){const r=e.onTouchstart!==void 0?"":"Passive";n[`onTouchstart${r}`]=j}return n}return{onClick:a.stopAndPrevent}}),O=t.computed(()=>({ref:l,class:"q-btn q-btn-item non-selectable no-outline "+b.value,style:g.value,...P.value,...z.value}));function T(n){if(l.value!==null){if(n!==void 0){if(n.defaultPrevented===!0)return;const r=document.activeElement;if(e.type==="submit"&&r!==document.body&&l.value.contains(r)===!1&&r.contains(l.value)===!1){l.value.focus();const L=()=>{document.removeEventListener("keydown",a.stopAndPrevent,!0),document.removeEventListener("keyup",L,s),l.value!==null&&l.value.removeEventListener("blur",L,s)};document.addEventListener("keydown",a.stopAndPrevent,!0),document.addEventListener("keyup",L,s),l.value.addEventListener("blur",L,s)}}k(n)}}function _(n){l.value!==null&&(f("keydown",n),a.isKeyCode(n,[13,32])===!0&&h!==l.value&&(h!==null&&S(),n.defaultPrevented!==!0&&(l.value.focus(),h=l.value,l.value.classList.add("q-btn--active"),document.addEventListener("keyup",c,!0),l.value.addEventListener("blur",c,s)),a.stopAndPrevent(n)))}function j(n){l.value!==null&&(f("touchstart",n),n.defaultPrevented!==!0&&(m!==l.value&&(m!==null&&S(),m=l.value,d=n.target,d.addEventListener("touchcancel",c,s),d.addEventListener("touchend",c,s)),p=!0,i!==null&&clearTimeout(i),i=setTimeout(()=>{i=null,p=!1},200)))}function D(n){l.value!==null&&(n.qSkipRipple=p===!0,f("mousedown",n),n.defaultPrevented!==!0&&y!==l.value&&(y!==null&&S(),y=l.value,l.value.classList.add("q-btn--active"),document.addEventListener("mouseup",c,s)))}function c(n){if(l.value!==null&&!(n!==void 0&&n.type==="blur"&&document.activeElement===l.value)){if(n!==void 0&&n.type==="keyup"){if(h===l.value&&a.isKeyCode(n,[13,32])===!0){const r=new MouseEvent("click",n);r.qKeyEvent=!0,n.defaultPrevented===!0&&a.prevent(r),n.cancelBubble===!0&&a.stop(r),l.value.dispatchEvent(r),a.stopAndPrevent(n),n.qKeyEvent=!0}f("keyup",n)}S()}}function S(n){const r=q.value;n!==!0&&(m===l.value||y===l.value)&&r!==null&&r!==document.activeElement&&(r.setAttribute("tabindex",-1),r.focus()),m===l.value&&(d!==null&&(d.removeEventListener("touchcancel",c,s),d.removeEventListener("touchend",c,s)),m=d=null),y===l.value&&(document.removeEventListener("mouseup",c,s),y=null),h===l.value&&(document.removeEventListener("keyup",c,!0),l.value!==null&&l.value.removeEventListener("blur",c,s),h=null),l.value!==null&&l.value.classList.remove("q-btn--active")}function B(n){a.stopAndPrevent(n),n.qSkipRipple=!0}return t.onBeforeUnmount(()=>{S(!0)}),Object.assign(u,{click:n=>{E.value===!0&&T(n)}}),()=>{let n=[];e.icon!==void 0&&n.push(t.h(a.QIcon,{name:e.icon,left:e.stack!==!0&&v.value===!0,role:"img"})),v.value===!0&&n.push(t.h("span",{class:"block"},[e.label])),n=a.hMergeSlot(o.default,n),e.iconRight!==void 0&&e.round===!1&&n.push(t.h(a.QIcon,{name:e.iconRight,right:e.stack!==!0&&v.value===!0,role:"img"}));const r=[t.h("span",{class:"q-focus-helper",ref:q})];return e.loading===!0&&e.percentage!==void 0&&r.push(t.h("span",{class:"q-btn__progress absolute-full overflow-hidden"+(e.darkPercentage===!0?" q-btn__progress--dark":"")},[t.h("span",{class:"q-btn__progress-indicator fit block",style:I.value})])),r.push(t.h("span",{class:"q-btn__content text-center col items-center q-anchor--skip "+C.value},n)),e.loading!==null&&r.push(t.h(t.Transition,{name:"q-transition--fade"},()=>e.loading===!0?[t.h("span",{key:"loading",class:"absolute-full flex flex-center"},o.loading!==void 0?o.loading():[t.h(a.QSpinner)])]:null)),t.withDirectives(t.h(R.value,O.value,r),[[a.Ripple,x.value,void 0,A.value]])}}}),te=t.defineComponent({__name:"AppButton",props:{size:{default:a.SIZES.MD},transparent:{type:Boolean},flat:{type:Boolean},rounded:{type:Boolean},color:{default:a.COLORS.PRIMARY},iconLeft:{},iconRight:{},iconMiddle:{},disabled:{type:Boolean},loading:{type:Boolean},to:{},href:{},target:{},submit:{type:Boolean},ariaLabel:{},label:{}},emits:["click"],setup(e){const o=e,f=t.computed(()=>["app-btn",{"app-btn_default":!o.transparent&&!o.flat,"app-btn_trans":o.transparent,"app-btn_flat":o.flat,"app-btn_rounded":o.rounded,"app-btn_sm":o.size===a.SIZES.SM,"app-btn_md":o.size===a.SIZES.MD,"app-btn_lg":o.size===a.SIZES.LG,"app-btn_icon-left":o.iconLeft,"app-btn_icon-right":o.iconRight,"app-btn_icon-middle":o.iconMiddle},`app-btn_${o.color}`]);return(u,b)=>(t.openBlock(),t.createBlock(t.unref(ee),{"no-caps":"",unelevated:"",class:t.normalizeClass(f.value),padding:t.unref(Z)[u.size||t.unref(a.SIZES).MD],loading:u.loading,disable:u.disabled||void 0,to:u.to,href:u.href,target:u.target,type:u.submit?"submit":void 0,"aria-label":u.ariaLabel,onClick:b[0]||(b[0]=g=>u.$emit("click",g))},{default:t.withCtx(()=>[u.iconLeft||u.iconMiddle?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["icon-kl",u.iconLeft?"icon-kl_left":"icon-kl_middle",`icon-kl-${u.iconLeft||u.iconMiddle}`,u.transparent||u.flat?`text-${u.color}`:"text-secondary"])},null,2)):t.createCommentVNode("",!0),t.renderSlot(u.$slots,"default",{},void 0,!0),u.label?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(u.label),1)],64)):t.createCommentVNode("",!0),u.iconRight?(t.openBlock(),t.createElementBlock("i",{key:2,class:t.normalizeClass(["icon-kl","icon-kl_right",`icon-kl-${u.iconRight}`,u.transparent?`text-${u.color}`:"text-secondary"])},null,2)):t.createCommentVNode("",!0)]),_:3},8,["class","padding","loading","disable","to","href","target","type","aria-label"]))}}),ne=N._export_sfc(te,[["__scopeId","data-v-64785508"]]);exports.default=ne;

package/dist/AppButton-DGne1Zdn.js

@@ -0,0 +1,390 @@
+import { computed as o, getCurrentInstance as Y, ref as j, onBeforeUnmount as Z, h as s, Transition as J, withDirectives as ee, defineComponent as te, openBlock as R, createBlock as ne, unref as x, normalizeClass as O, withCtx as ae, createElementBlock as z, createCommentVNode as A, renderSlot as le, Fragment as ue, createTextVNode as ie, toDisplayString as oe } from "vue";
+import { S as b, u as re, a as se, b as ce, c as de, d as fe, s as h, i as D, p as ve, e as be, l as ge, Q as I, h as me, f as he, R as ye, C as ke } from "./use-router-link-BgNwCOFX.js";
+import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Le = {
+  [b.SM]: "3px 9px",
+  [b.MD]: "5px 12px",
+  [b.LG]: "9px 20px"
+}, N = {
+  left: "start",
+  center: "center",
+  right: "end",
+  between: "between",
+  around: "around",
+  evenly: "evenly",
+  stretch: "stretch"
+}, pe = Object.keys(N), qe = {
+  align: {
+    type: String,
+    validator: (e) => pe.includes(e)
+  }
+};
+function Ce(e) {
+  return o(() => {
+    const l = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
+    return `${e.vertical === !0 ? "items" : "justify"}-${N[l]}`;
+  });
+}
+const K = {
+  none: 0,
+  xs: 4,
+  sm: 8,
+  md: 16,
+  lg: 24,
+  xl: 32
+}, Ee = {
+  xs: 8,
+  sm: 10,
+  md: 14,
+  lg: 20,
+  xl: 24
+}, Se = ["button", "submit", "reset"], Me = /[^\s]\/[^\s]/, Re = ["flat", "outline", "push", "unelevated"];
+function Te(e, l) {
+  return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : l;
+}
+const we = {
+  ...de,
+  ...ce,
+  type: {
+    type: String,
+    default: "button"
+  },
+  label: [Number, String],
+  icon: String,
+  iconRight: String,
+  ...Re.reduce(
+    (e, l) => (e[l] = 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: {
+    ...qe.align,
+    default: "center"
+  },
+  stack: Boolean,
+  stretch: Boolean,
+  loading: {
+    type: Boolean,
+    default: null
+  },
+  disable: Boolean
+}, Pe = {
+  ...we,
+  round: Boolean
+};
+function $e(e) {
+  const l = re(e, Ee), v = Ce(e), { hasRouterLink: a, hasLink: g, linkTag: m, linkAttrs: T, navigateOnClick: w } = se({
+    fallbackTag: "button"
+  }), P = o(() => {
+    const u = e.fab === !1 && e.fabMini === !1 ? l.value : {};
+    return e.padding !== void 0 ? Object.assign({}, u, {
+      padding: e.padding.split(/\s+/).map((f) => f in K ? K[f] + "px" : f).join(" "),
+      minWidth: "0",
+      minHeight: "0"
+    }) : u;
+  }), $ = o(
+    () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
+  ), L = o(
+    () => e.disable !== !0 && e.loading !== !0
+  ), E = o(() => L.value === !0 ? e.tabindex || 0 : -1), n = o(() => Te(e, "standard")), S = o(() => {
+    const u = { tabindex: E.value };
+    return g.value === !0 ? Object.assign(u, T.value) : Se.includes(e.type) === !0 && (u.type = e.type), m.value === "a" ? (e.disable === !0 ? u["aria-disabled"] = "true" : u.href === void 0 && (u.role = "button"), a.value !== !0 && Me.test(e.type) === !0 && (u.type = e.type)) : e.disable === !0 && (u.disabled = "", u["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(u, {
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": e.percentage
+    }), u;
+  }), d = o(() => {
+    let u;
+    e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? u = `text-${e.textColor || e.color}` : u = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (u = `text-${e.textColor}`);
+    const f = e.round === !0 ? "round" : `rectangle${$.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
+    return `q-btn--${n.value} q-btn--${f}` + (u !== void 0 ? " " + u : "") + (L.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" : "");
+  }), p = o(
+    () => v.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
+  );
+  return {
+    classes: d,
+    style: P,
+    innerClasses: p,
+    attributes: S,
+    hasLink: g,
+    linkTag: m,
+    navigateOnClick: w,
+    isActionable: L
+  };
+}
+const { passiveCapture: r } = ge;
+let y = null, k = null, B = null;
+const xe = fe({
+  name: "QBtn",
+  props: {
+    ...Pe,
+    percentage: Number,
+    darkPercentage: Boolean,
+    onTouchstart: [Function, Array]
+  },
+  emits: ["click", "keydown", "mousedown", "keyup"],
+  setup(e, { slots: l, emit: v }) {
+    const { proxy: a } = Y(), {
+      classes: g,
+      style: m,
+      innerClasses: T,
+      attributes: w,
+      hasLink: P,
+      linkTag: $,
+      navigateOnClick: L,
+      isActionable: E
+    } = $e(e), n = j(null), S = j(null);
+    let d = null, p, u = null;
+    const f = o(
+      () => e.label !== void 0 && e.label !== null && e.label !== ""
+    ), Q = o(() => e.disable === !0 || e.ripple === !1 ? !1 : {
+      keyCodes: P.value === !0 ? [13, 32] : [13],
+      ...e.ripple === !0 ? {} : e.ripple
+    }), V = o(() => ({ center: e.round })), W = o(() => {
+      const t = Math.max(0, Math.min(100, e.percentage));
+      return t > 0 ? { transition: "transform 0.6s", transform: `translateX(${t - 100}%)` } : {};
+    }), F = o(() => {
+      if (e.loading === !0)
+        return {
+          onMousedown: C,
+          onTouchstart: C,
+          onClick: C,
+          onKeydown: C,
+          onKeyup: C
+        };
+      if (E.value === !0) {
+        const t = {
+          onClick: _,
+          onKeydown: H,
+          onMousedown: X
+        };
+        if (a.$q.platform.has.touch === !0) {
+          const i = e.onTouchstart !== void 0 ? "" : "Passive";
+          t[`onTouchstart${i}`] = U;
+        }
+        return t;
+      }
+      return {
+        // needed; especially for disabled <a> tags
+        onClick: h
+      };
+    }), G = o(() => ({
+      ref: n,
+      class: "q-btn q-btn-item non-selectable no-outline " + g.value,
+      style: m.value,
+      ...w.value,
+      ...F.value
+    }));
+    function _(t) {
+      if (n.value !== null) {
+        if (t !== void 0) {
+          if (t.defaultPrevented === !0)
+            return;
+          const i = document.activeElement;
+          if (e.type === "submit" && i !== document.body && n.value.contains(i) === !1 && i.contains(n.value) === !1) {
+            n.value.focus();
+            const M = () => {
+              document.removeEventListener("keydown", h, !0), document.removeEventListener("keyup", M, r), n.value !== null && n.value.removeEventListener("blur", M, r);
+            };
+            document.addEventListener("keydown", h, !0), document.addEventListener("keyup", M, r), n.value.addEventListener("blur", M, r);
+          }
+        }
+        L(t);
+      }
+    }
+    function H(t) {
+      n.value !== null && (v("keydown", t), D(t, [13, 32]) === !0 && k !== n.value && (k !== null && q(), t.defaultPrevented !== !0 && (n.value.focus(), k = n.value, n.value.classList.add("q-btn--active"), document.addEventListener("keyup", c, !0), n.value.addEventListener("blur", c, r)), h(t)));
+    }
+    function U(t) {
+      n.value !== null && (v("touchstart", t), t.defaultPrevented !== !0 && (y !== n.value && (y !== null && q(), y = n.value, d = t.target, d.addEventListener("touchcancel", c, r), d.addEventListener("touchend", c, r)), p = !0, u !== null && clearTimeout(u), u = setTimeout(() => {
+        u = null, p = !1;
+      }, 200)));
+    }
+    function X(t) {
+      n.value !== null && (t.qSkipRipple = p === !0, v("mousedown", t), t.defaultPrevented !== !0 && B !== n.value && (B !== null && q(), B = n.value, n.value.classList.add("q-btn--active"), document.addEventListener("mouseup", c, r)));
+    }
+    function c(t) {
+      if (n.value !== null && !(t !== void 0 && t.type === "blur" && document.activeElement === n.value)) {
+        if (t !== void 0 && t.type === "keyup") {
+          if (k === n.value && D(t, [13, 32]) === !0) {
+            const i = new MouseEvent("click", t);
+            i.qKeyEvent = !0, t.defaultPrevented === !0 && ve(i), t.cancelBubble === !0 && be(i), n.value.dispatchEvent(i), h(t), t.qKeyEvent = !0;
+          }
+          v("keyup", t);
+        }
+        q();
+      }
+    }
+    function q(t) {
+      const i = S.value;
+      t !== !0 && (y === n.value || B === n.value) && i !== null && i !== document.activeElement && (i.setAttribute("tabindex", -1), i.focus()), y === n.value && (d !== null && (d.removeEventListener("touchcancel", c, r), d.removeEventListener("touchend", c, r)), y = d = null), B === n.value && (document.removeEventListener("mouseup", c, r), B = null), k === n.value && (document.removeEventListener("keyup", c, !0), n.value !== null && n.value.removeEventListener("blur", c, r), k = null), n.value !== null && n.value.classList.remove("q-btn--active");
+    }
+    function C(t) {
+      h(t), t.qSkipRipple = !0;
+    }
+    return Z(() => {
+      q(!0);
+    }), Object.assign(a, {
+      click: (t) => {
+        E.value === !0 && _(t);
+      }
+    }), () => {
+      let t = [];
+      e.icon !== void 0 && t.push(
+        s(I, {
+          name: e.icon,
+          left: e.stack !== !0 && f.value === !0,
+          role: "img"
+        })
+      ), f.value === !0 && t.push(
+        s("span", { class: "block" }, [e.label])
+      ), t = me(l.default, t), e.iconRight !== void 0 && e.round === !1 && t.push(
+        s(I, {
+          name: e.iconRight,
+          right: e.stack !== !0 && f.value === !0,
+          role: "img"
+        })
+      );
+      const i = [
+        s("span", {
+          class: "q-focus-helper",
+          ref: S
+        })
+      ];
+      return e.loading === !0 && e.percentage !== void 0 && i.push(
+        s("span", {
+          class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
+        }, [
+          s("span", {
+            class: "q-btn__progress-indicator fit block",
+            style: W.value
+          })
+        ])
+      ), i.push(
+        s("span", {
+          class: "q-btn__content text-center col items-center q-anchor--skip " + T.value
+        }, t)
+      ), e.loading !== null && i.push(
+        s(J, {
+          name: "q-transition--fade"
+        }, () => e.loading === !0 ? [
+          s("span", {
+            key: "loading",
+            class: "absolute-full flex flex-center"
+          }, l.loading !== void 0 ? l.loading() : [s(he)])
+        ] : null)
+      ), ee(
+        s(
+          $.value,
+          G.value,
+          i
+        ),
+        [[
+          ye,
+          Q.value,
+          void 0,
+          V.value
+        ]]
+      );
+    };
+  }
+}), Oe = /* @__PURE__ */ te({
+  __name: "AppButton",
+  props: {
+    size: { default: b.MD },
+    transparent: { type: Boolean },
+    flat: { type: Boolean },
+    rounded: { type: Boolean },
+    color: { default: ke.PRIMARY },
+    iconLeft: {},
+    iconRight: {},
+    iconMiddle: {},
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    to: {},
+    href: {},
+    target: {},
+    submit: { type: Boolean },
+    ariaLabel: {},
+    label: {}
+  },
+  emits: ["click"],
+  setup(e) {
+    const l = e, v = o(() => [
+      "app-btn",
+      {
+        "app-btn_default": !l.transparent && !l.flat,
+        "app-btn_trans": l.transparent,
+        "app-btn_flat": l.flat,
+        "app-btn_rounded": l.rounded,
+        "app-btn_sm": l.size === b.SM,
+        "app-btn_md": l.size === b.MD,
+        "app-btn_lg": l.size === b.LG,
+        "app-btn_icon-left": l.iconLeft,
+        "app-btn_icon-right": l.iconRight,
+        "app-btn_icon-middle": l.iconMiddle
+      },
+      `app-btn_${l.color}`
+    ]);
+    return (a, g) => (R(), ne(x(xe), {
+      "no-caps": "",
+      unelevated: "",
+      class: O(v.value),
+      padding: x(Le)[a.size || x(b).MD],
+      loading: a.loading,
+      disable: a.disabled || void 0,
+      to: a.to,
+      href: a.href,
+      target: a.target,
+      type: a.submit ? "submit" : void 0,
+      "aria-label": a.ariaLabel,
+      onClick: g[0] || (g[0] = (m) => a.$emit("click", m))
+    }, {
+      default: ae(() => [
+        a.iconLeft || a.iconMiddle ? (R(), z("i", {
+          key: 0,
+          class: O([
+            "icon-kl",
+            a.iconLeft ? "icon-kl_left" : "icon-kl_middle",
+            `icon-kl-${a.iconLeft || a.iconMiddle}`,
+            a.transparent || a.flat ? `text-${a.color}` : "text-secondary"
+          ])
+        }, null, 2)) : A("", !0),
+        le(a.$slots, "default", {}, void 0, !0),
+        a.label ? (R(), z(ue, { key: 1 }, [
+          ie(oe(a.label), 1)
+        ], 64)) : A("", !0),
+        a.iconRight ? (R(), z("i", {
+          key: 2,
+          class: O([
+            "icon-kl",
+            "icon-kl_right",
+            `icon-kl-${a.iconRight}`,
+            a.transparent ? `text-${a.color}` : "text-secondary"
+          ])
+        }, null, 2)) : A("", !0)
+      ]),
+      _: 3
+    }, 8, ["class", "padding", "loading", "disable", "to", "href", "target", "type", "aria-label"]));
+  }
+}), je = /* @__PURE__ */ Be(Oe, [["__scopeId", "data-v-64785508"]]);
+export {
+  je as default
+};

package/dist/AppButtonCopy-CWQXqXtn.js

@@ -0,0 +1,62 @@
+import { defineComponent as i, ref as l, openBlock as s, createBlock as p, mergeProps as d, withModifiers as u } from "vue";
+import { r as m, a as f } from "./focusout-DjvPXP_b.js";
+import { C } from "./use-router-link-BgNwCOFX.js";
+import y from "./AppButton-DGne1Zdn.js";
+function b(t) {
+  const e = document.createElement("textarea");
+  e.value = t, e.contentEditable = "true", e.style.position = "fixed";
+  const o = () => {
+  };
+  f(o), document.body.appendChild(e), e.focus(), e.select();
+  const n = document.execCommand("copy");
+  return e.remove(), m(o), n;
+}
+function v(t) {
+  return navigator.clipboard !== void 0 ? navigator.clipboard.writeText(t) : new Promise((e, o) => {
+    const n = b(t);
+    n ? e(!0) : o(n);
+  });
+}
+const a = {
+  COPY: "copy_o",
+  COPIED: "copied_o"
+}, P = /* @__PURE__ */ i({
+  __name: "AppButtonCopy",
+  props: {
+    text: {},
+    size: {},
+    transparent: { type: Boolean, default: !0 },
+    flat: { type: Boolean },
+    rounded: { type: Boolean },
+    color: { default: C.INFO },
+    iconLeft: {},
+    iconRight: {},
+    iconMiddle: {},
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    to: {},
+    href: {},
+    target: {},
+    submit: { type: Boolean },
+    ariaLabel: {},
+    label: {}
+  },
+  setup(t) {
+    const e = t, o = l(a.COPY), n = () => {
+      o.value = a.COPIED, setTimeout(() => {
+        o.value = a.COPY;
+      }, 2e3);
+    }, r = () => {
+      v(e.text).then(n).catch((c) => {
+        console.log(c);
+      });
+    };
+    return (c, B) => (s(), p(y, d(e, {
+      "icon-middle": o.value,
+      onClick: u(r, ["prevent"])
+    }), null, 16, ["icon-middle"]));
+  }
+});
+export {
+  P as default
+};

package/dist/AppButtonCopy-Vyc1hnYD.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),i=require("./focusout-DzWGke-4.cjs"),u=require("./use-router-link-DiPB_4Ct.cjs"),s=require("./AppButton-Bz5mz9Mx.cjs");function d(t){const e=document.createElement("textarea");e.value=t,e.contentEditable="true",e.style.position="fixed";const o=()=>{};i.addFocusout(o),document.body.appendChild(e),e.focus(),e.select();const n=document.execCommand("copy");return e.remove(),i.removeFocusout(o),n}function p(t){return navigator.clipboard!==void 0?navigator.clipboard.writeText(t):new Promise((e,o)=>{const n=d(t);n?e(!0):o(n)})}const r={COPY:"copy_o",COPIED:"copied_o"},f=c.defineComponent({__name:"AppButtonCopy",props:{text:{},size:{},transparent:{type:Boolean,default:!0},flat:{type:Boolean},rounded:{type:Boolean},color:{default:u.COLORS.INFO},iconLeft:{},iconRight:{},iconMiddle:{},disabled:{type:Boolean},loading:{type:Boolean},to:{},href:{},target:{},submit:{type:Boolean},ariaLabel:{},label:{}},setup(t){const e=t,o=c.ref(r.COPY),n=()=>{o.value=r.COPIED,setTimeout(()=>{o.value=r.COPY},2e3)},l=()=>{p(e.text).then(n).catch(a=>{console.log(a)})};return(a,m)=>(c.openBlock(),c.createBlock(s.default,c.mergeProps(e,{"icon-middle":o.value,onClick:c.withModifiers(l,["prevent"])}),null,16,["icon-middle"]))}});exports.default=f;

package/dist/AppIcon-Bupq345T.js

@@ -0,0 +1,19 @@
+import { defineComponent as e, openBlock as n, createElementBlock as s, normalizeStyle as r, normalizeClass as l } from "vue";
+import { _ as a } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const c = /* @__PURE__ */ e({
+  __name: "AppIcon",
+  props: {
+    name: {},
+    size: {},
+    color: {}
+  },
+  setup(p) {
+    return (o, t) => (n(), s("i", {
+      class: l(["icon-kl", `icon-kl-${o.name}`, o.color ? `text-${o.color}` : ""]),
+      style: r(o.size ? `font-size: ${o.size}` : void 0)
+    }, null, 6));
+  }
+}), f = /* @__PURE__ */ a(c, [["__scopeId", "data-v-24fca0cf"]]);
+export {
+  f as default
+};

package/dist/AppIcon-CZ4SweU2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),r=o.defineComponent({__name:"AppIcon",props:{name:{},size:{},color:{}},setup(s){return(e,t)=>(o.openBlock(),o.createElementBlock("i",{class:o.normalizeClass(["icon-kl",`icon-kl-${e.name}`,e.color?`text-${e.color}`:""]),style:o.normalizeStyle(e.size?`font-size: ${e.size}`:void 0)},null,6))}}),l=n._export_sfc(r,[["__scopeId","data-v-24fca0cf"]]);exports.default=l;