npm - @milaboratories/uikit - Versions diffs - 2.11.6 → 2.11.7 - Mend

@milaboratories/uikit 2.11.6 → 2.11.7

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

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

@@ -2,6 +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
 var m = { class: "pl-notification-alert__wrapper d-flex text-s" }, h = { class: "pl-notification-alert__content flex-grow-1" }, g = {
 	key: 0,
 	class: "pl-notification-alert__close"
@@ -37,6 +38,7 @@ var m = { class: "pl-notification-alert__wrapper d-flex text-s" }, h = { class:
 		})])) : 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 class=\"pl-notification-alert d-flex flex-column gap-16\"\n >\n <div class=\"pl-notification-alert__wrapper d-flex text-s\">\n <div class=\"pl-notification-alert__content flex-grow-1\">\n <slot />\n </div>\n <div v-if=\"closable\" class=\"pl-notification-alert__close\">\n <PlBtnGhost icon=\"close\" @click.stop=\"closeAlert\" />\n </div>\n </div>\n\n <div v-if=\"!!$slots.actions\" class=\"pl-notification-alert__actions d-flex\">\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,EAkBM,OAAA;;GAhBH,OAAK,EAAA,CAAE,EAAA,MAEF,kDAAiD,CAAA;GADtD,OAAK,EAAA,EAAA,OAAA,GAAc,EAAA,SAAK,CAAA;MAGzB,EAOM,OAPN,GAOM,CANJ,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA,EAEC,EAAA,YAAA,GAAA,EAAX,EAEM,OAFN,GAEM,CADJ,EAAoD,EAAA,EAAA,EAAA;GAAxC,MAAK;GAAS,SAAK,EAAO,GAAU,CAAA,OAAA,CAAA;uBAIvCA,EAAAA,OAAO,WAAA,GAAA,EAApB,EAEM,OAFN,GAEM,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"],"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 class=\"pl-notification-alert d-flex flex-column gap-16\"\n >\n <div class=\"pl-notification-alert__wrapper d-flex text-s\">\n <div class=\"pl-notification-alert__content flex-grow-1\">\n <slot />\n </div>\n <div v-if=\"closable\" class=\"pl-notification-alert__close\">\n <PlBtnGhost icon=\"close\" @click.stop=\"closeAlert\" />\n </div>\n </div>\n\n <div v-if=\"!!$slots.actions\" class=\"pl-notification-alert__actions d-flex\">\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,EAkBM,OAAA;;GAhBH,OAAK,EAAA,CAAE,EAAA,MAEF,kDAAiD,CAAA;GADtD,OAAK,EAAA,EAAA,OAAA,GAAc,EAAA,SAAK,CAAA;MAGzB,EAOM,OAPN,GAOM,CANJ,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA,EAEC,EAAA,YAAA,GAAA,EAAX,EAEM,OAFN,GAEM,CADJ,EAAoD,EAAA,EAAA,EAAA;GAAxC,MAAK;GAAS,SAAK,EAAO,GAAU,CAAA,OAAA,CAAA;uBAIvCA,EAAAA,OAAO,WAAA,GAAA,EAApB,EAEM,OAFN,GAEM,CADJ,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA"}

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

@@ -1,5 +1,7 @@
 import e from "./PlNumberField.vue2.js";
+//#region 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 { 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?: 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?: (R extends true ? never : boolean) \| (() => 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 @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\">\n {{ label }}\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\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 @input=\"handleInput\"\n @focusout=\"handleBlur\"\n @focusin=\"handleFocus\"\n />\n <PlIcon16\n v-if=\"canShowClearable\"\n class=\"pl-number-field__clearable\"\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 @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 @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 @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\">\n {{ error }}\n </div>\n </div>\n</template>\n"],"mappings":""}
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 { 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?: 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?: (R extends true ? never : boolean) \| (() => 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 @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\">\n {{ label }}\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\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 @input=\"handleInput\"\n @focusout=\"handleBlur\"\n @focusin=\"handleFocus\"\n />\n <PlIcon16\n v-if=\"canShowClearable\"\n class=\"pl-number-field__clearable\"\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 @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 @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 @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\">\n {{ error }}\n </div>\n </div>\n</template>\n"],"mappings":""}

package/dist/components/PlNumberField/PlNumberField.vue.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@
  *   label="Even Number"
  * />
  */
-declare const _default: <R extends true | false, V extends undefined | number, C extends Exclude<V, R extends true ? undefined : never>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <R extends true | false, V extends undefined | number, C extends Exclude<V, [R] extends [true] ? undefined : never>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onBlur?: ((value: V) => any) | undefined;
         readonly onFocus?: ((value: V) => any) | undefined;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlNumberField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlNumberField/PlNumberField.vue"],"names":[],"mappings":"AAoVA,OAAO,wBAAwB,CAAC;AAShC;;;;;;;;;;;;GAYG;yBAEC,CAAC,SAAS,IAAI,GAAG,KAAK,EACtB,CAAC,SAAS,SAAS,GAAG,MAAM,EAC5B,CAAC,SAAS,OAAO,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC,~~EAE3D~~,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwaO,mBAAmB,CAAC;;;;;;oBAvMhB,CAAC;;QAtNT,6EAA6E;mBAClE,CAAC;QACZ,6DAA6D;gBACrD,MAAM;QACd,0CAA0C;sBAC5B,MAAM;QACpB,yDAAyD;eAClD,MAAM;QACb,oDAAoD;mBACzC,MAAM;QACjB,oDAAoD;mBACzC,MAAM;QACjB,gCAAgC;mBACrB,OAAO;QAClB,4CAA4C;uBAC7B,OAAO;QACtB,+EAA+E;uBAChE,MAAM;QACrB,yFAAyF;mBAC9E,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS;QAC5C,wHAAwH;oBAC5G,CAAC,CAAC,SAAS,IAAI,GAAG,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC1D,wCAAwC;wBAEpC,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,QAAQ;oBA6X8E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAnDmB,GAAG;;UAqD1B,8JAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvbzE,wBAub4E;AAG5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1	+ {"version":3,"file":"PlNumberField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlNumberField/PlNumberField.vue"],"names":[],"mappings":"AAoVA,OAAO,wBAAwB,CAAC;AAShC;;;;;;;;;;;;GAYG;yBAEC,CAAC,SAAS,IAAI,GAAG,KAAK,EACtB,CAAC,SAAS,SAAS,GAAG,MAAM,EAC5B,CAAC,SAAS,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,KAAK,CAAC,EAE/D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwaO,mBAAmB,CAAC;;;;;;oBAvMhB,CAAC;;QAtNT,6EAA6E;mBAClE,CAAC;QACZ,6DAA6D;gBACrD,MAAM;QACd,0CAA0C;sBAC5B,MAAM;QACpB,yDAAyD;eAClD,MAAM;QACb,oDAAoD;mBACzC,MAAM;QACjB,oDAAoD;mBACzC,MAAM;QACjB,gCAAgC;mBACrB,OAAO;QAClB,4CAA4C;uBAC7B,OAAO;QACtB,+EAA+E;uBAChE,MAAM;QACrB,yFAAyF;mBAC9E,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS;QAC5C,wHAAwH;oBAC5G,CAAC,CAAC,SAAS,IAAI,GAAG,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC1D,wCAAwC;wBAEpC,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,QAAQ;oBA6X8E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAnDmB,GAAG;;UAqD1B,8JAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvbzE,wBAub4E;AAG5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -7,6 +7,7 @@ import "../PlIcon16/index.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
 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"
