npm - @milaboratories/uikit - Versions diffs - 2.10.37 → 2.10.39 - Mend

@milaboratories/uikit 2.10.37 → 2.10.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2301) hide show

package/dist/components/PlFileDialog/pl-file-dialog.module.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pl-file-dialog.module.js","names":[],"sources":["../../../src/components/PlFileDialog/pl-file-dialog.module.scss"],"sourcesContent":["@use \"../../assets/mixins.scss\" as *;\n\n.component {\n .local {\n --pl-file-dialog-local-bg: var(--bg-base-light);\n --pl-file-dialog-local-border-color: var(--border-color-div-grey);\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 12px;\n overflow: auto;\n background-color: var(--pl-file-dialog-local-bg);\n border-radius: 6px;\n border: 1px dashed var(--pl-file-dialog-local-border-color);\n\n flex: 1;\n margin: 0 24px 24px 24px;\n\n &:hover {\n --pl-file-dialog-local-bg: rgba(99, 224, 36, 0.12);\n --pl-file-dialog-local-border-color: var(--border-color-focus);\n }\n\n > span {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n /* 142.857% */\n }\n\n .supported {\n color: var(--txt-03);\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n }\n }\n\n .remote {\n display: flex;\n flex-direction: column;\n gap: 24px;\n min-height: 0;\n max-width: 100%;\n flex: 1;\n\n .search {\n padding-top: 6px;\n display: flex;\n flex-direction: row;\n gap: 12px;\n margin: 0 24px;\n\n > div {\n flex: 1;\n }\n }\n\n .ls-container {\n display: flex;\n flex-direction: column;\n border-top: 1px solid var(--border-color-div-grey);\n flex: 1;\n min-height: 0;\n }\n\n .ls-head {\n display: flex;\n align-items: center;\n max-width: 100%;\n gap: 6px;\n height: 40px;\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px;\n letter-spacing: 0.44px;\n border-bottom: 1px solid var(--border-color-div-grey);\n background-color: var(--bg-base-light);\n padding: 0 24px;\n\n .selected {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.44px;\n text-transform: uppercase;\n white-space: nowrap;\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n > div {\n cursor: pointer;\n }\n\n .breadcrumbs {\n color: var(--txt-01);\n font-size: 14px;\n line-height: 18px;\n font-weight: 600;\n\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 2px;\n min-width: 0;\n max-width: 100%;\n\n > div {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n i {\n display: inline-block;\n min-width: 16px;\n }\n }\n }\n\n .ls-error {\n display: flex;\n flex-direction: column;\n gap: 24px;\n align-items: center;\n background-color: var(--bg-base-light);\n height: 366px;\n\n .cat {\n margin-top: 40px;\n width: 240px;\n height: 200px;\n background: url(\"../../assets/images/no-data-cat.svg\");\n }\n\n .message {\n color: var(--txt-mask);\n text-align: center;\n font-size: 28px;\n line-height: 28px;\n font-weight: 500;\n letter-spacing: -0.56px;\n overflow: hidden;\n }\n }\n\n .ls-empty {\n display: flex;\n flex-direction: column;\n gap: 24px;\n align-items: center;\n background-color: var(--bg-base-light);\n height: 366px;\n\n .cat {\n margin-top: 40px;\n width: 400px;\n height: 200px;\n background: url(\"../../assets/images/empty-cat.svg\");\n }\n\n .message {\n color: var(--txt-mask);\n text-align: center;\n font-size: 28px;\n font-weight: 500;\n letter-spacing: -0.56px;\n }\n }\n\n .ls-body {\n padding: 12px;\n min-height: 0;\n flex: 1;\n overflow: auto;\n user-select: none;\n display: flex;\n flex-direction: column;\n @include scrollbar(true);\n\n > div {\n font-family: var(--font-family-monospace);\n color: var(--txt-01);\n font-feature-settings:\n \"ss11\" on,\n \"ss15\" on,\n \"ss17\" on;\n font-size: 14px;\n font-weight: 400;\n display: flex;\n align-items: center;\n min-height: 24px;\n gap: 12px;\n padding: 0 12px;\n\n > span {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n }\n\n > i {\n min-width: 16px;\n }\n\n i.isFile {\n display: inline-block;\n background-color: #cfd1db;\n }\n\n &.isDir {\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n }\n\n &.canBeSelected {\n color: var(--txt-01);\n\n &.selected {\n background-color: var(--btn-active-select);\n }\n }\n }\n }\n\n .ls-loader {\n display: flex;\n align-items: center;\n justify-items: center;\n height: 366px;\n transform: scale(4);\n overflow: hidden;\n\n .loader-icon {\n animation: spin 4s linear infinite;\n background-color: #ccc;\n margin: auto;\n }\n }\n }\n}\n"],"mappings":""}

