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

@milaboratories/uikit 2.16.0 → 2.16.2

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/PlLoaderLogo.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlLoaderLogo.js","names":[],"sources":["../../src/components/PlLoaderLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useCssModule } from \"vue\";\n\nconst props = defineProps<{\n size?: number \| string;\n color?: string;\n backgroundColor?: string;\n}>();\n\nconst styles = useCssModule();\n\nconst size = computed(() =>\n typeof props.size === \"number\" ? CSS.px(props.size).toString() : props.size,\n);\n\nconst color = props.color ?? \"currentColor\";\nconst backgroundColor = props.backgroundColor ?? \"var(--color-div-bw)\";\n</script>\n\n<template>\n <svg\n data-testid=\"pl-loader-logo\"\n viewBox=\"0 0 64 64\"\n xmlns=\"http://www.w3.org/2000/svg\"\n :class=\"styles.root\"\n >\n <path d=\"m32 3 26 15H6z\" />\n <path d=\"M32 18h26v28H32z\" />\n <path d=\"M32 45.5h26L32 61z\" />\n <path d=\"M6 39h26v22L6 46z\" />\n <path d=\"M6 30h26v8H6z\" />\n <path d=\"M6 18h26v12H6z\" />\n <path\n d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"\n />\n </svg>\n</template>\n\n<style module>\n.root {\n min-block-size: v-bind(size);\n max-block-size: v-bind(size);\n min-inline-size: v-bind(size);\n max-inline-size: v-bind(size);\n fill-rule: evenodd;\n path {\n &:not(:last-of-type) {\n fill: v-bind(backgroundColor);\n animation-duration: 1s;\n animation-delay: calc(1s / 6 * (sibling-index() - 1));\n animation-iteration-count: infinite;\n animation-name: flash;\n }\n &:last-of-type {\n fill: v-bind(color);\n }\n }\n}\n\n@keyframes flash {\n from {\n fill: v-bind(color);\n }\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"PlLoaderLogo.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlLoaderLogo_vue_vue_type_script_setup_true_lang_default","PlLoaderLogo_vue_vue_type_style_index_0_lang_module_default","PlLoaderLogo_default","\"$style\""],"sources":["../../src/components/PlLoaderLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useCssModule } from \"vue\";\n\nconst props = defineProps<{\n size?: number \| string;\n color?: string;\n backgroundColor?: string;\n}>();\n\nconst styles = useCssModule();\n\nconst size = computed(() =>\n typeof props.size === \"number\" ? CSS.px(props.size).toString() : props.size,\n);\n\nconst color = props.color ?? \"currentColor\";\nconst backgroundColor = props.backgroundColor ?? \"var(--color-div-bw)\";\n</script>\n\n<template>\n <svg\n data-testid=\"pl-loader-logo\"\n viewBox=\"0 0 64 64\"\n xmlns=\"http://www.w3.org/2000/svg\"\n :class=\"styles.root\"\n >\n <path d=\"m32 3 26 15H6z\" />\n <path d=\"M32 18h26v28H32z\" />\n <path d=\"M32 45.5h26L32 61z\" />\n <path d=\"M6 39h26v22L6 46z\" />\n <path d=\"M6 30h26v8H6z\" />\n <path d=\"M6 18h26v12H6z\" />\n <path\n d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"\n />\n </svg>\n</template>\n\n<style module>\n.root {\n min-block-size: v-bind(size);\n max-block-size: v-bind(size);\n min-inline-size: v-bind(size);\n max-inline-size: v-bind(size);\n fill-rule: evenodd;\n path {\n &:not(:last-of-type) {\n fill: v-bind(backgroundColor);\n animation-duration: 1s;\n animation-delay: calc(1s / 6 * (sibling-index() - 1));\n animation-iteration-count: infinite;\n animation-name: flash;\n }\n &:last-of-type {\n fill: v-bind(color);\n }\n }\n}\n\n@keyframes flash {\n from {\n fill: v-bind(color);\n }\n}\n</style>\n"],"mappings":""}

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

@@ -1,8 +1,8 @@
-import './PlLoaderLogo.vue.css';var e = {
-	root: "_root_1hwch_2",
-	flash: "_flash_1hwch_1"
+import './PlLoaderLogo.style.css';// src/components/PlLoaderLogo.vue?vue&type=style&index=0&lang.module.css
+var e = "_root_1hwch_2", t = "_flash_1hwch_1", n = {
+	root: e,
+	flash: t
 };
-//#endregion
-export { e as default };
+export { n as default, t as flash, e as root };
 //# sourceMappingURL=PlLoaderLogo.style.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlLoaderLogo.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../src/components/PlLoaderLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useCssModule } from \"vue\";\n\nconst props = defineProps<{\n size?: number \| string;\n color?: string;\n backgroundColor?: string;\n}>();\n\nconst styles = useCssModule();\n\nconst size = computed(() =>\n typeof props.size === \"number\" ? CSS.px(props.size).toString() : props.size,\n);\n\nconst color = props.color ?? \"currentColor\";\nconst backgroundColor = props.backgroundColor ?? \"var(--color-div-bw)\";\n</script>\n\n<template>\n <svg\n data-testid=\"pl-loader-logo\"\n viewBox=\"0 0 64 64\"\n xmlns=\"http://www.w3.org/2000/svg\"\n :class=\"styles.root\"\n >\n <path d=\"m32 3 26 15H6z\" />\n <path d=\"M32 18h26v28H32z\" />\n <path d=\"M32 45.5h26L32 61z\" />\n <path d=\"M6 39h26v22L6 46z\" />\n <path d=\"M6 30h26v8H6z\" />\n <path d=\"M6 18h26v12H6z\" />\n <path\n d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"\n />\n </svg>\n</template>\n\n<style module>\n.root {\n min-block-size: v-bind(size);\n max-block-size: v-bind(size);\n min-inline-size: v-bind(size);\n max-inline-size: v-bind(size);\n fill-rule: evenodd;\n path {\n &:not(:last-of-type) {\n fill: v-bind(backgroundColor);\n animation-duration: 1s;\n animation-delay: calc(1s / 6 * (sibling-index() - 1));\n animation-iteration-count: infinite;\n animation-name: flash;\n }\n &:last-of-type {\n fill: v-bind(color);\n }\n }\n}\n\n@keyframes flash {\n from {\n fill: v-bind(color);\n }\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"PlLoaderLogo.vue_vue_type_style_index_0_lang.module.js","names":["root","flash","PlLoaderLogo_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../src/components/PlLoaderLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useCssModule } from \"vue\";\n\nconst props = defineProps<{\n size?: number \| string;\n color?: string;\n backgroundColor?: string;\n}>();\n\nconst styles = useCssModule();\n\nconst size = computed(() =>\n typeof props.size === \"number\" ? CSS.px(props.size).toString() : props.size,\n);\n\nconst color = props.color ?? \"currentColor\";\nconst backgroundColor = props.backgroundColor ?? \"var(--color-div-bw)\";\n</script>\n\n<template>\n <svg\n data-testid=\"pl-loader-logo\"\n viewBox=\"0 0 64 64\"\n xmlns=\"http://www.w3.org/2000/svg\"\n :class=\"styles.root\"\n >\n <path d=\"m32 3 26 15H6z\" />\n <path d=\"M32 18h26v28H32z\" />\n <path d=\"M32 45.5h26L32 61z\" />\n <path d=\"M6 39h26v22L6 46z\" />\n <path d=\"M6 30h26v8H6z\" />\n <path d=\"M6 18h26v12H6z\" />\n <path\n d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"\n />\n </svg>\n</template>\n\n<style module>\n.root {\n min-block-size: v-bind(size);\n max-block-size: v-bind(size);\n min-inline-size: v-bind(size);\n max-inline-size: v-bind(size);\n fill-rule: evenodd;\n path {\n &:not(:last-of-type) {\n fill: v-bind(backgroundColor);\n animation-duration: 1s;\n animation-delay: calc(1s / 6 * (sibling-index() - 1));\n animation-iteration-count: infinite;\n animation-name: flash;\n }\n &:last-of-type {\n fill: v-bind(color);\n }\n }\n}\n\n@keyframes flash {\n from {\n fill: v-bind(color);\n }\n}\n</style>\n"],"mappings":""}

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

@@ -1,6 +1,6 @@
 import { computed as e, createElementBlock as t, createStaticVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o, useCssModule as s, useCssVars as c } from "vue";
-//#region src/components/PlLoaderLogo.vue?vue&type=script&setup=true&lang.ts
-var l = /* @__PURE__ */ r({
+// src/components/PlLoaderLogo.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ r({
 	__name: "PlLoaderLogo",
 	props: {
 		size: {},
@@ -22,7 +22,6 @@ var l = /* @__PURE__ */ r({
 		}, [...r[0] ||= [n("<path d=\"m32 3 26 15H6z\"></path><path d=\"M32 18h26v28H32z\"></path><path d=\"M32 45.5h26L32 61z\"></path><path d=\"M6 39h26v22L6 46z\"></path><path d=\"M6 30h26v8H6z\"></path><path d=\"M6 18h26v12H6z\"></path><path d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"></path>", 7)]], 2));
 	}
 });
-//#endregion
 export { l as default };
 //# sourceMappingURL=PlLoaderLogo.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlLoaderLogo.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/PlLoaderLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useCssModule } from \"vue\";\n\nconst props = defineProps<{\n size?: number \| string;\n color?: string;\n backgroundColor?: string;\n}>();\n\nconst styles = useCssModule();\n\nconst size = computed(() =>\n typeof props.size === \"number\" ? CSS.px(props.size).toString() : props.size,\n);\n\nconst color = props.color ?? \"currentColor\";\nconst backgroundColor = props.backgroundColor ?? \"var(--color-div-bw)\";\n</script>\n\n<template>\n <svg\n data-testid=\"pl-loader-logo\"\n viewBox=\"0 0 64 64\"\n xmlns=\"http://www.w3.org/2000/svg\"\n :class=\"styles.root\"\n >\n <path d=\"m32 3 26 15H6z\" />\n <path d=\"M32 18h26v28H32z\" />\n <path d=\"M32 45.5h26L32 61z\" />\n <path d=\"M6 39h26v22L6 46z\" />\n <path d=\"M6 30h26v8H6z\" />\n <path d=\"M6 18h26v12H6z\" />\n <path\n d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"\n />\n </svg>\n</template>\n\n<style module>\n.root {\n min-block-size: v-bind(size);\n max-block-size: v-bind(size);\n min-inline-size: v-bind(size);\n max-inline-size: v-bind(size);\n fill-rule: evenodd;\n path {\n &:not(:last-of-type) {\n fill: v-bind(backgroundColor);\n animation-duration: 1s;\n animation-delay: calc(1s / 6 * (sibling-index() - 1));\n animation-iteration-count: infinite;\n animation-name: flash;\n }\n &:last-of-type {\n fill: v-bind(color);\n }\n }\n}\n\n@keyframes flash {\n from {\n fill: v-bind(color);\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAGA,~~IAAM~~,~~IAAQ~~,~~GAMR~~,~~IAAS~~,~~GAAc~~,~~EAEvB~~,~~IAAO~~,QACX,~~OAAO~~,EAAM,QAAS,WAAW,IAAI,~~GAAG~~,EAAM,~~KAAK~~,CAAC,~~UAAU~~,~~GAAG~~,EAAM,~~KACxE~~,~~EAEK~~,~~IAAQ~~,EAAM,SAAS,~~gBACvB~~,~~IAAkB~~,EAAM,mBAAmB;~~yBAI~~/C,EAeM,OAAA;GAdJ,eAAY;GACZ,SAAQ;GACR,OAAM;GACL,~~OAAK~~,~~EAAE~~,~~EAAA~~,~~EAAM~~,CAAC,~~KAAI~~"}
1	+ {"version":3,"file":"PlLoaderLogo.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_normalizeClass","_createStaticVNode","PlLoaderLogo_vue_vue_type_script_setup_true_lang_default","\"v2dd0d7e6\"","size","\"v7954e460\"","unref","backgroundColor","\"e92997c4\"","color","props","__props","styles","useCssModule","computed","openBlock","createElementBlock","normalizeClass","_cache","createStaticVNode"],"sources":["../../src/components/PlLoaderLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useCssModule } from \"vue\";\n\nconst props = defineProps<{\n size?: number \| string;\n color?: string;\n backgroundColor?: string;\n}>();\n\nconst styles = useCssModule();\n\nconst size = computed(() =>\n typeof props.size === \"number\" ? CSS.px(props.size).toString() : props.size,\n);\n\nconst color = props.color ?? \"currentColor\";\nconst backgroundColor = props.backgroundColor ?? \"var(--color-div-bw)\";\n</script>\n\n<template>\n <svg\n data-testid=\"pl-loader-logo\"\n viewBox=\"0 0 64 64\"\n xmlns=\"http://www.w3.org/2000/svg\"\n :class=\"styles.root\"\n >\n <path d=\"m32 3 26 15H6z\" />\n <path d=\"M32 18h26v28H32z\" />\n <path d=\"M32 45.5h26L32 61z\" />\n <path d=\"M6 39h26v22L6 46z\" />\n <path d=\"M6 30h26v8H6z\" />\n <path d=\"M6 18h26v12H6z\" />\n <path\n d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"\n />\n </svg>\n</template>\n\n<style module>\n.root {\n min-block-size: v-bind(size);\n max-block-size: v-bind(size);\n min-inline-size: v-bind(size);\n max-inline-size: v-bind(size);\n fill-rule: evenodd;\n path {\n &:not(:last-of-type) {\n fill: v-bind(backgroundColor);\n animation-duration: 1s;\n animation-delay: calc(1s / 6 * (sibling-index() - 1));\n animation-iteration-count: infinite;\n animation-name: flash;\n }\n &:last-of-type {\n fill: v-bind(color);\n }\n }\n}\n\n@keyframes flash {\n from {\n fill: v-bind(color);\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAGA,IAAMa,IAAQC,GAMRC,IAASC,EAAa,GAEtBT,IAAOU,QACX,OAAOJ,EAAM,QAAS,WAAW,IAAI,GAAGA,EAAM,IAAI,CAAC,CAAC,SAAS,IAAIA,EAAM,IACzE,GAEMD,IAAQC,EAAM,SAAS,gBACvBH,IAAkBG,EAAM,mBAAmB;E,kBAI/CZ,EAAA,GAAAC,EAeM,OAAA;GAdJ,eAAY;GACZ,SAAQ;GACR,OAAM;GACL,OAAKC,EAAEH,EAAAe,CAAA,CAAM,CAAC,IAAI"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlLogView.js","names":[],"sources":["../../../src/components/PlLogView/PlLogView.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Log Viewer Component\n /\nexport default {\n name: \"PlLogView\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots, watch } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport \"./pl-log-view.scss\";\nimport { okOptional, tapIf } from \"@milaboratories/helpers\";\nimport type { AnyLogHandle, OutputWithStatus, Platforma } from \"@platforma-sdk/model\";\nimport { useLogHandle } from \"./useLogHandle\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { downloadContent } from \"../../helpers/dom\";\n\nconst getOutputError = <T,>(o?: OutputWithStatus<T>) => {\n if (o && o.ok === false) {\n return o.errors.join(\"\\n\");\n }\n};\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n /\n String contents\n /\n value?: string;\n /\n The content to copy (Note: it takes precedence over value property)\n /\n valueToCopy?: string;\n /\n AnyLogHandle\n /\n logHandle?: AnyLogHandle;\n /\n Custom progress prefix (to filter logHandle results)\n /\n progressPrefix?: string;\n /\n String contents\n /\n error?: unknown;\n /\n Block output (Note: error and value take precedence over output property)\n /\n output?: OutputWithStatus<unknown>;\n /\n Max retries for AnyLogHandle fetch (with the same parameters)\n /\n maxRetries?: number;\n /\n @TODO\n /\n mockPlatforma?: Platforma;\n /\n The label to display above the texarea.\n /\n label?: string;\n /\n Do not scroll to bottom on content change. Default is false (scroll to bottom).\n /\n disableAutoScroll?: boolean;\n /\n If provided, a download icon will be shown and the content will be downloaded when clicked.\n /\n downloadFilename?: string;\n}>();\n\nconst logState = useLogHandle(props);\n\nconst isAnchored = ref<boolean>(true);\n\nconst contentRef = ref<HTMLElement>();\n\nconst root = ref<HTMLInputElement>();\n\nconst computedError = computed(\n () => logState.value?.error ?? props.error ?? getOutputError(props.output),\n);\n\nconst computedValue = computed(\n () => logState.value?.lines ?? props.value ?? okOptional(props.output),\n);\n\nconst computedValueToCopy = computed(() => {\n if (props.valueToCopy) {\n return props.valueToCopy;\n }\n if (computedValue.value && typeof computedValue.value === \"string\") {\n return computedValue.value;\n }\n return undefined;\n});\n\nconst copyActive = ref(false);\n\nuseLabelNotch(root);\n\nconst iconName = computed(() => (copyActive.value ? \"clipboard-copied\" : \"clipboard\"));\n\nconst onClickCopy = () => {\n copyActive.value = true;\n setTimeout(() => {\n copyActive.value = false;\n }, 1200);\n\n const toCopy = computedValueToCopy.value;\n\n if (toCopy !== undefined) {\n navigator.clipboard.writeText(toCopy);\n }\n};\n\nconst onClickDownload = (filename: string) => {\n const toDownload = computedValueToCopy.value;\n\n if (toDownload !== undefined) {\n downloadContent([toDownload, \"text/plain\"], filename);\n }\n};\n\nconst optionallyScrollDown = () => {\n if (props.disableAutoScroll) {\n return;\n }\n\n tapIf(contentRef.value, (el) => {\n if (isAnchored.value) {\n el.scrollTo(el.scrollLeft, el.scrollHeight);\n }\n });\n};\n\nwatch(\n computedValue,\n () => {\n requestAnimationFrame(() => {\n optionallyScrollDown();\n });\n },\n { immediate: true },\n);\n\nconst onContentScroll = (ev: Event) => {\n const el = ev.target as HTMLElement;\n isAnchored.value = el.scrollTop + 20 / ~ 1 line height */ >= el.scrollHeight - el.offsetHeight;\n};\n</script>\n\n<template>\n <div\n ref=\"root\"\n data-testid=\"pl-log-view\"\n class=\"pl-log-view\"\n :class=\"{ 'has-error': computedError }\"\n >\n <label v-if=\"label\" data-testid=\"pl-log-view-label\">\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" data-testid=\"pl-log-view-tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <DoubleContour class=\"pl-log-view__contour\" />\n <div data-testid=\"pl-log-view-actions\" class=\"pl-log-view__copy\">\n <PlTooltip :close-delay=\"800\" position=\"top\">\n <PlMaskIcon24\n data-testid=\"pl-log-view-copy\"\n title=\"Copy content\"\n :name=\"iconName\"\n @click=\"onClickCopy\"\n />\n <template #tooltip>{{ copyActive ? \"copied\" : \"copy\" }}</template>\n </PlTooltip>\n <PlTooltip v-if=\"downloadFilename\" :close-delay=\"800\" position=\"top\">\n <PlIcon24\n data-testid=\"pl-log-view-download\"\n name=\"download\"\n @click=\"() => onClickDownload(downloadFilename!)\"\n />\n <template #tooltip>download</template>\n </PlTooltip>\n </div>\n <div v-if=\"computedError\" data-testid=\"pl-log-view-error\" class=\"pl-log-view__error\">\n {{ computedError }}\n </div>\n <div\n v-else\n ref=\"contentRef\"\n data-testid=\"pl-log-view-content\"\n class=\"pl-log-view__content\"\n @scroll=\"onContentScroll\"\n >\n {{ computedValue }}\n </div>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlLogView.js","names":["_sfc_main","PlLogView_vue_vue_type_script_setup_true_lang_default","PlLogView_default"],"sources":["../../../src/components/PlLogView/PlLogView.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Log Viewer Component\n /\nexport default {\n name: \"PlLogView\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots, watch } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport \"./pl-log-view.scss\";\nimport { okOptional, tapIf } from \"@milaboratories/helpers\";\nimport type { AnyLogHandle, OutputWithStatus, Platforma } from \"@platforma-sdk/model\";\nimport { useLogHandle } from \"./useLogHandle\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { downloadContent } from \"../../helpers/dom\";\n\nconst getOutputError = <T>(o?: OutputWithStatus<T>) => {\n if (o && o.ok === false) {\n return o.errors.join(\"\\n\");\n }\n};\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n /\n String contents\n /\n value?: string;\n /\n The content to copy (Note: it takes precedence over value property)\n /\n valueToCopy?: string;\n /\n AnyLogHandle\n /\n logHandle?: AnyLogHandle;\n /\n Custom progress prefix (to filter logHandle results)\n /\n progressPrefix?: string;\n /\n String contents\n /\n error?: unknown;\n /\n Block output (Note: error and value take precedence over output property)\n /\n output?: OutputWithStatus<unknown>;\n /\n Max retries for AnyLogHandle fetch (with the same parameters)\n /\n maxRetries?: number;\n /\n @TODO\n /\n mockPlatforma?: Platforma;\n /\n The label to display above the texarea.\n /\n label?: string;\n /\n Do not scroll to bottom on content change. Default is false (scroll to bottom).\n /\n disableAutoScroll?: boolean;\n /\n If provided, a download icon will be shown and the content will be downloaded when clicked.\n /\n downloadFilename?: string;\n}>();\n\nconst logState = useLogHandle(props);\n\nconst isAnchored = ref<boolean>(true);\n\nconst contentRef = ref<HTMLElement>();\n\nconst root = ref<HTMLInputElement>();\n\nconst computedError = computed(\n () => logState.value?.error ?? props.error ?? getOutputError(props.output),\n);\n\nconst computedValue = computed(\n () => logState.value?.lines ?? props.value ?? okOptional(props.output),\n);\n\nconst computedValueToCopy = computed(() => {\n if (props.valueToCopy) {\n return props.valueToCopy;\n }\n if (computedValue.value && typeof computedValue.value === \"string\") {\n return computedValue.value;\n }\n return undefined;\n});\n\nconst copyActive = ref(false);\n\nuseLabelNotch(root);\n\nconst iconName = computed(() => (copyActive.value ? \"clipboard-copied\" : \"clipboard\"));\n\nconst onClickCopy = () => {\n copyActive.value = true;\n setTimeout(() => {\n copyActive.value = false;\n }, 1200);\n\n const toCopy = computedValueToCopy.value;\n\n if (toCopy !== undefined) {\n navigator.clipboard.writeText(toCopy);\n }\n};\n\nconst onClickDownload = (filename: string) => {\n const toDownload = computedValueToCopy.value;\n\n if (toDownload !== undefined) {\n downloadContent([toDownload, \"text/plain\"], filename);\n }\n};\n\nconst optionallyScrollDown = () => {\n if (props.disableAutoScroll) {\n return;\n }\n\n tapIf(contentRef.value, (el) => {\n if (isAnchored.value) {\n el.scrollTo(el.scrollLeft, el.scrollHeight);\n }\n });\n};\n\nwatch(\n computedValue,\n () => {\n requestAnimationFrame(() => {\n optionallyScrollDown();\n });\n },\n { immediate: true },\n);\n\nconst onContentScroll = (ev: Event) => {\n const el = ev.target as HTMLElement;\n isAnchored.value = el.scrollTop + 20 / ~ 1 line height */ >= el.scrollHeight - el.offsetHeight;\n};\n</script>\n\n<template>\n <div\n ref=\"root\"\n data-testid=\"pl-log-view\"\n class=\"pl-log-view\"\n :class=\"{ 'has-error': computedError }\"\n >\n <label v-if=\"label\" data-testid=\"pl-log-view-label\">\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" data-testid=\"pl-log-view-tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <DoubleContour class=\"pl-log-view__contour\" />\n <div data-testid=\"pl-log-view-actions\" class=\"pl-log-view__copy\">\n <PlTooltip :close-delay=\"800\" position=\"top\">\n <PlMaskIcon24\n data-testid=\"pl-log-view-copy\"\n title=\"Copy content\"\n :name=\"iconName\"\n @click=\"onClickCopy\"\n />\n <template #tooltip>{{ copyActive ? \"copied\" : \"copy\" }}</template>\n </PlTooltip>\n <PlTooltip v-if=\"downloadFilename\" :close-delay=\"800\" position=\"top\">\n <PlIcon24\n data-testid=\"pl-log-view-download\"\n name=\"download\"\n @click=\"() => onClickDownload(downloadFilename!)\"\n />\n <template #tooltip>download</template>\n </PlTooltip>\n </div>\n <div v-if=\"computedError\" data-testid=\"pl-log-view-error\" class=\"pl-log-view__error\">\n {{ computedError }}\n </div>\n <div\n v-else\n ref=\"contentRef\"\n data-testid=\"pl-log-view-content\"\n class=\"pl-log-view__content\"\n @scroll=\"onContentScroll\"\n >\n {{ computedValue }}\n </div>\n </div>\n</template>\n"],"mappings":""}

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

@@ -10,7 +10,7 @@ import './pl-log-view.css';/* empty css            */
 import { useLogHandle as a } from "./useLogHandle.js";
 import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, watch as x, withCtx as S } from "vue";
 import { okOptional as C, tapIf as w } from "@milaboratories/helpers";
-//#region src/components/PlLogView/PlLogView.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlLogView/PlLogView.vue?vue&type=script&setup=true&lang.ts
 var T = {
 	key: 0,
 	"data-testid": "pl-log-view-label"
@@ -21,7 +21,7 @@ var T = {
 	key: 1,
 	"data-testid": "pl-log-view-error",
 	class: "pl-log-view__error"
-}, O = /* @__PURE__ */ p({
+}, O = /*@__PURE__*/ p({
 	name: "PlLogView",
 	props: {
 		value: {},
@@ -119,7 +119,6 @@ var T = {
 		], 2));
 	}
 });
-//#endregion
 export { O as default };
 //# sourceMappingURL=PlLogView.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlLogView.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlLogView/PlLogView.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Log Viewer Component\n /\nexport default {\n name: \"PlLogView\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots, watch } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport \"./pl-log-view.scss\";\nimport { okOptional, tapIf } from \"@milaboratories/helpers\";\nimport type { AnyLogHandle, OutputWithStatus, Platforma } from \"@platforma-sdk/model\";\nimport { useLogHandle } from \"./useLogHandle\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { downloadContent } from \"../../helpers/dom\";\n\nconst getOutputError = <T,>(o?: OutputWithStatus<T>) => {\n if (o && o.ok === false) {\n return o.errors.join(\"\\n\");\n }\n};\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n /\n String contents\n /\n value?: string;\n /\n The content to copy (Note: it takes precedence over value property)\n /\n valueToCopy?: string;\n /\n AnyLogHandle\n /\n logHandle?: AnyLogHandle;\n /\n Custom progress prefix (to filter logHandle results)\n /\n progressPrefix?: string;\n /\n String contents\n /\n error?: unknown;\n /\n Block output (Note: error and value take precedence over output property)\n /\n output?: OutputWithStatus<unknown>;\n /\n Max retries for AnyLogHandle fetch (with the same parameters)\n /\n maxRetries?: number;\n /\n @TODO\n /\n mockPlatforma?: Platforma;\n /\n The label to display above the texarea.\n /\n label?: string;\n /\n Do not scroll to bottom on content change. Default is false (scroll to bottom).\n /\n disableAutoScroll?: boolean;\n /\n If provided, a download icon will be shown and the content will be downloaded when clicked.\n /\n downloadFilename?: string;\n}>();\n\nconst logState = useLogHandle(props);\n\nconst isAnchored = ref<boolean>(true);\n\nconst contentRef = ref<HTMLElement>();\n\nconst root = ref<HTMLInputElement>();\n\nconst computedError = computed(\n () => logState.value?.error ?? props.error ?? getOutputError(props.output),\n);\n\nconst computedValue = computed(\n () => logState.value?.lines ?? props.value ?? okOptional(props.output),\n);\n\nconst computedValueToCopy = computed(() => {\n if (props.valueToCopy) {\n return props.valueToCopy;\n }\n if (computedValue.value && typeof computedValue.value === \"string\") {\n return computedValue.value;\n }\n return undefined;\n});\n\nconst copyActive = ref(false);\n\nuseLabelNotch(root);\n\nconst iconName = computed(() => (copyActive.value ? \"clipboard-copied\" : \"clipboard\"));\n\nconst onClickCopy = () => {\n copyActive.value = true;\n setTimeout(() => {\n copyActive.value = false;\n }, 1200);\n\n const toCopy = computedValueToCopy.value;\n\n if (toCopy !== undefined) {\n navigator.clipboard.writeText(toCopy);\n }\n};\n\nconst onClickDownload = (filename: string) => {\n const toDownload = computedValueToCopy.value;\n\n if (toDownload !== undefined) {\n downloadContent([toDownload, \"text/plain\"], filename);\n }\n};\n\nconst optionallyScrollDown = () => {\n if (props.disableAutoScroll) {\n return;\n }\n\n tapIf(contentRef.value, (el) => {\n if (isAnchored.value) {\n el.scrollTo(el.scrollLeft, el.scrollHeight);\n }\n });\n};\n\nwatch(\n computedValue,\n () => {\n requestAnimationFrame(() => {\n optionallyScrollDown();\n });\n },\n { immediate: true },\n);\n\nconst onContentScroll = (ev: Event) => {\n const el = ev.target as HTMLElement;\n isAnchored.value = el.scrollTop + 20 / ~ 1 line height */ >= el.scrollHeight - el.offsetHeight;\n};\n</script>\n\n<template>\n <div\n ref=\"root\"\n data-testid=\"pl-log-view\"\n class=\"pl-log-view\"\n :class=\"{ 'has-error': computedError }\"\n >\n <label v-if=\"label\" data-testid=\"pl-log-view-label\">\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" data-testid=\"pl-log-view-tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <DoubleContour class=\"pl-log-view__contour\" />\n <div data-testid=\"pl-log-view-actions\" class=\"pl-log-view__copy\">\n <PlTooltip :close-delay=\"800\" position=\"top\">\n <PlMaskIcon24\n data-testid=\"pl-log-view-copy\"\n title=\"Copy content\"\n :name=\"iconName\"\n @click=\"onClickCopy\"\n />\n <template #tooltip>{{ copyActive ? \"copied\" : \"copy\" }}</template>\n </PlTooltip>\n <PlTooltip v-if=\"downloadFilename\" :close-delay=\"800\" position=\"top\">\n <PlIcon24\n data-testid=\"pl-log-view-download\"\n name=\"download\"\n @click=\"() => onClickDownload(downloadFilename!)\"\n />\n <template #tooltip>download</template>\n </PlTooltip>\n </div>\n <div v-if=\"computedError\" data-testid=\"pl-log-view-error\" class=\"pl-log-view__error\">\n {{ computedError }}\n </div>\n <div\n v-else\n ref=\"contentRef\"\n data-testid=\"pl-log-view-content\"\n class=\"pl-log-view__content\"\n @scroll=\"onContentScroll\"\n >\n {{ computedValue }}\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;CAKE,MAAM;;;;;;;;;;;;;;;EAiBR,~~IAAM~~,~~KAAsB~~,MAA4B;~~AACtD~~,~~OAAI~~,~~KAAK~~,EAAE,OAAO,~~GAChB~~,~~QAAO~~,EAAE,OAAO,KAAK,~~KAAK~~;~~KAIxB~~,~~IAAQ~~,~~GAAU~~,~~EAElB~~,~~IAAQ~~,GA+CR,~~IAAW~~,~~EAAa~~,~~EAAM~~,~~EAE9B~~,~~IAAa~~,EAAa,~~GAAK~~,~~EAE/B~~,~~IAAa~~,~~GAAkB~~,~~EAE/B~~,~~IAAO~~,~~GAAuB~~,~~EAE9B~~,~~IAAgB~~,~~QACd~~,EAAS,OAAO,~~SAAS~~,EAAM,~~SAAS~~,~~EAAe~~,EAAM,~~OAAO~~,CAC3E,~~EAEK~~,~~IAAgB~~,~~QACd~~,EAAS,OAAO,~~SAAS~~,EAAM,~~SAAS~~,~~EAAW~~,EAAM,~~OAAO~~,CACvE,~~EAEK~~,~~IAAsB~~,QAAe;~~AACzC~~,~~OAAI~~,EAAM,~~YACR~~,~~QAAO~~,EAAM;~~AAEf~~,~~OAAI~~,EAAc,SAAS,~~OAAO~~,EAAc,SAAU,~~SACxD~~,~~QAAO~~,EAAc;~~IAGvB~~,~~EAEI~~,~~IAAa~~,EAAI,~~GAAM~~;~~AAE7B~~,~~IAAc~~,~~EAAK~~;~~EAEnB~~,~~IAAM~~,~~IAAW~~,~~QAAgB~~,EAAW,QAAQ,qBAAqB,~~YAAa~~,~~EAEhF~~,UAAoB;~~AAExB~~,~~GADA~~,EAAW,QAAQ,IACnB,iBAAiB;~~AACf~~,~~MAAW~~,QAAQ;~~MAClB~~,~~KAAK~~;~~GAER~~,~~IAAM~~,~~IAAS~~,EAAoB;~~AAEnC~~,~~GAAI~~,MAAW,KAAA,KACb,UAAU,UAAU,~~UAAU~~,~~EAAO~~;~~KAInC~~,KAAmB,MAAqB;GAC5C,~~IAAM~~,~~IAAa~~,EAAoB;~~AAEvC~~,~~GAAI~~,MAAe,KAAA,~~KACjB~~,EAAgB,~~CAAC~~,GAAY,~~aAAa~~,~~EAAE~~,~~EAAS~~;~~KAInD~~,UAA6B;~~AAC7B~~,~~KAAM~~,~~qBAIV,~~EAAM,EAAW,QAAQ,MAAO;~~AAC9B~~,~~IAAI~~,EAAW,~~SACb~~,EAAG,~~SAAS~~,EAAG,~~YAAY~~,EAAG,~~aAAa~~;~~KAE7C;;AAGJ~~,~~IACE~~,SACM;~~AACJ,+BAA4B~~;~~AAC1B~~,~~OAAsB~~;~~KACtB~~;~~KAEJ~~,EAAE,WAAW,~~IAAM~~,CACpB;~~EAED~~,~~IAAM~~,KAAmB,MAAc;GACrC,~~IAAM~~,~~IAAK~~,EAAG;~~AACd~~,~~KAAW~~,~~QAAQ~~,EAAG,YAAY,~~MAA4B~~,EAAG,~~eAAe~~,EAAG~~;;yBAKnF~~,EA8CM,OAAA;~~YA7CA~~;GAAJ,~~KAAI~~;GACJ,eAAY;GACZ,~~OAAK~~,EAAA,CAAC,eAAa,EAAA,~~aACI~~,EAAA,~~OAAa~~,CAAA,CAAA;;~~GAEvB~~,EAAA,~~SAAA~~,~~GAAA~~,~~EAAb~~,EAOQ,~~SAPR~~,GAOQ,~~CANN~~,EAAwB,QAAA,~~MAAA~~,~~EAAf~~,EAAA,~~MAAK~~,~~EAAA~~,~~EAAA~~,~~EACG~~,~~EAAA~~,~~EAAK~~,CAAC,~~WAAA~~,~~GAAA~~,~~EAAvB~~,~~EAIY~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;;IAJoB,eAAY;IAAsB,OAAM;IAAO,UAAS;;IAC3E,~~SAAO~~,QACO,~~CAAvB~~,~~EAAuB~~,EAAA,QAAA,~~UAAA~~,~~CAAA,CAAA~~;;;~~GAI7B~~,~~EAA8C~~,GAAA,EAA/B,OAAM,~~wBAAsB~~,CAAA;~~GAC3C~~,EAkBM,~~OAlBN~~,GAkBM,~~CAjBJ~~,~~EAQY~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;IARA,eAAa;IAAK,UAAS;;IAO1B,~~SAAO~~,QAAqC,~~CAAA~~,~~EAAA~~,~~EAAjC~~,EAAA,QAAU,WAAA,~~OAAA~~,~~EAAA~~,~~EAAA,~~CAAA,~~CAAA~~;~~qBAD9B~~,~~CALF~~,~~EAKE~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;KAJA,eAAY;KACZ,OAAM;KACL,~~MAAM~~,EAAA;KACN,~~SAAO~~;;;~~OAIK~~,EAAA,~~oBAAA~~,~~GAAA~~,~~EAAjB~~,~~EAOY~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;;IAPwB,eAAa;IAAK,UAAS;;IAMlD,~~SAAO~~,QAAS,CAAA,GAAA,~~AAAA~~,EAAA,OAAA,~~CAAA~~,~~EAAR~~,YAAQ,~~GAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA;qBADzB~~,~~CAJF~~,~~EAIE~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;KAHA,eAAY;KACZ,MAAK;KACJ,SAAK,~~AAAA~~,EAAA,~~aAAQ~~,~~EAAgB~~,EAAA,~~iBAAgB~~;;;;~~GAKzC~~,EAAA,~~SAAA~~,~~GAAA~~,~~EAAX~~,EAEM,~~OAFN~~,~~GAEM~~,EADD,EAAA,~~MAAa~~,~~EAAA~~,~~EAAA~~,~~KAAA~~,~~GAAA~~,~~EAElB~~,EAQM,OAAA;;~~aANA~~;IAAJ,~~KAAI~~;IACJ,eAAY;IACZ,OAAM;IACL,~~UAAQ~~;~~QAEN~~,~~EAAA~~,~~MAAa~~,EAAA,~~IAAA~~"}
1	+ {"version":3,"file":"PlLogView.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_unref","_createBlock","PlTooltip","_withCtx","_renderSlot","_createCommentVNode","_createVNode","DoubleContour","_createTextVNode","PlMaskIcon24","PlIcon24","PlTooltip_default","PlIcon24_default","DoubleContour_default","_hoisted_1","_hoisted_2","_hoisted_3","PlLogView_vue_vue_type_script_setup_true_lang_default","getOutputError","o","slots","useSlots","props","__props","logState","useLogHandle","isAnchored","ref","contentRef","root","computedError","computed","computedValue","okOptional","computedValueToCopy","copyActive","iconName","onClickCopy","toCopy","onClickDownload","toDownload","downloadContent","filename","optionallyScrollDown","tapIf","el","onContentScroll","ev","openBlock","createElementBlock","normalizeClass","createElementVNode","toDisplayString","unref","createBlock","withCtx","renderSlot","_ctx","createCommentVNode","createVNode","createTextVNode","_cache"],"sources":["../../../src/components/PlLogView/PlLogView.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Log Viewer Component\n /\nexport default {\n name: \"PlLogView\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots, watch } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport \"./pl-log-view.scss\";\nimport { okOptional, tapIf } from \"@milaboratories/helpers\";\nimport type { AnyLogHandle, OutputWithStatus, Platforma } from \"@platforma-sdk/model\";\nimport { useLogHandle } from \"./useLogHandle\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { downloadContent } from \"../../helpers/dom\";\n\nconst getOutputError = <T>(o?: OutputWithStatus<T>) => {\n if (o && o.ok === false) {\n return o.errors.join(\"\\n\");\n }\n};\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n /\n String contents\n /\n value?: string;\n /\n The content to copy (Note: it takes precedence over value property)\n /\n valueToCopy?: string;\n /\n AnyLogHandle\n /\n logHandle?: AnyLogHandle;\n /\n Custom progress prefix (to filter logHandle results)\n /\n progressPrefix?: string;\n /\n String contents\n /\n error?: unknown;\n /\n Block output (Note: error and value take precedence over output property)\n /\n output?: OutputWithStatus<unknown>;\n /\n Max retries for AnyLogHandle fetch (with the same parameters)\n /\n maxRetries?: number;\n /\n @TODO\n /\n mockPlatforma?: Platforma;\n /\n The label to display above the texarea.\n /\n label?: string;\n /\n Do not scroll to bottom on content change. Default is false (scroll to bottom).\n /\n disableAutoScroll?: boolean;\n /\n If provided, a download icon will be shown and the content will be downloaded when clicked.\n /\n downloadFilename?: string;\n}>();\n\nconst logState = useLogHandle(props);\n\nconst isAnchored = ref<boolean>(true);\n\nconst contentRef = ref<HTMLElement>();\n\nconst root = ref<HTMLInputElement>();\n\nconst computedError = computed(\n () => logState.value?.error ?? props.error ?? getOutputError(props.output),\n);\n\nconst computedValue = computed(\n () => logState.value?.lines ?? props.value ?? okOptional(props.output),\n);\n\nconst computedValueToCopy = computed(() => {\n if (props.valueToCopy) {\n return props.valueToCopy;\n }\n if (computedValue.value && typeof computedValue.value === \"string\") {\n return computedValue.value;\n }\n return undefined;\n});\n\nconst copyActive = ref(false);\n\nuseLabelNotch(root);\n\nconst iconName = computed(() => (copyActive.value ? \"clipboard-copied\" : \"clipboard\"));\n\nconst onClickCopy = () => {\n copyActive.value = true;\n setTimeout(() => {\n copyActive.value = false;\n }, 1200);\n\n const toCopy = computedValueToCopy.value;\n\n if (toCopy !== undefined) {\n navigator.clipboard.writeText(toCopy);\n }\n};\n\nconst onClickDownload = (filename: string) => {\n const toDownload = computedValueToCopy.value;\n\n if (toDownload !== undefined) {\n downloadContent([toDownload, \"text/plain\"], filename);\n }\n};\n\nconst optionallyScrollDown = () => {\n if (props.disableAutoScroll) {\n return;\n }\n\n tapIf(contentRef.value, (el) => {\n if (isAnchored.value) {\n el.scrollTo(el.scrollLeft, el.scrollHeight);\n }\n });\n};\n\nwatch(\n computedValue,\n () => {\n requestAnimationFrame(() => {\n optionallyScrollDown();\n });\n },\n { immediate: true },\n);\n\nconst onContentScroll = (ev: Event) => {\n const el = ev.target as HTMLElement;\n isAnchored.value = el.scrollTop + 20 / ~ 1 line height */ >= el.scrollHeight - el.offsetHeight;\n};\n</script>\n\n<template>\n <div\n ref=\"root\"\n data-testid=\"pl-log-view\"\n class=\"pl-log-view\"\n :class=\"{ 'has-error': computedError }\"\n >\n <label v-if=\"label\" data-testid=\"pl-log-view-label\">\n <span>{{ label }}</span>\n <PlTooltip v-if=\"slots.tooltip\" data-testid=\"pl-log-view-tooltip\" class=\"info\" position=\"top\">\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <DoubleContour class=\"pl-log-view__contour\" />\n <div data-testid=\"pl-log-view-actions\" class=\"pl-log-view__copy\">\n <PlTooltip :close-delay=\"800\" position=\"top\">\n <PlMaskIcon24\n data-testid=\"pl-log-view-copy\"\n title=\"Copy content\"\n :name=\"iconName\"\n @click=\"onClickCopy\"\n />\n <template #tooltip>{{ copyActive ? \"copied\" : \"copy\" }}</template>\n </PlTooltip>\n <PlTooltip v-if=\"downloadFilename\" :close-delay=\"800\" position=\"top\">\n <PlIcon24\n data-testid=\"pl-log-view-download\"\n name=\"download\"\n @click=\"() => onClickDownload(downloadFilename!)\"\n />\n <template #tooltip>download</template>\n </PlTooltip>\n </div>\n <div v-if=\"computedError\" data-testid=\"pl-log-view-error\" class=\"pl-log-view__error\">\n {{ computedError }}\n </div>\n <div\n v-else\n ref=\"contentRef\"\n data-testid=\"pl-log-view-content\"\n class=\"pl-log-view__content\"\n @scroll=\"onContentScroll\"\n >\n {{ computedValue }}\n </div>\n </div>\n</template>\n"],"mappings":"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"}

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

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

package/dist/components/PlLogView/useLogHandle.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { reactive as e, ref as t, watch as n } from "vue";
 import { useTimeoutPoll as r, whenever as i } from "@vueuse/core";
 import { getRawPlatformaInstance as a } from "@platforma-sdk/model";
-//#region src/components/PlLogView/useLogHandle.ts
+// src/components/PlLogView/useLogHandle.ts
 var o = "[==PROGRESS==]";
 function s(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -12,11 +12,8 @@ function c(c) {
 		let e = l.value;
 		if (e === void 0) return;
 		let t = c.mockPlatforma ?? a();
-		if (!t) {
-			console.warn("Platforma API is not available");
-			return;
-		}
-		for (;;) {
+		if (!t) console.warn("Platforma API is not available");
+		else for (;;) {
 			let n = await t.logDriver.readText(e.logHandle, 100, e.lastOffset);
 			if (e.error = void 0, u.errorCount = 0, n.shouldUpdateHandle || e.logHandle !== l.value?.logHandle) return;
 			let r = c.progressPrefix ?? o, i = new TextDecoder().decode(n.data).replace(RegExp(`${s(r)}`, "g"), "");
@@ -43,7 +40,6 @@ function c(c) {
 		}, u.errorCount = 0, f.resume());
 	}, { immediate: !0 }), l;
 }
-//#endregion
 export { c as useLogHandle };
 //# sourceMappingURL=useLogHandle.js.map

package/dist/components/PlLogView/useLogHandle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLogHandle.js","names":[],"sources":["../../../src/components/PlLogView/useLogHandle.ts"],"sourcesContent":["import { reactive, type Reactive, ref, watch } from \"vue\";\nimport { useTimeoutPoll, whenever } from \"@vueuse/core\";\nimport { getRawPlatformaInstance, type AnyLogHandle, type Platforma } from \"@platforma-sdk/model\";\n\ntype LogState = {\n logHandle: AnyLogHandle;\n lines: string;\n lastOffset: number;\n finished: boolean;\n error: unknown;\n};\n\nconst ProgressPrefixDefault = \"[==PROGRESS==]\"; // @TODO ?\n\n// from here https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions#escaping\nfunction escapeRegExp(str: string) {\n return str.replace(/[.*+?^${}()\|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nexport function useLogHandle(\n props: Reactive<{\n logHandle: AnyLogHandle \| undefined;\n maxRetries?: number;\n mockPlatforma?: Platforma;\n progressPrefix?: string;\n }>,\n) {\n const logState = ref<LogState>();\n\n const data = reactive({\n errorCount: 0,\n });\n\n async function fetchLogs() {\n // making a snapshot of the ref\n let currentLogState: LogState \| undefined = logState.value;\n\n if (currentLogState === undefined) return;\n\n const platforma = props.mockPlatforma ?? getRawPlatformaInstance();\n\n if (!platforma) {\n console.warn(\"Platforma API is not available\");\n return;\n }\n\n while (true) {\n const result = await platforma.logDriver.readText(\n currentLogState.logHandle,\n 100,\n currentLogState.lastOffset,\n );\n\n currentLogState.error = undefined;\n\n data.errorCount = 0;\n\n if (result.shouldUpdateHandle) return;\n\n // somebody changed target log while we were fetching log data\n // @TODO There may be a situation where the new descriptor points to the same file and we don't need to reread it\n if (currentLogState.logHandle !== logState.value?.logHandle) return;\n\n const progressPrefix = props.progressPrefix ?? ProgressPrefixDefault;\n\n const newLines = new TextDecoder()\n .decode(result.data)\n .replace(new RegExp(`${escapeRegExp(progressPrefix)}`, \"g\"), \"\");\n\n // We simply change it in a mutable way: if logHandle has been changed, it points to the new object\n currentLogState = Object.assign(currentLogState, {\n lines: currentLogState.lines + newLines,\n lastOffset: result.newOffset,\n finished: !result.live,\n });\n\n if (result.newOffset >= result.size) break;\n }\n }\n\n const fetchAndCatch = () =>\n fetchLogs().catch((err) => {\n if (logState.value) {\n data.errorCount++;\n if (data.errorCount > (props.maxRetries ?? 3)) {\n logState.value.error = err;\n } else {\n console.warn(\"skip error:\", err, \"retry...\");\n }\n }\n });\n\n // Only trigger after last fetch is done\n const timeoutPoll = useTimeoutPoll(fetchAndCatch, 1500, {\n immediate: false,\n immediateCallback: true,\n });\n\n whenever(\n () => logState?.value?.finished,\n () => timeoutPoll.pause(),\n );\n\n watch(\n () => props.logHandle,\n (lh) => {\n if (lh === undefined) {\n logState.value = undefined;\n timeoutPoll.pause();\n } else if (lh !== logState.value?.logHandle) {\n logState.value = {\n logHandle: lh,\n lastOffset: 0,\n lines: \"\",\n finished: false,\n error: undefined,\n };\n data.errorCount = 0;\n timeoutPoll.resume();\n }\n },\n { immediate: true },\n );\n\n return logState;\n}\n"],"mappings":";;;;AAYA,~~IAAM~~,IAAwB;AAG9B,~~SAAS~~,EAAa,GAAa;~~AACjC~~,~~QAAO~~,EAAI,QAAQ,uBAAuB,~~OAAO;;AAGnD~~,~~SAAgB~~,EACd,GAMA;CACA,~~IAAM~~,~~IAAW~~,~~GAAe~~,~~EAE1B~~,~~IAAO~~,EAAS,EACpB,YAAY,~~GACb~~,CAAC;~~CAEF~~,~~eAAe~~,IAAY;EAEzB,~~IAAI~~,~~IAAwC~~,EAAS;~~AAErD~~,~~MAAI~~,MAAoB,KAAA,~~EAAW~~;EAEnC,~~IAAM~~,~~IAAY~~,EAAM,~~iBAAiB~~,~~GAAyB~~;~~AAElE~~,~~MAAI~~,~~CAAC~~,~~GAAW;AACd~~,~~WAAQ~~,KAAK,~~iCAAiC~~;~~AAC9C;;AAGF~~,~~WAAa~~;GACX,~~IAAM~~,IAAS,~~MAAM~~,EAAU,UAAU,~~SACvC~~,EAAgB,WAChB,~~KACA~~,EAAgB,~~WACjB~~;~~AAUD~~,~~OARA~~,EAAgB,QAAQ,KAAA,GAExB,EAAK,aAAa,~~GAEd~~,EAAO,~~sBAIP~~,EAAgB,~~cAAc~~,EAAS,OAAO,~~UAAW~~;GAE7D,~~IAAM~~,~~IAAiB~~,EAAM,~~kBAAkB~~,~~GAEzC~~,IAAW,IAAI,~~aAAa~~,CAC/B,~~OAAO~~,EAAO,~~KAAK~~,CACnB,QAAY,OAAO,~~GAAG~~,~~EAAa~~,~~EAAe~~,~~IAAI~~,~~IAAI~~,EAAE~~,GAAG~~;~~AASlE~~,~~OANA~~,IAAkB,OAAO,~~OAAO~~,GAAiB;IAC/C,~~OAAO~~,EAAgB,~~QAAQ~~;IAC/B,~~YAAY~~,EAAO;IACnB,UAAU,~~CAAC~~,EAAO;~~IACnB~~,CAAC,~~EAEE~~,EAAO,~~aAAa~~,EAAO,~~KAAM;;;CAiBzC~~,~~IAAM~~,~~IAAc~~,~~QAZlB~~,~~GAAW~~,CAAC,OAAO,MAAQ;~~AACzB~~,~~EAAI~~,EAAS,UACX,EAAK,~~cACD~~,EAAK,~~cAAc~~,EAAM,cAAc,KACzC,EAAS,MAAM,~~QAAQ~~,IAEvB,QAAQ,KAAK,~~eAAe~~,GAAK,~~WAAW~~;~~GAGhD~~,~~EAG8C~~,MAAM;EACtD,WAAW;EACX,mBAAmB;~~EACpB~~,CAAC;~~AA4BF~~,~~QA1BA~~,~~QACQ~~,GAAU,OAAO,~~gBACjB~~,EAAY,~~OAAO~~,CAC1B,~~EAED~~,~~QACQ~~,EAAM,YACX,MAAO;~~AACN~~,~~EAAI~~,MAAO,KAAA,KACT,EAAS,QAAQ,KAAA,~~GACjB~~,EAAY,~~OAAO~~,~~IACV~~,~~MAAO~~,EAAS,OAAO,cAChC,EAAS,QAAQ;GACf,~~WAAW~~;GACX,YAAY;GACZ,OAAO;GACP,UAAU;GACV,OAAO,KAAA;~~GACR~~,~~EACD~~,EAAK,aAAa,~~GAClB~~,EAAY,~~QAAQ~~;~~IAGxB~~,EAAE,WAAW,~~IAAM~~,CACpB,~~EAEM~~"}
1	+ {"version":3,"file":"useLogHandle.js","names":["ProgressPrefixDefault","escapeRegExp","str","useLogHandle","logState","ref","data","reactive","fetchLogs","currentLogState","platforma","props","getRawPlatformaInstance","result","progressPrefix","newLines","timeoutPoll","useTimeoutPoll","err","whenever","watch","lh"],"sources":["../../../src/components/PlLogView/useLogHandle.ts"],"sourcesContent":["import { reactive, type Reactive, ref, watch } from \"vue\";\nimport { useTimeoutPoll, whenever } from \"@vueuse/core\";\nimport { getRawPlatformaInstance, type AnyLogHandle, type Platforma } from \"@platforma-sdk/model\";\n\ntype LogState = {\n logHandle: AnyLogHandle;\n lines: string;\n lastOffset: number;\n finished: boolean;\n error: unknown;\n};\n\nconst ProgressPrefixDefault = \"[==PROGRESS==]\"; // @TODO ?\n\n// from here https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions#escaping\nfunction escapeRegExp(str: string) {\n return str.replace(/[.*+?^${}()\|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nexport function useLogHandle(\n props: Reactive<{\n logHandle: AnyLogHandle \| undefined;\n maxRetries?: number;\n mockPlatforma?: Platforma;\n progressPrefix?: string;\n }>,\n) {\n const logState = ref<LogState>();\n\n const data = reactive({\n errorCount: 0,\n });\n\n async function fetchLogs() {\n // making a snapshot of the ref\n let currentLogState: LogState \| undefined = logState.value;\n\n if (currentLogState === undefined) return;\n\n const platforma = props.mockPlatforma ?? getRawPlatformaInstance();\n\n if (!platforma) {\n console.warn(\"Platforma API is not available\");\n return;\n }\n\n while (true) {\n const result = await platforma.logDriver.readText(\n currentLogState.logHandle,\n 100,\n currentLogState.lastOffset,\n );\n\n currentLogState.error = undefined;\n\n data.errorCount = 0;\n\n if (result.shouldUpdateHandle) return;\n\n // somebody changed target log while we were fetching log data\n // @TODO There may be a situation where the new descriptor points to the same file and we don't need to reread it\n if (currentLogState.logHandle !== logState.value?.logHandle) return;\n\n const progressPrefix = props.progressPrefix ?? ProgressPrefixDefault;\n\n const newLines = new TextDecoder()\n .decode(result.data)\n .replace(new RegExp(`${escapeRegExp(progressPrefix)}`, \"g\"), \"\");\n\n // We simply change it in a mutable way: if logHandle has been changed, it points to the new object\n currentLogState = Object.assign(currentLogState, {\n lines: currentLogState.lines + newLines,\n lastOffset: result.newOffset,\n finished: !result.live,\n });\n\n if (result.newOffset >= result.size) break;\n }\n }\n\n const fetchAndCatch = () =>\n fetchLogs().catch((err) => {\n if (logState.value) {\n data.errorCount++;\n if (data.errorCount > (props.maxRetries ?? 3)) {\n logState.value.error = err;\n } else {\n console.warn(\"skip error:\", err, \"retry...\");\n }\n }\n });\n\n // Only trigger after last fetch is done\n const timeoutPoll = useTimeoutPoll(fetchAndCatch, 1500, {\n immediate: false,\n immediateCallback: true,\n });\n\n whenever(\n () => logState?.value?.finished,\n () => timeoutPoll.pause(),\n );\n\n watch(\n () => props.logHandle,\n (lh) => {\n if (lh === undefined) {\n logState.value = undefined;\n timeoutPoll.pause();\n } else if (lh !== logState.value?.logHandle) {\n logState.value = {\n logHandle: lh,\n lastOffset: 0,\n lines: \"\",\n finished: false,\n error: undefined,\n };\n data.errorCount = 0;\n timeoutPoll.resume();\n }\n },\n { immediate: true },\n );\n\n return logState;\n}\n"],"mappings":";;;;AAYA,IAAMA,IAAwB;AAG9B,SAASC,EAAa,GAAa;CACjC,OAAOC,EAAI,QAAQ,uBAAuB,MAAM;AAClD;AAEA,SAAgBC,EACd,GAMA;CACA,IAAMC,IAAWC,EAAc,GAEzBC,IAAOC,EAAS,EACpB,YAAY,EACd,CAAC;CAED,eAAeC,IAAY;EAEzB,IAAIC,IAAwCL,EAAS;EAErD,IAAIK,MAAoB,KAAA,GAAW;EAEnC,IAAMC,IAAYC,EAAM,iBAAiBC,EAAwB;EAEjE,IAAI,CAACF,GACH,QAAQ,KAAK,gCAAgC;OAI/C,SAAa;GACX,IAAMG,IAAS,MAAMH,EAAU,UAAU,SACvCD,EAAgB,WAChB,KACAA,EAAgB,UAClB;GAUA,IARA,EAAgB,QAAQ,KAAA,GAExB,EAAK,aAAa,GAEdI,EAAO,sBAIPJ,EAAgB,cAAcL,EAAS,OAAO,WAAW;GAE7D,IAAMU,IAAiBH,EAAM,kBAAkBX,GAEzCe,IAAW,IAAI,YAAY,CAAC,CAC/B,OAAOF,EAAO,IAAI,CAAC,CACnB,QAAY,OAAO,GAAGZ,EAAaa,CAAc,KAAK,GAAG,GAAG,EAAE;GASjE,IANA,IAAkB,OAAO,OAAOL,GAAiB;IAC/C,OAAOA,EAAgB,QAAQM;IAC/B,YAAYF,EAAO;IACnB,UAAU,CAACA,EAAO;GACpB,CAAC,GAEGA,EAAO,aAAaA,EAAO,MAAM;EACvC;CACF;CAeA,IAAMG,IAAcC,QAZlBT,EAAU,CAAC,CAAC,OAAO,MAAQ;EACzB,AAAIJ,EAAS,UACX,EAAK,cACDE,EAAK,cAAcK,EAAM,cAAc,KACzC,EAAS,MAAM,QAAQO,IAEvB,QAAQ,KAAK,eAAeA,GAAK,UAAU;CAGjD,CAAC,GAG+C,MAAM;EACtD,WAAW;EACX,mBAAmB;CACrB,CAAC;CA4BD,OA1BAC,QACQf,GAAU,OAAO,gBACjBY,EAAY,MAAM,CAC1B,GAEAI,QACQT,EAAM,YACX,MAAO;EACN,AAAIU,MAAO,KAAA,KACT,EAAS,QAAQ,KAAA,GACjBL,EAAY,MAAM,KACTK,MAAOjB,EAAS,OAAO,cAChC,EAAS,QAAQ;GACf,WAAWiB;GACX,YAAY;GACZ,OAAO;GACP,UAAU;GACV,OAAO,KAAA;EACT,GACA,EAAK,aAAa,GAClBL,EAAY,OAAO;CAEvB,GACA,EAAE,WAAW,GAAK,CACpB,GAEOZ;AACT"}

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlNotificationAlert.js","names":[],"sources":["../../../src/components/PlNotificationAlert/PlNotificationAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnGhost } from \"../PlBtnGhost\";\nimport \"./pl-notification-alert.scss\";\n\nconst props = withDefaults(\n defineProps<{\n type?: \"success\" \| \"error\" \| \"warning\" \| \"neutral\";\n width?: string;\n closable?: boolean;\n }>(),\n { type: \"neutral\", width: \"256px\" },\n);\n\nconst model = defineModel({ type: Boolean, default: true });\n\nfunction closeAlert() {\n if (props.closable) {\n model.value = false;\n }\n}\n</script>\n\n<template>\n <div\n v-if=\"model\"\n :class=\"type\"\n :style=\"{ width: `${width}` }\"\n data-testid=\"pl-notification-alert\"\n class=\"pl-notification-alert d-flex flex-column gap-16\"\n >\n <div class=\"pl-notification-alert__wrapper d-flex text-s\">\n <div\n data-testid=\"pl-notification-alert-content\"\n class=\"pl-notification-alert__content flex-grow-1\"\n >\n <slot />\n </div>\n <div v-if=\"closable\" class=\"pl-notification-alert__close\">\n <PlBtnGhost\n data-testid=\"pl-notification-alert-close\"\n icon=\"close\"\n @click.stop=\"closeAlert\"\n />\n </div>\n </div>\n\n <div\n v-if=\"!!$slots.actions\"\n data-testid=\"pl-notification-alert-actions\"\n class=\"pl-notification-alert__actions d-flex\"\n >\n <slot name=\"actions\" />\n </div>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlNotificationAlert.js","names":["_sfc_main","PlNotificationAlert_vue_vue_type_script_setup_true_lang_default","PlNotificationAlert_default"],"sources":["../../../src/components/PlNotificationAlert/PlNotificationAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnGhost } from \"../PlBtnGhost\";\nimport \"./pl-notification-alert.scss\";\n\nconst props = withDefaults(\n defineProps<{\n type?: \"success\" \| \"error\" \| \"warning\" \| \"neutral\";\n width?: string;\n closable?: boolean;\n }>(),\n { type: \"neutral\", width: \"256px\" },\n);\n\nconst model = defineModel({ type: Boolean, default: true });\n\nfunction closeAlert() {\n if (props.closable) {\n model.value = false;\n }\n}\n</script>\n\n<template>\n <div\n v-if=\"model\"\n :class=\"type\"\n :style=\"{ width: `${width}` }\"\n data-testid=\"pl-notification-alert\"\n class=\"pl-notification-alert d-flex flex-column gap-16\"\n >\n <div class=\"pl-notification-alert__wrapper d-flex text-s\">\n <div\n data-testid=\"pl-notification-alert-content\"\n class=\"pl-notification-alert__content flex-grow-1\"\n >\n <slot />\n </div>\n <div v-if=\"closable\" class=\"pl-notification-alert__close\">\n <PlBtnGhost\n data-testid=\"pl-notification-alert-close\"\n icon=\"close\"\n @click.stop=\"closeAlert\"\n />\n </div>\n </div>\n\n <div\n v-if=\"!!$slots.actions\"\n data-testid=\"pl-notification-alert-actions\"\n class=\"pl-notification-alert__actions d-flex\"\n >\n <slot name=\"actions\" />\n </div>\n </div>\n</template>\n"],"mappings":""}

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

@@ -2,7 +2,7 @@ import e from "../PlBtnGhost/PlBtnGhost.js";
 import "../PlBtnGhost/index.js";
 import './pl-notification-alert.css';/* empty css                      */
 import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderSlot as u, unref as d, useModel as f, withModifiers as p } from "vue";
-//#region src/components/PlNotificationAlert/PlNotificationAlert.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlNotificationAlert/PlNotificationAlert.vue?vue&type=script&setup=true&lang.ts
 var m = { class: "pl-notification-alert__wrapper d-flex text-s" }, h = {
 	"data-testid": "pl-notification-alert-content",
 	class: "pl-notification-alert__content flex-grow-1"
@@ -13,9 +13,9 @@ var m = { class: "pl-notification-alert__wrapper d-flex text-s" }, h = {
 	key: 0,
 	"data-testid": "pl-notification-alert-actions",
 	class: "pl-notification-alert__actions d-flex"
-}, v = /* @__PURE__ */ a({
+}, v = /*@__PURE__*/ a({
 	__name: "PlNotificationAlert",
-	props: /* @__PURE__ */ o({
+	props: /*@__PURE__*/ o({
 		type: { default: "neutral" },
 		width: { default: "256px" },
 		closable: { type: Boolean }
@@ -44,7 +44,6 @@ var m = { class: "pl-notification-alert__wrapper d-flex text-s" }, h = {
 		})])) : t("", !0)]), o.$slots.actions ? (l(), n("div", _, [u(o.$slots, "actions")])) : t("", !0)], 6)) : t("", !0);
 	}
 });