@@ -172,6 +173,7 @@ 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 { 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?: 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?: (R extends true ? never : boolean) \| (() => 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 @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\">\n {{ label }}\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\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 @input=\"handleInput\"\n @focusout=\"handleBlur\"\n @focusin=\"handleFocus\"\n />\n <PlIcon16\n v-if=\"canShowClearable\"\n class=\"pl-number-field__clearable\"\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 @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 @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 @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\">\n {{ error }}\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;CAeE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;EAqBR,IAAM,IAAa,EAAc,GAAA,aAAoB,EAE/C,IAAO,GAMP,IAAQ,GAuCR,IAAQ,GAAU,EAElB,IAAU,GAAkB;AAElC,IAAc,EAAQ;EAEtB,IAAM,IAAc,EAAI,EAAsB,EAAW,MAAM,CAAC;AAIhE,IAAM,IAAa,MAAW;AACb,KAAe,EAAY,MAAM,CACrC,UAAU,MACrB,EAAY,QAAQ,EAAsB,EAAO;IACjD;EAEF,SAAS,EAAY,GAAc;GACjC,IAAM,IAAQ,EAAM;AACpB,KAAY,QAAQ,EAAM;GAE1B,IAAM,IAAS,EAAe,EAAM,MAAM;AAC1C,GAAI,EAAO,UAAU,KAAA,MACnB,EAAW,QAAQ,EAAO;;EAM9B,SAAS,IAAc;GACrB,IAAM,IAAO,EAAY,MAAM,MAAM,EAC/B,IAAS,EAAe,EAAK;AAGnC,OAAI,MAAS,MAAO,EAAO,UAAU,KAAA,KAAa,EAAO,UAAU,KAAA,GAAY;AAE7E,IADA,EAAY,QAAQ,IACf,EAAM,aACT,EAAW,QAAQ,KAAA;AAErB;;AAGF,GAAI,EAAO,UAAU,KAAA,MACnB,EAAW,QAAQ,EAAO,OAC1B,EAAY,QAAQ,EAAsB,EAAO,MAAM;;EAI3D,IAAM,IAAQ,QAAe;AAC3B,OAAI,EAAM,aAAc,QAAO,EAAM;GAErC,IAAM,IAAS,EAAe,EAAY,MAAM;AAChD,OAAI,EAAO,MAAO,QAAO,EAAO;AAChC,OAAI,EAAO,UAAU,KAAA,EACnB,QAAO,EAAe,EAAO,OAAO,EAAM;AAG5C,OAAI,EAAM,YAAY,EAAY,MAAM,MAAM,KAAK,GACjD,QAAO;IAIT,EAEI,IAAmB,QAErB,EAAM,cACL,EAAW,UAAU,KAAA,KAAa,EAAY,MAAM,MAAM,KAAK,OAChE,CAAC,EAAM,SACV;EAED,SAAS,IAAQ;AACf,GAAI,OAAO,EAAM,aAAc,cAC7B,EAAW,QAAQ,EAAM,WAAW,EACpC,EAAY,QAAQ,EAAsB,EAAW,MAAM,KAE3D,EAAW,QAAQ,KAAA,GACnB,EAAY,QAAQ;;EAIxB,IAAM,IAAsB,QACtB,EAAM,QAAc,KAEtB,EAAM,aAAa,KAAA,KACnB,EAAW,UAAU,KAAA,KACrB,EAAW,SAAS,EAAM,SAE5B,EAEI,IAAsB,QACtB,EAAM,QAAc,KAEtB,EAAM,aAAa,KAAA,KACnB,EAAW,UAAU,KAAA,KACrB,EAAW,SAAS,EAAM,SAE5B,EAEI,IAAa,QAAe,OAAO,EAAM,KAAK,UAAU,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,EAAE,UAAU,GAAG;EAE9F,SAAS,IAAY;AACnB,OAAI,EAAoB,MAAO;GAE/B,IAAI;AASJ,GARA,AAGE,IAHE,EAAW,UAAU,KAAA,IAClB,EAAM,YAAY,MAGnB,EAAW,SAAS,KAAK,EAAW,QAAQ,EAAM,OAAO,EAAW,SACtE,EAAW,OAGf,EAAW,QAAS,EAAM,aAAa,KAAA,IAA2C,IAA/B,KAAK,IAAI,EAAM,UAAU,EAAG;;EAGjF,SAAS,IAAY;AACnB,OAAI,EAAoB,MAAO;GAE/B,IAAI;AASJ,GARA,AAGE,IAHE,EAAW,UAAU,KAAA,IAClB,MAGD,EAAW,SAAS,KAAK,EAAW,QAAQ,EAAM,OAAO,EAAW,SACtE,EAAW,OAGf,EAAW,QAAS,EAAM,aAAa,KAAA,IAA2C,IAA/B,KAAK,IAAI,EAAM,UAAU,EAAG;;EAGjF,SAAS,IAAa;AAEpB,GADA,GAAa,EACb,EAAK,QAAQ,EAAW,MAAM;;EAGhC,SAAS,IAAc;AACrB,KAAK,SAAS,EAAW,MAAM;;EAGjC,SAAS,EAAc,GAAkB;AAcvC,GAbI,EAAE,SAAS,YACb,GAAa,EACb,EAAK,SAAS,EAAW,MAAM,GAG7B,CAAC,aAAa,UAAU,CAAC,SAAS,EAAE,KAAK,IAC3C,EAAE,gBAAgB,EAGhB,CAAC,EAAM,gBAAgB,EAAE,SAAS,aACpC,GAAW,EAGT,CAAC,EAAM,gBAAgB,EAAE,SAAS,eACpC,GAAW;;EAKf,SAAS,EAAgB,GAAgB;AACvC,GAAI,EAAG,SAAS,KACd,EAAG,gBAAgB;;yBAMrB,EAsFM,OAAA;YArFA;GAAJ,KAAI;GACH,OAAK,EAAA,CAAA;IAAA,OAAA,CAAA,CAAa,EAAA;IAAK,UAAY,EAAA;IAAQ,EACtC,gCAA+B,CAAA;GACpC,WAAS;MAEV,EA4EM,OA5EN,GA4EM;GA3EJ,EAAkF,GAAA;IAAnE,OAAM;IAA4B,kBAAgB,EAAA;;GACjE,EA2BM,OA3BN,GA2BM;IA1BS,EAAA,SAAA,GAAA,EAAb,EAOQ,SAPR,GAOQ,CAAA,EAAA,EANH,EAAA,MAAK,GAAG,KACX,EAAA,EAAiB,EAAA,EAAK,CAAC,WAAA,GAAA,EAAvB,EAIY,EAAA,EAAA,EAAA;;KAJoB,OAAM;KAAO,UAAS;;KACzC,SAAO,QACO,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;;IAI7B,EAWE,SAAA;KAVA,KAAI;KACJ,MAAK;KACL,WAAU;KACT,OAAO,EAAA;KACP,UAAU,EAAA;KACV,aAAa,EAAA;KACd,OAAM;KACL,SAAO;KACP,YAAU;KACV,WAAS;;IAGJ,EAAA,SAAA,GAAA,EADR,EAKE,EAAA,EAAA,EAAA;;KAHA,OAAM;KACN,MAAK;KACJ,SAAK,EAAO,GAAK,CAAA,OAAA,CAAA;;;GAIb,EAAM,4BAAA,GAAA,EADf,EA6CM,OAAA;;IA3CJ,OAAM;IACL,aAAW;OAEZ,EAmBM,OAAA;IAlBH,OAAK,EAAA,CAAA,EAAA,UAAc,EAAA,OAAmB,EACjC,0FAAyF,CAAA;IAC9F,SAAO;oBAER,EAaM,OAAA;IAZJ,OAAM;IACN,OAAM;IACN,QAAO;IACP,SAAQ;IACR,MAAK;OAEL,EAKE,QAAA;IAJA,aAAU;IACV,aAAU;IACV,GAAE;IACF,MAAK;mBAIX,EAmBM,OAAA;IAlBH,OAAK,EAAA,CAAA,EAAA,UAAc,EAAA,OAAmB,EACjC,0FAAyF,CAAA;IAC9F,SAAO;oBAER,EAaM,OAAA;IAZJ,OAAM;IACN,OAAM;IACN,QAAO;IACP,SAAQ;IACR,MAAK;OAEL,EAKE,QAAA;IAJA,aAAU;IACV,aAAU;IACV,GAAE;IACF,MAAK;;MAMJ,EAAA,SAAA,GAAA,EAAX,EAEM,OAFN,GAEM,EADD,EAAA,MAAK,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,GAAA"}
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 { 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?: 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?: (R extends true ? never : boolean) \| (() => 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 @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\">\n {{ label }}\n <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\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 @input=\"handleInput\"\n @focusout=\"handleBlur\"\n @focusin=\"handleFocus\"\n />\n <PlIcon16\n v-if=\"canShowClearable\"\n class=\"pl-number-field__clearable\"\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 @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 @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 @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\">\n {{ error }}\n </div>\n </div>\n</template>\n"],"mappings":"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"}

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

@@ -1,18 +1,12 @@
+//#region src/components/PlNumberField/parseNumber.ts
 var e = /^-?\d+(\.\d+)?e[+-]?\d+$/i, t = /^-?\d+(\.\d+)?e[+-]?$/i;
-/** "-", ".", "-." — NaN for Number() but clearly in-progress typing */
 function n(e) {
 	return e === "-" || e === "." || e === "-.";
 }
-/**
-* Normalize a decimal string by removing cosmetic differences:
-* leading +, leading zeros, trailing zeros after decimal, trailing dot.
-* Used to compare user input with canonical float representation.
-*/
 function r(e) {
 	let t = "";
 	return e.startsWith("-") ? (t = "-", e = e.slice(1)) : e.startsWith("+") && (e = e.slice(1)), e = e.replace(/^0+(?=\d)/, ""), e.startsWith(".") && (e = "0" + e), e.includes(".") && (e = e.replace(/0+$/, "").replace(/\.$/, "")), e === "" || e === "0" ? "0" : t + e;
 }
-/** Complete partial exponential: "1e" → "1e+0", "1e-" → "1e-0", "1e+" → "1e+0" */
 function i(e) {
 	return /e$/i.test(e) ? e + "+0" : /e[+-]$/i.test(e) ? e + "0" : e;
 }
@@ -27,10 +21,6 @@ function a(a) {
 	let c = o(s);
 	return r(a) === c ? { value: s } : { error: `Precision exceeded, actual value: ${c}` };
 }
-/**
-* Converts a number to a plain decimal string (no exponential notation).
-* E.g. 1e-7 → "0.0000001", 2e+21 → "2000000000000000000000"
-*/
 function o(e) {
 	if (e === void 0) return "";
 	let t = String(e);
@@ -44,6 +34,7 @@ function o(e) {
 function s(e, t) {
 	return t.minValue !== void 0 && e < t.minValue ? `Value must be higher than ${t.minValue}` : t.maxValue !== void 0 && e > t.maxValue ? `Value must be less than ${t.maxValue}` : t.validate?.(e);
 }
+//#endregion
 export { o as numberToDecimalString, a as tryParseNumber, s as validateNumber };
 //# sourceMappingURL=parseNumber.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"parseNumber.js","names":[],"sources":["../../../src/components/PlNumberField/parseNumber.ts"],"sourcesContent":["/*\n Strict number parser. No locale guessing, no normalization.\n * Non-canonical forms (leading zeros, trailing dots, etc.) are accepted —\n * formatting to canonical form happens on blur/enter in the component.\n \n Input/output table (covers ~90% of real cases):\n \n \| Input \| Result \| Reason \|\n * \|---------------------\|---------------------------------\|---------------------------------\|\n * \| \"\" \| {} \| empty \|\n * \| \"-\" \| {} \| partial \| apply blur/enter format\n * \| \".\" \| {} \| partial \| apply blur/enter format\n * \| \"-.\" \| {} \| partial \| apply blur/enter format\n * \| \"123.\" \| { value: 123 } \| trailing dot \| apply blur/enter format\n * \| \"1e\" \| { value: 1 } \| partial exp → 1e+0 \| apply blur/enter format\n * \| \"1e-\" \| { value: 1 } \| partial exp → 1e-0 \| apply blur/enter format\n * \| \"1e+\" \| { value: 1 } \| partial exp → 1e+0 \| apply blur/enter format\n * \| \"123\" \| { value: 123 } \| exact match \|\n * \| \"-5\" \| { value: -5 } \| exact match \|\n * \| \"0.5\" \| { value: 0.5 } \| exact match \|\n * \| \"0.0000000001\" \| { value: 1e-10 } \| decimal form matches \|\n * \| \"1e-5\" \| { value: 0.00001 } \| exponential notation \| apply blur/enter format\n * \| \"2e+10\" \| { value: 2e10 } \| exponential notation \| apply blur/enter format\n * \| \".5\" \| { value: 0.5 } \| not canonical \| apply blur/enter format\n * \| \"01\" \| { value: 1 } \| leading zero \| apply blur/enter format\n * \| \"1.0\" \| { value: 1 } \| trailing zero \| apply blur/enter format\n * \| \"1.10\" \| { value: 1.1 } \| trailing zero \| apply blur/enter format\n * \| \"+5\" \| { value: 5 } \| unnecessary plus \| apply blur/enter format\n * \| \"1,5\" \| { error: \"...separator...\" } \| comma instead of dot \|\n * \| \"1.232,111\" \| { error: \"...separator...\" } \| EU locale format \|\n * \| \"1.237.62\" \| { error: \"...separator...\" } \| multiple dots (EU thousands) \|\n * \| \"555.555.555,100\" \| { error: \"...separator...\" } \| EU locale format \|\n * \| \"1,222,333.05\" \| { error: \"...separator...\" } \| US locale format \|\n * \| \"abc\" \| { error: \"not a number\" } \| letters \|\n * \| \"12abc\" \| { error: \"not a number\" } \| letters mixed in \|\n * \| \"1.237.asdf62\" \| { error: \"not a number\" } \| letters mixed in \|\n * \| \"9007199254740993\" \| { error: \"precision...\" } \| integer exceeds safe range \|\n * \| \"0.1234567890123456789\" \| { error: \"precision...\" } \| too many digits for float64 \|\n /\n\nexport type ParseResult =\n \| { value: number; error?: undefined }\n \| { value?: undefined; error: string }\n \| { value?: undefined; error?: undefined };\n\nconst EXP_RE = /^-?\\d+(\\.\\d+)?e[+-]?\\d+$/i;\nconst EXP_PARTIAL_RE = /^-?\\d+(\\.\\d+)?e[+-]?$/i;\n\n/* \"-\", \".\", \"-.\" — NaN for Number() but clearly in-progress typing /\nfunction isPartialInput(str: string): boolean {\n return str === \"-\" \|\| str === \".\" \|\| str === \"-.\";\n}\n\n/\n Normalize a decimal string by removing cosmetic differences:\n * leading +, leading zeros, trailing zeros after decimal, trailing dot.\n * Used to compare user input with canonical float representation.\n /\nfunction normalizeDecimalString(s: string): string {\n let sign = \"\";\n if (s.startsWith(\"-\")) {\n sign = \"-\";\n s = s.slice(1);\n } else if (s.startsWith(\"+\")) {\n s = s.slice(1);\n }\n\n // Remove leading zeros (keep one before decimal point)\n s = s.replace(/^0+(?=\\d)/, \"\");\n if (s.startsWith(\".\")) s = \"0\" + s;\n\n // Remove trailing zeros after decimal point, then trailing dot\n if (s.includes(\".\")) {\n s = s.replace(/0+$/, \"\").replace(/\\.$/, \"\");\n }\n\n if (s === \"\" \|\| s === \"0\") return \"0\";\n\n return sign + s;\n}\n\n/* Complete partial exponential: \"1e\" → \"1e+0\", \"1e-\" → \"1e-0\", \"1e+\" → \"1e+0\" /\nfunction completeExponential(str: string): string {\n if (/e$/i.test(str)) return str + \"+0\";\n if (/e[+-]$/i.test(str)) return str + \"0\";\n return str;\n}\n\nexport function tryParseNumber(str: string): ParseResult {\n str = str.trim();\n if (str === \"\") return {};\n if (isPartialInput(str)) return {};\n\n // Exponential notation (full or partial)\n if (EXP_RE.test(str) \|\| EXP_PARTIAL_RE.test(str)) {\n const completed = completeExponential(str);\n const n = Number(completed);\n if (!Number.isFinite(n)) return { error: \"Value is not a number\" };\n return { value: n };\n }\n\n const n = Number(str);\n if (!Number.isFinite(n)) {\n // Only digits, dots, commas, sign, spaces → likely a locale/format issue\n if (/^[-+]?[\\d.,\\s]+$/.test(str)) {\n return { error: \"Use dot as decimal separator, e.g. 3.14\" };\n }\n return { error: \"Value is not a number\" };\n }\n\n // Precision loss: input has more precision than float64 can represent\n const canonical = numberToDecimalString(n);\n const normalized = normalizeDecimalString(str);\n if (normalized !== canonical) {\n return { error: `Precision exceeded, actual value: ${canonical}` };\n }\n\n return { value: n };\n}\n\n/\n Converts a number to a plain decimal string (no exponential notation).\n * E.g. 1e-7 → \"0.0000001\", 2e+21 → \"2000000000000000000000\"\n */\nexport function numberToDecimalString(n: number \| undefined): string {\n if (n === undefined) return \"\";\n const s = String(n);\n if (!s.includes(\"e\") && !s.includes(\"E\")) return s;\n try {\n return n.toFixed(20).replace(/\\.?0+$/, \"\");\n } catch {\n return s;\n }\n}\n\nexport function validateNumber(\n value: number,\n props: {\n minValue?: number;\n maxValue?: number;\n validate?: (v: number) => string \| undefined;\n },\n): string \| undefined {\n if (props.minValue !== undefined && value < props.minValue) {\n return `Value must be higher than ${props.minValue}`;\n }\n if (props.maxValue !== undefined && value > props.maxValue) {\n return `Value must be less than ${props.maxValue}`;\n }\n return props.validate?.(value);\n}\n"],"mappings":"AA6CA,IAAM,IAAS,6BACT,IAAiB;;AAGvB,SAAS,EAAe,GAAsB;AAC5C,QAAO,MAAQ,OAAO,MAAQ,OAAO,MAAQ~~;;;;;;;~~AAQ/C,SAAS,EAAuB,GAAmB;CACjD,IAAI,IAAO;AAmBX,QAlBI,EAAE,WAAW,IAAI,IACnB,IAAO,KACP,IAAI,EAAE,MAAM,EAAE,IACL,EAAE,WAAW,IAAI,KAC1B,IAAI,EAAE,MAAM,EAAE,GAIhB,IAAI,EAAE,QAAQ,aAAa,GAAG,EAC1B,EAAE,WAAW,IAAI,KAAE,IAAI,MAAM,IAG7B,EAAE,SAAS,IAAI,KACjB,IAAI,EAAE,QAAQ,OAAO,GAAG,CAAC,QAAQ,OAAO,GAAG,GAGzC,MAAM,MAAM,MAAM,MAAY,MAE3B,IAAO~~;;;~~AAIhB,SAAS,EAAoB,GAAqB;AAGhD,QAFI,MAAM,KAAK,EAAI,GAAS,IAAM,OAC9B,UAAU,KAAK,EAAI,GAAS,IAAM,MAC/B;;AAGT,SAAgB,EAAe,GAA0B;AAGvD,KAFA,IAAM,EAAI,MAAM,EACZ,MAAQ,MACR,EAAe,EAAI,CAAE,QAAO,EAAE;AAGlC,KAAI,EAAO,KAAK,EAAI,IAAI,EAAe,KAAK,EAAI,EAAE;EAChD,IAAM,IAAY,EAAoB,EAAI,EACpC,IAAI,OAAO,EAAU;AAE3B,SADK,OAAO,SAAS,EAAE,GAChB,EAAE,OAAO,GAAG,GADa,EAAE,OAAO,yBAAyB;;CAIpE,IAAM,IAAI,OAAO,EAAI;AACrB,KAAI,CAAC,OAAO,SAAS,EAAE,CAKrB,QAHI,mBAAmB,KAAK,EAAI,GACvB,EAAE,OAAO,2CAA2C,GAEtD,EAAE,OAAO,yBAAyB;CAI3C,IAAM,IAAY,EAAsB,EAAE;AAM1C,QALmB,EAAuB,EAAI,KAC3B,IAIZ,EAAE,OAAO,GAAG,GAHV,EAAE,OAAO,qCAAqC,KAAa~~;;;;;;~~AAUtE,SAAgB,EAAsB,GAA+B;AACnE,KAAI,MAAM,KAAA,EAAW,QAAO;CAC5B,IAAM,IAAI,OAAO,EAAE;AACnB,KAAI,CAAC,EAAE,SAAS,IAAI,IAAI,CAAC,EAAE,SAAS,IAAI,CAAE,QAAO;AACjD,KAAI;AACF,SAAO,EAAE,QAAQ,GAAG,CAAC,QAAQ,UAAU,GAAG;SACpC;AACN,SAAO;;;AAIX,SAAgB,EACd,GACA,GAKoB;AAOpB,QANI,EAAM,aAAa,KAAA,KAAa,IAAQ,EAAM,WACzC,6BAA6B,EAAM,aAExC,EAAM,aAAa,KAAA,KAAa,IAAQ,EAAM,WACzC,2BAA2B,EAAM,aAEnC,EAAM,WAAW,EAAM"}
1	+ {"version":3,"file":"parseNumber.js","names":[],"sources":["../../../src/components/PlNumberField/parseNumber.ts"],"sourcesContent":["/*\n Strict number parser. No locale guessing, no normalization.\n * Non-canonical forms (leading zeros, trailing dots, etc.) are accepted —\n * formatting to canonical form happens on blur/enter in the component.\n \n Input/output table (covers ~90% of real cases):\n \n \| Input \| Result \| Reason \|\n * \|---------------------\|---------------------------------\|---------------------------------\|\n * \| \"\" \| {} \| empty \|\n * \| \"-\" \| {} \| partial \| apply blur/enter format\n * \| \".\" \| {} \| partial \| apply blur/enter format\n * \| \"-.\" \| {} \| partial \| apply blur/enter format\n * \| \"123.\" \| { value: 123 } \| trailing dot \| apply blur/enter format\n * \| \"1e\" \| { value: 1 } \| partial exp → 1e+0 \| apply blur/enter format\n * \| \"1e-\" \| { value: 1 } \| partial exp → 1e-0 \| apply blur/enter format\n * \| \"1e+\" \| { value: 1 } \| partial exp → 1e+0 \| apply blur/enter format\n * \| \"123\" \| { value: 123 } \| exact match \|\n * \| \"-5\" \| { value: -5 } \| exact match \|\n * \| \"0.5\" \| { value: 0.5 } \| exact match \|\n * \| \"0.0000000001\" \| { value: 1e-10 } \| decimal form matches \|\n * \| \"1e-5\" \| { value: 0.00001 } \| exponential notation \| apply blur/enter format\n * \| \"2e+10\" \| { value: 2e10 } \| exponential notation \| apply blur/enter format\n * \| \".5\" \| { value: 0.5 } \| not canonical \| apply blur/enter format\n * \| \"01\" \| { value: 1 } \| leading zero \| apply blur/enter format\n * \| \"1.0\" \| { value: 1 } \| trailing zero \| apply blur/enter format\n * \| \"1.10\" \| { value: 1.1 } \| trailing zero \| apply blur/enter format\n * \| \"+5\" \| { value: 5 } \| unnecessary plus \| apply blur/enter format\n * \| \"1,5\" \| { error: \"...separator...\" } \| comma instead of dot \|\n * \| \"1.232,111\" \| { error: \"...separator...\" } \| EU locale format \|\n * \| \"1.237.62\" \| { error: \"...separator...\" } \| multiple dots (EU thousands) \|\n * \| \"555.555.555,100\" \| { error: \"...separator...\" } \| EU locale format \|\n * \| \"1,222,333.05\" \| { error: \"...separator...\" } \| US locale format \|\n * \| \"abc\" \| { error: \"not a number\" } \| letters \|\n * \| \"12abc\" \| { error: \"not a number\" } \| letters mixed in \|\n * \| \"1.237.asdf62\" \| { error: \"not a number\" } \| letters mixed in \|\n * \| \"9007199254740993\" \| { error: \"precision...\" } \| integer exceeds safe range \|\n * \| \"0.1234567890123456789\" \| { error: \"precision...\" } \| too many digits for float64 \|\n /\n\nexport type ParseResult =\n \| { value: number; error?: undefined }\n \| { value?: undefined; error: string }\n \| { value?: undefined; error?: undefined };\n\nconst EXP_RE = /^-?\\d+(\\.\\d+)?e[+-]?\\d+$/i;\nconst EXP_PARTIAL_RE = /^-?\\d+(\\.\\d+)?e[+-]?$/i;\n\n/* \"-\", \".\", \"-.\" — NaN for Number() but clearly in-progress typing /\nfunction isPartialInput(str: string): boolean {\n return str === \"-\" \|\| str === \".\" \|\| str === \"-.\";\n}\n\n/\n Normalize a decimal string by removing cosmetic differences:\n * leading +, leading zeros, trailing zeros after decimal, trailing dot.\n * Used to compare user input with canonical float representation.\n /\nfunction normalizeDecimalString(s: string): string {\n let sign = \"\";\n if (s.startsWith(\"-\")) {\n sign = \"-\";\n s = s.slice(1);\n } else if (s.startsWith(\"+\")) {\n s = s.slice(1);\n }\n\n // Remove leading zeros (keep one before decimal point)\n s = s.replace(/^0+(?=\\d)/, \"\");\n if (s.startsWith(\".\")) s = \"0\" + s;\n\n // Remove trailing zeros after decimal point, then trailing dot\n if (s.includes(\".\")) {\n s = s.replace(/0+$/, \"\").replace(/\\.$/, \"\");\n }\n\n if (s === \"\" \|\| s === \"0\") return \"0\";\n\n return sign + s;\n}\n\n/* Complete partial exponential: \"1e\" → \"1e+0\", \"1e-\" → \"1e-0\", \"1e+\" → \"1e+0\" /\nfunction completeExponential(str: string): string {\n if (/e$/i.test(str)) return str + \"+0\";\n if (/e[+-]$/i.test(str)) return str + \"0\";\n return str;\n}\n\nexport function tryParseNumber(str: string): ParseResult {\n str = str.trim();\n if (str === \"\") return {};\n if (isPartialInput(str)) return {};\n\n // Exponential notation (full or partial)\n if (EXP_RE.test(str) \|\| EXP_PARTIAL_RE.test(str)) {\n const completed = completeExponential(str);\n const n = Number(completed);\n if (!Number.isFinite(n)) return { error: \"Value is not a number\" };\n return { value: n };\n }\n\n const n = Number(str);\n if (!Number.isFinite(n)) {\n // Only digits, dots, commas, sign, spaces → likely a locale/format issue\n if (/^[-+]?[\\d.,\\s]+$/.test(str)) {\n return { error: \"Use dot as decimal separator, e.g. 3.14\" };\n }\n return { error: \"Value is not a number\" };\n }\n\n // Precision loss: input has more precision than float64 can represent\n const canonical = numberToDecimalString(n);\n const normalized = normalizeDecimalString(str);\n if (normalized !== canonical) {\n return { error: `Precision exceeded, actual value: ${canonical}` };\n }\n\n return { value: n };\n}\n\n/\n Converts a number to a plain decimal string (no exponential notation).\n * E.g. 1e-7 → \"0.0000001\", 2e+21 → \"2000000000000000000000\"\n */\nexport function numberToDecimalString(n: number \| undefined): string {\n if (n === undefined) return \"\";\n const s = String(n);\n if (!s.includes(\"e\") && !s.includes(\"E\")) return s;\n try {\n return n.toFixed(20).replace(/\\.?0+$/, \"\");\n } catch {\n return s;\n }\n}\n\nexport function validateNumber(\n value: number,\n props: {\n minValue?: number;\n maxValue?: number;\n validate?: (v: number) => string \| undefined;\n },\n): string \| undefined {\n if (props.minValue !== undefined && value < props.minValue) {\n return `Value must be higher than ${props.minValue}`;\n }\n if (props.maxValue !== undefined && value > props.maxValue) {\n return `Value must be less than ${props.maxValue}`;\n }\n return props.validate?.(value);\n}\n"],"mappings":";AA6CA,IAAM,IAAS,6BACT,IAAiB;AAGvB,SAAS,EAAe,GAAsB;AAC5C,QAAO,MAAQ,OAAO,MAAQ,OAAO,MAAQ;;AAQ/C,SAAS,EAAuB,GAAmB;CACjD,IAAI,IAAO;AAmBX,QAlBI,EAAE,WAAW,IAAI,IACnB,IAAO,KACP,IAAI,EAAE,MAAM,EAAE,IACL,EAAE,WAAW,IAAI,KAC1B,IAAI,EAAE,MAAM,EAAE,GAIhB,IAAI,EAAE,QAAQ,aAAa,GAAG,EAC1B,EAAE,WAAW,IAAI,KAAE,IAAI,MAAM,IAG7B,EAAE,SAAS,IAAI,KACjB,IAAI,EAAE,QAAQ,OAAO,GAAG,CAAC,QAAQ,OAAO,GAAG,GAGzC,MAAM,MAAM,MAAM,MAAY,MAE3B,IAAO;;AAIhB,SAAS,EAAoB,GAAqB;AAGhD,QAFI,MAAM,KAAK,EAAI,GAAS,IAAM,OAC9B,UAAU,KAAK,EAAI,GAAS,IAAM,MAC/B;;AAGT,SAAgB,EAAe,GAA0B;AAGvD,KAFA,IAAM,EAAI,MAAM,EACZ,MAAQ,MACR,EAAe,EAAI,CAAE,QAAO,EAAE;AAGlC,KAAI,EAAO,KAAK,EAAI,IAAI,EAAe,KAAK,EAAI,EAAE;EAChD,IAAM,IAAY,EAAoB,EAAI,EACpC,IAAI,OAAO,EAAU;AAE3B,SADK,OAAO,SAAS,EAAE,GAChB,EAAE,OAAO,GAAG,GADa,EAAE,OAAO,yBAAyB;;CAIpE,IAAM,IAAI,OAAO,EAAI;AACrB,KAAI,CAAC,OAAO,SAAS,EAAE,CAKrB,QAHI,mBAAmB,KAAK,EAAI,GACvB,EAAE,OAAO,2CAA2C,GAEtD,EAAE,OAAO,yBAAyB;CAI3C,IAAM,IAAY,EAAsB,EAAE;AAM1C,QALmB,EAAuB,EAAI,KAC3B,IAIZ,EAAE,OAAO,GAAG,GAHV,EAAE,OAAO,qCAAqC,KAAa;;AAUtE,SAAgB,EAAsB,GAA+B;AACnE,KAAI,MAAM,KAAA,EAAW,QAAO;CAC5B,IAAM,IAAI,OAAO,EAAE;AACnB,KAAI,CAAC,EAAE,SAAS,IAAI,IAAI,CAAC,EAAE,SAAS,IAAI,CAAE,QAAO;AACjD,KAAI;AACF,SAAO,EAAE,QAAQ,GAAG,CAAC,QAAQ,UAAU,GAAG;SACpC;AACN,SAAO;;;AAIX,SAAgB,EACd,GACA,GAKoB;AAOpB,QANI,EAAM,aAAa,KAAA,KAAa,IAAQ,EAAM,WACzC,6BAA6B,EAAM,aAExC,EAAM,aAAa,KAAA,KAAa,IAAQ,EAAM,WACzC,2BAA2B,EAAM,aAEnC,EAAM,WAAW,EAAM"}

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

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

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

@@ -1,4 +1,5 @@
 import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeStyle as a, openBlock as o, toDisplayString as s } from "vue";
+//#region src/components/PlProgressBar/PlProgressBar.vue?vue&type=script&setup=true&lang.ts
 var c = {
 	key: 0,
 	class: "ui-progress-bar"
@@ -17,6 +18,7 @@ var c = {
 		}, null, 4), r("div", l, [r("div", u, s(p.value), 1), r("div", d, s(i.progress + "%"), 1)])])) : t("", !0);
 	}
 });