package/dist/components/PlFileDialog/remote-helpers.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { Option } from '@milaboratories/helpers';
+import { StorageEntry } from '@platforma-sdk/model';
+import { FileDialogItem } from './utils';
+export declare const defaultData: () => {
+    dirPath: string;
+    search: string;
+    storageEntry: StorageEntry | undefined;
+    items: FileDialogItem[];
+    error: string;
+    storageOptions: Option<StorageEntry>[];
+    selected: never[];
+    lastSelected: number | undefined;
+    currentLoadingPath: string | undefined;
+    showHiddenItems: boolean;
+};
+export type Data = ReturnType<typeof defaultData>;
+export declare function useVisibleItems(data: Data): import('vue').ComputedRef<FileDialogItem[]>;
+export declare const vTextOverflown: {
+    mounted: (el: HTMLElement) => void;
+};
+//# sourceMappingURL=remote-helpers.d.ts.map

package/dist/components/PlFileDialog/remote-helpers.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"remote-helpers.d.ts","sourceRoot":"","sources":["../../../src/components/PlFileDialog/remote-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,WAAW;aACP,MAAM;;kBAEM,YAAY,GAAG,SAAS;WACtC,cAAc,EAAE;;oBAEP,MAAM,CAAC,YAAY,CAAC,EAAE;;kBAEjB,MAAM,GAAG,SAAS;wBACZ,MAAM,GAAG,SAAS;;CAEnD,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAElD,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,+CAezC;AAED,eAAO,MAAM,cAAc;kBACX,WAAW;CAM1B,CAAC"}

package/dist/components/PlFileDialog/remote-helpers.js ADDED Viewed

@@ -0,0 +1,32 @@
+import { computed as e } from "vue";
+const t = () => ({
+	dirPath: "",
+	search: "",
+	storageEntry: void 0,
+	items: [],
+	error: "",
+	storageOptions: [],
+	selected: [],
+	lastSelected: void 0,
+	currentLoadingPath: void 0,
+	showHiddenItems: !1
+});
+function n(t) {
+	return e(() => {
+		let e = t.items;
+		if (t.showHiddenItems || (e = e.filter((e) => !e.name.startsWith("."))), t.search) {
+			let n = t.search.toLocaleLowerCase();
+			e = e.filter((e) => e.name.toLocaleLowerCase().includes(n));
+		}
+		return e;
+	});
+}
+const r = { mounted: (e) => {
+	if (e.clientWidth < e.scrollWidth) {
+		let t = e.innerText;
+		e.innerText = t.substring(0, 57) + "..." + t.substring(t.length - 10);
+	}
+} };
+export { t as defaultData, n as useVisibleItems, r as vTextOverflown };
+//# sourceMappingURL=remote-helpers.js.map

