@milaboratories/uikit 2.2.90 → 2.2.91

package/dist/components/PlFileDialog/utils.js

@@ -0,0 +1,29 @@
+import { trimCharsLeft as a, trimChars as c } from "../../lib/util/helpers/dist/index.js";
+function m(n) {
+  return n ? n.map((t) => "." + a(t, ["."])) : void 0;
+}
+function u(n) {
+  const t = "/", i = n.startsWith(t), s = c(n, [t]).split(t), e = [
+    {
+      index: 0,
+      name: "Root",
+      path: ""
+    }
+  ];
+  if (s.length === 1 && s[0] === "")
+    return e;
+  for (let r = 0; r < s.length; r++) {
+    const o = (i ? t : "") + s.slice(0, r + 1).join(t);
+    e.push({
+      index: r + 1,
+      name: s[r],
+      path: o
+    });
+  }
+  return e;
+}
+export {
+  u as getFilePathBreadcrumbs,
+  m as normalizeExtensions
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/PlFileDialog/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/PlFileDialog/utils.ts"],"sourcesContent":["import { trimChars, trimCharsLeft } from '@milaboratories/helpers';\nimport type { ImportFileHandle } from '@platforma-sdk/model';\n\nexport function normalizeExtensions(extensions: string[] | undefined) {\n  return extensions ? extensions.map((it) => '.' + trimCharsLeft(it, ['.'])) : undefined;\n}\n\n// NOTE: works only with '/' separator on *nix systems.\nexport function getFilePathBreadcrumbs(filePath: string) {\n  // FIXME: separator probably should be got from ls driver from backend.\n  // or else this component won't work with remote storages on Windows.\n  const sep = '/';\n\n  // If file path starts with '/',\n  // the storage was set up with absolute paths,\n  // and we need to add the separator to the results.\n  const isAbsolute = filePath.startsWith(sep);\n  const chunks = trimChars(filePath, [sep]).split(sep);\n\n  const stack: { index: number; path: string; name: string }[] = [\n    {\n      index: 0,\n      name: 'Root',\n      path: '',\n    },\n  ];\n\n  if (chunks.length === 1 && chunks[0] === '') {\n    return stack;\n  }\n\n  for (let i = 0; i < chunks.length; i++) {\n    const pathPrefix = isAbsolute ? sep : '';\n    const p = pathPrefix + chunks.slice(0, i + 1).join(sep);\n\n    stack.push({\n      index: i + 1,\n      name: chunks[i],\n      path: p,\n    });\n  }\n\n  return stack;\n}\n\nexport type FileDialogItem = {\n  id: number;\n  path: string;\n  name: string;\n  canBeSelected: boolean;\n  isDir: boolean;\n  selected: boolean;\n  handle: ImportFileHandle | undefined;\n};\n"],"names":["normalizeExtensions","extensions","it","trimCharsLeft","getFilePathBreadcrumbs","filePath","sep","isAbsolute","chunks","trimChars","stack","i","p"],"mappings":";AAGO,SAASA,EAAoBC,GAAkC;AACpE,SAAOA,IAAaA,EAAW,IAAI,CAACC,MAAO,MAAMC,EAAcD,GAAI,CAAC,GAAG,CAAC,CAAC,IAAI;AAC/E;AAGO,SAASE,EAAuBC,GAAkB;AAGvD,QAAMC,IAAM,KAKNC,IAAaF,EAAS,WAAWC,CAAG,GACpCE,IAASC,EAAUJ,GAAU,CAACC,CAAG,CAAC,EAAE,MAAMA,CAAG,GAE7CI,IAAyD;AAAA,IAC7D;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EAEV;AAEA,MAAIF,EAAO,WAAW,KAAKA,EAAO,CAAC,MAAM;AAChC,WAAAE;AAGT,WAASC,IAAI,GAAGA,IAAIH,EAAO,QAAQG,KAAK;AAEhC,UAAAC,KADaL,IAAaD,IAAM,MACfE,EAAO,MAAM,GAAGG,IAAI,CAAC,EAAE,KAAKL,CAAG;AAEtD,IAAAI,EAAM,KAAK;AAAA,MACT,OAAOC,IAAI;AAAA,MACX,MAAMH,EAAOG,CAAC;AAAA,MACd,MAAMC;AAAA,IAAA,CACP;AAAA,EAAA;AAGI,SAAAF;AACT;"}

package/dist/components/PlFileInput/PlFileInput.vue.d.ts

@@ -0,0 +1,89 @@
+import { ImportFileHandle, ImportProgress } from '@platforma-sdk/model';
+type __VLS_Props = {
+    /**
+     * The current import file handle.
+     */
+    modelValue: ImportFileHandle | undefined;
+    /**
+     * The label to display above the input field.
+     */
+    label?: string;
+    /**
+     * If `true`, the input field is marked as required.
+     */
+    required?: boolean;
+    /**
+     * If `true`, the component border is dashed.
+     */
+    dashed?: boolean;
+    /**
+     * Allowed file extensions (should start with `.`)
+     */
+    extensions?: string[];
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Import/Upload progress
+     */
+    progress?: ImportProgress;
+    /**
+     * An error message to display below the input field.
+     */
+    error?: unknown;
+    /**
+     * A helper text to display below the input field when there are no errors.
+     */
+    helper?: string;
+    /**
+     * Remove rounded border and change styles
+     */
+    cellStyle?: boolean;
+    /**
+     * File dialog title
+     */
+    fileDialogTitle?: string;
+    /**
+     * If `true`, the file dialog window closes when clicking outside the modal area (default: `true`)
+     */
+    fileDialogCloseOnOutsideClick?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        tooltip?(_: {}): any;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+        label: HTMLLabelElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: ImportFileHandle | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ImportFileHandle | undefined) => any) | undefined;
+}>, {
+    error: undefined;
+    progress: ImportProgress;
+    label: string;
+    helper: string;
+    placeholder: string;
+    extensions: string[];
+    cellStyle: boolean;
+    fileDialogTitle: string;
+    fileDialogCloseOnOutsideClick: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+    label: HTMLLabelElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=PlFileInput.vue.d.ts.map

package/dist/components/PlFileInput/PlFileInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlFileInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileInput/PlFileInput.vue"],"names":[],"mappings":"AAqNA,OAAO,sBAAsB,CAAC;AAM9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAoB7E,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,UAAU,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,6BAA6B,CAAC,EAAE,OAAO,CAAC;CACzC,CAAC;AAwGJ,iBAAS,cAAc;WA4MT,OAAO,IAA6B;;yBAZpB,GAAG;;;;;;;EAiBhC;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;cA5WN,cAAc;WApBjB,MAAM;YA4BL,MAAM;iBAZD,MAAM;gBAJP,MAAM,EAAE;eAoBT,OAAO;qBAID,MAAM;mCAIQ,OAAO;;;;OAiWzC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlFileInput/PlFileInput.vue.js

@@ -0,0 +1,148 @@
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(".pl-file-input{--contour-color: var(--txt-01);--label-color: var(--txt-01);--text-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;--label-offset-left-x: 8px;--label-offset-right-x: 8px;--prefix-color: var(--color-placeholder);--contour-offset: 2px;--icon-color: #000;width:100%;height:var(--control-height, 40px);position:relative;border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none;padding:0 8px;gap:8px;cursor:pointer}.pl-file-input__envelope{font-family:var(--font-family-base);display:flex;flex-direction:column;min-width:160px}.pl-file-input .mask-24{display:block;min-width:24px}.pl-file-input .mask-close{cursor:pointer}.pl-file-input__progress{position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(90deg,#fff,#d8fac8);pointer-events:none;width:0}.pl-file-input__clear{--icon-color: var(--ic-02)}.pl-file-input__filename{width:100%;border:none;font-size:inherit;background-color:transparent;color:var(--text-color);caret-color:var(--border-color-focus);z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}.pl-file-input__filename:empty:before{color:var(--color-placeholder);content:attr(data-placeholder);color:var(--txt-03);font-size:14px;font-weight:500;line-height:20px}.pl-file-input__stats{white-space:nowrap;z-index:1;font-size:11px;font-weight:600;letter-spacing:.44px;text-transform:uppercase;color:var(--txt-03)}.pl-file-input label{display:flex;align-items:center;gap:4px;position:absolute;top:0;transform:translateY(-60%);left:var(--label-offset-left-x);padding:0 4px;max-width:calc(100% - 16px);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);font-size:12px;font-weight:500;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:var(--bg-elevated-01)}.pl-file-input label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-file-input__contour{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.pl-file-input__prefix{padding-left:12px;white-space:nowrap;margin-right:-12px;color:var(--prefix-color)}.pl-file-input__helper{font-size:12px;color:var(--txt-03);padding:2px 0 0;white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px;margin-top:6px}.pl-file-input__error{font-size:12px;color:var(--txt-error);padding:2px 0 0;white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px;margin-top:6px}.pl-file-input:hover{--contour-color: var(--control-hover-color)}.pl-file-input:focus-within:not(.error){--label-color: var(--txt-focus);--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.pl-file-input:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-file-input.dashed .pl-file-input__contour{border-style:dashed}.pl-file-input.nonEmpty{--prefix-color: var(--txt-01)}.pl-file-input.error{--contour-color: var(--txt-error);--label-color: var(--txt-error);--text-color: var(--txt-error);--icon-color: var(--txt-error)}.pl-file-input.error .pl-file-input__progress{display:none}.pl-file-input.disabled{--contour-color: var(--color-dis-01);cursor:not-allowed}.pl-file-input__cell-style{--border-radius-control: 0px;--input-active-color: var(--bg-base-light);--border-color: var(--border-color-div-grey);background-color:var(--input-active-color);padding:4px;height:100%;position:relative}.pl-file-input__cell-style .mask-paper-clip{display:none}.pl-file-input__cell-style .pl-file-input{height:100%!important;position:unset}.pl-file-input__cell-style .pl-file-input .double-contour{top:2px;right:2px;bottom:2px;left:2px}.pl-file-input__cell-style .pl-file-input__contour{border-width:1px;box-shadow:unset!important;border-color:var(--border-color);border-style:dashed}.pl-file-input__cell-style .pl-file-input__filename{text-align:center!important}.pl-file-input__cell-style .pl-file-input__error{margin-top:0;margin-right:8px}.pl-file-input__cell-style:hover{--border-color: var(--border-color-focus);background-color:#d9f8ca}.pl-file-input__cell-style:hover .pl-file-input__filename:before{color:#110529!important}.pl-file-input__cell-style.has-file:hover{background-color:var(--input-active-color)}.pl-file-input__cell-style.has-file{padding-left:0;padding-right:0}.pl-file-input__cell-style.has-file .pl-file-input__contour{border:unset}.pl-file-input__cell-style.has-file .pl-file-input__filename{text-align:left!important}.pl-file-input__cell-style.has-file .mask-paper-clip{display:block}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as R, reactive as q, useSlots as U, computed as s, watch as $, ref as z, createElementBlock as n, openBlock as l, Fragment as D, createElementVNode as c, createVNode as B, normalizeClass as O, createCommentVNode as p, withModifiers as F, withKeys as H, createBlock as i, normalizeStyle as K, toDisplayString as u, unref as r, withCtx as L, renderSlot as j, createTextVNode as A } from "vue";
+
+import G from "../PlTooltip/PlTooltip.vue.js";
+import J from "../PlFileDialog/PlFileDialog.vue.js";
+import f from "../PlIcon24/PlIcon24.vue.js";
+import "../../sdk/model/dist/index.js";
+import Q from "../../utils/DoubleContour.vue.js";
+import { useLabelNotch as W } from "../../utils/useLabelNotch.js";
+import { prettyBytes as y } from "../../lib/util/helpers/dist/index.js";
+import X from "../../generated/components/svg/images/SvgRequired.vue2.js";
+import { getErrorMessage as Y } from "../../helpers/error.js";
+import { getFileNameFromHandle as Z, getFilePathFromHandle as x } from "../../lib/model/common/dist/index.js";
+const ee = {
+  key: 0,
+  ref: "label"
+}, le = ["data-placeholder"], oe = {
+  key: 5,
+  class: "pl-file-input__stats"
+}, te = {
+  key: 0,
+  class: "pl-file-input__error"
+}, re = {
+  key: 1,
+  class: "pl-file-input__helper"
+}, ve = /* @__PURE__ */ R({
+  __name: "PlFileInput",
+  props: {
+    modelValue: {},
+    label: { default: void 0 },
+    required: { type: Boolean },
+    dashed: { type: Boolean },
+    extensions: { default: void 0 },
+    placeholder: { default: void 0 },
+    progress: { default: void 0 },
+    error: { default: void 0 },
+    helper: { default: void 0 },
+    cellStyle: { type: Boolean, default: !1 },
+    fileDialogTitle: { default: void 0 },
+    fileDialogCloseOnOutsideClick: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue"],
+  setup(N, { emit: E }) {
+    const a = q({
+      fileDialogOpen: !1,
+      error: void 0
+    }), g = U(), v = E, o = N, h = (e, t) => {
+      if (e)
+        try {
+          return t(e);
+        } catch (d) {
+          return a.error = d instanceof Error ? d.message : String(d), e;
+        }
+    }, k = s(() => h(o.modelValue, Z)), _ = s(() => h(o.modelValue, x)), M = s(() => o.progress && !o.progress.done), P = s(() => o.progress && o.progress.done), V = s(() => Y(a.error, o.error)), m = s(() => typeof V.value == "string"), b = s(() => {
+      const { status: e, done: t } = o.progress ?? {};
+      return !e || !e.bytesTotal ? "" : e.bytesProcessed && !t ? y(e.bytesProcessed, {}) + " / " + y(e.bytesTotal, {}) : y(e.bytesTotal, {});
+    }), T = s(() => {
+      var t;
+      const { progress: e } = o;
+      return e ? {
+        width: e.done ? "100%" : Math.round((((t = e.status) == null ? void 0 : t.progress) ?? 0) * 100) + "%"
+      } : {};
+    }), C = () => {
+      a.fileDialogOpen = !0;
+    }, w = (e) => {
+      e.files.length && v("update:modelValue", e.files[0]);
+    }, I = () => v("update:modelValue", void 0);
+    $(
+      () => o.modelValue,
+      () => a.error = void 0,
+      { immediate: !0 }
+    );
+    const S = z();
+    return o.cellStyle || W(S), (e, t) => (l(), n(D, null, [
+      c("div", {
+        class: O([{ "pl-file-input__cell-style": !!e.cellStyle, "has-file": !!k.value }, "pl-file-input__envelope"])
+      }, [
+        c("div", {
+          ref_key: "rootRef",
+          ref: S,
+          class: O([{ dashed: e.dashed, error: m.value }, "pl-file-input"]),
+          tabindex: "0",
+          onKeyup: H(C, ["enter"]),
+          onClick: F(C, ["stop"])
+        }, [
+          c("div", {
+            style: K(T.value),
+            class: "pl-file-input__progress"
+          }, null, 4),
+          !e.cellStyle && e.label ? (l(), n("label", ee, [
+            e.required ? (l(), i(X, { key: 0 })) : p("", !0),
+            c("span", null, u(e.label), 1),
+            r(g).tooltip || _.value ? (l(), i(r(G), {
+              key: 1,
+              class: "info",
+              position: "top"
+            }, {
+              tooltip: L(() => [
+                r(g).tooltip ? j(e.$slots, "tooltip", { key: 0 }) : (l(), n(D, { key: 1 }, [
+                  A(u(_.value), 1)
+                ], 64))
+              ]),
+              _: 3
+            })) : p("", !0)
+          ], 512)) : p("", !0),
+          m.value ? (l(), i(r(f), {
+            key: 1,
+            name: "restart"
+          })) : M.value ? (l(), i(r(f), {
+            key: 2,
+            name: "cloud-upload"
+          })) : P.value ? (l(), i(r(f), {
+            key: 3,
+            name: "success"
+          })) : (l(), i(r(f), {
+            key: 4,
+            name: "paper-clip"
+          })),
+          c("div", {
+            "data-placeholder": e.placeholder ?? "Choose file",
+            class: "pl-file-input__filename"
+          }, u(k.value), 9, le),
+          b.value ? (l(), n("div", oe, u(b.value), 1)) : p("", !0),
+          e.modelValue ? (l(), i(r(f), {
+            key: 6,
+            class: "pl-file-input__clear",
+            name: "close",
+            onClick: F(I, ["stop"])
+          })) : p("", !0),
+          B(Q, { class: "pl-file-input__contour" })
+        ], 34),
+        m.value ? (l(), n("div", te, u(V.value), 1)) : e.helper ? (l(), n("div", re, u(e.helper), 1)) : p("", !0)
+      ], 2),
+      B(r(J), {
+        modelValue: a.fileDialogOpen,
+        "onUpdate:modelValue": t[0] || (t[0] = (d) => a.fileDialogOpen = d),
+        "close-on-outside-click": e.fileDialogCloseOnOutsideClick,
+        extensions: e.extensions,
+        title: e.fileDialogTitle,
+        "onImport:files": w
+      }, null, 8, ["modelValue", "close-on-outside-click", "extensions", "title"])
+    ], 64));
+  }
+});
+export {
+  ve as default
+};
+//# sourceMappingURL=PlFileInput.vue.js.map

package/dist/components/PlFileInput/PlFileInput.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlFileInput.vue.js","sources":["../../../src/components/PlFileInput/PlFileInput.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport './pl-file-input.scss';\nimport { PlTooltip } from '../PlTooltip';\nimport { PlFileDialog } from '../PlFileDialog';\nimport type { ImportedFiles } from '../../types';\nimport { PlMaskIcon24 } from '../PlMaskIcon24';\nimport { computed, reactive, ref, useSlots, watch } from 'vue';\nimport type { ImportFileHandle, ImportProgress } from '@platforma-sdk/model';\nimport { getFileNameFromHandle, getFilePathFromHandle } from '@platforma-sdk/model';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport { prettyBytes } from '@milaboratories/helpers';\nimport SvgRequired from '../../generated/components/svg/images/SvgRequired.vue';\nimport { getErrorMessage } from '../../helpers/error.ts';\n\nconst data = reactive({\n  fileDialogOpen: false,\n  error: undefined as undefined | string,\n});\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: ImportFileHandle | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current import file handle.\n     */\n    modelValue: ImportFileHandle | undefined;\n    /**\n     * The label to display above the input field.\n     */\n    label?: string;\n    /**\n     * If `true`, the input field is marked as required.\n     */\n    required?: boolean;\n    /**\n     * If `true`, the component border is dashed.\n     */\n    dashed?: boolean;\n    /**\n     * Allowed file extensions (should start with `.`)\n     */\n    extensions?: string[];\n    /**\n     * Placeholder text\n     */\n    placeholder?: string;\n    /**\n     * Import/Upload progress\n     */\n    progress?: ImportProgress;\n    /**\n     * An error message to display below the input field.\n     */\n    error?: unknown;\n    /**\n     * A helper text to display below the input field when there are no errors.\n     */\n    helper?: string;\n    /**\n     * Remove rounded border and change styles\n     */\n    cellStyle?: boolean;\n    /**\n     * File dialog title\n     */\n    fileDialogTitle?: string;\n    /**\n     * If `true`, the file dialog window closes when clicking outside the modal area (default: `true`)\n     */\n    fileDialogCloseOnOutsideClick?: boolean;\n  }>(),\n  {\n    label: undefined,\n    extensions: undefined,\n    fileDialogTitle: undefined,\n    placeholder: undefined,\n    progress: undefined,\n    error: undefined,\n    helper: undefined,\n    cellStyle: false,\n    fileDialogCloseOnOutsideClick: true,\n  },\n);\n\nconst tryValue = <T extends ImportFileHandle>(v: T | undefined, cb: (v: T) => string | undefined) => {\n  if (!v) {\n    return undefined;\n  }\n\n  try {\n    return cb(v);\n  } catch (err) {\n    data.error = err instanceof Error ? err.message : String(err);\n    return v;\n  }\n};\n\nconst fileName = computed(() => tryValue(props.modelValue, getFileNameFromHandle));\n\nconst filePath = computed(() => tryValue(props.modelValue, getFilePathFromHandle));\n\nconst isUploading = computed(() => props.progress && !props.progress.done);\n\nconst isUploaded = computed(() => props.progress && props.progress.done);\n\nconst computedErrorMessage = computed(() => getErrorMessage(data.error, props.error));\n\nconst hasErrors = computed(() => typeof computedErrorMessage.value === 'string');\n\nconst uploadStats = computed(() => {\n  const { status, done } = props.progress ?? {};\n\n  if (!status || !status.bytesTotal) {\n    return '';\n  }\n\n  if (status.bytesProcessed && !done) {\n    return prettyBytes(status.bytesProcessed, {}) + ' / ' + prettyBytes(status.bytesTotal, {});\n  }\n\n  return prettyBytes(status.bytesTotal, {});\n});\n\nconst progressStyle = computed(() => {\n  const { progress } = props;\n\n  if (!progress) {\n    return {};\n  }\n\n  return {\n    width: progress.done ? '100%' : Math.round((progress.status?.progress ?? 0) * 100) + '%',\n  };\n});\n\nconst openFileDialog = () => {\n  data.fileDialogOpen = true;\n};\n\nconst onImport = (v: ImportedFiles) => {\n  if (v.files.length) {\n    emit('update:modelValue', v.files[0]);\n  }\n};\n\nconst clear = () => emit('update:modelValue', undefined);\n\nwatch(\n  () => props.modelValue,\n  () => (data.error = undefined),\n  { immediate: true },\n);\n\nconst rootRef = ref();\n\nif (!props.cellStyle) {\n  useLabelNotch(rootRef);\n}\n</script>\n\n<template>\n  <div :class=\"{ 'pl-file-input__cell-style': !!cellStyle, 'has-file': !!fileName }\" class=\"pl-file-input__envelope\">\n    <div\n      ref=\"rootRef\"\n      :class=\"{ dashed, error: hasErrors }\"\n      class=\"pl-file-input\"\n      tabindex=\"0\"\n      @keyup.enter=\"openFileDialog\"\n      @click.stop=\"openFileDialog\"\n    >\n      <div :style=\"progressStyle\" class=\"pl-file-input__progress\" />\n      <label v-if=\"!cellStyle && label\" ref=\"label\">\n        <SvgRequired v-if=\"required\" />\n        <span>{{ label }}</span>\n        <PlTooltip v-if=\"slots.tooltip || filePath\" class=\"info\" position=\"top\">\n          <template #tooltip>\n            <slot v-if=\"slots.tooltip\" name=\"tooltip\" />\n            <template v-else>{{ filePath }}</template>\n          </template>\n        </PlTooltip>\n      </label>\n      <PlMaskIcon24 v-if=\"hasErrors\" name=\"restart\" />\n      <PlMaskIcon24 v-else-if=\"isUploading\" name=\"cloud-upload\" />\n      <PlMaskIcon24 v-else-if=\"isUploaded\" name=\"success\" />\n      <PlMaskIcon24 v-else name=\"paper-clip\" />\n      <div :data-placeholder=\"placeholder ?? 'Choose file'\" class=\"pl-file-input__filename\">\n        {{ fileName }}\n      </div>\n      <div v-if=\"uploadStats\" class=\"pl-file-input__stats\">{{ uploadStats }}</div>\n      <PlMaskIcon24 v-if=\"modelValue\" class=\"pl-file-input__clear\" name=\"close\" @click.stop=\"clear\" />\n      <DoubleContour class=\"pl-file-input__contour\" />\n    </div>\n    <div v-if=\"hasErrors\" class=\"pl-file-input__error\">\n      {{ computedErrorMessage }}\n    </div>\n    <div v-else-if=\"helper\" class=\"pl-file-input__helper\">{{ helper }}</div>\n  </div>\n  <PlFileDialog\n    v-model=\"data.fileDialogOpen\"\n    :close-on-outside-click=\"fileDialogCloseOnOutsideClick\"\n    :extensions=\"extensions\"\n    :title=\"fileDialogTitle\"\n    @import:files=\"onImport\"\n  />\n</template>\n"],"names":["data","reactive","slots","useSlots","emit","__emit","props","__props","tryValue","v","cb","err","fileName","computed","getFileNameFromHandle","filePath","getFilePathFromHandle","isUploading","isUploaded","computedErrorMessage","getErrorMessage","hasErrors","uploadStats","status","done","prettyBytes","progressStyle","progress","_a","openFileDialog","onImport","clear","watch","rootRef","ref","useLabelNotch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAOC,EAAS;AAAA,MACpB,gBAAgB;AAAA,MAChB,OAAO;AAAA,IAAA,CACR,GAEKC,IAAQC,EAAS,GAEjBC,IAAOC,GAIPC,IAAQC,GAgERC,IAAW,CAA6BC,GAAkBC,MAAqC;AACnG,UAAKD;AAID,YAAA;AACF,iBAAOC,EAAGD,CAAC;AAAA,iBACJE,GAAK;AACZ,iBAAAX,EAAK,QAAQW,aAAe,QAAQA,EAAI,UAAU,OAAOA,CAAG,GACrDF;AAAA,QAAA;AAAA,IAEX,GAEMG,IAAWC,EAAS,MAAML,EAASF,EAAM,YAAYQ,CAAqB,CAAC,GAE3EC,IAAWF,EAAS,MAAML,EAASF,EAAM,YAAYU,CAAqB,CAAC,GAE3EC,IAAcJ,EAAS,MAAMP,EAAM,YAAY,CAACA,EAAM,SAAS,IAAI,GAEnEY,IAAaL,EAAS,MAAMP,EAAM,YAAYA,EAAM,SAAS,IAAI,GAEjEa,IAAuBN,EAAS,MAAMO,EAAgBpB,EAAK,OAAOM,EAAM,KAAK,CAAC,GAE9Ee,IAAYR,EAAS,MAAM,OAAOM,EAAqB,SAAU,QAAQ,GAEzEG,IAAcT,EAAS,MAAM;AACjC,YAAM,EAAE,QAAAU,GAAQ,MAAAC,EAAS,IAAAlB,EAAM,YAAY,CAAC;AAE5C,aAAI,CAACiB,KAAU,CAACA,EAAO,aACd,KAGLA,EAAO,kBAAkB,CAACC,IACrBC,EAAYF,EAAO,gBAAgB,CAAE,CAAA,IAAI,QAAQE,EAAYF,EAAO,YAAY,EAAE,IAGpFE,EAAYF,EAAO,YAAY,EAAE;AAAA,IAAA,CACzC,GAEKG,IAAgBb,EAAS,MAAM;;AAC7B,YAAA,EAAE,UAAAc,MAAarB;AAErB,aAAKqB,IAIE;AAAA,QACL,OAAOA,EAAS,OAAO,SAAS,KAAK,SAAOC,IAAAD,EAAS,WAAT,gBAAAC,EAAiB,aAAY,KAAK,GAAG,IAAI;AAAA,MACvF,IALS,CAAC;AAAA,IAKV,CACD,GAEKC,IAAiB,MAAM;AAC3B,MAAA7B,EAAK,iBAAiB;AAAA,IACxB,GAEM8B,IAAW,CAACrB,MAAqB;AACjC,MAAAA,EAAE,MAAM,UACVL,EAAK,qBAAqBK,EAAE,MAAM,CAAC,CAAC;AAAA,IAExC,GAEMsB,IAAQ,MAAM3B,EAAK,qBAAqB,MAAS;AAEvD,IAAA4B;AAAA,MACE,MAAM1B,EAAM;AAAA,MACZ,MAAON,EAAK,QAAQ;AAAA,MACpB,EAAE,WAAW,GAAK;AAAA,IACpB;AAEA,UAAMiC,IAAUC,EAAI;AAEhB,WAAC5B,EAAM,aACT6B,EAAcF,CAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlFileInput/PlFileInput.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlFileInput.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlFileInput.vue2.js.map

package/dist/components/PlFileInput/PlFileInput.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlFileInput.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlFileInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/PlFileInput/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileInput/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,UAE/C;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,UAUhD;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,YAoB/D"}

package/dist/components/PlIcon16/PlIcon16.vue.d.ts

@@ -0,0 +1,10 @@
+import { MaskIconName16, Size } from '../../types';
+type __VLS_Props = {
+    name: MaskIconName16;
+    size?: number | string | Size;
+    color?: string | string[];
+    stroke?: string | string[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=PlIcon16.vue.d.ts.map

package/dist/components/PlIcon16/PlIcon16.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlIcon16.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlIcon16/PlIcon16.vue"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAIxD,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC5B,CAAC;;AA0EF,wBAOG"}

package/dist/components/PlIcon16/PlIcon16.vue.js

@@ -0,0 +1,10 @@
+import s from "./PlIcon16.vue2.js";
+import o from "./PlIcon16.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
+export {
+  f as default
+};
+//# sourceMappingURL=PlIcon16.vue.js.map

package/dist/components/PlIcon16/PlIcon16.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlIcon16.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/PlIcon16/PlIcon16.vue2.js

@@ -0,0 +1,33 @@
+import { defineComponent as n, computed as t, createBlock as i, openBlock as a, unref as l, normalizeClass as c } from "vue";
+import m from "../PlSvg/PlSvg.vue.js";
+const k = /* @__PURE__ */ n({
+  __name: "PlIcon16",
+  props: {
+    name: {},
+    size: {},
+    color: {},
+    stroke: {}
+  },
+  setup(r) {
+    const e = r, o = t(() => {
+      if (typeof e.size == "string") {
+        if (e.size === "small") return 12;
+        if (e.size === "medium") return 16;
+        if (e.size === "large") return 24;
+      }
+      return e.size ?? 16;
+    });
+    return (s, u) => (a(), i(l(m), {
+      name: `16_${e.name}`,
+      class: c([s.$style.icon, "icon-16", "mask-16", `icon-${e.name}`, `mask-${e.name}`]),
+      width: o.value,
+      height: o.value,
+      color: e.color,
+      stroke: e.stroke
+    }, null, 8, ["name", "class", "width", "height", "color", "stroke"]));
+  }
+});
+export {
+  k as default
+};
+//# sourceMappingURL=PlIcon16.vue2.js.map

package/dist/components/PlIcon16/PlIcon16.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlIcon16.vue2.js","sources":["../../../src/components/PlIcon16/PlIcon16.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MaskIconName16, Size } from '../../types';\nimport { PlSvg } from '../PlSvg';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  name: MaskIconName16;\n  size?: number | string | Size;\n  color?: string | string[];\n  stroke?: string | string[];\n}>();\n\nconst size = computed(() => {\n  if (typeof props.size === 'string') {\n    if (props.size === 'small') return 12;\n    if (props.size === 'medium') return 16;\n    if (props.size === 'large') return 24;\n  }\n  return props.size ?? 16;\n});\n</script>\n\n<template>\n  <PlSvg\n    :name=\"`16_${props.name}`\"\n    :class=\"[$style.icon, 'icon-16', 'mask-16', `icon-${props.name}`, `mask-${props.name}`]\"\n    :width=\"size\"\n    :height=\"size\"\n    :color=\"props.color\"\n    :stroke=\"props.stroke\"\n  />\n</template>\n\n<style module>\n.icon {\n  /* pass color to svg variable */\n  --svg-fill-0: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-fill-1: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-fill-2: var(--icon-color, var(--mask-icon-bg-color));\n  display: inline-block;\n}\n</style>\n"],"names":["props","__props","size","computed"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC,GAORC,IAAOC,EAAS,MAAM;AACtB,UAAA,OAAOH,EAAM,QAAS,UAAU;AAC9B,YAAAA,EAAM,SAAS,QAAgB,QAAA;AAC/B,YAAAA,EAAM,SAAS,SAAiB,QAAA;AAChC,YAAAA,EAAM,SAAS,QAAgB,QAAA;AAAA,MAAA;AAErC,aAAOA,EAAM,QAAQ;AAAA,IAAA,CACtB;;;;;;;;;;;"}

package/dist/components/PlIcon16/PlIcon16.vue3.js

@@ -0,0 +1,9 @@
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._icon_d0ctm_2{--svg-fill-0: var(--icon-color, var(--mask-icon-bg-color));--svg-fill-1: var(--icon-color, var(--mask-icon-bg-color));--svg-fill-2: var(--icon-color, var(--mask-icon-bg-color));display:inline-block}")),document.head.appendChild(o)}}catch(c){console.error("vite-plugin-css-injected-by-js",c)}})();
+const c = "_icon_d0ctm_2", o = {
+  icon: c
+};
+export {
+  o as default,
+  c as icon
+};
+//# sourceMappingURL=PlIcon16.vue3.js.map

package/dist/components/PlIcon16/PlIcon16.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlIcon16.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/PlIcon16/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlIcon16/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/PlIcon24/PlIcon24.vue.d.ts

@@ -0,0 +1,10 @@
+import { MaskIconName24, Size } from '../../types';
+type __VLS_Props = {
+    name: MaskIconName24;
+    size?: number | string | Size;
+    color?: string | string[];
+    stroke?: string | string[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=PlIcon24.vue.d.ts.map

package/dist/components/PlIcon24/PlIcon24.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlIcon24.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlIcon24/PlIcon24.vue"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAIxD,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC5B,CAAC;;AA0EF,wBAOG"}

package/dist/components/PlIcon24/PlIcon24.vue.js

@@ -0,0 +1,10 @@
+import s from "./PlIcon24.vue2.js";
+import o from "./PlIcon24.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
+export {
+  f as default
+};
+//# sourceMappingURL=PlIcon24.vue.js.map

package/dist/components/PlIcon24/PlIcon24.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlIcon24.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/PlIcon24/PlIcon24.vue2.js

@@ -0,0 +1,33 @@
+import { defineComponent as n, computed as t, createBlock as i, openBlock as a, unref as l, normalizeClass as c } from "vue";
+import m from "../PlSvg/PlSvg.vue.js";
+const k = /* @__PURE__ */ n({
+  __name: "PlIcon24",
+  props: {
+    name: {},
+    size: {},
+    color: {},
+    stroke: {}
+  },
+  setup(r) {
+    const e = r, o = t(() => {
+      if (typeof e.size == "string") {
+        if (e.size === "small") return 16;
+        if (e.size === "medium") return 24;
+        if (e.size === "large") return 32;
+      }
+      return e.size ?? 24;
+    });
+    return (s, u) => (a(), i(l(m), {
+      name: `24_${e.name}`,
+      class: c(["icon-24", "mask-24", `icon-${e.name}`, `mask-${e.name}`, s.$style.icon]),
+      width: o.value,
+      height: o.value,
+      color: e.color,
+      stroke: e.stroke
+    }, null, 8, ["name", "class", "width", "height", "color", "stroke"]));
+  }
+});
+export {
+  k as default
+};
+//# sourceMappingURL=PlIcon24.vue2.js.map

package/dist/components/PlIcon24/PlIcon24.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlIcon24.vue2.js","sources":["../../../src/components/PlIcon24/PlIcon24.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MaskIconName24, Size } from '../../types';\nimport { PlSvg } from '../PlSvg';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  name: MaskIconName24;\n  size?: number | string | Size;\n  color?: string | string[];\n  stroke?: string | string[];\n}>();\n\nconst size = computed(() => {\n  if (typeof props.size === 'string') {\n    if (props.size === 'small') return 16;\n    if (props.size === 'medium') return 24;\n    if (props.size === 'large') return 32;\n  }\n  return props.size ?? 24;\n});\n</script>\n\n<template>\n  <PlSvg\n    :name=\"`24_${props.name}`\"\n    :class=\"['icon-24', 'mask-24', `icon-${props.name}`, `mask-${props.name}`, $style.icon]\"\n    :width=\"size\"\n    :height=\"size\"\n    :color=\"props.color\"\n    :stroke=\"props.stroke\"\n  />\n</template>\n\n<style module>\n.icon {\n  /* pass color to svg variable */\n  --svg-fill-0: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-fill-1: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-fill-2: var(--icon-color, var(--mask-icon-bg-color));\n  display: inline-block;\n}\n</style>\n"],"names":["props","__props","size","computed"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC,GAORC,IAAOC,EAAS,MAAM;AACtB,UAAA,OAAOH,EAAM,QAAS,UAAU;AAC9B,YAAAA,EAAM,SAAS,QAAgB,QAAA;AAC/B,YAAAA,EAAM,SAAS,SAAiB,QAAA;AAChC,YAAAA,EAAM,SAAS,QAAgB,QAAA;AAAA,MAAA;AAErC,aAAOA,EAAM,QAAQ;AAAA,IAAA,CACtB;;;;;;;;;;;"}

package/dist/components/PlIcon24/PlIcon24.vue3.js

@@ -0,0 +1,9 @@
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._icon_d0ctm_2{--svg-fill-0: var(--icon-color, var(--mask-icon-bg-color));--svg-fill-1: var(--icon-color, var(--mask-icon-bg-color));--svg-fill-2: var(--icon-color, var(--mask-icon-bg-color));display:inline-block}")),document.head.appendChild(o)}}catch(c){console.error("vite-plugin-css-injected-by-js",c)}})();
+const c = "_icon_d0ctm_2", o = {
+  icon: c
+};
+export {
+  o as default,
+  c as icon
+};
+//# sourceMappingURL=PlIcon24.vue3.js.map

package/dist/components/PlIcon24/PlIcon24.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlIcon24.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/PlIcon24/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlIcon24/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/PlLoaderCircular/PlLoaderCircular.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: '16' | '24' | '48' | string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "16" | "24" | "48" | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=PlLoaderCircular.vue.d.ts.map

package/dist/components/PlLoaderCircular/PlLoaderCircular.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlLoaderCircular.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlLoaderCircular/PlLoaderCircular.vue"],"names":[],"mappings":"AAkBA,OAAO,2BAA2B,CAAC;AAEnC,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CACpC,CAAC;;UADO,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM;;AA4DpC,wBAQG"}

package/dist/components/PlLoaderCircular/PlLoaderCircular.vue.js

@@ -0,0 +1,36 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-loader-circular{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.pl-loader-circular__svg{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;width:100%;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.pl-loader-circular__svg-circle{stroke-dasharray:150,200;stroke-dashoffset:-10;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes color{0%{stroke:var(--ic-02)}40%{stroke:var(--ic-02)}66%{stroke:var(--ic-02)}80%,90%{stroke:var(--ic-02)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as i, createElementBlock as r, openBlock as l, createElementVNode as c, normalizeStyle as o } from "vue";
+
+const s = { class: "pl-loader-circular" }, a = {
+  class: "pl-loader-circular__svg",
+  viewBox: "25 25 50 50"
+}, t = ["stroke"], m = /* @__PURE__ */ i({
+  __name: "PlLoaderCircular",
+  props: {
+    size: { default: "16" }
+  },
+  setup(n) {
+    return (e, p) => (l(), r("div", s, [
+      c("div", {
+        style: o({ height: `${e.size}px`, width: `${e.size}px`, "--main-color": `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}` }),
+        class: "pl-circle-loader__wrapper"
+      }, [
+        (l(), r("svg", a, [
+          c("circle", {
+            class: "pl-loader-circular__svg-circle",
+            cx: "50",
+            cy: "50",
+            r: "20",
+            fill: "none",
+            stroke: `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}`,
+            "stroke-width": "2"
+          }, null, 8, t)
+        ]))
+      ], 4)
+    ]));
+  }
+});
+export {
+  m as default
+};
+//# sourceMappingURL=PlLoaderCircular.vue.js.map

package/dist/components/PlLoaderCircular/PlLoaderCircular.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlLoaderCircular.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlLoaderCircular/PlLoaderCircular.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlLoaderCircular.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlLoaderCircular.vue2.js.map

package/dist/components/PlLoaderCircular/PlLoaderCircular.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlLoaderCircular.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlLoaderCircular/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlLoaderCircular/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}