+//#endregion
 export { f as default };
 //# sourceMappingURL=PlProgressBar.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlProgressBar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlProgressBar/PlProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nconst props = withDefaults(\n defineProps<{\n loading: boolean;\n progress: number;\n completeMessage: string;\n }>(),\n { progress: 0, completeMessage: \"Completed\" },\n);\n\nconst readyMsg = computed(() => (props.progress === 100 ? props.completeMessage : \"\"));\n</script>\n\n<template>\n <div v-if=\"loading\" class=\"ui-progress-bar\">\n <div class=\"ui-progress-bar__indicator\" :style=\"{ width: progress + '%' }\" />\n <div class=\"ui-progress-bar__messages d-flex align-center pl-6 pr-6\">\n <div class=\"ui-progress-bar__message flex-grow-1\">{{ readyMsg }}</div>\n <div class=\"ui-progress-bar__percent\">{{ progress + \"%\" }}</div>\n </div>\n </div>\n</template>\n"],"mappings":"~~;;;;;;;;;;;;~~EAGA,IAAM,IAAQ,GASR,IAAW,QAAgB,EAAM,aAAa,MAAM,EAAM,kBAAkB,GAAI;mBAIzE,EAAA,WAAA,GAAA,EAAX,EAMM,OANN,GAMM,CALJ,EAA6E,OAAA;GAAxE,OAAM;GAA8B,OAAK,EAAA,EAAA,OAAW,EAAA,WAAQ,KAAA,CAAA;eACjE,EAGM,OAHN,GAGM,CAFJ,EAAsE,OAAtE,GAAsE,EAAjB,EAAA,MAAQ,EAAA,EAAA,EAC7D,EAAgE,OAAhE,GAAgE,EAAvB,EAAA,WAAQ,IAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}