package/dist/components/PlFileDialog/remote-helpers.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"remote-helpers.js","names":[],"sources":["../../../src/components/PlFileDialog/remote-helpers.ts"],"sourcesContent":["import type { Option } from \"@milaboratories/helpers\";\nimport type { StorageEntry } from \"@platforma-sdk/model\";\nimport type { FileDialogItem } from \"./utils\";\nimport { computed } from \"vue\";\n\nexport const defaultData = () => ({\n dirPath: \"\" as string,\n search: \"\",\n storageEntry: undefined as StorageEntry | undefined,\n items: [] as FileDialogItem[],\n error: \"\",\n storageOptions: [] as Option<StorageEntry>[],\n selected: [],\n lastSelected: undefined as number | undefined,\n currentLoadingPath: undefined as string | undefined,\n showHiddenItems: false,\n});\n\nexport type Data = ReturnType<typeof defaultData>;\n\nexport function useVisibleItems(data: Data) {\n return computed(() => {\n let items = data.items;\n\n if (!data.showHiddenItems) {\n items = items.filter((it) => !it.name.startsWith(\".\"));\n }\n\n if (data.search) {\n const search = data.search.toLocaleLowerCase();\n items = items.filter((it) => it.name.toLocaleLowerCase().includes(search));\n }\n\n return items;\n });\n}\n\nexport const vTextOverflown = {\n mounted: (el: HTMLElement) => {\n if (el.clientWidth < el.scrollWidth) {\n const s = el.innerText;\n el.innerText = s.substring(0, 57) + \"...\" + s.substring(s.length - 10);\n }\n },\n};\n"],"mappings":";AAKA,MAAa,WAAqB;CAChC,SAAS;CACT,QAAQ;CACR,cAAc,KAAA;CACd,OAAO,EAAE;CACT,OAAO;CACP,gBAAgB,EAAE;CAClB,UAAU,EAAE;CACZ,cAAc,KAAA;CACd,oBAAoB,KAAA;CACpB,iBAAiB;CAClB;AAID,SAAgB,EAAgB,GAAY;AAC1C,QAAO,QAAe;EACpB,IAAI,IAAQ,EAAK;AAMjB,MAJK,EAAK,oBACR,IAAQ,EAAM,QAAQ,MAAO,CAAC,EAAG,KAAK,WAAW,IAAI,CAAC,GAGpD,EAAK,QAAQ;GACf,IAAM,IAAS,EAAK,OAAO,mBAAmB;AAC9C,OAAQ,EAAM,QAAQ,MAAO,EAAG,KAAK,mBAAmB,CAAC,SAAS,EAAO,CAAC;;AAG5E,SAAO;GACP;;AAGJ,MAAa,IAAiB,EAC5B,UAAU,MAAoB;AAC5B,KAAI,EAAG,cAAc,EAAG,aAAa;EACnC,IAAM,IAAI,EAAG;AACb,IAAG,YAAY,EAAE,UAAU,GAAG,GAAG,GAAG,QAAQ,EAAE,UAAU,EAAE,SAAS,GAAG;;GAG3E"}

package/dist/components/PlFileDialog/utils.js CHANGED Viewed

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

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

	@@ -1 +1 @@
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~~,~~EACR;AAGF~~,~~MAAIF,~~EAAO,WAAW,~~KAAKA~~,EAAO,~~CAAC~~,~~MAAM;AACvC~~,~~WAAOE~~;AAGT,~~WAASC~~,IAAI,~~GAAGA~~,~~IAAIH~~,EAAO,~~QAAQG~~,KAAK;~~AAEtC~~,~~UAAMC~~,~~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,EACH;AAEA,SAAOF;AACT;~~"}
1	+ {"version":3,"file":"utils.js","names":[],"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"],"mappings":";AAGA,SAAgB,EAAoB,GAAkC;AACpE,QAAO,IAAa,EAAW,KAAK,MAAO,MAAM,EAAc,GAAI,CAAC,IAAI,CAAC,CAAC,GAAG,KAAA;;AAI/E,SAAgB,EAAuB,GAAkB;CAGvD,IAKM,IAAa,EAAS,WAAW,IAAI,EACrC,IAAS,EAAU,GAAU,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAE9C,IAAyD,CAC7D;EACE,OAAO;EACP,MAAM;EACN,MAAM;EACP,CACF;AAED,KAAI,EAAO,WAAW,KAAK,EAAO,OAAO,GACvC,QAAO;AAGT,MAAK,IAAI,IAAI,GAAG,IAAI,EAAO,QAAQ,KAAK;EAEtC,IAAM,KADa,IAAa,MAAM,MACf,EAAO,MAAM,GAAG,IAAI,EAAE,CAAC,KAAK,IAAI;AAEvD,IAAM,KAAK;GACT,OAAO,IAAI;GACX,MAAM,EAAO;GACb,MAAM;GACP,CAAC;;AAGJ,QAAO"}

package/dist/components/PlFileInput/PlFileInput.js ADDED Viewed

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

