npm - @milaboratories/uikit - Versions diffs - 2.16.0 → 2.16.1 - Mend

@milaboratories/uikit 2.16.0 → 2.16.1

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 (1369) hide show

package/dist/components/PlFileDialog/Shortcuts.vue2.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import e from "../PlTooltip/PlTooltip.js";
 import "../PlTooltip/index.js";
 import { createBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o, withCtx as s } from "vue";
-//#region src/components/PlFileDialog/Shortcuts.vue?vue&type=script&setup=true&lang.ts
-var c = /* @__PURE__ */ r({
+// src/components/PlFileDialog/Shortcuts.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ r({
 	__name: "Shortcuts",
 	props: { container: {} },
 	setup(r) {
@@ -39,7 +39,6 @@ var c = /* @__PURE__ */ r({
 		}, 8, ["container"]));
 	}
 });
-//#endregion
 export { c as default };
 //# sourceMappingURL=Shortcuts.vue2.js.map

package/dist/components/PlFileDialog/Shortcuts.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Shortcuts.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlFileDialog/Shortcuts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineProps<{\n container?: \"body\" \| HTMLElement;\n}>();\n</script>\n\n<template>\n <PlTooltip\n class=\"info\"\n position=\"bottom\"\n max-width=\"420px\"\n :container=\"container\"\n data-testid=\"pl-file-dialog-shortcuts\"\n >\n <template #tooltip>\n <span :class=\"$style.title\">Shortcuts</span>\n\n <div :class=\"[$style.row, $style.head]\">\n <div />\n <div>MacOS</div>\n <div>Windows/Linux</div>\n </div>\n\n <div :class=\"[$style.row, $style.body]\">\n <div>Single File</div>\n <div>Click the file</div>\n <div>Click the file</div>\n\n <div>Adjacent multiple files</div>\n <div>Hold Shift, click first and last files</div>\n <div>Hold Shift, click first and last files</div>\n\n <div>Non-adjacent multiple files</div>\n <div>Hold Command (⌘), click each file</div>\n <div>Hold Ctrl, click each file</div>\n\n <div>All files</div>\n <div>Press Command (⌘) + A</div>\n <div>Press Ctrl + A</div>\n </div>\n </template>\n </PlTooltip>\n</template>\n\n<style lang=\"css\" module>\n.title {\n display: inline-block;\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n margin-bottom: 10px;\n}\n\n.row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n width: 100%;\n color: #fff;\n column-gap: 1px;\n\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n}\n\n.row > div:nth-child(3n + 1) {\n padding-left: 4px;\n}\n\n.row > div:nth-child(3n) {\n padding-right: 4px;\n}\n\n.head {\n background-color: #110529;\n position: relative;\n}\n\n.head:before {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n left: -12px;\n height: 100%;\n}\n\n.head:after {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n right: -12px;\n height: 100%;\n}\n\n.head > div {\n padding: 6px 12px;\n background-color: #231842;\n}\n\n.body {\n background-color: #231842;\n}\n\n.body > div {\n padding: 6px 12px;\n background: #110529;\n}\n</style>\n"],"mappings":";;;;;;;;~~yBASE~~,~~EAkCY~~,EAAA,~~EAAA~~,~~EAAA~~;GAjCV,OAAM;GACN,UAAS;GACT,aAAU;GACT,~~WAAW~~,EAAA;GACZ,eAAY;;GAED,~~SAAO~~,QAC4B;~~IAA5C~~,EAA4C,QAAA,EAArC,~~OAAK~~,~~EAAEA~~,EAAAA,OAAO,~~MAAK~~,~~EAAA,~~EAAE,aAAS,~~EAAA~~;~~IAErC~~,EAIM,OAAA,EAJA,~~OAAK~~,EAAA,~~CAAGA~~,EAAAA,OAAO,KAAKA,EAAAA,OAAO,~~KAAI~~,CAAA,~~EAAA,EAAA,CAAA,GAAA,AAAA,EAAA,OAAA~~;~~KACnC~~,EAAO,OAAA,MAAA,MAAA,~~GAAA~~;~~KACP~~,EAAgB,OAAA,MAAX,SAAK,~~GAAA~~;~~KACV~~,EAAwB,OAAA,MAAnB,iBAAa,~~GAAA~~;;~~IAGpB~~,EAgBM,OAAA,EAhBA,~~OAAK~~,EAAA,~~CAAGA~~,EAAAA,OAAO,KAAKA,EAAAA,OAAO,~~KAAI~~,CAAA,~~EAAA,EAAA,CAAA,GAAA,AAAA,EAAA,OAAA~~;~~KACnC~~,EAAsB,OAAA,MAAjB,eAAW,~~GAAA~~;~~KAChB~~,EAAyB,OAAA,MAApB,kBAAc,~~GAAA~~;~~KACnB~~,EAAyB,OAAA,MAApB,kBAAc,~~GAAA~~;~~KAEnB~~,EAAkC,OAAA,MAA7B,2BAAuB,~~GAAA~~;~~KAC5B~~,EAAiD,OAAA,MAA5C,0CAAsC,~~GAAA~~;~~KAC3C~~,EAAiD,OAAA,MAA5C,0CAAsC,~~GAAA~~;~~KAE3C~~,EAAsC,OAAA,MAAjC,+BAA2B,~~GAAA~~;~~KAChC~~,EAA4C,OAAA,MAAvC,qCAAiC,~~GAAA~~;~~KACtC~~,EAAqC,OAAA,MAAhC,8BAA0B,~~GAAA~~;KAE/B,EAAoB,OAAA,MAAf,aAAS,~~GAAA~~;~~KACd~~,EAAgC,OAAA,MAA3B,yBAAqB,~~GAAA~~;~~KAC1B~~,EAAyB,OAAA,MAApB,kBAAc,~~GAAA~~"}
1	+ {"version":3,"file":"Shortcuts.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createBlock","_unref","PlTooltip","_withCtx","_createElementVNode","_normalizeClass","PlTooltip_default","Shortcuts_vue_vue_type_script_setup_true_lang_default","openBlock","createBlock","unref","__props","withCtx","createElementVNode","normalizeClass","_ctx","_cache"],"sources":["../../../src/components/PlFileDialog/Shortcuts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlTooltip } from \"../PlTooltip\";\n\ndefineProps<{\n container?: \"body\" \| HTMLElement;\n}>();\n</script>\n\n<template>\n <PlTooltip\n class=\"info\"\n position=\"bottom\"\n max-width=\"420px\"\n :container=\"container\"\n data-testid=\"pl-file-dialog-shortcuts\"\n >\n <template #tooltip>\n <span :class=\"$style.title\">Shortcuts</span>\n\n <div :class=\"[$style.row, $style.head]\">\n <div />\n <div>MacOS</div>\n <div>Windows/Linux</div>\n </div>\n\n <div :class=\"[$style.row, $style.body]\">\n <div>Single File</div>\n <div>Click the file</div>\n <div>Click the file</div>\n\n <div>Adjacent multiple files</div>\n <div>Hold Shift, click first and last files</div>\n <div>Hold Shift, click first and last files</div>\n\n <div>Non-adjacent multiple files</div>\n <div>Hold Command (⌘), click each file</div>\n <div>Hold Ctrl, click each file</div>\n\n <div>All files</div>\n <div>Press Command (⌘) + A</div>\n <div>Press Ctrl + A</div>\n </div>\n </template>\n </PlTooltip>\n</template>\n\n<style lang=\"css\" module>\n.title {\n display: inline-block;\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n margin-bottom: 10px;\n}\n\n.row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n width: 100%;\n color: #fff;\n column-gap: 1px;\n\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n}\n\n.row > div:nth-child(3n + 1) {\n padding-left: 4px;\n}\n\n.row > div:nth-child(3n) {\n padding-right: 4px;\n}\n\n.head {\n background-color: #110529;\n position: relative;\n}\n\n.head:before {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n left: -12px;\n height: 100%;\n}\n\n.head:after {\n position: absolute;\n content: \"\";\n background-color: #231842;\n width: 12px;\n right: -12px;\n height: 100%;\n}\n\n.head > div {\n padding: 6px 12px;\n background-color: #231842;\n}\n\n.body {\n background-color: #231842;\n}\n\n.body > div {\n padding: 6px 12px;\n background: #110529;\n}\n</style>\n"],"mappings":";;;;;;;;E,kBASEC,EAAA,GAAAC,EAkCYC,EAAAC,CAAA,GAAA;GAjCV,OAAM;GACN,UAAS;GACT,aAAU;GACT,WAAWS,EAAA;GACZ,eAAY;;GAED,SAAOR,QAC4B;IAA5CC,EAA4C,QAAA,EAArC,OAAKC,EAAEP,EAAAA,OAAO,KAAK,EAAE,GAAA,aAAS,CAAA;IAErCM,EAIM,OAAA,EAJA,OAAKC,EAAA,CAAGP,EAAAA,OAAO,KAAKA,EAAAA,OAAO,IAAI,CAAA,E;KACnCM,EAAO,OAAA,MAAA,MAAA,EAAA;KACPA,EAAgB,OAAA,MAAX,SAAK,EAAA;KACVA,EAAwB,OAAA,MAAnB,iBAAa,EAAA;;IAGpBA,EAgBM,OAAA,EAhBA,OAAKC,EAAA,CAAGP,EAAAA,OAAO,KAAKA,EAAAA,OAAO,IAAI,CAAA,E;KACnCM,EAAsB,OAAA,MAAjB,eAAW,EAAA;KAChBA,EAAyB,OAAA,MAApB,kBAAc,EAAA;KACnBA,EAAyB,OAAA,MAApB,kBAAc,EAAA;KAEnBA,EAAkC,OAAA,MAA7B,2BAAuB,EAAA;KAC5BA,EAAiD,OAAA,MAA5C,0CAAsC,EAAA;KAC3CA,EAAiD,OAAA,MAA5C,0CAAsC,EAAA;KAE3CA,EAAsC,OAAA,MAAjC,+BAA2B,EAAA;KAChCA,EAA4C,OAAA,MAAvC,qCAAiC,EAAA;KACtCA,EAAqC,OAAA,MAAhC,8BAA0B,EAAA;KAE/BA,EAAoB,OAAA,MAAf,aAAS,EAAA;KACdA,EAAgC,OAAA,MAA3B,yBAAqB,EAAA;KAC1BA,EAAyB,OAAA,MAApB,kBAAc,EAAA"}

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

	@@ -1 +1 @@