1	+ {"version":3,"file":"PlProgressBar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlProgressBar/PlProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nconst props = withDefaults(\n defineProps<{\n loading: boolean;\n progress: number;\n completeMessage: string;\n }>(),\n { progress: 0, completeMessage: \"Completed\" },\n);\n\nconst readyMsg = computed(() => (props.progress === 100 ? props.completeMessage : \"\"));\n</script>\n\n<template>\n <div v-if=\"loading\" class=\"ui-progress-bar\">\n <div class=\"ui-progress-bar__indicator\" :style=\"{ width: progress + '%' }\" />\n <div class=\"ui-progress-bar__messages d-flex align-center pl-6 pr-6\">\n <div class=\"ui-progress-bar__message flex-grow-1\">{{ readyMsg }}</div>\n <div class=\"ui-progress-bar__percent\">{{ progress + \"%\" }}</div>\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAGA,IAAM,IAAQ,GASR,IAAW,QAAgB,EAAM,aAAa,MAAM,EAAM,kBAAkB,GAAI;mBAIzE,EAAA,WAAA,GAAA,EAAX,EAMM,OANN,GAMM,CALJ,EAA6E,OAAA;GAAxE,OAAM;GAA8B,OAAK,EAAA,EAAA,OAAW,EAAA,WAAQ,KAAA,CAAA;eACjE,EAGM,OAHN,GAGM,CAFJ,EAAsE,OAAtE,GAAsE,EAAjB,EAAA,MAAQ,EAAA,EAAA,EAC7D,EAAgE,OAAhE,GAAgE,EAAvB,EAAA,WAAQ,IAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}

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

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

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

@@ -3,6 +3,7 @@ import t from "../PlIcon24/PlIcon24.js";
 import "../PlMaskIcon24/index.js";
 import './pl-progress-cell.css';/* empty css                 */
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, toDisplayString as p, unref as m } from "vue";
+//#region src/components/PlProgressCell/PlProgressCell.vue?vue&type=script&setup=true&lang.ts
 var h = {
 	key: 0,
 	class: "progress-cell__infinity-loader"
@@ -36,6 +37,7 @@ var h = {
 		], 2));
 	}
 });