package/dist/components/PlFileInput/PlFileInput.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PlFileInput.js","names":[],"sources":["../../../src/components/PlFileInput/PlFileInput.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-file-input.scss\";\n\nimport { prettyBytes } from \"@milaboratories/helpers\";\nimport type { ImportFileHandle, ImportProgress } from \"@platforma-sdk/model\";\nimport { getFileNameFromHandle, getFilePathFromHandle } from \"@platforma-sdk/model\";\nimport { computed, reactive, ref, useSlots, watch } from \"vue\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport type { ImportedFiles } from \"../../types\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { PlFileDialog } from \"../PlFileDialog\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport { PlTooltip } from \"../PlTooltip\";\n\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\nimport { PlSvg } from \"../PlSvg\";\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>(\n v: T | undefined,\n cb: (v: T) => string | undefined,\n) => {\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\n :class=\"{ 'pl-file-input__cell-style': !!cellStyle, 'has-file': !!fileName }\"\n class=\"pl-file-input__envelope\"\n >\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 <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\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\n v-if=\"modelValue\"\n class=\"pl-file-input__clear\"\n name=\"close\"\n @click.stop=\"clear\"\n />\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"],"mappings":""}

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

@@ -1,5 +1,146 @@
-import f from "./PlFileInput.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlFileInput.vue2.js.map
+import e from "../PlTooltip/PlTooltip.js";
+import { getErrorMessage as t } from "../../helpers/error.js";
+import n from "../PlSvg/PlSvg.js";
+import r from "../PlIcon24/PlIcon24.js";
+import i from "../../utils/DoubleContour.js";
+import { useLabelNotch as a } from "../../utils/useLabelNotch.js";
+import o from "../../assets/images/required.js";
+import s from "../PlFileDialog/PlFileDialog.js";
+import './pl-file-input.css';/* empty css              */
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, normalizeStyle as v, openBlock as y, reactive as b, ref as x, renderSlot as S, toDisplayString as C, unref as w, useSlots as T, watch as E, withCtx as D, withKeys as O, withModifiers as k } from "vue";
+import { prettyBytes as A } from "@milaboratories/helpers";
+import { getFileNameFromHandle as ee, getFilePathFromHandle as j } from "@platforma-sdk/model";
+var M = {
+	key: 0,
+	ref: "label"
+}, N = ["data-placeholder"], P = {
+	key: 5,
+	class: "pl-file-input__stats"
+}, F = {
+	key: 0,
+	class: "pl-file-input__error"
+}, I = {
+	key: 1,
+	class: "pl-file-input__helper"
+}, L = /* @__PURE__ */ g({
+	__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(g, { emit: L }) {
+		let R = b({
+			fileDialogOpen: !1,
+			error: void 0
+		}), z = T(), B = L, V = g, H = (e, t) => {
+			if (e) try {
+				return t(e);
+			} catch (t) {
+				return R.error = t instanceof Error ? t.message : String(t), e;
+			}
+		}, U = l(() => H(V.modelValue, ee)), W = l(() => H(V.modelValue, j)), G = l(() => V.progress && !V.progress.done), K = l(() => V.progress && V.progress.done), q = l(() => t(R.error, V.error)), J = l(() => typeof q.value == "string"), Y = l(() => {
+			let { status: e, done: t } = V.progress ?? {};
+			return !e || !e.bytesTotal ? "" : e.bytesProcessed && !t ? A(e.bytesProcessed, {}) + " / " + A(e.bytesTotal, {}) : A(e.bytesTotal, {});
+		}), X = l(() => {
+			let { progress: e } = V;
+			return e ? { width: e.done ? "100%" : Math.round((e.status?.progress ?? 0) * 100) + "%" } : {};
+		}), Z = () => {
+			R.fileDialogOpen = !0;
+		}, Q = (e) => {
+			e.files.length && B("update:modelValue", e.files[0]);
+		}, te = () => B("update:modelValue", void 0);
+		E(() => V.modelValue, () => R.error = void 0, { immediate: !0 });
+		let $ = x();
+		return V.cellStyle || a($), (t, a) => (y(), f(c, null, [p("div", { class: _([{
+			"pl-file-input__cell-style": !!g.cellStyle,
+			"has-file": !!U.value
+		}, "pl-file-input__envelope"]) }, [p("div", {
+			ref_key: "rootRef",
+			ref: $,
+			class: _([{
+				dashed: g.dashed,
+				error: J.value
+			}, "pl-file-input"]),
+			tabindex: "0",
+			onKeyup: O(Z, ["enter"]),
+			onClick: k(Z, ["stop"])
+		}, [
+			p("div", {
+				style: v(X.value),
+				class: "pl-file-input__progress"
+			}, null, 4),
+			!g.cellStyle && g.label ? (y(), f("label", M, [
+				g.required ? (y(), u(w(n), {
+					key: 0,
+					uri: w(o)
+				}, null, 8, ["uri"])) : d("", !0),
+				p("span", null, C(g.label), 1),
+				w(z).tooltip || W.value ? (y(), u(w(e), {
+					key: 1,
+					class: "info",
+					position: "top"
+				}, {
+					tooltip: D(() => [w(z).tooltip ? S(t.$slots, "tooltip", { key: 0 }) : (y(), f(c, { key: 1 }, [m(C(W.value), 1)], 64))]),
+					_: 3
+				})) : d("", !0)
+			], 512)) : d("", !0),
+			J.value ? (y(), u(w(r), {
+				key: 1,
+				name: "restart"
+			})) : G.value ? (y(), u(w(r), {
+				key: 2,
+				name: "cloud-upload"
+			})) : K.value ? (y(), u(w(r), {
+				key: 3,
+				name: "success"
+			})) : (y(), u(w(r), {
+				key: 4,
+				name: "paper-clip"
+			})),
+			p("div", {
+				"data-placeholder": g.placeholder ?? "Choose file",
+				class: "pl-file-input__filename"
+			}, C(U.value), 9, N),
+			Y.value ? (y(), f("div", P, C(Y.value), 1)) : d("", !0),
+			g.modelValue ? (y(), u(w(r), {
+				key: 6,
+				class: "pl-file-input__clear",
+				name: "close",
+				onClick: k(te, ["stop"])
+			})) : d("", !0),
+			h(i, { class: "pl-file-input__contour" })
+		], 34), J.value ? (y(), f("div", F, C(q.value), 1)) : g.helper ? (y(), f("div", I, C(g.helper), 1)) : d("", !0)], 2), h(w(s), {
+			modelValue: R.fileDialogOpen,
+			"onUpdate:modelValue": a[0] ||= (e) => R.fileDialogOpen = e,
+			"close-on-outside-click": g.fileDialogCloseOnOutsideClick,
+			extensions: g.extensions,
+			title: g.fileDialogTitle,
+			"onImport:files": Q
+		}, null, 8, [
+			"modelValue",
+			"close-on-outside-click",
+			"extensions",
+			"title"
+		])], 64));
+	}
+});
+export { L as default };
+//# sourceMappingURL=PlFileInput.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlFileInput.~~vue2~~.js","sources":[],"sourcesContent":[],"~~names~~":[],"mappings":";"}
1	+ {"version":3,"file":"PlFileInput.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlFileInput/PlFileInput.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport \"./pl-file-input.scss\";\n\nimport { prettyBytes } from \"@milaboratories/helpers\";\nimport type { ImportFileHandle, ImportProgress } from \"@platforma-sdk/model\";\nimport { getFileNameFromHandle, getFilePathFromHandle } from \"@platforma-sdk/model\";\nimport { computed, reactive, ref, useSlots, watch } from \"vue\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport type { ImportedFiles } from \"../../types\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { PlFileDialog } from \"../PlFileDialog\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport { PlTooltip } from \"../PlTooltip\";\n\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\nimport { PlSvg } from \"../PlSvg\";\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>(\n v: T \| undefined,\n cb: (v: T) => string \| undefined,\n) => {\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\n :class=\"{ 'pl-file-input__cell-style': !!cellStyle, 'has-file': !!fileName }\"\n class=\"pl-file-input__envelope\"\n >\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 <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\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\n v-if=\"modelValue\"\n class=\"pl-file-input__clear\"\n name=\"close\"\n @click.stop=\"clear\"\n />\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"],"mappings":"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"}