1	- ~~import~~ "./PlFileDialog.js";
1	+ export { default as PlFileDialog } from "./PlFileDialog.js";

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

@@ -1,26 +1,26 @@
-import './pl-file-dialog.css';var e = {
-	component: "_component_1jvlg_1",
-	local: "_local_1jvlg_1",
-	supported: "_supported_1jvlg_26",
-	remote: "_remote_1jvlg_32",
-	search: "_search_1jvlg_40",
+import './pl-file-dialog.css';// src/components/PlFileDialog/pl-file-dialog.module.scss
+var e = "_component_1jvlg_1", t = "_local_1jvlg_1", n = "_supported_1jvlg_26", r = "_remote_1jvlg_32", i = "_search_1jvlg_40", a = "_selected_1jvlg_72", o = "_breadcrumbs_1jvlg_86", s = "_cat_1jvlg_116", c = "_message_1jvlg_122", l = "_isFile_1jvlg_196", u = "_isDir_1jvlg_200", d = "_canBeSelected_1jvlg_206", f = "_spin_1jvlg_1", p = {
+	component: e,
+	local: t,
+	supported: n,
+	remote: r,
+	search: i,
 	"ls-container": "_ls-container_1jvlg_50",
 	"ls-head": "_ls-head_1jvlg_57",
-	selected: "_selected_1jvlg_72",
-	breadcrumbs: "_breadcrumbs_1jvlg_86",
+	selected: a,
+	breadcrumbs: o,
 	"ls-error": "_ls-error_1jvlg_108",
-	cat: "_cat_1jvlg_116",
-	message: "_message_1jvlg_122",
+	cat: s,
+	message: c,
 	"ls-empty": "_ls-empty_1jvlg_131",
 	"ls-body": "_ls-body_1jvlg_152",
-	isFile: "_isFile_1jvlg_196",
-	isDir: "_isDir_1jvlg_200",
-	canBeSelected: "_canBeSelected_1jvlg_206",
+	isFile: l,
+	isDir: u,
+	canBeSelected: d,
 	"ls-loader": "_ls-loader_1jvlg_212",
 	"loader-icon": "_loader-icon_1jvlg_220",
-	spin: "_spin_1jvlg_1"
+	spin: f
 };
-//#endregion
-export { e as default };
+export { o as breadcrumbs, d as canBeSelected, s as cat, e as component, p as default, u as isDir, l as isFile, t as local, c as message, r as remote, i as search, a as selected, f as spin, n as supported };
 //# sourceMappingURL=pl-file-dialog.module.js.map

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

	@@ -1 +1 @@
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":""}
1	+ {"version":3,"file":"pl-file-dialog.module.js","names":["component","local","supported","remote","search","selected","breadcrumbs","cat","message","isFile","isDir","canBeSelected","spin","pl_file_dialog_module_default"],"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.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { computed as e } from "vue";
-//#region src/components/PlFileDialog/remote-helpers.ts
+// src/components/PlFileDialog/remote-helpers.ts
 var t = () => ({
 	dirPath: "",
 	search: "",
@@ -28,7 +28,6 @@ var r = { mounted: (e) => {
 		e.innerText = t.substring(0, 57) + "..." + t.substring(t.length - 10);
 	}
 } };
-//#endregion
 export { t as defaultData, n as useVisibleItems, r as vTextOverflown };
 //# sourceMappingURL=remote-helpers.js.map

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

	@@ -1 +1 @@
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,~~IAAa~~,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~~,~~IAAa~~,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~~"}
1	+ {"version":3,"file":"remote-helpers.js","names":["defaultData","useVisibleItems","computed","items","data","it","search","vTextOverflown","el","s"],"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,IAAaA,WAAqB;CAChC,SAAS;CACT,QAAQ;CACR,cAAc,KAAA;CACd,OAAO,CAAC;CACR,OAAO;CACP,gBAAgB,CAAC;CACjB,UAAU,CAAC;CACX,cAAc,KAAA;CACd,oBAAoB,KAAA;CACpB,iBAAiB;AACnB;AAIA,SAAgBC,EAAgB,GAAY;CAC1C,OAAOC,QAAe;EACpB,IAAIC,IAAQC,EAAK;EAMjB,IAJKA,EAAK,oBACR,IAAQD,EAAM,QAAQ,MAAO,CAACE,EAAG,KAAK,WAAW,GAAG,CAAC,IAGnDD,EAAK,QAAQ;GACf,IAAME,IAASF,EAAK,OAAO,kBAAkB;GAC7C,IAAQD,EAAM,QAAQ,MAAOE,EAAG,KAAK,kBAAkB,CAAC,CAAC,SAASC,CAAM,CAAC;EAC3E;EAEA,OAAOH;CACT,CAAC;AACH;AAEA,IAAaI,IAAiB,EAC5B,UAAU,MAAoB;CAC5B,IAAIC,EAAG,cAAcA,EAAG,aAAa;EACnC,IAAMC,IAAID,EAAG;EACb,EAAG,YAAYC,EAAE,UAAU,GAAG,EAAE,IAAI,QAAQA,EAAE,UAAUA,EAAE,SAAS,EAAE;CACvE;AACF,EACF"}

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

@@ -1,5 +1,5 @@
 import { trimChars as e, trimCharsLeft as t } from "@milaboratories/helpers";
-//#region src/components/PlFileDialog/utils.ts
+// src/components/PlFileDialog/utils.ts
 function n(e) {
 	return e ? e.map((e) => "." + t(e, ["."])) : void 0;
 }
@@ -20,7 +20,6 @@ function r(t) {
 	}
 	return i;
 }
-//#endregion
 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","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~~"}
1	+ {"version":3,"file":"utils.js","names":["normalizeExtensions","extensions","trimCharsLeft","it","getFilePathBreadcrumbs","isAbsolute","filePath","chunks","trimChars","stack","i","p"],"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,SAAgBA,EAAoB,GAAkC;CACpE,OAAOC,IAAaA,EAAW,KAAK,MAAO,MAAMC,EAAcC,GAAI,CAAC,GAAG,CAAC,CAAC,IAAI,KAAA;AAC/E;AAGA,SAAgBC,EAAuB,GAAkB;CAGvD,IAKMC,IAAaC,EAAS,WAAW,GAAG,GACpCC,IAASC,EAAUF,GAAU,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,GAE7CG,IAAyD,CAC7D;EACE,OAAO;EACP,MAAM;EACN,MAAM;CACR,CACF;CAEA,IAAIF,EAAO,WAAW,KAAKA,EAAO,OAAO,IACvC,OAAOE;CAGT,KAAK,IAAIC,IAAI,GAAGA,IAAIH,EAAO,QAAQ,KAAK;EAEtC,IAAMI,KADaN,IAAa,MAAM,MACfE,EAAO,MAAM,GAAGG,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG;EAEtD,EAAM,KAAK;GACT,OAAOA,IAAI;GACX,MAAMH,EAAOG;GACb,MAAMC;EACR,CAAC;CACH;CAEA,OAAOF;AACT"}

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

@@ -1,7 +1,6 @@
 import e from "./PlFileInput.vue2.js";
-//#region src/components/PlFileInput/PlFileInput.vue
+// src/components/PlFileInput/PlFileInput.vue
 var t = e;
-//#endregion
 export { t as default };
 //# sourceMappingURL=PlFileInput.js.map

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

	@@ -1 +1 @@
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 data-testid=\"pl-file-input\"\n >\n <div\n ref=\"rootRef\"\n :class=\"{ dashed, error: hasErrors }\"\n class=\"pl-file-input\"\n data-testid=\"pl-file-input-control\"\n tabindex=\"0\"\n @keyup.enter=\"openFileDialog\"\n @click.stop=\"openFileDialog\"\n >\n <div\n :style=\"progressStyle\"\n class=\"pl-file-input__progress\"\n data-testid=\"pl-file-input-progress\"\n />\n <label v-if=\"!cellStyle && label\" ref=\"label\" data-testid=\"pl-file-input-label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" data-testid=\"pl-file-input-required\" />\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip \|\| filePath\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-file-input-tooltip\"\n >\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\" data-testid=\"pl-file-input-status-icon\" />\n <PlMaskIcon24\n v-else-if=\"isUploading\"\n name=\"cloud-upload\"\n data-testid=\"pl-file-input-status-icon\"\n />\n <PlMaskIcon24 v-else-if=\"isUploaded\" name=\"success\" data-testid=\"pl-file-input-status-icon\" />\n <PlMaskIcon24 v-else name=\"paper-clip\" data-testid=\"pl-file-input-status-icon\" />\n <div\n :data-placeholder=\"placeholder ?? 'Choose file'\"\n class=\"pl-file-input__filename\"\n data-testid=\"pl-file-input-filename\"\n >\n {{ fileName }}\n </div>\n <div v-if=\"uploadStats\" class=\"pl-file-input__stats\" data-testid=\"pl-file-input-stats\">\n {{ uploadStats }}\n </div>\n <PlMaskIcon24\n v-if=\"modelValue\"\n class=\"pl-file-input__clear\"\n data-testid=\"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\" data-testid=\"pl-file-input-error\">\n {{ computedErrorMessage }}\n </div>\n <div v-else-if=\"helper\" class=\"pl-file-input__helper\" data-testid=\"pl-file-input-helper\">\n {{ helper }}\n </div>\n <!-- Teleported to <body> by PlDialogModal; kept inside so the component has a single root. -->\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 </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlFileInput.js","names":["_sfc_main","PlFileInput_vue_vue_type_script_setup_true_lang_default","PlFileInput_default"],"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 data-testid=\"pl-file-input\"\n >\n <div\n ref=\"rootRef\"\n :class=\"{ dashed, error: hasErrors }\"\n class=\"pl-file-input\"\n data-testid=\"pl-file-input-control\"\n tabindex=\"0\"\n @keyup.enter=\"openFileDialog\"\n @click.stop=\"openFileDialog\"\n >\n <div\n :style=\"progressStyle\"\n class=\"pl-file-input__progress\"\n data-testid=\"pl-file-input-progress\"\n />\n <label v-if=\"!cellStyle && label\" ref=\"label\" data-testid=\"pl-file-input-label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" data-testid=\"pl-file-input-required\" />\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip \|\| filePath\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-file-input-tooltip\"\n >\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\" data-testid=\"pl-file-input-status-icon\" />\n <PlMaskIcon24\n v-else-if=\"isUploading\"\n name=\"cloud-upload\"\n data-testid=\"pl-file-input-status-icon\"\n />\n <PlMaskIcon24 v-else-if=\"isUploaded\" name=\"success\" data-testid=\"pl-file-input-status-icon\" />\n <PlMaskIcon24 v-else name=\"paper-clip\" data-testid=\"pl-file-input-status-icon\" />\n <div\n :data-placeholder=\"placeholder ?? 'Choose file'\"\n class=\"pl-file-input__filename\"\n data-testid=\"pl-file-input-filename\"\n >\n {{ fileName }}\n </div>\n <div v-if=\"uploadStats\" class=\"pl-file-input__stats\" data-testid=\"pl-file-input-stats\">\n {{ uploadStats }}\n </div>\n <PlMaskIcon24\n v-if=\"modelValue\"\n class=\"pl-file-input__clear\"\n data-testid=\"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\" data-testid=\"pl-file-input-error\">\n {{ computedErrorMessage }}\n </div>\n <div v-else-if=\"helper\" class=\"pl-file-input__helper\" data-testid=\"pl-file-input-helper\">\n {{ helper }}\n </div>\n <!-- Teleported to <body> by PlDialogModal; kept inside so the component has a single root. -->\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 </div>\n</template>\n"],"mappings":""}

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