+//#endregion
 export { y as default };
 //# sourceMappingURL=PlProgressCell.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlProgressCell.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlProgressCell/PlProgressCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-progress-cell.scss\";\nimport { computed } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport type { PlProgressCellProps } from \"./types\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\n\nconst props = withDefaults(defineProps<PlProgressCellProps>(), {\n stage: \"not_started\",\n step: \"\", // main text (left)\n progressString: \"\", // appended text on the right side (right)\n progress: undefined,\n error: undefined,\n});\n\nconst canShowWhiteBg = computed(() => props.stage !== \"not_started\");\n\nconst currentProgress = computed(() =>\n props.stage === \"done\" ? 100 : Math.min(100, props.progress \|\| 0),\n);\n\nconst canShowInfinityLoader = computed(\n () =>\n props.progress === undefined &&\n props.stage !== \"done\" &&\n props.stage !== \"not_started\" &&\n !props.error,\n);\n</script>\n\n<template>\n <div\n :class=\"{\n 'progress-cell': true,\n 'progress-cell__white-bg': canShowWhiteBg,\n error,\n 'not-started': props.stage === 'not_started',\n }\"\n >\n <div v-if=\"canShowInfinityLoader\" class=\"progress-cell__infinity-loader\">\n <div class=\"progress-cell__infinity-gradient\" />\n </div>\n <div\n v-if=\"!canShowInfinityLoader && !error\"\n class=\"progress-cell__indicator\"\n :style=\"{ width: currentProgress + '%' }\"\n />\n <div class=\"progress-cell__body\">\n <div class=\"progress-cell__stage text-s\">\n {{ error ? getErrorMessage(error) : step }}\n </div>\n <div class=\"progress-cell__percentage text-s d-flex align-center justify-end\">\n <PlMaskIcon24 v-if=\"error\" name=\"error\" />\n <template v-if=\"!error\">\n {{ progressString }}\n </template>\n </div>\n </div>\n </div>\n</template>\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;~~EAOA,IAAM,IAAQ,GAQR,IAAiB,QAAe,EAAM,UAAU,cAAc,EAE9D,IAAkB,QACtB,EAAM,UAAU,SAAS,MAAM,KAAK,IAAI,KAAK,EAAM,YAAY,EAAE,CAClE,EAEK,IAAwB,QAE1B,EAAM,aAAa,KAAA,KACnB,EAAM,UAAU,UAChB,EAAM,UAAU,iBAChB,CAAC,EAAM,MACV;yBAIC,EA2BM,OAAA,EA1BH,OAAK,EAAA;;8BAAkE,EAAA;UAAsB,EAAA;kBAA4B,EAAM,UAAK;;GAO1H,EAAA,SAAA,GAAA,EAAX,EAEM,OAFN,GAEM,CAAA,GAAA,AAAA,EAAA,OAAA,CADJ,EAAgD,OAAA,EAA3C,OAAM,oCAAkC,EAAA,MAAA,GAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAGtC,EAAA,SAAqB,CAAK,EAAA,SAAA,GAAA,EADnC,EAIE,OAAA;;IAFA,OAAM;IACL,OAAK,EAAA,EAAA,OAAW,EAAA,QAAe,KAAA,CAAA;;GAElC,EAUM,OAVN,GAUM,CATJ,EAEM,OAFN,GAEM,EADD,EAAA,QAAQ,EAAA,EAAe,CAAC,EAAA,MAAK,GAAI,EAAA,KAAI,EAAA,EAAA,EAE1C,EAKM,OALN,GAKM,CAJgB,EAAA,SAAA,GAAA,EAApB,EAA0C,EAAA,EAAA,EAAA;;IAAf,MAAK;oBACf,EAAA,QACE,EAAA,IAAA,GAAA,IADF,GAAA,EAAjB,EAEW,GAAA,EAAA,KAAA,GAAA,EAAA,CAAA,EAAA,EADN,EAAA,eAAc,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"PlProgressCell.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlProgressCell/PlProgressCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-progress-cell.scss\";\nimport { computed } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport type { PlProgressCellProps } from \"./types\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\n\nconst props = withDefaults(defineProps<PlProgressCellProps>(), {\n stage: \"not_started\",\n step: \"\", // main text (left)\n progressString: \"\", // appended text on the right side (right)\n progress: undefined,\n error: undefined,\n});\n\nconst canShowWhiteBg = computed(() => props.stage !== \"not_started\");\n\nconst currentProgress = computed(() =>\n props.stage === \"done\" ? 100 : Math.min(100, props.progress \|\| 0),\n);\n\nconst canShowInfinityLoader = computed(\n () =>\n props.progress === undefined &&\n props.stage !== \"done\" &&\n props.stage !== \"not_started\" &&\n !props.error,\n);\n</script>\n\n<template>\n <div\n :class=\"{\n 'progress-cell': true,\n 'progress-cell__white-bg': canShowWhiteBg,\n error,\n 'not-started': props.stage === 'not_started',\n }\"\n >\n <div v-if=\"canShowInfinityLoader\" class=\"progress-cell__infinity-loader\">\n <div class=\"progress-cell__infinity-gradient\" />\n </div>\n <div\n v-if=\"!canShowInfinityLoader && !error\"\n class=\"progress-cell__indicator\"\n :style=\"{ width: currentProgress + '%' }\"\n />\n <div class=\"progress-cell__body\">\n <div class=\"progress-cell__stage text-s\">\n {{ error ? getErrorMessage(error) : step }}\n </div>\n <div class=\"progress-cell__percentage text-s d-flex align-center justify-end\">\n <PlMaskIcon24 v-if=\"error\" name=\"error\" />\n <template v-if=\"!error\">\n {{ progressString }}\n </template>\n </div>\n </div>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAQR,IAAiB,QAAe,EAAM,UAAU,cAAc,EAE9D,IAAkB,QACtB,EAAM,UAAU,SAAS,MAAM,KAAK,IAAI,KAAK,EAAM,YAAY,EAAE,CAClE,EAEK,IAAwB,QAE1B,EAAM,aAAa,KAAA,KACnB,EAAM,UAAU,UAChB,EAAM,UAAU,iBAChB,CAAC,EAAM,MACV;yBAIC,EA2BM,OAAA,EA1BH,OAAK,EAAA;;8BAAkE,EAAA;UAAsB,EAAA;kBAA4B,EAAM,UAAK;;GAO1H,EAAA,SAAA,GAAA,EAAX,EAEM,OAFN,GAEM,CAAA,GAAA,AAAA,EAAA,OAAA,CADJ,EAAgD,OAAA,EAA3C,OAAM,oCAAkC,EAAA,MAAA,GAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAGtC,EAAA,SAAqB,CAAK,EAAA,SAAA,GAAA,EADnC,EAIE,OAAA;;IAFA,OAAM;IACL,OAAK,EAAA,EAAA,OAAW,EAAA,QAAe,KAAA,CAAA;;GAElC,EAUM,OAVN,GAUM,CATJ,EAEM,OAFN,GAEM,EADD,EAAA,QAAQ,EAAA,EAAe,CAAC,EAAA,MAAK,GAAI,EAAA,KAAI,EAAA,EAAA,EAE1C,EAKM,OALN,GAKM,CAJgB,EAAA,SAAA,GAAA,EAApB,EAA0C,EAAA,EAAA,EAAA;;IAAf,MAAK;oBACf,EAAA,QACE,EAAA,IAAA,GAAA,IADF,GAAA,EAAjB,EAEW,GAAA,EAAA,KAAA,GAAA,EAAA,CAAA,EAAA,EADN,EAAA,eAAc,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA"}

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

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

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