package/dist/components/PlFileInput/pl-file-input.css CHANGED Viewed

	@@ -1 +1 @@
1	- .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;~~position:relative;~~z-index:0;width:100%;height:var(--control-height, 40px);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;~~z-index:-1;~~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:-8px;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}
1	+ .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;z-index:0;width:100%;height:var(--control-height,40px);border-radius:var(--border-radius-control);cursor:pointer;outline:none;flex-direction:row;align-items:center;gap:8px;padding:0 8px;display:flex;position:relative}.pl-file-input__envelope{font-family:var(--font-family-base);flex-direction:column;min-width:160px;display:flex}.pl-file-input .mask-24{min-width:24px;display:block}.pl-file-input .mask-close{cursor:pointer}.pl-file-input__progress{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#d8fac8 100%);width:0;position:absolute;inset:0}.pl-file-input__clear{--icon-color:var(--ic-02)}.pl-file-input__filename{width:100%;font-size:inherit;color:var(--text-color);caret-color:var(--border-color-focus);z-index:1;white-space:nowrap;text-overflow:ellipsis;background-color:#0000;border:none;line-height:18px;overflow:hidden}.pl-file-input__filename:empty:before{color:var(--txt-03);content:attr(data-placeholder);font-size:14px;font-weight:500;line-height:20px}.pl-file-input__stats{white-space:nowrap;z-index:1;letter-spacing:.44px;text-transform:uppercase;color:var(--txt-03);font-size:11px;font-weight:600}.pl-file-input label{top:-8px;left:var(--label-offset-left-x);white-space:pre;text-overflow:ellipsis;max-width:calc(100% - 16px);cursor:inherit;color:var(--label-color);background:var(--bg-elevated-01);border-bottom-right-radius:4px;border-bottom-left-radius:4px;align-items:center;gap:4px;padding:0 4px;font-size:12px;font-weight:500;display:flex;position:absolute;overflow:hidden}.pl-file-input label>span{white-space:pre;text-overflow:ellipsis;overflow:hidden}.pl-file-input__contour{border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none;border-style:solid;position:absolute;inset:0}.pl-file-input__prefix{white-space:nowrap;color:var(--prefix-color);margin-right:-12px;padding-left:12px}.pl-file-input__helper{color:var(--txt-03);white-space:pre-wrap;text-overflow:ellipsis;margin-top:6px;padding:2px 0 0;font-size:12px;font-weight:500;line-height:16px}.pl-file-input__error{color:var(--txt-error);white-space:pre-wrap;text-overflow:ellipsis;margin-top:6px;padding:2px 0 0;font-size:12px;font-weight:500;line-height:16px}.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);height:100%;padding:4px;position:relative}.pl-file-input__cell-style .mask-paper-clip{display:none}.pl-file-input__cell-style .pl-file-input{position:unset;height:100%!important}.pl-file-input__cell-style .pl-file-input .double-contour{inset:2px}.pl-file-input__cell-style .pl-file-input__contour{border-width:1px;border-color:var(--border-color);border-style:dashed;box-shadow:unset!important}.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}

package/dist/components/PlIcon16/PlIcon16.js ADDED Viewed

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./PlIcon16.vue2.js";
+import n from "./PlIcon16.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+//# sourceMappingURL=PlIcon16.js.map

package/dist/components/PlIcon16/PlIcon16.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PlIcon16.js","names":[],"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"],"mappings":""}

package/dist/components/PlIcon16/PlIcon16.style.js ADDED Viewed

@@ -0,0 +1,4 @@
+import './PlIcon16.vue.css';var e = { icon: "_icon_d0ctm_2" };
+export { e as default };
+//# sourceMappingURL=PlIcon16.style.js.map

package/dist/components/PlIcon16/PlIcon16.style.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PlIcon16.vue_vue_type_style_index_0_lang.module.js","names":[],"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"],"mappings":""}

package/dist/components/PlIcon16/PlIcon16.vue.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ ._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}

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

	@@ -1 +1 @@
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"}
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;;AAyEF,wBAOG"}

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

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

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

	@@ -1 +1 @@
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","_createBlock","_unref","PlSvg","_normalizeClass","$style"],"~~mappings":";;;;;;;;;;;~~AAKA~~,~~UAAMA~~,~~IAAQC~~,~~GAORC~~,~~IAAOC~~,~~EAAS,MAAM~~;AAC1B,~~UAAI~~,~~OAAOH~~,EAAM,QAAS,UAAU;AAClC,~~YAAIA~~,EAAM,SAAS,QAAS,QAAO;AACnC,~~YAAIA~~,EAAM,SAAS,SAAU,QAAO;AACpC,~~YAAIA~~,EAAM,SAAS,QAAS,QAAO~~;AAAA~~,~~MACrC;AACA~~,~~aAAOA,~~EAAM,QAAQ;~~AAAA,IACvB,CAAC~~;~~2BAICI~~,~~EAOEC~~,~~EAAAC~~,~~CAAA~~,~~GAAA~~;~~AAAA~~,~~MANC,~~MAAI,~~MAAQN~~,EAAM~~,IAAI~~;~~AAAA~~,~~MACtB~~,~~OAAKO,~~EAAA,~~CAAGC,~~EAAAA,OAAO,~~MAAI~~,~~WAAA,WAAA,QAAgCR,~~EAAM,IAAI,~~IAAA~~,~~QAAYA,~~EAAM,IAAI,~~EAAA,~~CAAA;~~AAAA~~,~~MACnF~~,~~OAAOE,~~EAAA;~~AAAA~~,~~MACP~~,~~QAAQA,~~EAAA;~~AAAA~~,~~MACR~~,~~OAAOF,~~EAAM;~~AAAA~~,~~MACb~~,~~QAAQA,~~EAAM~~;AAAA,IAAA;;;~~"}
1	+ {"version":3,"file":"PlIcon16.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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"],"mappings":";;;;;;;;;;;EAKA,IAAM,IAAQ,GAOR,IAAO,QAAe;AAC1B,OAAI,OAAO,EAAM,QAAS,UAAU;AAClC,QAAI,EAAM,SAAS,QAAS,QAAO;AACnC,QAAI,EAAM,SAAS,SAAU,QAAO;AACpC,QAAI,EAAM,SAAS,QAAS,QAAO;;AAErC,UAAO,EAAM,QAAQ;IACrB;yBAIA,EAOE,EAAA,EAAA,EAAA;GANC,MAAI,MAAQ,EAAM;GAClB,OAAK,EAAA;IAAGA,EAAAA,OAAO;IAAI;IAAA;IAAA,QAAgC,EAAM;IAAI,QAAY,EAAM;IAAI,CAAA;GACnF,OAAO,EAAA;GACP,QAAQ,EAAA;GACR,OAAO,EAAM;GACb,QAAQ,EAAM"}