-//#endregion
 export { v as default };
 //# sourceMappingURL=PlNotificationAlert.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlNotificationAlert.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/PlNotificationAlert/PlNotificationAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnGhost } from \"../PlBtnGhost\";\nimport \"./pl-notification-alert.scss\";\n\nconst props = withDefaults(\n defineProps<{\n type?: \"success\" \| \"error\" \| \"warning\" \| \"neutral\";\n width?: string;\n closable?: boolean;\n }>(),\n { type: \"neutral\", width: \"256px\" },\n);\n\nconst model = defineModel({ type: Boolean, default: true });\n\nfunction closeAlert() {\n if (props.closable) {\n model.value = false;\n }\n}\n</script>\n\n<template>\n <div\n v-if=\"model\"\n :class=\"type\"\n :style=\"{ width: `${width}` }\"\n data-testid=\"pl-notification-alert\"\n class=\"pl-notification-alert d-flex flex-column gap-16\"\n >\n <div class=\"pl-notification-alert__wrapper d-flex text-s\">\n <div\n data-testid=\"pl-notification-alert-content\"\n class=\"pl-notification-alert__content flex-grow-1\"\n >\n <slot />\n </div>\n <div v-if=\"closable\" class=\"pl-notification-alert__close\">\n <PlBtnGhost\n data-testid=\"pl-notification-alert-close\"\n icon=\"close\"\n @click.stop=\"closeAlert\"\n />\n </div>\n </div>\n\n <div\n v-if=\"!!$slots.actions\"\n data-testid=\"pl-notification-alert-actions\"\n class=\"pl-notification-alert__actions d-flex\"\n >\n <slot name=\"actions\" />\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,~~IAAM~~,~~IAAQ~~,~~GASR~~,~~IAAQ~~,~~EAAW~~,GAAA,~~aAAkC~~;~~EAE3D~~,~~SAAS~~,IAAa;~~AACpB~~,~~GAAI~~,EAAM,aACR,EAAM,QAAQ~~;;mBAOR~~,EAAA,~~SAAA~~,~~GAAA~~,~~EADR~~,EA8BM,OAAA;;GA5BH,~~OAAK~~,EAAA,~~CAAE~~,EAAA,MAGF,~~kDAAiD~~,CAAA;GAFtD,~~OAAK~~,EAAA,EAAA,OAAA,~~GAAc~~,EAAA,~~SAAK~~,CAAA;GACzB,eAAY;~~MAGZ~~,EAcM,~~OAdN~~,GAcM,~~CAbJ~~,EAKM,~~OALN~~,GAKM,~~CADJ~~,~~EAAQ~~,EAAA,QAAA,~~UAAA~~,~~CAAA~~,~~CAAA~~,~~EAEC,~~EAAA,~~YAAA~~,~~GAAA~~,~~EAAX~~,EAMM,~~OANN~~,GAMM,~~CALJ~~,~~EAIE~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;GAHA,eAAY;GACZ,MAAK;GACJ,~~SAAK~~,~~EAAO~~,GAAU,CAAA,~~OAAA~~,CAAA;~~uBAMnBA~~,EAAAA,OAAO,~~WAAA~~,~~GAAA~~,~~EADjB~~,EAMM,~~OANN~~,GAMM,~~CADJ~~,~~EAAuB~~,EAAA,QAAA,~~UAAA~~,~~CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA~~"}