@@ -3,6 +3,7 @@ import './PlRadio.vue.css';var e = {
 	input: "_input_u39pc_19",
 	label: "_label_u39pc_53"
 };
+//#endregion
 export { e as default };
 //# sourceMappingURL=PlRadio.style.js.map

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

@@ -1,5 +1,6 @@
 import { radioGroupModelKey as e, radioGroupNameKey as t } from "./keys.js";
 import { createElementBlock as n, createElementVNode as r, createPropsRestProxy as i, defineComponent as a, inject as o, isRef as s, mergeModels as c, mergeProps as l, normalizeClass as u, openBlock as d, renderSlot as f, unref as p, useModel as m, vModelRadio as h, withDirectives as g } from "vue";
+//#region src/components/PlRadio/PlRadio.vue?vue&type=script&setup=true&lang.ts
 var _ = ["name"], v = /* @__PURE__ */ a({
 	__name: "PlRadio",
 	props: /* @__PURE__ */ c({
@@ -21,6 +22,7 @@ var _ = ["name"], v = /* @__PURE__ */ a({
 		}, v), null, 16, _), [[h, p(b)]]), r("span", { class: u(e.$style.label) }, [f(e.$slots, "default")], 2)], 2));
 	}
 });
+//#endregion
 export { v as default };
 //# sourceMappingURL=PlRadio.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlRadio.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. /\n name?: string;\n /* Value that goes into `v-model`. /\n value?: M;\n /* Whether the radio control is disabled. /\n disabled?: boolean;\n}>();\n\ndefineSlots<{\n /* Label of the radio control. */\n default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n <label :class=\"$style.container\">\n <input v-model=\"model\" :class=\"$style.input\" type=\"radio\" :name v-bind=\"props\" />\n <span :class=\"$style.label\"><slot /></span>\n </label>\n</template>\n\n<style module>\n.container {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 4px;\n border-radius: 6px;\n transition: all 200ms ease-in-out;\n color: var(--txt-01);\n user-select: none;\n &:hover:not(:has(:disabled)) {\n background: var(--btn-sec-hover-grey);\n }\n &:has(:disabled) {\n color: var(--dis-01);\n }\n}\n\n.input {\n appearance: none;\n position: relative;\n block-size: 24px;\n aspect-ratio: 1;\n margin: 0;\n border-radius: 50%;\n outline: 2px solid transparent;\n color: inherit;\n transition: inherit;\n &:focus {\n outline-color: var(--border-color-focus);\n }\n &::before {\n content: \"\";\n position: absolute;\n inset: 2px;\n border-radius: 50%;\n border: 2px solid;\n }\n &::after {\n content: \"\";\n position: absolute;\n inset: 7.5px;\n border-radius: 50%;\n background-color: currentColor;\n scale: 0;\n transition: inherit;\n }\n &:checked::after {\n scale: 1;\n }\n}\n\n.label {\n padding-inline: 4px;\n line-height: calc(20 / 14);\n font-weight: 500;\n text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":"~~;;;;;;;;;;;;;;~~EAMA,IAAM,IAAkB,EAAc,GAAA,aAAE,EAElC,IAAqC,EAAA,GAAA,CAAA,OAAA,CAOvC,EAOE,IAAO,EAAO,GAAmB,EAAA,KAAe,EAChD,IAAQ,EAA+B,GAAoB,EAAgB;yBAI/E,EAGQ,SAAA,EAHA,OAAK,EAAEA,EAAAA,OAAO,UAAS,EAAA,EAAA,CAAA,EAC7B,EAAiF,SAAjF,EAAiF;mDAA5D,QAAA,IAAA;GAAG,OAAOA,EAAAA,OAAO;GAAO,MAAK;GAAS,MAAA,EAAA,EAAI;KAAS,EAAK,EAAA,MAAA,IAAA,EAAA,EAAA,CAAA,CAAA,GAA7D,EAAA,EAAK,CAAA,CAAA,CAAA,EACrB,EAA2C,QAAA,EAApC,OAAK,EAAEA,EAAAA,OAAO,MAAK,EAAA,EAAA,CAAE,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}
1	+ {"version":3,"file":"PlRadio.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. /\n name?: string;\n /* Value that goes into `v-model`. /\n value?: M;\n /* Whether the radio control is disabled. /\n disabled?: boolean;\n}>();\n\ndefineSlots<{\n /* Label of the radio control. */\n default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n <label :class=\"$style.container\">\n <input v-model=\"model\" :class=\"$style.input\" type=\"radio\" :name v-bind=\"props\" />\n <span :class=\"$style.label\"><slot /></span>\n </label>\n</template>\n\n<style module>\n.container {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 4px;\n border-radius: 6px;\n transition: all 200ms ease-in-out;\n color: var(--txt-01);\n user-select: none;\n &:hover:not(:has(:disabled)) {\n background: var(--btn-sec-hover-grey);\n }\n &:has(:disabled) {\n color: var(--dis-01);\n }\n}\n\n.input {\n appearance: none;\n position: relative;\n block-size: 24px;\n aspect-ratio: 1;\n margin: 0;\n border-radius: 50%;\n outline: 2px solid transparent;\n color: inherit;\n transition: inherit;\n &:focus {\n outline-color: var(--border-color-focus);\n }\n &::before {\n content: \"\";\n position: absolute;\n inset: 2px;\n border-radius: 50%;\n border: 2px solid;\n }\n &::after {\n content: \"\";\n position: absolute;\n inset: 7.5px;\n border-radius: 50%;\n background-color: currentColor;\n scale: 0;\n transition: inherit;\n }\n &:checked::after {\n scale: 1;\n }\n}\n\n.label {\n padding-inline: 4px;\n line-height: calc(20 / 14);\n font-weight: 500;\n text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAMA,IAAM,IAAkB,EAAc,GAAA,aAAE,EAElC,IAAqC,EAAA,GAAA,CAAA,OAAA,CAOvC,EAOE,IAAO,EAAO,GAAmB,EAAA,KAAe,EAChD,IAAQ,EAA+B,GAAoB,EAAgB;yBAI/E,EAGQ,SAAA,EAHA,OAAK,EAAEA,EAAAA,OAAO,UAAS,EAAA,EAAA,CAAA,EAC7B,EAAiF,SAAjF,EAAiF;mDAA5D,QAAA,IAAA;GAAG,OAAOA,EAAAA,OAAO;GAAO,MAAK;GAAS,MAAA,EAAA,EAAI;KAAS,EAAK,EAAA,MAAA,IAAA,EAAA,EAAA,CAAA,CAAA,GAA7D,EAAA,EAAK,CAAA,CAAA,CAAA,EACrB,EAA2C,QAAA,EAApC,OAAK,EAAEA,EAAAA,OAAO,MAAK,EAAA,EAAA,CAAE,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/components/PlRadio/PlRadioGroup.js CHANGED Viewed

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

package/dist/components/PlRadio/PlRadioGroup.style.js CHANGED Viewed

@@ -2,6 +2,7 @@ import './PlRadioGroup.vue.css';var e = {
 	container: "_container_17vxs_2",
 	label: "_label_17vxs_7"
 };
+//#endregion
 export { e as default };
 //# sourceMappingURL=PlRadioGroup.style.js.map

package/dist/components/PlRadio/PlRadioGroup.vue2.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { radioGroupModelKey as e, radioGroupNameKey as t } from "./keys.js";
 import n from "./PlRadio.js";
 import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, provide as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useModel as _, useSlots as v, withCtx as y } from "vue";