package/dist/components/PlIcon24/PlIcon24.js ADDED Viewed

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./PlIcon24.vue2.js";
+import n from "./PlIcon24.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+//# sourceMappingURL=PlIcon24.js.map

package/dist/components/PlIcon24/PlIcon24.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PlIcon24.js","names":[],"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 --svg-fill-3: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-4: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-5: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-6: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-0: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-1: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-2: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-3: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-4: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-5: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-6: var(--icon-color, var(--mask-icon-bg-color));\n display: inline-block;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlIcon24/PlIcon24.style.js ADDED Viewed

@@ -0,0 +1,4 @@
+import './PlIcon24.vue.css';var e = { icon: "_icon_6q2ws_2" };
+export { e as default };
+//# sourceMappingURL=PlIcon24.style.js.map

package/dist/components/PlIcon24/PlIcon24.style.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PlIcon24.vue_vue_type_style_index_0_lang.module.js","names":[],"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 --svg-fill-3: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-4: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-5: var(--icon-color, var(--mask-icon-bg-color));\n --svg-fill-6: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-0: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-1: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-2: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-3: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-4: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-5: var(--icon-color, var(--mask-icon-bg-color));\n --svg-stroke-6: var(--icon-color, var(--mask-icon-bg-color));\n display: inline-block;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlIcon24/PlIcon24.vue.css ADDED Viewed

@@ -0,0 +1 @@

+ ._icon_6q2ws_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));--svg-fill-3:var(--icon-color,var(--mask-icon-bg-color));--svg-fill-4:var(--icon-color,var(--mask-icon-bg-color));--svg-fill-5:var(--icon-color,var(--mask-icon-bg-color));--svg-fill-6:var(--icon-color,var(--mask-icon-bg-color));--svg-stroke-0:var(--icon-color,var(--mask-icon-bg-color));--svg-stroke-1:var(--icon-color,var(--mask-icon-bg-color));--svg-stroke-2:var(--icon-color,var(--mask-icon-bg-color));--svg-stroke-3:var(--icon-color,var(--mask-icon-bg-color));--svg-stroke-4:var(--icon-color,var(--mask-icon-bg-color));--svg-stroke-5:var(--icon-color,var(--mask-icon-bg-color));--svg-stroke-6:var(--icon-color,var(--mask-icon-bg-color));display:inline-block}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlIcon24.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlIcon24/PlIcon24.vue"],"names":[],"mappings":"AAuDA,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"}
1	+ {"version":3,"file":"PlIcon24.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlIcon24/PlIcon24.vue"],"names":[],"mappings":"AAuDA,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;;AAyEF,wBAOG"}