@@ -14,7 +14,7 @@ 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 j, getFilePathFromHandle as ee } from "@platforma-sdk/model";
-//#region src/components/PlFileInput/PlFileInput.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlFileInput/PlFileInput.vue?vue&type=script&setup=true&lang.ts
 var M = {
 	key: 0,
 	ref: "label",
@@ -31,7 +31,7 @@ var M = {
 	key: 1,
 	class: "pl-file-input__helper",
 	"data-testid": "pl-file-input-helper"
-}, L = /* @__PURE__ */ g({
+}, L = /*@__PURE__*/ g({
 	__name: "PlFileInput",
 	props: {
 		modelValue: {},
@@ -114,7 +114,7 @@ var M = {
 						position: "top",
 						"data-testid": "pl-file-input-tooltip"
 					}, {
-						tooltip: D(() => [w(z).tooltip ? S(n.$slots, "tooltip", { key: 0 }) : (y(), f(c, { key: 1 }, [m(C(W.value), 1)], 64))]),
+						tooltip: D(() => [w(z).tooltip ? S(n.$slots, "tooltip", {}, void 0, void 0, 0) : (y(), f(c, { key: 1 }, [m(C(W.value), 1)], 64))]),
 						_: 3
 					})) : d("", !0)
 				], 512)) : d("", !0),