+//#region src/components/PlRadio/PlRadioGroup.vue?vue&type=script&setup=true&lang.ts
 var b = /* @__PURE__ */ c({
 	__name: "PlRadioGroup",
 	props: /* @__PURE__ */ l({
@@ -30,6 +31,7 @@ var b = /* @__PURE__ */ c({
 		], 2));
 	}
 });
+//#endregion
 export { b as default };
 //# sourceMappingURL=PlRadioGroup.vue2.js.map

package/dist/components/PlRadio/PlRadioGroup.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlRadioGroup.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n label: string;\n value: M;\n disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n /** Name of the radio group. /\n name?: string;\n /\n List of available options.\n * Renders a list of {@link PlRadio} components before the {@link slots.default \| default} slot.\n /\n options?: Readonly<RadioGroupOption[]>;\n /* Function to get option's unique key. Use if default mechanism (key = index) is unstable. /\n keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n /\n Can be anything, but usually an array of {@link PlRadio} components.\n * If {@link props.options\|options} are provided, they will be rendered before this slot.\n /\n default?(): unknown;\n /* Label of the radio group. */\n label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n <fieldset :class=\"$style.container\">\n <legend :class=\"$style.label\">\n <slot name=\"label\" />\n </legend>\n <PlRadio\n v-for=\"(option, i) in options\"\n :key=\"keyExtractor(option.value, i)\"\n :value=\"option.value\"\n :disabled=\"option.disabled\"\n >\n {{ option.label }}\n </PlRadio>\n <slot />\n </fieldset>\n</template>\n\n<style module>\n.container {\n margin: 0;\n padding: 0;\n border: none;\n}\n.label {\n margin-block-end: 12px;\n padding: 0;\n color: var(--txt-01);\n line-height: calc(20 / 14);\n font-weight: 500;\n text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":"~~;;;;;;;;;;;;;;;~~EAWA,IAAM,IAAQ,EAAc,GAAA,aAAE,EAExB,IAAQ;AAaA,KAQV;EAEJ,IAAM,IAAe,EAAM,kBAAkB,GAAG,MAAM;SAEtD,EAAQ,GAAmB,EAAM,KAAK,EACtC,EAAQ,GAAoB,EAAM,kBAIhC,EAaW,YAAA,EAbA,OAAK,EAAEA,EAAAA,OAAO,UAAS,EAAA,EAAA;GAChC,EAES,UAAA,EAFA,OAAK,EAAEA,EAAAA,OAAO,MAAK,EAAA,EAAA,CAC1B,EAAqB,EAAA,QAAA,QAAA,CAAA,EAAA,EAAA;WAEvB,EAOU,GAAA,MAAA,EANc,EAAA,UAAd,GAAQ,YADlB,EAOU,GAAA;IALP,KAAK,EAAA,EAAY,CAAC,EAAO,OAAO,EAAC;IACjC,OAAO,EAAO;IACd,UAAU,EAAO;;qBAEA,CAAA,EAAA,EAAf,EAAO,MAAK,EAAA,EAAA,CAAA,CAAA;;;GAEjB,EAAQ,EAAA,QAAA,UAAA"}
1	+ {"version":3,"file":"PlRadioGroup.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n label: string;\n value: M;\n disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n /** Name of the radio group. /\n name?: string;\n /\n List of available options.\n * Renders a list of {@link PlRadio} components before the {@link slots.default \| default} slot.\n /\n options?: Readonly<RadioGroupOption[]>;\n /* Function to get option's unique key. Use if default mechanism (key = index) is unstable. /\n keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n /\n Can be anything, but usually an array of {@link PlRadio} components.\n * If {@link props.options\|options} are provided, they will be rendered before this slot.\n /\n default?(): unknown;\n /* Label of the radio group. */\n label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n <fieldset :class=\"$style.container\">\n <legend :class=\"$style.label\">\n <slot name=\"label\" />\n </legend>\n <PlRadio\n v-for=\"(option, i) in options\"\n :key=\"keyExtractor(option.value, i)\"\n :value=\"option.value\"\n :disabled=\"option.disabled\"\n >\n {{ option.label }}\n </PlRadio>\n <slot />\n </fieldset>\n</template>\n\n<style module>\n.container {\n margin: 0;\n padding: 0;\n border: none;\n}\n.label {\n margin-block-end: 12px;\n padding: 0;\n color: var(--txt-01);\n line-height: calc(20 / 14);\n font-weight: 500;\n text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAWA,IAAM,IAAQ,EAAc,GAAA,aAAE,EAExB,IAAQ;AAaA,KAQV;EAEJ,IAAM,IAAe,EAAM,kBAAkB,GAAG,MAAM;SAEtD,EAAQ,GAAmB,EAAM,KAAK,EACtC,EAAQ,GAAoB,EAAM,kBAIhC,EAaW,YAAA,EAbA,OAAK,EAAEA,EAAAA,OAAO,UAAS,EAAA,EAAA;GAChC,EAES,UAAA,EAFA,OAAK,EAAEA,EAAAA,OAAO,MAAK,EAAA,EAAA,CAC1B,EAAqB,EAAA,QAAA,QAAA,CAAA,EAAA,EAAA;WAEvB,EAOU,GAAA,MAAA,EANc,EAAA,UAAd,GAAQ,YADlB,EAOU,GAAA;IALP,KAAK,EAAA,EAAY,CAAC,EAAO,OAAO,EAAC;IACjC,OAAO,EAAO;IACd,UAAU,EAAO;;qBAEA,CAAA,EAAA,EAAf,EAAO,MAAK,EAAA,EAAA,CAAA,CAAA;;;GAEjB,EAAQ,EAAA,QAAA,UAAA"}

package/dist/components/PlRadio/keys.js CHANGED Viewed

@@ -1,4 +1,6 @@
-const e = Symbol(), t = Symbol();
+//#region src/components/PlRadio/keys.ts
+var e = Symbol(), t = Symbol();
+//#endregion
 export { t as radioGroupModelKey, e as radioGroupNameKey };
 //# sourceMappingURL=keys.js.map

package/dist/components/PlRadio/keys.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"keys.js","names":[],"sources":["../../../src/components/PlRadio/keys.ts"],"sourcesContent":["import { type InjectionKey, type ModelRef } from \"vue\";\n\nexport const radioGroupNameKey: InjectionKey<string \| undefined> = Symbol();\nexport const radioGroupModelKey: InjectionKey<ModelRef<unknown>> = Symbol();\n"],"mappings":"AAEA,~~MAAa~~,IAAsD,QAAQ,EAC9D,IAAsD,QAAQ"}
1	+ {"version":3,"file":"keys.js","names":[],"sources":["../../../src/components/PlRadio/keys.ts"],"sourcesContent":["import { type InjectionKey, type ModelRef } from \"vue\";\n\nexport const radioGroupNameKey: InjectionKey<string \| undefined> = Symbol();\nexport const radioGroupModelKey: InjectionKey<ModelRef<unknown>> = Symbol();\n"],"mappings":";AAEA,IAAa,IAAsD,QAAQ,EAC9D,IAAsD,QAAQ"}

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

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

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

@@ -2,6 +2,7 @@ import './PlSearchField.vue.css';var e = {
 	component: "_component_1k3h6_1",
 	clear: "_clear_1k3h6_35"
 };
+//#endregion
 export { e as default };
 //# sourceMappingURL=PlSearchField.style.js.map

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

@@ -4,6 +4,7 @@ import "../PlIcon24/index.js";
 import n from "../PlIcon16/PlIcon16.js";
 import "../PlIcon16/index.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, useModel as _, useSlots as v, vModelText as y, withCtx as b, withDirectives as x, withModifiers as S } from "vue";
+//#region src/components/PlSearchField/PlSearchField.vue?vue&type=script&setup=true&lang.ts
 var C = ["disabled", "placeholder"], w = /* @__PURE__ */ u({
 	__name: "PlSearchField",
 	props: /* @__PURE__ */ d({
@@ -51,6 +52,7 @@ var C = ["disabled", "placeholder"], w = /* @__PURE__ */ u({
 		], 2));
 	}
 });
