@validol4ik/uikit 0.0.7 → 0.0.9

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@validol4ik/uikit",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
+  "main": "./dist/uikit.cjs",
   "module": "./dist/uikit.es.js",
   "types": "./dist/uikit.d.ts",
   "license": "MIT",
@@ -17,11 +18,12 @@
   "exports": {
     ".": {
       "import": "./dist/uikit.es.js",
+      "require": "./dist/uikit.cjs",
       "types": "./dist/uikit.d.ts"
     },
     "./styles": "./dist/main.css",
     "./icons": "./dist/icons.css",
-    "./package.json": "./package.json"
+    "./font": "./dist/kl.woff"
   },
   "dependencies": {
     "@quasar/extras": "^1.16.11",

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

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

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

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

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

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

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

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

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

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

package/dist/components/index.d.ts

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

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

package/dist/icons/icons.d.ts

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

package/dist/icons/icons.es.js

@@ -1 +0,0 @@
-

package/dist/icons/index.d.ts

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

package/dist/icons.css

@@ -1 +0,0 @@
-@font-face{font-family:kl;src:url(src/assets/fonts/kl.woff?feejhz) format("woff");font-weight:400;font-style:normal;font-display:block}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

@@ -1 +0,0 @@
-.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.d.ts

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

package/dist/uikit.es.js

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