@@ -167,7 +167,6 @@ var M = {
 		], 2));
 	}
 });
-//#endregion
 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.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 data-testid=\"pl-file-input\"\n >\n <div\n ref=\"rootRef\"\n :class=\"{ dashed, error: hasErrors }\"\n class=\"pl-file-input\"\n data-testid=\"pl-file-input-control\"\n tabindex=\"0\"\n @keyup.enter=\"openFileDialog\"\n @click.stop=\"openFileDialog\"\n >\n <div\n :style=\"progressStyle\"\n class=\"pl-file-input__progress\"\n data-testid=\"pl-file-input-progress\"\n />\n <label v-if=\"!cellStyle && label\" ref=\"label\" data-testid=\"pl-file-input-label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" data-testid=\"pl-file-input-required\" />\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip \|\| filePath\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-file-input-tooltip\"\n >\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\" data-testid=\"pl-file-input-status-icon\" />\n <PlMaskIcon24\n v-else-if=\"isUploading\"\n name=\"cloud-upload\"\n data-testid=\"pl-file-input-status-icon\"\n />\n <PlMaskIcon24 v-else-if=\"isUploaded\" name=\"success\" data-testid=\"pl-file-input-status-icon\" />\n <PlMaskIcon24 v-else name=\"paper-clip\" data-testid=\"pl-file-input-status-icon\" />\n <div\n :data-placeholder=\"placeholder ?? 'Choose file'\"\n class=\"pl-file-input__filename\"\n data-testid=\"pl-file-input-filename\"\n >\n {{ fileName }}\n </div>\n <div v-if=\"uploadStats\" class=\"pl-file-input__stats\" data-testid=\"pl-file-input-stats\">\n {{ uploadStats }}\n </div>\n <PlMaskIcon24\n v-if=\"modelValue\"\n class=\"pl-file-input__clear\"\n data-testid=\"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\" data-testid=\"pl-file-input-error\">\n {{ computedErrorMessage }}\n </div>\n <div v-else-if=\"helper\" class=\"pl-file-input__helper\" data-testid=\"pl-file-input-helper\">\n {{ helper }}\n </div>\n <!-- Teleported to <body> by PlDialogModal; kept inside so the component has a single root. -->\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 </div>\n</template>\n"],"mappings":"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"}