+//#endregion
 export { w as default };
 //# sourceMappingURL=PlSearchField.vue2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlSearchField.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"V extends undefined \| string, C extends V\">\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\nimport PlTooltip from \"../PlTooltip/PlTooltip.vue\";\n\nconst model = defineModel<V>({ required: true });\n\nconst props = defineProps<{\n modelValue?: string;\n clearable?: boolean \| (() => C);\n placeholder?: string;\n disabled?: boolean;\n helper?: string;\n}>();\nconst slots = defineSlots<{\n helper: () => unknown;\n}>();\n\nconst nonEmpty = computed(() => model.value != null && model.value.length > 0);\nconst hasHelper = computed(() => props.helper != null \|\| slots.helper != null);\n\nconst clear = () => {\n if (props.clearable) {\n model.value = (typeof props.clearable === \"function\" ? props.clearable() : \"\") as V;\n }\n};\n</script>\n\n<template>\n <div ref=\"root\" :class=\"$style.component\">\n <PlIcon24 name=\"search\" />\n <input\n ref=\"input\"\n v-model=\"model\"\n :disabled=\"props.disabled\"\n :placeholder=\"props.placeholder \|\| 'Find...'\"\n type=\"text\"\n spellcheck=\"false\"\n />\n <PlIcon16\n v-if=\"props.clearable && nonEmpty\"\n :class=\"$style.clear\"\n name=\"delete-clear\"\n @click.stop=\"clear\"\n />\n\n <PlTooltip v-if=\"hasHelper\" class=\"info\" position=\"bottom\">\n <template #tooltip>\n <slot name=\"helper\">\n {{ props.helper }}\n </slot>\n </template>\n </PlTooltip>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n --pl-search-field-border-bottom-color: var(--txt-01);\n --pl-search-field-bg: transparent;\n --pl-search-field-caret-color: auto;\n --pl-search-field-clear-display: none;\n\n position: relative;\n display: flex;\n align-items: center;\n min-height: calc(var(--control-height) - 2px);\n line-height: calc(var(--control-height) - 2px);\n background-color: var(--pl-search-field-bg);\n padding: 0 0 0 0;\n border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n input {\n margin-left: 8px;\n width: 100%;\n height: 20px;\n border: none;\n outline: none;\n background-color: transparent;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n caret-color: var(--pl-search-field-caret-color);\n }\n\n &:focus-within {\n --pl-search-field-border-bottom-color: var(--txt-focus);\n --pl-search-field-caret-color: var(--border-color-focus);\n --pl-search-field-clear-display: block;\n }\n\n &:hover {\n --pl-search-field-clear-display: block;\n }\n\n .clear {\n --icon-color: var(--ic-02);\n cursor: pointer;\n margin-left: auto;\n display: var(--pl-search-field-clear-display);\n }\n}\n</style>\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;~~EAMA,IAAM,IAAQ,EAAc,GAAA,aAAoB,EAE1C,IAAQ,GAOR,IAAQ,GAEV,EAEE,IAAW,QAAe,EAAM,SAAS,QAAQ,EAAM,MAAM,SAAS,EAAE,EACxE,IAAY,QAAe,EAAM,UAAU,QAAQ,EAAM,UAAU,KAAK,EAExE,UAAc;AAClB,GAAI,EAAM,cACR,EAAM,QAAS,OAAO,EAAM,aAAc,aAAa,EAAM,WAAW,GAAG;;yBAM7E,EAwBM,OAAA;GAxBD,KAAI;GAAQ,OAAK,EAAEA,EAAAA,OAAO,UAAS;;GACtC,EAA0B,EAAA,EAAA,EAAA,EAAhB,MAAK,UAAQ,CAAA;KACvB,EAOE,SAAA;IANA,KAAI;6CACU,QAAA;IACb,UAAU,EAAM;IAChB,aAAa,EAAM,eAAW;IAC/B,MAAK;IACL,YAAW;wBAJF,EAAA,MAAK,CAAA,CAAA;GAOR,EAAM,aAAa,EAAA,SAAA,GAAA,EAD3B,EAKE,EAAA,EAAA,EAAA;;IAHC,OAAK,EAAEA,EAAAA,OAAO,MAAK;IACpB,MAAK;IACJ,SAAK,EAAO,GAAK,CAAA,OAAA,CAAA;;GAGH,EAAA,SAAA,GAAA,EAAjB,EAMY,GAAA;;IANgB,OAAM;IAAO,UAAS;;IACrC,SAAO,QAGT,CAFP,EAEO,EAAA,QAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAM,OAAM,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"PlSearchField.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"V extends undefined \| string, C extends V\">\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\nimport PlTooltip from \"../PlTooltip/PlTooltip.vue\";\n\nconst model = defineModel<V>({ required: true });\n\nconst props = defineProps<{\n modelValue?: string;\n clearable?: boolean \| (() => C);\n placeholder?: string;\n disabled?: boolean;\n helper?: string;\n}>();\nconst slots = defineSlots<{\n helper: () => unknown;\n}>();\n\nconst nonEmpty = computed(() => model.value != null && model.value.length > 0);\nconst hasHelper = computed(() => props.helper != null \|\| slots.helper != null);\n\nconst clear = () => {\n if (props.clearable) {\n model.value = (typeof props.clearable === \"function\" ? props.clearable() : \"\") as V;\n }\n};\n</script>\n\n<template>\n <div ref=\"root\" :class=\"$style.component\">\n <PlIcon24 name=\"search\" />\n <input\n ref=\"input\"\n v-model=\"model\"\n :disabled=\"props.disabled\"\n :placeholder=\"props.placeholder \|\| 'Find...'\"\n type=\"text\"\n spellcheck=\"false\"\n />\n <PlIcon16\n v-if=\"props.clearable && nonEmpty\"\n :class=\"$style.clear\"\n name=\"delete-clear\"\n @click.stop=\"clear\"\n />\n\n <PlTooltip v-if=\"hasHelper\" class=\"info\" position=\"bottom\">\n <template #tooltip>\n <slot name=\"helper\">\n {{ props.helper }}\n </slot>\n </template>\n </PlTooltip>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n --pl-search-field-border-bottom-color: var(--txt-01);\n --pl-search-field-bg: transparent;\n --pl-search-field-caret-color: auto;\n --pl-search-field-clear-display: none;\n\n position: relative;\n display: flex;\n align-items: center;\n min-height: calc(var(--control-height) - 2px);\n line-height: calc(var(--control-height) - 2px);\n background-color: var(--pl-search-field-bg);\n padding: 0 0 0 0;\n border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n input {\n margin-left: 8px;\n width: 100%;\n height: 20px;\n border: none;\n outline: none;\n background-color: transparent;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n caret-color: var(--pl-search-field-caret-color);\n }\n\n &:focus-within {\n --pl-search-field-border-bottom-color: var(--txt-focus);\n --pl-search-field-caret-color: var(--border-color-focus);\n --pl-search-field-clear-display: block;\n }\n\n &:hover {\n --pl-search-field-clear-display: block;\n }\n\n .clear {\n --icon-color: var(--ic-02);\n cursor: pointer;\n margin-left: auto;\n display: var(--pl-search-field-clear-display);\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,IAAM,IAAQ,EAAc,GAAA,aAAoB,EAE1C,IAAQ,GAOR,IAAQ,GAEV,EAEE,IAAW,QAAe,EAAM,SAAS,QAAQ,EAAM,MAAM,SAAS,EAAE,EACxE,IAAY,QAAe,EAAM,UAAU,QAAQ,EAAM,UAAU,KAAK,EAExE,UAAc;AAClB,GAAI,EAAM,cACR,EAAM,QAAS,OAAO,EAAM,aAAc,aAAa,EAAM,WAAW,GAAG;;yBAM7E,EAwBM,OAAA;GAxBD,KAAI;GAAQ,OAAK,EAAEA,EAAAA,OAAO,UAAS;;GACtC,EAA0B,EAAA,EAAA,EAAA,EAAhB,MAAK,UAAQ,CAAA;KACvB,EAOE,SAAA;IANA,KAAI;6CACU,QAAA;IACb,UAAU,EAAM;IAChB,aAAa,EAAM,eAAW;IAC/B,MAAK;IACL,YAAW;wBAJF,EAAA,MAAK,CAAA,CAAA;GAOR,EAAM,aAAa,EAAA,SAAA,GAAA,EAD3B,EAKE,EAAA,EAAA,EAAA;;IAHC,OAAK,EAAEA,EAAAA,OAAO,MAAK;IACpB,MAAK;IACJ,SAAK,EAAO,GAAK,CAAA,OAAA,CAAA;;GAGH,EAAA,SAAA,GAAA,EAAjB,EAMY,GAAA;;IANgB,OAAM;IAAO,UAAS;;IACrC,SAAO,QAGT,CAFP,EAEO,EAAA,QAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAM,OAAM,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}

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

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

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

@@ -2,6 +2,7 @@ import './PlSectionSeparator.vue.css';var e = {
 	compact: "_compact_o5ekj_16",
 	content: "_content_o5ekj_20"
 };
+//#endregion
 export { e as default };
 //# sourceMappingURL=PlSectionSeparator.style.js.map

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

@@ -1,4 +1,5 @@
 import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/components/PlSectionSeparator/PlSectionSeparator.vue?vue&type=script&setup=true&lang.ts
 var o = /* @__PURE__ */ n({
 	__name: "PlSectionSeparator",
 	props: { compact: { type: Boolean } },
@@ -6,6 +7,7 @@ var o = /* @__PURE__ */ n({
 		return (o, s) => (i(), e("div", { class: r(["pl-section-separator", { [o.$style.compact]: n.compact }]) }, [t("div", { class: r(o.$style.content) }, [a(o.$slots, "default")], 2)], 2));
 	}
 });
+//#endregion
 export { o as default };
 //# sourceMappingURL=PlSectionSeparator.vue2.js.map