1	+ {"version":3,"file":"PlNotificationAlert.vue_vue_type_script_setup_true_lang.js","names":["$slots","_useModel","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_renderSlot","_createVNode","_unref","PlBtnGhost","_withModifiers","_createCommentVNode","PlBtnGhost_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","PlNotificationAlert_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","props","__props","model","useModel","closeAlert","openBlock","createElementBlock","normalizeClass","normalizeStyle","createElementVNode","renderSlot","_ctx","createVNode","unref","withModifiers","createCommentVNode"],"sources":["../../../src/components/PlNotificationAlert/PlNotificationAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnGhost } from \"../PlBtnGhost\";\nimport \"./pl-notification-alert.scss\";\n\nconst props = withDefaults(\n defineProps<{\n type?: \"success\" \| \"error\" \| \"warning\" \| \"neutral\";\n width?: string;\n closable?: boolean;\n }>(),\n { type: \"neutral\", width: \"256px\" },\n);\n\nconst model = defineModel({ type: Boolean, default: true });\n\nfunction closeAlert() {\n if (props.closable) {\n model.value = false;\n }\n}\n</script>\n\n<template>\n <div\n v-if=\"model\"\n :class=\"type\"\n :style=\"{ width: `${width}` }\"\n data-testid=\"pl-notification-alert\"\n class=\"pl-notification-alert d-flex flex-column gap-16\"\n >\n <div class=\"pl-notification-alert__wrapper d-flex text-s\">\n <div\n data-testid=\"pl-notification-alert-content\"\n class=\"pl-notification-alert__content flex-grow-1\"\n >\n <slot />\n </div>\n <div v-if=\"closable\" class=\"pl-notification-alert__close\">\n <PlBtnGhost\n data-testid=\"pl-notification-alert-close\"\n icon=\"close\"\n @click.stop=\"closeAlert\"\n />\n </div>\n </div>\n\n <div\n v-if=\"!!$slots.actions\"\n data-testid=\"pl-notification-alert-actions\"\n class=\"pl-notification-alert__actions d-flex\"\n >\n <slot name=\"actions\" />\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,IAAMqB,IAAQC,GASRC,IAAQtB,EAAWqB,GAAA,YAAiC;EAE1D,SAASG,IAAa;GACpB,AAAIJ,EAAM,aACR,EAAM,QAAQ;EAElB;E,iBAKUE,EAAA,SADRrB,EAAA,GAAAC,EA8BM,OAAA;;GA5BH,OAAKC,EAAA,CAAEkB,EAAA,MAGF,iDAAiD,CAAA;GAFtD,OAAKjB,EAAA,EAAA,OAAA,GAAciB,EAAA,QAAK,CAAA;GACzB,eAAY;E,IAGZhB,EAcM,OAdNQ,GAcM,CAbJR,EAKM,OALNS,GAKM,CADJR,EAAQyB,EAAA,QAAA,SAAA,C,IAECV,EAAA,YAAXpB,EAAA,GAAAC,EAMM,OANNa,GAMM,CALJR,EAIEC,EAAAC,CAAA,GAAA;GAHA,eAAY;GACZ,MAAK;GACJ,SAAKC,EAAOc,GAAU,CAAA,MAAA,CAAA;E,qBAMnBzB,EAAAA,OAAO,WADjBE,EAAA,GAAAC,EAMM,OANNc,GAMM,CADJV,EAAuByB,EAAA,QAAA,SAAA,C"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlNumberField.js","names":[],"sources":["../../../src/components/PlNumberField/PlNumberField.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Number input field with increment/decrement buttons, validation, and min/max constraints.\n \n @example\n * <PlNumberField v-model=\"price\" :step=\"0.01\" :min-value=\"0\" label=\"Price\" />\n \n @example\n * <PlNumberField\n * v-model=\"evenNumber\"\n * :validate=\"(v) => v % 2 !== 0 ? 'Number must be even' : undefined\"\n * label=\"Even Number\"\n * />\n /\nexport default {\n name: \"PlNumberField\",\n};\n</script>\n\n<script\n setup\n lang=\"ts\"\n generic=\"\n R extends true \| false,\n V extends undefined \| number,\n C extends Exclude<V, [R] extends [true] ? undefined : never>\n \"\n>\nimport \"./pl-number-field.scss\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport type { BooleanProp, BooleanPropUnless } from \"../../utils/booleanProps\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { computed, ref, useSlots, watch } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { tryParseNumber, numberToDecimalString, validateNumber } from \"./parseNumber\";\n\nconst modelValue = defineModel<V>({ required: true });\n\nconst emit = defineEmits<{\n blur: [value: V];\n focus: [value: V];\n enter: [value: V];\n}>();\n\nconst props = withDefaults(\n defineProps<{\n /* If `true`, the field is required and will show an error if left empty. /\n required?: BooleanProp<R>;\n /* Label on the top border of the field, empty by default /\n label?: string;\n /* Input placeholder, empty by default /\n placeholder?: string;\n /* Step for increment/decrement buttons, 1 by default /\n step?: number;\n /* If defined - show an error if value is lower /\n minValue?: number;\n /* If defined - show an error if value is higher /\n maxValue?: number;\n /* Input is disabled if true /\n disabled?: boolean;\n /* If true - remove buttons on the right /\n disableSteps?: boolean;\n /* Error message that shows always when it's provided, without other checks /\n errorMessage?: string;\n /* Additional validity check for input value that must return an error text if failed /\n validate?: (v: number) => string \| undefined;\n /* If `true`, shows a clear button that resets value to `undefined`. If a function, calls it to get the reset value. /\n clearable?: BooleanPropUnless<R> \| (() => C);\n /* Makes some of corners not rounded /\n groupPosition?:\n \| \"top\"\n \| \"bottom\"\n \| \"left\"\n \| \"right\"\n \| \"top-left\"\n \| \"top-right\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n \| \"middle\";\n }>(),\n { step: 1 },\n);\n\nconst slots = useSlots();\n\nconst rootRef = ref<HTMLElement>();\n\nuseLabelNotch(rootRef);\n\nconst displayText = ref(numberToDecimalString(modelValue.value));\n\n// Sync display when model changes externally (parent, increment/decrement).\n// Skip if the current input already represents the same value.\nwatch(modelValue, (newVal) => {\n const parsed = tryParseNumber(displayText.value);\n if (parsed.value === newVal) return;\n displayText.value = numberToDecimalString(newVal);\n});\n\nfunction handleInput(event: Event) {\n const input = event.target as HTMLInputElement;\n displayText.value = input.value;\n\n const result = tryParseNumber(input.value);\n if (result.value !== undefined) {\n modelValue.value = result.value as V;\n }\n}\n\n// On Enter or blur: if parseable, replace display with canonical decimal string.\n// Converts exponential (1e-5) to plain form (0.00001).\nfunction commitValue() {\n const text = displayText.value.trim();\n const result = tryParseNumber(text);\n\n // Empty or partial (-, ., -.) → clear display and reset model for non-required fields\n if (text === \"\" \|\| (result.value === undefined && result.error === undefined)) {\n displayText.value = \"\";\n if (!props.required) {\n modelValue.value = undefined as V;\n }\n return;\n }\n\n if (result.value !== undefined) {\n modelValue.value = result.value as V;\n displayText.value = numberToDecimalString(result.value);\n }\n}\n\nconst error = computed(() => {\n if (props.errorMessage) return props.errorMessage;\n\n const result = tryParseNumber(displayText.value);\n if (result.error) return result.error;\n if (result.value !== undefined) {\n return validateNumber(result.value, props);\n }\n\n if (props.required && displayText.value.trim() === \"\") {\n return \"Value is required\";\n }\n\n return undefined;\n});\n\nconst canShowClearable = computed(\n () =>\n props.clearable &&\n (modelValue.value !== undefined \|\| displayText.value.trim() !== \"\") &&\n !props.disabled,\n);\n\nfunction clear() {\n if (typeof props.clearable === \"function\") {\n modelValue.value = props.clearable();\n displayText.value = numberToDecimalString(modelValue.value);\n } else {\n modelValue.value = undefined as V;\n displayText.value = \"\";\n }\n}\n\nconst isIncrementDisabled = computed(() => {\n if (error.value) return true;\n return (\n props.maxValue !== undefined &&\n modelValue.value !== undefined &&\n modelValue.value >= props.maxValue\n );\n});\n\nconst isDecrementDisabled = computed(() => {\n if (error.value) return true;\n return (\n props.minValue !== undefined &&\n modelValue.value !== undefined &&\n modelValue.value <= props.minValue\n );\n});\n\nconst multiplier = computed(() => 10 * (props.step.toString().split(\".\").at(1)?.length ?? 0));\n\nfunction increment() {\n if (isIncrementDisabled.value) return;\n\n let nV: number;\n if (modelValue.value === undefined) {\n nV = props.minValue ?? 0;\n } else {\n nV =\n ((modelValue.value \|\| 0) * multiplier.value + props.step * multiplier.value) /\n multiplier.value;\n }\n\n modelValue.value = (props.maxValue !== undefined ? Math.min(props.maxValue, nV) : nV) as V;\n}\n\nfunction decrement() {\n if (isDecrementDisabled.value) return;\n\n let nV: number;\n if (modelValue.value === undefined) {\n nV = 0;\n } else {\n nV =\n ((modelValue.value \|\| 0) * multiplier.value - props.step * multiplier.value) /\n multiplier.value;\n }\n\n modelValue.value = (props.minValue !== undefined ? Math.max(props.minValue, nV) : nV) as V;\n}\n\nfunction handleBlur() {\n commitValue();\n emit(\"blur\", modelValue.value);\n}\n\nfunction handleFocus() {\n emit(\"focus\", modelValue.value);\n}\n\nfunction handleKeyDown(e: KeyboardEvent) {\n if (e.code === \"Enter\") {\n commitValue();\n emit(\"enter\", modelValue.value);\n }\n\n if ([\"ArrowDown\", \"ArrowUp\"].includes(e.code)) {\n e.preventDefault();\n }\n\n if (!props.disableSteps && e.code === \"ArrowUp\") {\n increment();\n }\n\n if (!props.disableSteps && e.code === \"ArrowDown\") {\n decrement();\n }\n}\n\n// Prevent selecting beyond input content on triple-click etc.\nfunction handleMousedown(ev: MouseEvent) {\n if (ev.detail > 1) {\n ev.preventDefault();\n }\n}\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"{ error: !!error, disabled: disabled }\"\n class=\"pl-number-field d-flex-column\"\n data-testid=\"pl-number-field\"\n @keydown=\"handleKeyDown\"\n >\n <div class=\"pl-number-field__main-wrapper d-flex\">\n <DoubleContour class=\"pl-number-field__contour\" :group-position=\"groupPosition\" />\n <div class=\"pl-number-field__wrapper flex-grow d-flex flex-align-center\">\n <label v-if=\"label\" class=\"text-description\" data-testid=\"pl-number-field-label\">\n {{ label }}\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-number-field-tooltip\"\n >\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <input\n ref=\"inputRef\"\n type=\"text\"\n inputmode=\"numeric\"\n :value=\"displayText\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder\"\n class=\"text-s flex-grow\"\n data-testid=\"pl-number-field-input\"\n @input=\"handleInput\"\n @focusout=\"handleBlur\"\n @focusin=\"handleFocus\"\n />\n <PlIcon16\n v-if=\"canShowClearable\"\n class=\"pl-number-field__clearable\"\n data-testid=\"pl-number-field-clear\"\n name=\"delete-clear\"\n @click.stop=\"clear\"\n />\n </div>\n <div\n v-if=\"!props.disableSteps\"\n class=\"pl-number-field__icons d-flex-column\"\n data-testid=\"pl-number-field-steps\"\n @mousedown=\"handleMousedown\"\n >\n <div\n :class=\"{ disabled: isIncrementDisabled }\"\n class=\"pl-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center\"\n data-testid=\"pl-number-field-increment\"\n @click=\"increment\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8 4.93933L13.5303 10.4697L12.4697 11.5303L8 7.06065L3.53033 11.5303L2.46967 10.4697L8 4.93933Z\"\n fill=\"#110529\"\n />\n </svg>\n </div>\n <div\n :class=\"{ disabled: isDecrementDisabled }\"\n class=\"pl-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center\"\n data-testid=\"pl-number-field-decrement\"\n @click=\"decrement\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.46967 6.53033L3.53033 5.46967L8 9.93934L12.4697 5.46967L13.5303 6.53033L8 12.0607L2.46967 6.53033Z\"\n fill=\"#110529\"\n />\n </svg>\n </div>\n </div>\n </div>\n <div v-if=\"error\" class=\"pl-number-field__error\" data-testid=\"pl-number-field-error\">\n {{ error }}\n </div>\n </div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"PlNumberField.js","names":["_sfc_main","PlNumberField_vue_vue_type_script_setup_true_lang_default","PlNumberField_default"],"sources":["../../../src/components/PlNumberField/PlNumberField.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Number input field with increment/decrement buttons, validation, and min/max constraints.\n \n @example\n * <PlNumberField v-model=\"price\" :step=\"0.01\" :min-value=\"0\" label=\"Price\" />\n \n @example\n * <PlNumberField\n * v-model=\"evenNumber\"\n * :validate=\"(v) => v % 2 !== 0 ? 'Number must be even' : undefined\"\n * label=\"Even Number\"\n * />\n /\nexport default {\n name: \"PlNumberField\",\n};\n</script>\n\n<script\n setup\n lang=\"ts\"\n generic=\"\n R extends true \| false,\n V extends undefined \| number,\n C extends Exclude<V, [R] extends [true] ? undefined : never>\n \"\n>\nimport \"./pl-number-field.scss\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport type { BooleanProp, BooleanPropUnless } from \"../../utils/booleanProps\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { computed, ref, useSlots, watch } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { tryParseNumber, numberToDecimalString, validateNumber } from \"./parseNumber\";\n\nconst modelValue = defineModel<V>({ required: true });\n\nconst emit = defineEmits<{\n blur: [value: V];\n focus: [value: V];\n enter: [value: V];\n}>();\n\nconst props = withDefaults(\n defineProps<{\n /* If `true`, the field is required and will show an error if left empty. /\n required?: BooleanProp<R>;\n /* Label on the top border of the field, empty by default /\n label?: string;\n /* Input placeholder, empty by default /\n placeholder?: string;\n /* Step for increment/decrement buttons, 1 by default /\n step?: number;\n /* If defined - show an error if value is lower /\n minValue?: number;\n /* If defined - show an error if value is higher /\n maxValue?: number;\n /* Input is disabled if true /\n disabled?: boolean;\n /* If true - remove buttons on the right /\n disableSteps?: boolean;\n /* Error message that shows always when it's provided, without other checks /\n errorMessage?: string;\n /* Additional validity check for input value that must return an error text if failed /\n validate?: (v: number) => string \| undefined;\n /* If `true`, shows a clear button that resets value to `undefined`. If a function, calls it to get the reset value. /\n clearable?: BooleanPropUnless<R> \| (() => C);\n /* Makes some of corners not rounded /\n groupPosition?:\n \| \"top\"\n \| \"bottom\"\n \| \"left\"\n \| \"right\"\n \| \"top-left\"\n \| \"top-right\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n \| \"middle\";\n }>(),\n { step: 1 },\n);\n\nconst slots = useSlots();\n\nconst rootRef = ref<HTMLElement>();\n\nuseLabelNotch(rootRef);\n\nconst displayText = ref(numberToDecimalString(modelValue.value));\n\n// Sync display when model changes externally (parent, increment/decrement).\n// Skip if the current input already represents the same value.\nwatch(modelValue, (newVal) => {\n const parsed = tryParseNumber(displayText.value);\n if (parsed.value === newVal) return;\n displayText.value = numberToDecimalString(newVal);\n});\n\nfunction handleInput(event: Event) {\n const input = event.target as HTMLInputElement;\n displayText.value = input.value;\n\n const result = tryParseNumber(input.value);\n if (result.value !== undefined) {\n modelValue.value = result.value as V;\n }\n}\n\n// On Enter or blur: if parseable, replace display with canonical decimal string.\n// Converts exponential (1e-5) to plain form (0.00001).\nfunction commitValue() {\n const text = displayText.value.trim();\n const result = tryParseNumber(text);\n\n // Empty or partial (-, ., -.) → clear display and reset model for non-required fields\n if (text === \"\" \|\| (result.value === undefined && result.error === undefined)) {\n displayText.value = \"\";\n if (!props.required) {\n modelValue.value = undefined as V;\n }\n return;\n }\n\n if (result.value !== undefined) {\n modelValue.value = result.value as V;\n displayText.value = numberToDecimalString(result.value);\n }\n}\n\nconst error = computed(() => {\n if (props.errorMessage) return props.errorMessage;\n\n const result = tryParseNumber(displayText.value);\n if (result.error) return result.error;\n if (result.value !== undefined) {\n return validateNumber(result.value, props);\n }\n\n if (props.required && displayText.value.trim() === \"\") {\n return \"Value is required\";\n }\n\n return undefined;\n});\n\nconst canShowClearable = computed(\n () =>\n props.clearable &&\n (modelValue.value !== undefined \|\| displayText.value.trim() !== \"\") &&\n !props.disabled,\n);\n\nfunction clear() {\n if (typeof props.clearable === \"function\") {\n modelValue.value = props.clearable();\n displayText.value = numberToDecimalString(modelValue.value);\n } else {\n modelValue.value = undefined as V;\n displayText.value = \"\";\n }\n}\n\nconst isIncrementDisabled = computed(() => {\n if (error.value) return true;\n return (\n props.maxValue !== undefined &&\n modelValue.value !== undefined &&\n modelValue.value >= props.maxValue\n );\n});\n\nconst isDecrementDisabled = computed(() => {\n if (error.value) return true;\n return (\n props.minValue !== undefined &&\n modelValue.value !== undefined &&\n modelValue.value <= props.minValue\n );\n});\n\nconst multiplier = computed(() => 10 * (props.step.toString().split(\".\").at(1)?.length ?? 0));\n\nfunction increment() {\n if (isIncrementDisabled.value) return;\n\n let nV: number;\n if (modelValue.value === undefined) {\n nV = props.minValue ?? 0;\n } else {\n nV =\n ((modelValue.value \|\| 0) * multiplier.value + props.step * multiplier.value) /\n multiplier.value;\n }\n\n modelValue.value = (props.maxValue !== undefined ? Math.min(props.maxValue, nV) : nV) as V;\n}\n\nfunction decrement() {\n if (isDecrementDisabled.value) return;\n\n let nV: number;\n if (modelValue.value === undefined) {\n nV = 0;\n } else {\n nV =\n ((modelValue.value \|\| 0) * multiplier.value - props.step * multiplier.value) /\n multiplier.value;\n }\n\n modelValue.value = (props.minValue !== undefined ? Math.max(props.minValue, nV) : nV) as V;\n}\n\nfunction handleBlur() {\n commitValue();\n emit(\"blur\", modelValue.value);\n}\n\nfunction handleFocus() {\n emit(\"focus\", modelValue.value);\n}\n\nfunction handleKeyDown(e: KeyboardEvent) {\n if (e.code === \"Enter\") {\n commitValue();\n emit(\"enter\", modelValue.value);\n }\n\n if ([\"ArrowDown\", \"ArrowUp\"].includes(e.code)) {\n e.preventDefault();\n }\n\n if (!props.disableSteps && e.code === \"ArrowUp\") {\n increment();\n }\n\n if (!props.disableSteps && e.code === \"ArrowDown\") {\n decrement();\n }\n}\n\n// Prevent selecting beyond input content on triple-click etc.\nfunction handleMousedown(ev: MouseEvent) {\n if (ev.detail > 1) {\n ev.preventDefault();\n }\n}\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"{ error: !!error, disabled: disabled }\"\n class=\"pl-number-field d-flex-column\"\n data-testid=\"pl-number-field\"\n @keydown=\"handleKeyDown\"\n >\n <div class=\"pl-number-field__main-wrapper d-flex\">\n <DoubleContour class=\"pl-number-field__contour\" :group-position=\"groupPosition\" />\n <div class=\"pl-number-field__wrapper flex-grow d-flex flex-align-center\">\n <label v-if=\"label\" class=\"text-description\" data-testid=\"pl-number-field-label\">\n {{ label }}\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-number-field-tooltip\"\n >\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <input\n ref=\"inputRef\"\n type=\"text\"\n inputmode=\"numeric\"\n :value=\"displayText\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder\"\n class=\"text-s flex-grow\"\n data-testid=\"pl-number-field-input\"\n @input=\"handleInput\"\n @focusout=\"handleBlur\"\n @focusin=\"handleFocus\"\n />\n <PlIcon16\n v-if=\"canShowClearable\"\n class=\"pl-number-field__clearable\"\n data-testid=\"pl-number-field-clear\"\n name=\"delete-clear\"\n @click.stop=\"clear\"\n />\n </div>\n <div\n v-if=\"!props.disableSteps\"\n class=\"pl-number-field__icons d-flex-column\"\n data-testid=\"pl-number-field-steps\"\n @mousedown=\"handleMousedown\"\n >\n <div\n :class=\"{ disabled: isIncrementDisabled }\"\n class=\"pl-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center\"\n data-testid=\"pl-number-field-increment\"\n @click=\"increment\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8 4.93933L13.5303 10.4697L12.4697 11.5303L8 7.06065L3.53033 11.5303L2.46967 10.4697L8 4.93933Z\"\n fill=\"#110529\"\n />\n </svg>\n </div>\n <div\n :class=\"{ disabled: isDecrementDisabled }\"\n class=\"pl-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center\"\n data-testid=\"pl-number-field-decrement\"\n @click=\"decrement\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.46967 6.53033L3.53033 5.46967L8 9.93934L12.4697 5.46967L13.5303 6.53033L8 12.0607L2.46967 6.53033Z\"\n fill=\"#110529\"\n />\n </svg>\n </div>\n </div>\n </div>\n <div v-if=\"error\" class=\"pl-number-field__error\" data-testid=\"pl-number-field-error\">\n {{ error }}\n </div>\n </div>\n</template>\n"],"mappings":""}

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