1	+ {"version":3,"file":"PlFileInput.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_withKeys","_withModifiers","_normalizeStyle","_createBlock","_unref","PlSvg","SvgRequired","_createCommentVNode","_toDisplayString","PlTooltip","_withCtx","_renderSlot","_Fragment","_createTextVNode","PlMaskIcon24","_createVNode","DoubleContour","PlFileDialog","PlSvg_default","PlTooltip_default","PlIcon24_default","DoubleContour_default","required_default","PlFileDialog_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","PlFileInput_vue_vue_type_script_setup_true_lang_default","__emit","data","reactive","slots","useSlots","emit","props","__props","tryValue","v","cb","err","fileName","computed","getFileNameFromHandle","filePath","getFilePathFromHandle","isUploading","isUploaded","computedErrorMessage","getErrorMessage","hasErrors","uploadStats","status","done","prettyBytes","progressStyle","progress","openFileDialog","onImport","clear","rootRef","ref","useLabelNotch","openBlock","createElementBlock","normalizeClass","createElementVNode","withKeys","withModifiers","normalizeStyle","createBlock","unref","createCommentVNode","toDisplayString","withCtx","renderSlot","_ctx","Fragment","createTextVNode","createVNode","_cache","$event"],"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 data-testid=\"pl-file-input\"\n >\n <div\n ref=\"rootRef\"\n :class=\"{ dashed, error: hasErrors }\"\n class=\"pl-file-input\"\n data-testid=\"pl-file-input-control\"\n tabindex=\"0\"\n @keyup.enter=\"openFileDialog\"\n @click.stop=\"openFileDialog\"\n >\n <div\n :style=\"progressStyle\"\n class=\"pl-file-input__progress\"\n data-testid=\"pl-file-input-progress\"\n />\n <label v-if=\"!cellStyle && label\" ref=\"label\" data-testid=\"pl-file-input-label\">\n <PlSvg v-if=\"required\" :uri=\"SvgRequired\" data-testid=\"pl-file-input-required\" />\n <span>{{ label }}</span>\n <PlTooltip\n v-if=\"slots.tooltip \|\| filePath\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-file-input-tooltip\"\n >\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\" data-testid=\"pl-file-input-status-icon\" />\n <PlMaskIcon24\n v-else-if=\"isUploading\"\n name=\"cloud-upload\"\n data-testid=\"pl-file-input-status-icon\"\n />\n <PlMaskIcon24 v-else-if=\"isUploaded\" name=\"success\" data-testid=\"pl-file-input-status-icon\" />\n <PlMaskIcon24 v-else name=\"paper-clip\" data-testid=\"pl-file-input-status-icon\" />\n <div\n :data-placeholder=\"placeholder ?? 'Choose file'\"\n class=\"pl-file-input__filename\"\n data-testid=\"pl-file-input-filename\"\n >\n {{ fileName }}\n </div>\n <div v-if=\"uploadStats\" class=\"pl-file-input__stats\" data-testid=\"pl-file-input-stats\">\n {{ uploadStats }}\n </div>\n <PlMaskIcon24\n v-if=\"modelValue\"\n class=\"pl-file-input__clear\"\n data-testid=\"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\" data-testid=\"pl-file-input-error\">\n {{ computedErrorMessage }}\n </div>\n <div v-else-if=\"helper\" class=\"pl-file-input__helper\" data-testid=\"pl-file-input-helper\">\n {{ helper }}\n </div>\n <!-- Teleported to <body> by PlDialogModal; kept inside so the component has a single root. -->\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 </div>\n</template>\n"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- ~~import~~ "./PlFileInput.js";
1	+ export { default as PlFileInput } from "./PlFileInput.js";

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

@@ -1,8 +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 }]]);
-//#endregion
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 //# sourceMappingURL=PlIcon16.js.map

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

	@@ -1 +1 @@
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":""}
1	+ {"version":3,"file":"PlIcon16.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlIcon16_vue_vue_type_script_setup_true_lang_default","PlIcon16_vue_vue_type_style_index_0_lang_module_default","PlIcon16_default","\"$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":""}

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

@@ -1,5 +1,5 @@
-import './PlIcon16.vue.css';var e = { icon: "_icon_d0ctm_2" };
-//#endregion
-export { e as default };
+import './PlIcon16.style.css';// src/components/PlIcon16/PlIcon16.vue?vue&type=style&index=0&lang.module.css
+var e = "_icon_d0ctm_2", t = { icon: e };
+export { t as default, e as icon };
 //# sourceMappingURL=PlIcon16.style.js.map

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

	@@ -1 +1 @@
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":""}
1	+ {"version":3,"file":"PlIcon16.vue_vue_type_style_index_0_lang.module.js","names":["icon","PlIcon16_vue_vue_type_style_index_0_lang_module_default"],"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.vue2.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import e from "../PlSvg/PlSvg.js";
 import "../PlSvg/index.js";
 import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o } from "vue";
-//#region src/components/PlIcon16/PlIcon16.vue?vue&type=script&setup=true&lang.ts
-var s = /* @__PURE__ */ r({
+// src/components/PlIcon16/PlIcon16.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ r({
 	__name: "PlIcon16",
 	props: {
 		name: {},
@@ -42,7 +42,6 @@ var s = /* @__PURE__ */ r({
 		]));
 	}
 });
-//#endregion
 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.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"}
1	+ {"version":3,"file":"PlIcon16.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createBlock","_unref","PlSvg","_normalizeClass","PlSvg_default","PlIcon16_vue_vue_type_script_setup_true_lang_default","props","__props","size","computed","openBlock","createBlock","unref","normalizeClass","_ctx"],"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,IAAMQ,IAAQC,GAORC,IAAOC,QAAe;GAC1B,IAAI,OAAOH,EAAM,QAAS,UAAU;IAClC,IAAIA,EAAM,SAAS,SAAS,OAAO;IACnC,IAAIA,EAAM,SAAS,UAAU,OAAO;IACpC,IAAIA,EAAM,SAAS,SAAS,OAAO;GACrC;GACA,OAAOA,EAAM,QAAQ;EACvB,CAAC;E,kBAICP,EAAA,GAAAC,EAOEC,EAAAC,CAAA,GAAA;GANC,MAAI,MAAQI,EAAM;GAClB,OAAKH,EAAA;IAAGL,EAAAA,OAAO;IAAI;IAAA;IAAA,QAAgCQ,EAAM;IAAI,QAAYA,EAAM;GAAI,CAAA;GACnF,OAAOE,EAAA;GACP,QAAQA,EAAA;GACR,OAAOF,EAAM;GACb,QAAQA,EAAM"}

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

	@@ -1 +1 @@
1	- ~~import~~ "./PlIcon16.js";
1	+ export { default as PlIcon16 } from "./PlIcon16.js";

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