@@ -7,7 +7,7 @@ import { useLabelNotch as r } from "../../utils/useLabelNotch.js";
 import './pl-number-field.css';/* empty css                */
 import { numberToDecimalString as i, tryParseNumber as a, validateNumber as o } from "./parseNumber.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, normalizeClass as g, openBlock as _, ref as v, renderSlot as y, toDisplayString as b, unref as x, useModel as S, useSlots as C, watch as w, withCtx as T, withModifiers as E } from "vue";
-//#region src/components/PlNumberField/PlNumberField.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlNumberField/PlNumberField.vue?vue&type=script&setup=true&lang.ts
 var D = { class: "pl-number-field__main-wrapper d-flex" }, O = { class: "pl-number-field__wrapper flex-grow d-flex flex-align-center" }, k = {
 	key: 0,
 	class: "text-description",
@@ -20,9 +20,9 @@ var D = { class: "pl-number-field__main-wrapper d-flex" }, O = { class: "pl-numb
 	key: 0,
 	class: "pl-number-field__error",
 	"data-testid": "pl-number-field-error"
-}, M = /* @__PURE__ */ m({
+}, M = /*@__PURE__*/ m({
 	name: "PlNumberField",
-	props: /* @__PURE__ */ h({
+	props: /*@__PURE__*/ h({
 		required: { type: Boolean },
 		label: {},
 		placeholder: {},
@@ -39,7 +39,7 @@ var D = { class: "pl-number-field__main-wrapper d-flex" }, O = { class: "pl-numb
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ h([
+	emits: /*@__PURE__*/ h([
 		"blur",
 		"focus",
 		"enter"
@@ -59,11 +59,7 @@ var D = { class: "pl-number-field__main-wrapper d-flex" }, O = { class: "pl-numb
 		}
 		function z() {
 			let e = L.value.trim(), t = a(e);
-			if (e === "" || t.value === void 0 && t.error === void 0) {
-				L.value = "", P.required || (M.value = void 0);
-				return;
-			}
-			t.value !== void 0 && (M.value = t.value, L.value = i(t.value));
+			e === "" || t.value === void 0 && t.error === void 0 ? (L.value = "", P.required || (M.value = void 0)) : t.value !== void 0 && (M.value = t.value, L.value = i(t.value));
 		}
 		let B = s(() => {
 			if (P.errorMessage) return P.errorMessage;
@@ -182,7 +178,6 @@ var D = { class: "pl-number-field__main-wrapper d-flex" }, O = { class: "pl-numb
 		]), B.value ? (_(), u("div", j, b(B.value), 1)) : l("", !0)], 34));
 	}
 });
-//#endregion
 export { M as default };
 //# sourceMappingURL=PlNumberField.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlNumberField.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlNumberField/PlNumberField.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Number input field with increment/decrement buttons, validation, and min/max constraints.\n \n @example\n * <PlNumberField v-model=\"price\" :step=\"0.01\" :min-value=\"0\" label=\"Price\" />\n \n @example\n * <PlNumberField\n * v-model=\"evenNumber\"\n * :validate=\"(v) => v % 2 !== 0 ? 'Number must be even' : undefined\"\n * label=\"Even Number\"\n * />\n /\nexport default {\n name: \"PlNumberField\",\n};\n</script>\n\n<script\n setup\n lang=\"ts\"\n generic=\"\n R extends true \| false,\n V extends undefined \| number,\n C extends Exclude<V, [R] extends [true] ? undefined : never>\n \"\n>\nimport \"./pl-number-field.scss\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport type { BooleanProp, BooleanPropUnless } from \"../../utils/booleanProps\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { computed, ref, useSlots, watch } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { tryParseNumber, numberToDecimalString, validateNumber } from \"./parseNumber\";\n\nconst modelValue = defineModel<V>({ required: true });\n\nconst emit = defineEmits<{\n blur: [value: V];\n focus: [value: V];\n enter: [value: V];\n}>();\n\nconst props = withDefaults(\n defineProps<{\n /* If `true`, the field is required and will show an error if left empty. /\n required?: BooleanProp<R>;\n /* Label on the top border of the field, empty by default /\n label?: string;\n /* Input placeholder, empty by default /\n placeholder?: string;\n /* Step for increment/decrement buttons, 1 by default /\n step?: number;\n /* If defined - show an error if value is lower /\n minValue?: number;\n /* If defined - show an error if value is higher /\n maxValue?: number;\n /* Input is disabled if true /\n disabled?: boolean;\n /* If true - remove buttons on the right /\n disableSteps?: boolean;\n /* Error message that shows always when it's provided, without other checks /\n errorMessage?: string;\n /* Additional validity check for input value that must return an error text if failed /\n validate?: (v: number) => string \| undefined;\n /* If `true`, shows a clear button that resets value to `undefined`. If a function, calls it to get the reset value. /\n clearable?: BooleanPropUnless<R> \| (() => C);\n /* Makes some of corners not rounded /\n groupPosition?:\n \| \"top\"\n \| \"bottom\"\n \| \"left\"\n \| \"right\"\n \| \"top-left\"\n \| \"top-right\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n \| \"middle\";\n }>(),\n { step: 1 },\n);\n\nconst slots = useSlots();\n\nconst rootRef = ref<HTMLElement>();\n\nuseLabelNotch(rootRef);\n\nconst displayText = ref(numberToDecimalString(modelValue.value));\n\n// Sync display when model changes externally (parent, increment/decrement).\n// Skip if the current input already represents the same value.\nwatch(modelValue, (newVal) => {\n const parsed = tryParseNumber(displayText.value);\n if (parsed.value === newVal) return;\n displayText.value = numberToDecimalString(newVal);\n});\n\nfunction handleInput(event: Event) {\n const input = event.target as HTMLInputElement;\n displayText.value = input.value;\n\n const result = tryParseNumber(input.value);\n if (result.value !== undefined) {\n modelValue.value = result.value as V;\n }\n}\n\n// On Enter or blur: if parseable, replace display with canonical decimal string.\n// Converts exponential (1e-5) to plain form (0.00001).\nfunction commitValue() {\n const text = displayText.value.trim();\n const result = tryParseNumber(text);\n\n // Empty or partial (-, ., -.) → clear display and reset model for non-required fields\n if (text === \"\" \|\| (result.value === undefined && result.error === undefined)) {\n displayText.value = \"\";\n if (!props.required) {\n modelValue.value = undefined as V;\n }\n return;\n }\n\n if (result.value !== undefined) {\n modelValue.value = result.value as V;\n displayText.value = numberToDecimalString(result.value);\n }\n}\n\nconst error = computed(() => {\n if (props.errorMessage) return props.errorMessage;\n\n const result = tryParseNumber(displayText.value);\n if (result.error) return result.error;\n if (result.value !== undefined) {\n return validateNumber(result.value, props);\n }\n\n if (props.required && displayText.value.trim() === \"\") {\n return \"Value is required\";\n }\n\n return undefined;\n});\n\nconst canShowClearable = computed(\n () =>\n props.clearable &&\n (modelValue.value !== undefined \|\| displayText.value.trim() !== \"\") &&\n !props.disabled,\n);\n\nfunction clear() {\n if (typeof props.clearable === \"function\") {\n modelValue.value = props.clearable();\n displayText.value = numberToDecimalString(modelValue.value);\n } else {\n modelValue.value = undefined as V;\n displayText.value = \"\";\n }\n}\n\nconst isIncrementDisabled = computed(() => {\n if (error.value) return true;\n return (\n props.maxValue !== undefined &&\n modelValue.value !== undefined &&\n modelValue.value >= props.maxValue\n );\n});\n\nconst isDecrementDisabled = computed(() => {\n if (error.value) return true;\n return (\n props.minValue !== undefined &&\n modelValue.value !== undefined &&\n modelValue.value <= props.minValue\n );\n});\n\nconst multiplier = computed(() => 10 * (props.step.toString().split(\".\").at(1)?.length ?? 0));\n\nfunction increment() {\n if (isIncrementDisabled.value) return;\n\n let nV: number;\n if (modelValue.value === undefined) {\n nV = props.minValue ?? 0;\n } else {\n nV =\n ((modelValue.value \|\| 0) * multiplier.value + props.step * multiplier.value) /\n multiplier.value;\n }\n\n modelValue.value = (props.maxValue !== undefined ? Math.min(props.maxValue, nV) : nV) as V;\n}\n\nfunction decrement() {\n if (isDecrementDisabled.value) return;\n\n let nV: number;\n if (modelValue.value === undefined) {\n nV = 0;\n } else {\n nV =\n ((modelValue.value \|\| 0) * multiplier.value - props.step * multiplier.value) /\n multiplier.value;\n }\n\n modelValue.value = (props.minValue !== undefined ? Math.max(props.minValue, nV) : nV) as V;\n}\n\nfunction handleBlur() {\n commitValue();\n emit(\"blur\", modelValue.value);\n}\n\nfunction handleFocus() {\n emit(\"focus\", modelValue.value);\n}\n\nfunction handleKeyDown(e: KeyboardEvent) {\n if (e.code === \"Enter\") {\n commitValue();\n emit(\"enter\", modelValue.value);\n }\n\n if ([\"ArrowDown\", \"ArrowUp\"].includes(e.code)) {\n e.preventDefault();\n }\n\n if (!props.disableSteps && e.code === \"ArrowUp\") {\n increment();\n }\n\n if (!props.disableSteps && e.code === \"ArrowDown\") {\n decrement();\n }\n}\n\n// Prevent selecting beyond input content on triple-click etc.\nfunction handleMousedown(ev: MouseEvent) {\n if (ev.detail > 1) {\n ev.preventDefault();\n }\n}\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"{ error: !!error, disabled: disabled }\"\n class=\"pl-number-field d-flex-column\"\n data-testid=\"pl-number-field\"\n @keydown=\"handleKeyDown\"\n >\n <div class=\"pl-number-field__main-wrapper d-flex\">\n <DoubleContour class=\"pl-number-field__contour\" :group-position=\"groupPosition\" />\n <div class=\"pl-number-field__wrapper flex-grow d-flex flex-align-center\">\n <label v-if=\"label\" class=\"text-description\" data-testid=\"pl-number-field-label\">\n {{ label }}\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-number-field-tooltip\"\n >\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <input\n ref=\"inputRef\"\n type=\"text\"\n inputmode=\"numeric\"\n :value=\"displayText\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder\"\n class=\"text-s flex-grow\"\n data-testid=\"pl-number-field-input\"\n @input=\"handleInput\"\n @focusout=\"handleBlur\"\n @focusin=\"handleFocus\"\n />\n <PlIcon16\n v-if=\"canShowClearable\"\n class=\"pl-number-field__clearable\"\n data-testid=\"pl-number-field-clear\"\n name=\"delete-clear\"\n @click.stop=\"clear\"\n />\n </div>\n <div\n v-if=\"!props.disableSteps\"\n class=\"pl-number-field__icons d-flex-column\"\n data-testid=\"pl-number-field-steps\"\n @mousedown=\"handleMousedown\"\n >\n <div\n :class=\"{ disabled: isIncrementDisabled }\"\n class=\"pl-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center\"\n data-testid=\"pl-number-field-increment\"\n @click=\"increment\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8 4.93933L13.5303 10.4697L12.4697 11.5303L8 7.06065L3.53033 11.5303L2.46967 10.4697L8 4.93933Z\"\n fill=\"#110529\"\n />\n </svg>\n </div>\n <div\n :class=\"{ disabled: isDecrementDisabled }\"\n class=\"pl-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center\"\n data-testid=\"pl-number-field-decrement\"\n @click=\"decrement\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.46967 6.53033L3.53033 5.46967L8 9.93934L12.4697 5.46967L13.5303 6.53033L8 12.0607L2.46967 6.53033Z\"\n fill=\"#110529\"\n />\n </svg>\n </div>\n </div>\n </div>\n <div v-if=\"error\" class=\"pl-number-field__error\" data-testid=\"pl-number-field-error\">\n {{ error }}\n </div>\n </div>\n</template>\n"],"mappings":"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"}
1	+ {"version":3,"file":"PlNumberField.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","DoubleContour","_createTextVNode","_toDisplayString","_unref","_createBlock","PlTooltip","_withCtx","_renderSlot","_createCommentVNode","PlIcon16","_withModifiers","PlIcon16_default","PlTooltip_default","DoubleContour_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","PlNumberField_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__emit","modelValue","useModel","__props","emit","props","slots","useSlots","rootRef","ref","displayText","numberToDecimalString","tryParseNumber","newVal","handleInput","input","event","result","commitValue","text","error","computed","validateNumber","canShowClearable","clear","isIncrementDisabled","isDecrementDisabled","multiplier","increment","nV","decrement","handleBlur","handleFocus","handleKeyDown","handleMousedown","ev","openBlock","createElementBlock","normalizeClass","createElementVNode","createVNode","createTextVNode","toDisplayString","unref","createBlock","withCtx","renderSlot","_ctx","createCommentVNode","withModifiers","_cache"],"sources":["../../../src/components/PlNumberField/PlNumberField.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Number input field with increment/decrement buttons, validation, and min/max constraints.\n \n @example\n * <PlNumberField v-model=\"price\" :step=\"0.01\" :min-value=\"0\" label=\"Price\" />\n \n @example\n * <PlNumberField\n * v-model=\"evenNumber\"\n * :validate=\"(v) => v % 2 !== 0 ? 'Number must be even' : undefined\"\n * label=\"Even Number\"\n * />\n /\nexport default {\n name: \"PlNumberField\",\n};\n</script>\n\n<script\n setup\n lang=\"ts\"\n generic=\"\n R extends true \| false,\n V extends undefined \| number,\n C extends Exclude<V, [R] extends [true] ? undefined : never>\n \"\n>\nimport \"./pl-number-field.scss\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport type { BooleanProp, BooleanPropUnless } from \"../../utils/booleanProps\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { computed, ref, useSlots, watch } from \"vue\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { tryParseNumber, numberToDecimalString, validateNumber } from \"./parseNumber\";\n\nconst modelValue = defineModel<V>({ required: true });\n\nconst emit = defineEmits<{\n blur: [value: V];\n focus: [value: V];\n enter: [value: V];\n}>();\n\nconst props = withDefaults(\n defineProps<{\n /* If `true`, the field is required and will show an error if left empty. /\n required?: BooleanProp<R>;\n /* Label on the top border of the field, empty by default /\n label?: string;\n /* Input placeholder, empty by default /\n placeholder?: string;\n /* Step for increment/decrement buttons, 1 by default /\n step?: number;\n /* If defined - show an error if value is lower /\n minValue?: number;\n /* If defined - show an error if value is higher /\n maxValue?: number;\n /* Input is disabled if true /\n disabled?: boolean;\n /* If true - remove buttons on the right /\n disableSteps?: boolean;\n /* Error message that shows always when it's provided, without other checks /\n errorMessage?: string;\n /* Additional validity check for input value that must return an error text if failed /\n validate?: (v: number) => string \| undefined;\n /* If `true`, shows a clear button that resets value to `undefined`. If a function, calls it to get the reset value. /\n clearable?: BooleanPropUnless<R> \| (() => C);\n /* Makes some of corners not rounded /\n groupPosition?:\n \| \"top\"\n \| \"bottom\"\n \| \"left\"\n \| \"right\"\n \| \"top-left\"\n \| \"top-right\"\n \| \"bottom-left\"\n \| \"bottom-right\"\n \| \"middle\";\n }>(),\n { step: 1 },\n);\n\nconst slots = useSlots();\n\nconst rootRef = ref<HTMLElement>();\n\nuseLabelNotch(rootRef);\n\nconst displayText = ref(numberToDecimalString(modelValue.value));\n\n// Sync display when model changes externally (parent, increment/decrement).\n// Skip if the current input already represents the same value.\nwatch(modelValue, (newVal) => {\n const parsed = tryParseNumber(displayText.value);\n if (parsed.value === newVal) return;\n displayText.value = numberToDecimalString(newVal);\n});\n\nfunction handleInput(event: Event) {\n const input = event.target as HTMLInputElement;\n displayText.value = input.value;\n\n const result = tryParseNumber(input.value);\n if (result.value !== undefined) {\n modelValue.value = result.value as V;\n }\n}\n\n// On Enter or blur: if parseable, replace display with canonical decimal string.\n// Converts exponential (1e-5) to plain form (0.00001).\nfunction commitValue() {\n const text = displayText.value.trim();\n const result = tryParseNumber(text);\n\n // Empty or partial (-, ., -.) → clear display and reset model for non-required fields\n if (text === \"\" \|\| (result.value === undefined && result.error === undefined)) {\n displayText.value = \"\";\n if (!props.required) {\n modelValue.value = undefined as V;\n }\n return;\n }\n\n if (result.value !== undefined) {\n modelValue.value = result.value as V;\n displayText.value = numberToDecimalString(result.value);\n }\n}\n\nconst error = computed(() => {\n if (props.errorMessage) return props.errorMessage;\n\n const result = tryParseNumber(displayText.value);\n if (result.error) return result.error;\n if (result.value !== undefined) {\n return validateNumber(result.value, props);\n }\n\n if (props.required && displayText.value.trim() === \"\") {\n return \"Value is required\";\n }\n\n return undefined;\n});\n\nconst canShowClearable = computed(\n () =>\n props.clearable &&\n (modelValue.value !== undefined \|\| displayText.value.trim() !== \"\") &&\n !props.disabled,\n);\n\nfunction clear() {\n if (typeof props.clearable === \"function\") {\n modelValue.value = props.clearable();\n displayText.value = numberToDecimalString(modelValue.value);\n } else {\n modelValue.value = undefined as V;\n displayText.value = \"\";\n }\n}\n\nconst isIncrementDisabled = computed(() => {\n if (error.value) return true;\n return (\n props.maxValue !== undefined &&\n modelValue.value !== undefined &&\n modelValue.value >= props.maxValue\n );\n});\n\nconst isDecrementDisabled = computed(() => {\n if (error.value) return true;\n return (\n props.minValue !== undefined &&\n modelValue.value !== undefined &&\n modelValue.value <= props.minValue\n );\n});\n\nconst multiplier = computed(() => 10 * (props.step.toString().split(\".\").at(1)?.length ?? 0));\n\nfunction increment() {\n if (isIncrementDisabled.value) return;\n\n let nV: number;\n if (modelValue.value === undefined) {\n nV = props.minValue ?? 0;\n } else {\n nV =\n ((modelValue.value \|\| 0) * multiplier.value + props.step * multiplier.value) /\n multiplier.value;\n }\n\n modelValue.value = (props.maxValue !== undefined ? Math.min(props.maxValue, nV) : nV) as V;\n}\n\nfunction decrement() {\n if (isDecrementDisabled.value) return;\n\n let nV: number;\n if (modelValue.value === undefined) {\n nV = 0;\n } else {\n nV =\n ((modelValue.value \|\| 0) * multiplier.value - props.step * multiplier.value) /\n multiplier.value;\n }\n\n modelValue.value = (props.minValue !== undefined ? Math.max(props.minValue, nV) : nV) as V;\n}\n\nfunction handleBlur() {\n commitValue();\n emit(\"blur\", modelValue.value);\n}\n\nfunction handleFocus() {\n emit(\"focus\", modelValue.value);\n}\n\nfunction handleKeyDown(e: KeyboardEvent) {\n if (e.code === \"Enter\") {\n commitValue();\n emit(\"enter\", modelValue.value);\n }\n\n if ([\"ArrowDown\", \"ArrowUp\"].includes(e.code)) {\n e.preventDefault();\n }\n\n if (!props.disableSteps && e.code === \"ArrowUp\") {\n increment();\n }\n\n if (!props.disableSteps && e.code === \"ArrowDown\") {\n decrement();\n }\n}\n\n// Prevent selecting beyond input content on triple-click etc.\nfunction handleMousedown(ev: MouseEvent) {\n if (ev.detail > 1) {\n ev.preventDefault();\n }\n}\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"{ error: !!error, disabled: disabled }\"\n class=\"pl-number-field d-flex-column\"\n data-testid=\"pl-number-field\"\n @keydown=\"handleKeyDown\"\n >\n <div class=\"pl-number-field__main-wrapper d-flex\">\n <DoubleContour class=\"pl-number-field__contour\" :group-position=\"groupPosition\" />\n <div class=\"pl-number-field__wrapper flex-grow d-flex flex-align-center\">\n <label v-if=\"label\" class=\"text-description\" data-testid=\"pl-number-field-label\">\n {{ label }}\n <PlTooltip\n v-if=\"slots.tooltip\"\n class=\"info\"\n position=\"top\"\n data-testid=\"pl-number-field-tooltip\"\n >\n <template #tooltip>\n <slot name=\"tooltip\" />\n </template>\n </PlTooltip>\n </label>\n <input\n ref=\"inputRef\"\n type=\"text\"\n inputmode=\"numeric\"\n :value=\"displayText\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder\"\n class=\"text-s flex-grow\"\n data-testid=\"pl-number-field-input\"\n @input=\"handleInput\"\n @focusout=\"handleBlur\"\n @focusin=\"handleFocus\"\n />\n <PlIcon16\n v-if=\"canShowClearable\"\n class=\"pl-number-field__clearable\"\n data-testid=\"pl-number-field-clear\"\n name=\"delete-clear\"\n @click.stop=\"clear\"\n />\n </div>\n <div\n v-if=\"!props.disableSteps\"\n class=\"pl-number-field__icons d-flex-column\"\n data-testid=\"pl-number-field-steps\"\n @mousedown=\"handleMousedown\"\n >\n <div\n :class=\"{ disabled: isIncrementDisabled }\"\n class=\"pl-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center\"\n data-testid=\"pl-number-field-increment\"\n @click=\"increment\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8 4.93933L13.5303 10.4697L12.4697 11.5303L8 7.06065L3.53033 11.5303L2.46967 10.4697L8 4.93933Z\"\n fill=\"#110529\"\n />\n </svg>\n </div>\n <div\n :class=\"{ disabled: isDecrementDisabled }\"\n class=\"pl-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center\"\n data-testid=\"pl-number-field-decrement\"\n @click=\"decrement\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.46967 6.53033L3.53033 5.46967L8 9.93934L12.4697 5.46967L13.5303 6.53033L8 12.0607L2.46967 6.53033Z\"\n fill=\"#110529\"\n />\n </svg>\n </div>\n </div>\n </div>\n <div v-if=\"error\" class=\"pl-number-field__error\" data-testid=\"pl-number-field-error\">\n {{ error }}\n </div>\n </div>\n</template>\n"],"mappings":"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"}