@@ -1,8 +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 }]]);
-//#endregion
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 //# sourceMappingURL=PlIcon24.js.map

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

	@@ -1 +1 @@
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":""}
1	+ {"version":3,"file":"PlIcon24.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlIcon24_vue_vue_type_script_setup_true_lang_default","PlIcon24_vue_vue_type_style_index_0_lang_module_default","PlIcon24_default","\"$style\""],"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 CHANGED Viewed

@@ -1,5 +1,5 @@
-import './PlIcon24.vue.css';var e = { icon: "_icon_6q2ws_2" };
-//#endregion
-export { e as default };
+import './PlIcon24.style.css';// src/components/PlIcon24/PlIcon24.vue?vue&type=style&index=0&lang.module.css
+var e = "_icon_6q2ws_2", t = { icon: e };
+export { t as default, e as icon };
 //# sourceMappingURL=PlIcon24.style.js.map

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

	@@ -1 +1 @@
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":""}
1	+ {"version":3,"file":"PlIcon24.vue_vue_type_style_index_0_lang.module.js","names":["icon","PlIcon24_vue_vue_type_style_index_0_lang_module_default"],"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.vue2.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import e from "../PlSvg/PlSvg.js";
 import "../PlSvg/index.js";
 import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o } from "vue";
-//#region src/components/PlIcon24/PlIcon24.vue?vue&type=script&setup=true&lang.ts
-var s = /* @__PURE__ */ r({
+// src/components/PlIcon24/PlIcon24.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ r({
 	__name: "PlIcon24",
 	props: {
 		name: {},
@@ -42,7 +42,6 @@ var s = /* @__PURE__ */ r({
 		]));
 	}
 });
-//#endregion
 export { s as default };
 //# sourceMappingURL=PlIcon24.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlIcon24.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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":";;;;;;;;;;;;;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;IAAA;IAAA;IAAA,~~QAAiC~~,EAAM;IAAI,~~QAAY~~,EAAM;~~IAAQA~~,EAAAA,OAAO;~~IAAI~~,CAAA;GACrF,~~OAAO~~,EAAA;GACP,~~QAAQ~~,EAAA;GACR,~~OAAO~~,EAAM;GACb,~~QAAQ~~,EAAM"}
1	+ {"version":3,"file":"PlIcon24.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createBlock","_unref","PlSvg","_normalizeClass","PlSvg_default","PlIcon24_vue_vue_type_script_setup_true_lang_default","props","__props","size","computed","openBlock","createBlock","unref","normalizeClass","_ctx"],"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":";;;;;;;;;;;;;EAKA,IAAMQ,IAAQC,GAORC,IAAOC,QAAe;GAC1B,IAAI,OAAOH,EAAM,QAAS,UAAU;IAClC,IAAIA,EAAM,SAAS,SAAS,OAAO;IACnC,IAAIA,EAAM,SAAS,UAAU,OAAO;IACpC,IAAIA,EAAM,SAAS,SAAS,OAAO;GACrC;GACA,OAAOA,EAAM,QAAQ;EACvB,CAAC;E,kBAICP,EAAA,GAAAC,EAOEC,EAAAC,CAAA,GAAA;GANC,MAAI,MAAQI,EAAM;GAClB,OAAKH,EAAA;IAAA;IAAA;IAAA,QAAiCG,EAAM;IAAI,QAAYA,EAAM;IAAQR,EAAAA,OAAO;GAAI,CAAA;GACrF,OAAOU,EAAA;GACP,QAAQA,EAAA;GACR,OAAOF,EAAM;GACb,QAAQA,EAAM"}

package/dist/components/PlIcon24/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- ~~import~~ "./PlIcon24.js";
1	+ export { default as PlIcon24 } from "./PlIcon24.js";

package/dist/components/PlLoaderCircular/PlLoaderCircular.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import e from "./PlLoaderCircular.vue2.js";
-//#region src/components/PlLoaderCircular/PlLoaderCircular.vue
+// src/components/PlLoaderCircular/PlLoaderCircular.vue
 var t = e;
-//#endregion
 export { t as default };
 //# sourceMappingURL=PlLoaderCircular.js.map

package/dist/components/PlLoaderCircular/PlLoaderCircular.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlLoaderCircular.js","names":[],"sources":["../../../src/components/PlLoaderCircular/PlLoaderCircular.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-loader-circular.scss\";\n\nwithDefaults(\n defineProps<{\n size?: \"16\" \| \"24\" \| \"48\" \| string;\n }>(),\n { size: \"16\" },\n);\n</script>\n<template>\n <div data-testid=\"pl-loader-circular\" class=\"pl-loader-circular\">\n <div\n :style=\"{\n height: `${size}px`,\n width: `${size}px`,\n '--main-color': `${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`,\n }\"\n class=\"pl-circle-loader__wrapper\"\n >\n <svg class=\"pl-loader-circular__svg\" viewBox=\"25 25 50 50\">\n <circle\n class=\"pl-loader-circular__svg-circle\"\n cx=\"50\"\n cy=\"50\"\n r=\"20\"\n fill=\"none\"\n :stroke=\"`${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`\"\n stroke-width=\"2\"\n />\n </svg>\n </div>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlLoaderCircular.js","names":["_sfc_main","PlLoaderCircular_vue_vue_type_script_setup_true_lang_default","PlLoaderCircular_default"],"sources":["../../../src/components/PlLoaderCircular/PlLoaderCircular.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-loader-circular.scss\";\n\nwithDefaults(\n defineProps<{\n size?: \"16\" \| \"24\" \| \"48\" \| string;\n }>(),\n { size: \"16\" },\n);\n</script>\n<template>\n <div data-testid=\"pl-loader-circular\" class=\"pl-loader-circular\">\n <div\n :style=\"{\n height: `${size}px`,\n width: `${size}px`,\n '--main-color': `${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`,\n }\"\n class=\"pl-circle-loader__wrapper\"\n >\n <svg class=\"pl-loader-circular__svg\" viewBox=\"25 25 50 50\">\n <circle\n class=\"pl-loader-circular__svg-circle\"\n cx=\"50\"\n cy=\"50\"\n r=\"20\"\n fill=\"none\"\n :stroke=\"`${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`\"\n stroke-width=\"2\"\n />\n </svg>\n </div>\n </div>\n</template>\n"],"mappings":""}

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

@@ -1,13 +1,13 @@
 import './pl-loader-circular.css';/* empty css                   */
 import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeStyle as r, openBlock as i } from "vue";
-//#region src/components/PlLoaderCircular/PlLoaderCircular.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlLoaderCircular/PlLoaderCircular.vue?vue&type=script&setup=true&lang.ts
 var a = {
 	"data-testid": "pl-loader-circular",
 	class: "pl-loader-circular"
 }, o = {
 	class: "pl-loader-circular__svg",
 	viewBox: "25 25 50 50"
-}, s = ["stroke"], c = /* @__PURE__ */ n({
+}, s = ["stroke"], c = /*@__PURE__*/ n({
 	__name: "PlLoaderCircular",
 	props: { size: { default: "16" } },
 	setup(n) {
@@ -29,7 +29,6 @@ var a = {
 		}, null, 8, s)]))], 4)]));
 	}
 });
-//#endregion
 export { c as default };
 //# sourceMappingURL=PlLoaderCircular.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlLoaderCircular.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlLoaderCircular/PlLoaderCircular.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-loader-circular.scss\";\n\nwithDefaults(\n defineProps<{\n size?: \"16\" \| \"24\" \| \"48\" \| string;\n }>(),\n { size: \"16\" },\n);\n</script>\n<template>\n <div data-testid=\"pl-loader-circular\" class=\"pl-loader-circular\">\n <div\n :style=\"{\n height: `${size}px`,\n width: `${size}px`,\n '--main-color': `${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`,\n }\"\n class=\"pl-circle-loader__wrapper\"\n >\n <svg class=\"pl-loader-circular__svg\" viewBox=\"25 25 50 50\">\n <circle\n class=\"pl-loader-circular__svg-circle\"\n cx=\"50\"\n cy=\"50\"\n r=\"20\"\n fill=\"none\"\n :stroke=\"`${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`\"\n stroke-width=\"2\"\n />\n </svg>\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;~~yBAWE~~,EAqBM,~~OArBN~~,GAqBM,~~CApBJ~~,EAmBM,OAAA;GAlBH,~~OAAK~~,EAAA;~~eAAuB~~,EAAA,KAAI;~~cAAwB~~,EAAA,KAAI;~~wBAAkC~~,EAAA,OAAI,KAAA,iBAAA;;GAKnG,OAAM;~~YAEN~~,EAUM,~~OAVN~~,GAUM,~~CATJ~~,EAQE,UAAA;GAPA,OAAM;GACN,IAAG;GACH,IAAG;GACH,GAAE;GACF,MAAK;GACJ,QAAM,GAAA,~~CAAM~~,EAAA,OAAI,KAAA,iBAAA;GACjB,gBAAa"}
1	+ {"version":3,"file":"PlLoaderCircular.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeStyle","_hoisted_1","_hoisted_2","_hoisted_3","PlLoaderCircular_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","createElementVNode","normalizeStyle","__props"],"sources":["../../../src/components/PlLoaderCircular/PlLoaderCircular.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-loader-circular.scss\";\n\nwithDefaults(\n defineProps<{\n size?: \"16\" \| \"24\" \| \"48\" \| string;\n }>(),\n { size: \"16\" },\n);\n</script>\n<template>\n <div data-testid=\"pl-loader-circular\" class=\"pl-loader-circular\">\n <div\n :style=\"{\n height: `${size}px`,\n width: `${size}px`,\n '--main-color': `${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`,\n }\"\n class=\"pl-circle-loader__wrapper\"\n >\n <svg class=\"pl-loader-circular__svg\" viewBox=\"25 25 50 50\">\n <circle\n class=\"pl-loader-circular__svg-circle\"\n cx=\"50\"\n cy=\"50\"\n r=\"20\"\n fill=\"none\"\n :stroke=\"`${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`\"\n stroke-width=\"2\"\n />\n </svg>\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;E,kBAWEA,EAAA,GAAAC,EAqBM,OArBNG,GAqBM,CApBJF,EAmBM,OAAA;GAlBH,OAAKC,EAAA;IAAuB,QAAA,GAAAS,EAAA,KAAI;IAAwB,OAAA,GAAAA,EAAA,KAAI;IAAkC,gBAAA,GAAA,CAAAA,EAAA,OAAI,KAAA,iBAAA;;GAKnG,OAAM;E,KAENZ,EAAA,GAAAC,EAUM,OAVNI,GAUM,CATJH,EAQE,UAAA;GAPA,OAAM;GACN,IAAG;GACH,IAAG;GACH,GAAE;GACF,MAAK;GACJ,QAAM,GAAA,CAAMU,EAAA,OAAI,KAAA,iBAAA;GACjB,gBAAa"}

package/dist/components/PlLoaderCircular/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- ~~import~~ "./PlLoaderCircular.js";
1	+ export { default as PlLoaderCircular } from "./PlLoaderCircular.js";