@milaboratories/uikit 2.10.37 → 2.10.39

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlNotificationAlert.js","names":[],"sources":["../../../src/components/PlNotificationAlert/PlNotificationAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnGhost } from \"../PlBtnGhost\";\nimport \"./pl-notification-alert.scss\";\n\nconst props = withDefaults(\n  defineProps<{\n    type?: \"success\" | \"error\" | \"warning\" | \"neutral\";\n    width?: string;\n    closable?: boolean;\n  }>(),\n  { type: \"neutral\", width: \"256px\" },\n);\n\nconst model = defineModel({ type: Boolean, default: true });\n\nfunction closeAlert() {\n  if (props.closable) {\n    model.value = false;\n  }\n}\n</script>\n\n<template>\n  <div\n    v-if=\"model\"\n    :class=\"type\"\n    :style=\"{ width: `${width}` }\"\n    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":""}

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

@@ -1,5 +1,41 @@
-import f from "./PlNotificationAlert.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlNotificationAlert.vue2.js.map
+import e from "../PlBtnGhost/PlBtnGhost.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";
+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"
+}, _ = {
+	key: 0,
+	class: "pl-notification-alert__actions d-flex"
+}, v = /* @__PURE__ */ a({
+	__name: "PlNotificationAlert",
+	props: /* @__PURE__ */ o({
+		type: { default: "neutral" },
+		width: { default: "256px" },
+		closable: { type: Boolean }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !0
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(a) {
+		let o = a, v = f(a, "modelValue");
+		function y() {
+			o.closable && (v.value = !1);
+		}
+		return (o, f) => v.value ? (l(), n("div", {
+			key: 0,
+			class: s([a.type, "pl-notification-alert d-flex flex-column gap-16"]),
+			style: c({ width: `${a.width}` })
+		}, [r("div", m, [r("div", h, [u(o.$slots, "default")]), a.closable ? (l(), n("div", g, [i(d(e), {
+			icon: "close",
+			onClick: p(y, ["stop"])
+		})])) : t("", !0)]), o.$slots.actions ? (l(), n("div", _, [u(o.$slots, "actions")])) : t("", !0)], 6)) : t("", !0);
+	}
+});
+export { v as default };
+
+//# sourceMappingURL=PlNotificationAlert.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlNotificationAlert.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"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/PlNotificationAlert/pl-notification-alert.css

@@ -1 +1 @@
-.pl-notification-alert{padding:12px;position:relative;border-radius:6px;border:1px solid var(--border-color-default);min-height:40px;width:256px;max-height:100%;overflow:auto}.pl-notification-alert .ui-btn-ghost{position:absolute;right:0;top:0}.pl-notification-alert__close{width:32px;min-width:28px}.pl-notification-alert__close .pl-btn-ghost{position:absolute;top:0;right:0;width:40px!important;height:40px!important}.pl-notification-alert__wrapper{flex-grow:1;overflow:auto}.pl-notification-alert.neutral{background:var(--notification-neutral)}.pl-notification-alert.error{background:var(--notification-error)}.pl-notification-alert.success{background:var(--notification-success)}.pl-notification-alert.warning{background:var(--notification-warning)}
+.pl-notification-alert{border:1px solid var(--border-color-default);border-radius:6px;width:256px;min-height:40px;max-height:100%;padding:12px;position:relative;overflow:auto}.pl-notification-alert .ui-btn-ghost{position:absolute;top:0;right:0}.pl-notification-alert__close{width:32px;min-width:28px}.pl-notification-alert__close .pl-btn-ghost{position:absolute;top:0;right:0;width:40px!important;height:40px!important}.pl-notification-alert__wrapper{flex-grow:1;overflow:auto}.pl-notification-alert.neutral{background:var(--notification-neutral)}.pl-notification-alert.error{background:var(--notification-error)}.pl-notification-alert.success{background:var(--notification-success)}.pl-notification-alert.warning{background:var(--notification-warning)}

package/dist/components/PlNumberField/PlNumberField.js

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

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

@@ -0,0 +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 *   :update-on-enter-or-click-outside=\"true\"\n *   label=\"Even Number\"\n * />\n */\nexport default {\n  name: \"PlNumberField\",\n};\n</script>\n\n<script setup lang=\"ts\">\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 { parseNumber } from \"./parseNumber\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** Input is disabled if true */\n    disabled?: boolean;\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    /** If false - remove buttons on the right */\n    useIncrementButtons?: boolean;\n    /** If true - changes do not apply immediately, they apply only by removing focus from the input (by click enter or by click outside)  */\n    updateOnEnterOrClickOutside?: 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    /** 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  {\n    step: 1,\n    label: undefined,\n    placeholder: undefined,\n    minValue: undefined,\n    maxValue: undefined,\n    useIncrementButtons: true,\n    updateOnEnter: false,\n    errorMessage: undefined,\n    validate: undefined,\n    groupPosition: undefined,\n  },\n);\n\nconst modelValue = defineModel<number | undefined>({ required: true });\n\nconst slots = useSlots();\n\nconst rootRef = ref<HTMLElement>();\nconst inputRef = ref<HTMLInputElement>();\n\nuseLabelNotch(rootRef);\n\nfunction modelToString(v: number | undefined) {\n  return v === undefined ? \"\" : String(+v); // (+v) to avoid staying in input non-number values if they are provided in model\n}\n\nconst parsedResult = computed(() => parseNumber(props, inputValue.value));\n\nconst cachedValue = ref<string | undefined>(undefined);\n\nconst resetCachedValue = () => (cachedValue.value = undefined);\n\nwatch(modelValue, (n) => {\n  const r = parsedResult.value;\n  if (r.error || n !== r.value) {\n    resetCachedValue();\n  }\n});\n\nconst inputValue = computed({\n  get() {\n    return cachedValue.value ?? modelToString(modelValue.value);\n  },\n  set(nextValue: string) {\n    const r = parseNumber(props, nextValue);\n\n    cachedValue.value = r.cleanInput;\n\n    if (r.error || props.updateOnEnterOrClickOutside) {\n      inputRef.value!.value = r.cleanInput;\n    } else {\n      modelValue.value = r.value;\n    }\n  },\n});\n\nconst focused = ref(false);\n\nfunction applyChanges() {\n  if (parsedResult.value.error === undefined) {\n    modelValue.value = parsedResult.value.value;\n  }\n}\n\nconst errors = computed(() => {\n  let ers: string[] = [];\n\n  if (props.errorMessage) {\n    ers.push(props.errorMessage);\n  }\n\n  const r = parsedResult.value;\n\n  if (r.error) {\n    ers.push(r.error.message);\n  } else if (props.validate && r.value !== undefined) {\n    const error = props.validate(r.value);\n    if (error) {\n      ers.push(error);\n    }\n  }\n\n  ers = [...ers];\n\n  return ers.join(\" \");\n});\n\nconst isIncrementDisabled = computed(() => {\n  const r = parsedResult.value;\n\n  if (props.maxValue !== undefined && r.value !== undefined) {\n    return r.value >= props.maxValue;\n  }\n\n  return false;\n});\n\nconst isDecrementDisabled = computed(() => {\n  const r = parsedResult.value;\n\n  if (props.minValue !== undefined && r.value !== undefined) {\n    return r.value <= props.minValue;\n  }\n\n  return false;\n});\n\nconst multiplier = computed(() => 10 ** (props.step.toString().split(\".\").at(1)?.length ?? 0));\n\nfunction increment() {\n  const r = parsedResult.value;\n\n  const parsedValue = r.value;\n\n  if (!isIncrementDisabled.value) {\n    let nV;\n    if (parsedValue === undefined) {\n      nV = props.minValue ? props.minValue : 0;\n    } else {\n      nV =\n        ((parsedValue || 0) * multiplier.value + props.step * multiplier.value) / multiplier.value;\n    }\n    modelValue.value = props.maxValue !== undefined ? Math.min(props.maxValue, nV) : nV;\n  }\n}\n\nfunction decrement() {\n  const r = parsedResult.value;\n\n  const parsedValue = r.value;\n\n  if (!isDecrementDisabled.value) {\n    let nV;\n    if (parsedValue === undefined) {\n      nV = 0;\n    } else {\n      nV =\n        ((parsedValue || 0) * multiplier.value - props.step * multiplier.value) / multiplier.value;\n    }\n    modelValue.value = props.minValue !== undefined ? Math.max(props.minValue, nV) : nV;\n  }\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }) {\n  if (props.updateOnEnterOrClickOutside) {\n    if (e.code === \"Escape\") {\n      inputValue.value = modelToString(modelValue.value);\n      inputRef.value?.blur();\n    }\n    if (e.code === \"Enter\") {\n      inputRef.value?.blur();\n    }\n  }\n\n  if (e.code === \"Enter\") {\n    inputValue.value = String(modelValue.value); // to make .1 => 0.1, 10.00 => 10, remove leading zeros etc\n  }\n\n  if ([\"ArrowDown\", \"ArrowUp\"].includes(e.code)) {\n    e.preventDefault();\n  }\n\n  if (props.useIncrementButtons && e.code === \"ArrowUp\") {\n    increment();\n  }\n\n  if (props.useIncrementButtons && e.code === \"ArrowDown\") {\n    decrement();\n  }\n}\n\n// https://stackoverflow.com/questions/880512/prevent-text-selection-after-double-click#:~:text=If%20you%20encounter%20a%20situation,none%3B%20to%20the%20summary%20element.\n// this prevents selecting of more than input content in some cases,\n// but also disable selecting input content by double-click (useful feature)\nconst onMousedown = (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: !!errors.trim(), disabled: disabled }\"\n    class=\"pl-number-field d-flex-column\"\n    @keydown=\"handleKeyPress($event)\"\n  >\n    <div class=\"pl-number-field__main-wrapper d-flex\">\n      <DoubleContour class=\"pl-number-field__contour\" :group-position=\"groupPosition\" />\n      <div\n        class=\"pl-number-field__wrapper flex-grow d-flex flex-align-center\"\n        :class=\"{ withoutArrows: !useIncrementButtons }\"\n      >\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          v-model=\"inputValue\"\n          :disabled=\"disabled\"\n          :placeholder=\"placeholder\"\n          class=\"text-s flex-grow\"\n          @focusin=\"focused = true\"\n          @focusout=\"\n            focused = false;\n            applyChanges();\n          \"\n        />\n      </div>\n      <div\n        v-if=\"useIncrementButtons\"\n        class=\"pl-number-field__icons d-flex-column\"\n        @mousedown=\"onMousedown\"\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=\"errors.trim()\" class=\"pl-number-field__error\">\n      {{ errors }}\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,5 +1,168 @@
-import f from "./PlNumberField.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlNumberField.vue2.js.map
+import e from "../PlTooltip/PlTooltip.js";
+import t from "../../utils/DoubleContour.js";
+import { useLabelNotch as n } from "../../utils/useLabelNotch.js";
+import './pl-number-field.css';/* empty css                */
+import { parseNumber as r } from "./parseNumber.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, normalizeClass as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v, useModel as y, useSlots as b, vModelText as x, watch as S, withCtx as C, withDirectives as w } from "vue";
+var T = { class: "pl-number-field__main-wrapper d-flex" }, E = {
+	key: 0,
+	class: "text-description"
+}, D = ["disabled", "placeholder"], O = {
+	key: 0,
+	class: "pl-number-field__error"
+}, k = /* @__PURE__ */ d({
+	name: "PlNumberField",
+	props: /* @__PURE__ */ f({
+		disabled: { type: Boolean },
+		label: { default: void 0 },
+		placeholder: { default: void 0 },
+		step: { default: 1 },
+		minValue: { default: void 0 },
+		maxValue: { default: void 0 },
+		useIncrementButtons: {
+			type: Boolean,
+			default: !0
+		},
+		updateOnEnterOrClickOutside: { type: Boolean },
+		errorMessage: { default: void 0 },
+		validate: {
+			type: Function,
+			default: void 0
+		},
+		groupPosition: { default: void 0 }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(d) {
+		let f = d, k = y(d, "modelValue"), A = b(), j = h(), M = h();
+		n(j);
+		function N(e) {
+			return e === void 0 ? "" : String(+e);
+		}
+		let P = i(() => r(f, L.value)), F = h(void 0), I = () => F.value = void 0;
+		S(k, (e) => {
+			let t = P.value;
+			(t.error || e !== t.value) && I();
+		});
+		let L = i({
+			get() {
+				return F.value ?? N(k.value);
+			},
+			set(e) {
+				let t = r(f, e);
+				F.value = t.cleanInput, t.error || f.updateOnEnterOrClickOutside ? M.value.value = t.cleanInput : k.value = t.value;
+			}
+		}), R = h(!1);
+		function z() {
+			P.value.error === void 0 && (k.value = P.value.value);
+		}
+		let B = i(() => {
+			let e = [];
+			f.errorMessage && e.push(f.errorMessage);
+			let t = P.value;
+			if (t.error) e.push(t.error.message);
+			else if (f.validate && t.value !== void 0) {
+				let n = f.validate(t.value);
+				n && e.push(n);
+			}
+			return e = [...e], e.join(" ");
+		}), V = i(() => {
+			let e = P.value;
+			return f.maxValue !== void 0 && e.value !== void 0 ? e.value >= f.maxValue : !1;
+		}), H = i(() => {
+			let e = P.value;
+			return f.minValue !== void 0 && e.value !== void 0 ? e.value <= f.minValue : !1;
+		}), U = i(() => 10 ** (f.step.toString().split(".").at(1)?.length ?? 0));
+		function W() {
+			let e = P.value.value;
+			if (!V.value) {
+				let t;
+				t = e === void 0 ? f.minValue ? f.minValue : 0 : ((e || 0) * U.value + f.step * U.value) / U.value, k.value = f.maxValue === void 0 ? t : Math.min(f.maxValue, t);
+			}
+		}
+		function G() {
+			let e = P.value.value;
+			if (!H.value) {
+				let t;
+				t = e === void 0 ? 0 : ((e || 0) * U.value - f.step * U.value) / U.value, k.value = f.minValue === void 0 ? t : Math.max(f.minValue, t);
+			}
+		}
+		function K(e) {
+			f.updateOnEnterOrClickOutside && (e.code === "Escape" && (L.value = N(k.value), M.value?.blur()), e.code === "Enter" && M.value?.blur()), e.code === "Enter" && (L.value = String(k.value)), ["ArrowDown", "ArrowUp"].includes(e.code) && e.preventDefault(), f.useIncrementButtons && e.code === "ArrowUp" && W(), f.useIncrementButtons && e.code === "ArrowDown" && G();
+		}
+		let q = (e) => {
+			e.detail > 1 && e.preventDefault();
+		};
+		return (n, r) => (m(), s("div", {
+			ref_key: "rootRef",
+			ref: j,
+			class: p([{
+				error: !!B.value.trim(),
+				disabled: d.disabled
+			}, "pl-number-field d-flex-column"]),
+			onKeydown: r[3] ||= (e) => K(e)
+		}, [c("div", T, [
+			u(t, {
+				class: "pl-number-field__contour",
+				"group-position": d.groupPosition
+			}, null, 8, ["group-position"]),
+			c("div", { class: p(["pl-number-field__wrapper flex-grow d-flex flex-align-center", { withoutArrows: !d.useIncrementButtons }]) }, [d.label ? (m(), s("label", E, [l(_(d.label) + " ", 1), v(A).tooltip ? (m(), a(v(e), {
+				key: 0,
+				class: "info",
+				position: "top"
+			}, {
+				tooltip: C(() => [g(n.$slots, "tooltip")]),
+				_: 3
+			})) : o("", !0)])) : o("", !0), w(c("input", {
+				ref_key: "inputRef",
+				ref: M,
+				"onUpdate:modelValue": r[0] ||= (e) => L.value = e,
+				disabled: d.disabled,
+				placeholder: d.placeholder,
+				class: "text-s flex-grow",
+				onFocusin: r[1] ||= (e) => R.value = !0,
+				onFocusout: r[2] ||= (e) => {
+					R.value = !1, z();
+				}
+			}, null, 40, D), [[x, L.value]])], 2),
+			d.useIncrementButtons ? (m(), s("div", {
+				key: 0,
+				class: "pl-number-field__icons d-flex-column",
+				onMousedown: q
+			}, [c("div", {
+				class: p([{ disabled: V.value }, "pl-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center"]),
+				onClick: W
+			}, [...r[4] ||= [c("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				fill: "none"
+			}, [c("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M8 4.93933L13.5303 10.4697L12.4697 11.5303L8 7.06065L3.53033 11.5303L2.46967 10.4697L8 4.93933Z",
+				fill: "#110529"
+			})], -1)]], 2), c("div", {
+				class: p([{ disabled: H.value }, "pl-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center"]),
+				onClick: G
+			}, [...r[5] ||= [c("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				fill: "none"
+			}, [c("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M2.46967 6.53033L3.53033 5.46967L8 9.93934L12.4697 5.46967L13.5303 6.53033L8 12.0607L2.46967 6.53033Z",
+				fill: "#110529"
+			})], -1)]], 2)], 32)) : o("", !0)
+		]), B.value.trim() ? (m(), s("div", O, _(B.value), 1)) : o("", !0)], 34));
+	}
+});
+export { k as default };
+
+//# sourceMappingURL=PlNumberField.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlNumberField.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"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 *   :update-on-enter-or-click-outside=\"true\"\n *   label=\"Even Number\"\n * />\n */\nexport default {\n  name: \"PlNumberField\",\n};\n</script>\n\n<script setup lang=\"ts\">\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 { parseNumber } from \"./parseNumber\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** Input is disabled if true */\n    disabled?: boolean;\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    /** If false - remove buttons on the right */\n    useIncrementButtons?: boolean;\n    /** If true - changes do not apply immediately, they apply only by removing focus from the input (by click enter or by click outside)  */\n    updateOnEnterOrClickOutside?: 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    /** 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  {\n    step: 1,\n    label: undefined,\n    placeholder: undefined,\n    minValue: undefined,\n    maxValue: undefined,\n    useIncrementButtons: true,\n    updateOnEnter: false,\n    errorMessage: undefined,\n    validate: undefined,\n    groupPosition: undefined,\n  },\n);\n\nconst modelValue = defineModel<number | undefined>({ required: true });\n\nconst slots = useSlots();\n\nconst rootRef = ref<HTMLElement>();\nconst inputRef = ref<HTMLInputElement>();\n\nuseLabelNotch(rootRef);\n\nfunction modelToString(v: number | undefined) {\n  return v === undefined ? \"\" : String(+v); // (+v) to avoid staying in input non-number values if they are provided in model\n}\n\nconst parsedResult = computed(() => parseNumber(props, inputValue.value));\n\nconst cachedValue = ref<string | undefined>(undefined);\n\nconst resetCachedValue = () => (cachedValue.value = undefined);\n\nwatch(modelValue, (n) => {\n  const r = parsedResult.value;\n  if (r.error || n !== r.value) {\n    resetCachedValue();\n  }\n});\n\nconst inputValue = computed({\n  get() {\n    return cachedValue.value ?? modelToString(modelValue.value);\n  },\n  set(nextValue: string) {\n    const r = parseNumber(props, nextValue);\n\n    cachedValue.value = r.cleanInput;\n\n    if (r.error || props.updateOnEnterOrClickOutside) {\n      inputRef.value!.value = r.cleanInput;\n    } else {\n      modelValue.value = r.value;\n    }\n  },\n});\n\nconst focused = ref(false);\n\nfunction applyChanges() {\n  if (parsedResult.value.error === undefined) {\n    modelValue.value = parsedResult.value.value;\n  }\n}\n\nconst errors = computed(() => {\n  let ers: string[] = [];\n\n  if (props.errorMessage) {\n    ers.push(props.errorMessage);\n  }\n\n  const r = parsedResult.value;\n\n  if (r.error) {\n    ers.push(r.error.message);\n  } else if (props.validate && r.value !== undefined) {\n    const error = props.validate(r.value);\n    if (error) {\n      ers.push(error);\n    }\n  }\n\n  ers = [...ers];\n\n  return ers.join(\" \");\n});\n\nconst isIncrementDisabled = computed(() => {\n  const r = parsedResult.value;\n\n  if (props.maxValue !== undefined && r.value !== undefined) {\n    return r.value >= props.maxValue;\n  }\n\n  return false;\n});\n\nconst isDecrementDisabled = computed(() => {\n  const r = parsedResult.value;\n\n  if (props.minValue !== undefined && r.value !== undefined) {\n    return r.value <= props.minValue;\n  }\n\n  return false;\n});\n\nconst multiplier = computed(() => 10 ** (props.step.toString().split(\".\").at(1)?.length ?? 0));\n\nfunction increment() {\n  const r = parsedResult.value;\n\n  const parsedValue = r.value;\n\n  if (!isIncrementDisabled.value) {\n    let nV;\n    if (parsedValue === undefined) {\n      nV = props.minValue ? props.minValue : 0;\n    } else {\n      nV =\n        ((parsedValue || 0) * multiplier.value + props.step * multiplier.value) / multiplier.value;\n    }\n    modelValue.value = props.maxValue !== undefined ? Math.min(props.maxValue, nV) : nV;\n  }\n}\n\nfunction decrement() {\n  const r = parsedResult.value;\n\n  const parsedValue = r.value;\n\n  if (!isDecrementDisabled.value) {\n    let nV;\n    if (parsedValue === undefined) {\n      nV = 0;\n    } else {\n      nV =\n        ((parsedValue || 0) * multiplier.value - props.step * multiplier.value) / multiplier.value;\n    }\n    modelValue.value = props.minValue !== undefined ? Math.max(props.minValue, nV) : nV;\n  }\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }) {\n  if (props.updateOnEnterOrClickOutside) {\n    if (e.code === \"Escape\") {\n      inputValue.value = modelToString(modelValue.value);\n      inputRef.value?.blur();\n    }\n    if (e.code === \"Enter\") {\n      inputRef.value?.blur();\n    }\n  }\n\n  if (e.code === \"Enter\") {\n    inputValue.value = String(modelValue.value); // to make .1 => 0.1, 10.00 => 10, remove leading zeros etc\n  }\n\n  if ([\"ArrowDown\", \"ArrowUp\"].includes(e.code)) {\n    e.preventDefault();\n  }\n\n  if (props.useIncrementButtons && e.code === \"ArrowUp\") {\n    increment();\n  }\n\n  if (props.useIncrementButtons && e.code === \"ArrowDown\") {\n    decrement();\n  }\n}\n\n// https://stackoverflow.com/questions/880512/prevent-text-selection-after-double-click#:~:text=If%20you%20encounter%20a%20situation,none%3B%20to%20the%20summary%20element.\n// this prevents selecting of more than input content in some cases,\n// but also disable selecting input content by double-click (useful feature)\nconst onMousedown = (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: !!errors.trim(), disabled: disabled }\"\n    class=\"pl-number-field d-flex-column\"\n    @keydown=\"handleKeyPress($event)\"\n  >\n    <div class=\"pl-number-field__main-wrapper d-flex\">\n      <DoubleContour class=\"pl-number-field__contour\" :group-position=\"groupPosition\" />\n      <div\n        class=\"pl-number-field__wrapper flex-grow d-flex flex-align-center\"\n        :class=\"{ withoutArrows: !useIncrementButtons }\"\n      >\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          v-model=\"inputValue\"\n          :disabled=\"disabled\"\n          :placeholder=\"placeholder\"\n          class=\"text-s flex-grow\"\n          @focusin=\"focused = true\"\n          @focusout=\"\n            focused = false;\n            applyChanges();\n          \"\n        />\n      </div>\n      <div\n        v-if=\"useIncrementButtons\"\n        class=\"pl-number-field__icons d-flex-column\"\n        @mousedown=\"onMousedown\"\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=\"errors.trim()\" class=\"pl-number-field__error\">\n      {{ errors }}\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/PlNumberField/parseNumber.js

@@ -1,77 +1,65 @@
-const a = /^[-−–+]?(\d+)?[.,]?(\d+)?$/;
-function i(r) {
-  return r === "." || r === "," || r === "-";
+var e = /^[-−–+]?(\d+)?[.,]?(\d+)?$/;
+function t(e) {
+	return e === "." || e === "," || e === "-";
 }
-function l(r) {
-  return r = r.trim(), r = r.replace(",", "."), r = r.replace("−", "-"), r = r.replace("–", "-"), r = r.replace("+", ""), r;
+function n(e) {
+	return e = e.trim(), e = e.replace(",", "."), e = e.replace("−", "-"), e = e.replace("–", "-"), e = e.replace("+", ""), e;
 }
-function o(r) {
-  return parseFloat(l(r));
+function r(e) {
+	return parseFloat(n(e));
 }
-function c(r) {
-  if (r = r.trim(), i(r))
-    return r;
-  if (/^-[^0-9.]/.test(r))
-    return "-";
-  const n = r.match(/^(.*)[.,][^0-9].*$/);
-  if (n)
-    return n[1] + ".";
-  if (r.match(a))
-    return l(r);
-  const e = o(r);
-  return isNaN(e) ? "" : String(+e);
+function i(i) {
+	if (i = i.trim(), t(i)) return i;
+	if (/^-[^0-9.]/.test(i)) return "-";
+	let a = i.match(/^(.*)[.,][^0-9].*$/);
+	if (a) return a[1] + ".";
+	if (i.match(e)) return n(i);
+	let o = r(i);
+	return isNaN(o) ? "" : String(+o);
 }
-function m(r, n) {
-  n = n.trim();
-  const e = c(n);
-  if (n === "")
-    return {
-      value: void 0,
-      cleanInput: e
-    };
-  if (!n.match(a))
-    return {
-      error: Error("Value is not a number"),
-      cleanInput: e
-    };
-  if (i(n))
-    return {
-      error: Error("Enter a number"),
-      cleanInput: e
-    };
-  const t = o(n);
-  if (isNaN(t))
-    return {
-      error: Error("Value is not a number"),
-      cleanInput: e
-    };
-  if (r.minValue !== void 0 && t < r.minValue)
-    return {
-      error: Error(`Value must be higher than ${r.minValue}`),
-      value: t,
-      cleanInput: e
-    };
-  if (r.maxValue !== void 0 && t > r.maxValue)
-    return {
-      error: Error(`Value must be less than ${r.maxValue}`),
-      value: t,
-      cleanInput: e
-    };
-  if (r.validate) {
-    const u = r.validate(t);
-    if (u)
-      return {
-        error: Error(u),
-        value: t,
-        cleanInput: e
-      };
-  }
-  return {
-    value: t,
-    cleanInput: e
-  };
+function a(n, a) {
+	a = a.trim();
+	let o = i(a);
+	if (a === "") return {
+		value: void 0,
+		cleanInput: o
+	};
+	if (!a.match(e)) return {
+		error: Error("Value is not a number"),
+		cleanInput: o
+	};
+	if (t(a)) return {
+		error: Error("Enter a number"),
+		cleanInput: o
+	};
+	let s = r(a);
+	if (isNaN(s)) return {
+		error: Error("Value is not a number"),
+		cleanInput: o
+	};
+	if (n.minValue !== void 0 && s < n.minValue) return {
+		error: Error(`Value must be higher than ${n.minValue}`),
+		value: s,
+		cleanInput: o
+	};
+	if (n.maxValue !== void 0 && s > n.maxValue) return {
+		error: Error(`Value must be less than ${n.maxValue}`),
+		value: s,
+		cleanInput: o
+	};
+	if (n.validate) {
+		let e = n.validate(s);
+		if (e) return {
+			error: Error(e),
+			value: s,
+			cleanInput: o
+		};
+	}
+	return {
+		value: s,
+		cleanInput: o
+	};
 }
-export {
-  m as parseNumber
-};
-//# sourceMappingURL=parseNumber.js.map
+export { a as parseNumber };
+
+//# sourceMappingURL=parseNumber.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"parseNumber.js","sources":["../../../src/components/PlNumberField/parseNumber.ts"],"sourcesContent":["type ParseResult = {\n  error?: Error;\n  value?: number;\n  cleanInput: string;\n};\n\nconst NUMBER_REGEX = /^[-−–+]?(\\d+)?[.,]?(\\d+)?$/; // parseFloat works without errors on strings with multiple dots, or letters in value\n\nfunction isPartial(v: string) {\n  return v === \".\" || v === \",\" || v === \"-\";\n}\n\nfunction clearNumericValue(v: string) {\n  v = v.trim();\n  v = v.replace(\",\", \".\");\n  v = v.replace(\"−\", \"-\"); // minus, replacing for the case of input the whole copied value\n  v = v.replace(\"–\", \"-\"); // dash, replacing for the case of input the whole copied value\n  v = v.replace(\"+\", \"\");\n  return v;\n}\n\nfunction stringToNumber(v: string) {\n  return parseFloat(clearNumericValue(v));\n}\n\nfunction clearInput(v: string): string {\n  v = v.trim();\n\n  if (isPartial(v)) {\n    return v;\n  }\n\n  if (/^-[^0-9.]/.test(v)) {\n    return \"-\";\n  }\n\n  const match = v.match(/^(.*)[.,][^0-9].*$/);\n  if (match) {\n    return match[1] + \".\";\n  }\n\n  if (v.match(NUMBER_REGEX)) {\n    return clearNumericValue(v);\n  }\n\n  const n = stringToNumber(v);\n\n  return isNaN(n) ? \"\" : String(+n);\n}\n\nexport function parseNumber(\n  props: {\n    minValue?: number;\n    maxValue?: number;\n    validate?: (v: number) => string | undefined;\n  },\n  str: string,\n): ParseResult {\n  str = str.trim();\n\n  const cleanInput = clearInput(str);\n\n  if (str === \"\") {\n    return {\n      value: undefined,\n      cleanInput,\n    };\n  }\n\n  if (!str.match(NUMBER_REGEX)) {\n    return {\n      error: Error(\"Value is not a number\"),\n      cleanInput,\n    };\n  }\n\n  if (isPartial(str)) {\n    return {\n      error: Error(\"Enter a number\"),\n      cleanInput,\n    };\n  }\n\n  const value = stringToNumber(str);\n\n  if (isNaN(value)) {\n    return {\n      error: Error(\"Value is not a number\"),\n      cleanInput,\n    };\n  }\n\n  if (props.minValue !== undefined && value < props.minValue) {\n    return {\n      error: Error(`Value must be higher than ${props.minValue}`),\n      value,\n      cleanInput,\n    };\n  }\n\n  if (props.maxValue !== undefined && value > props.maxValue) {\n    return {\n      error: Error(`Value must be less than ${props.maxValue}`),\n      value,\n      cleanInput,\n    };\n  }\n\n  if (props.validate) {\n    const error = props.validate(value);\n    if (error) {\n      return {\n        error: Error(error),\n        value,\n        cleanInput,\n      };\n    }\n  }\n\n  return {\n    value,\n    cleanInput,\n  };\n}\n"],"names":["NUMBER_REGEX","isPartial","v","clearNumericValue","stringToNumber","clearInput","match","n","parseNumber","props","str","cleanInput","value","error"],"mappings":"AAMA,MAAMA,IAAe;AAErB,SAASC,EAAUC,GAAW;AAC5B,SAAOA,MAAM,OAAOA,MAAM,OAAOA,MAAM;AACzC;AAEA,SAASC,EAAkBD,GAAW;AACpC,SAAAA,IAAIA,EAAE,KAAA,GACNA,IAAIA,EAAE,QAAQ,KAAK,GAAG,GACtBA,IAAIA,EAAE,QAAQ,KAAK,GAAG,GACtBA,IAAIA,EAAE,QAAQ,KAAK,GAAG,GACtBA,IAAIA,EAAE,QAAQ,KAAK,EAAE,GACdA;AACT;AAEA,SAASE,EAAeF,GAAW;AACjC,SAAO,WAAWC,EAAkBD,CAAC,CAAC;AACxC;AAEA,SAASG,EAAWH,GAAmB;AAGrC,MAFAA,IAAIA,EAAE,KAAA,GAEFD,EAAUC,CAAC;AACb,WAAOA;AAGT,MAAI,YAAY,KAAKA,CAAC;AACpB,WAAO;AAGT,QAAMI,IAAQJ,EAAE,MAAM,oBAAoB;AAC1C,MAAII;AACF,WAAOA,EAAM,CAAC,IAAI;AAGpB,MAAIJ,EAAE,MAAMF,CAAY;AACtB,WAAOG,EAAkBD,CAAC;AAG5B,QAAMK,IAAIH,EAAeF,CAAC;AAE1B,SAAO,MAAMK,CAAC,IAAI,KAAK,OAAO,CAACA,CAAC;AAClC;AAEO,SAASC,EACdC,GAKAC,GACa;AACb,EAAAA,IAAMA,EAAI,KAAA;AAEV,QAAMC,IAAaN,EAAWK,CAAG;AAEjC,MAAIA,MAAQ;AACV,WAAO;AAAA,MACL,OAAO;AAAA,MACP,YAAAC;AAAA,IAAA;AAIJ,MAAI,CAACD,EAAI,MAAMV,CAAY;AACzB,WAAO;AAAA,MACL,OAAO,MAAM,uBAAuB;AAAA,MACpC,YAAAW;AAAA,IAAA;AAIJ,MAAIV,EAAUS,CAAG;AACf,WAAO;AAAA,MACL,OAAO,MAAM,gBAAgB;AAAA,MAC7B,YAAAC;AAAA,IAAA;AAIJ,QAAMC,IAAQR,EAAeM,CAAG;AAEhC,MAAI,MAAME,CAAK;AACb,WAAO;AAAA,MACL,OAAO,MAAM,uBAAuB;AAAA,MACpC,YAAAD;AAAA,IAAA;AAIJ,MAAIF,EAAM,aAAa,UAAaG,IAAQH,EAAM;AAChD,WAAO;AAAA,MACL,OAAO,MAAM,6BAA6BA,EAAM,QAAQ,EAAE;AAAA,MAC1D,OAAAG;AAAA,MACA,YAAAD;AAAA,IAAA;AAIJ,MAAIF,EAAM,aAAa,UAAaG,IAAQH,EAAM;AAChD,WAAO;AAAA,MACL,OAAO,MAAM,2BAA2BA,EAAM,QAAQ,EAAE;AAAA,MACxD,OAAAG;AAAA,MACA,YAAAD;AAAA,IAAA;AAIJ,MAAIF,EAAM,UAAU;AAClB,UAAMI,IAAQJ,EAAM,SAASG,CAAK;AAClC,QAAIC;AACF,aAAO;AAAA,QACL,OAAO,MAAMA,CAAK;AAAA,QAClB,OAAAD;AAAA,QACA,YAAAD;AAAA,MAAA;AAAA,EAGN;AAEA,SAAO;AAAA,IACL,OAAAC;AAAA,IACA,YAAAD;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"parseNumber.js","names":[],"sources":["../../../src/components/PlNumberField/parseNumber.ts"],"sourcesContent":["type ParseResult = {\n  error?: Error;\n  value?: number;\n  cleanInput: string;\n};\n\nconst NUMBER_REGEX = /^[-−–+]?(\\d+)?[.,]?(\\d+)?$/; // parseFloat works without errors on strings with multiple dots, or letters in value\n\nfunction isPartial(v: string) {\n  return v === \".\" || v === \",\" || v === \"-\";\n}\n\nfunction clearNumericValue(v: string) {\n  v = v.trim();\n  v = v.replace(\",\", \".\");\n  v = v.replace(\"−\", \"-\"); // minus, replacing for the case of input the whole copied value\n  v = v.replace(\"–\", \"-\"); // dash, replacing for the case of input the whole copied value\n  v = v.replace(\"+\", \"\");\n  return v;\n}\n\nfunction stringToNumber(v: string) {\n  return parseFloat(clearNumericValue(v));\n}\n\nfunction clearInput(v: string): string {\n  v = v.trim();\n\n  if (isPartial(v)) {\n    return v;\n  }\n\n  if (/^-[^0-9.]/.test(v)) {\n    return \"-\";\n  }\n\n  const match = v.match(/^(.*)[.,][^0-9].*$/);\n  if (match) {\n    return match[1] + \".\";\n  }\n\n  if (v.match(NUMBER_REGEX)) {\n    return clearNumericValue(v);\n  }\n\n  const n = stringToNumber(v);\n\n  return isNaN(n) ? \"\" : String(+n);\n}\n\nexport function parseNumber(\n  props: {\n    minValue?: number;\n    maxValue?: number;\n    validate?: (v: number) => string | undefined;\n  },\n  str: string,\n): ParseResult {\n  str = str.trim();\n\n  const cleanInput = clearInput(str);\n\n  if (str === \"\") {\n    return {\n      value: undefined,\n      cleanInput,\n    };\n  }\n\n  if (!str.match(NUMBER_REGEX)) {\n    return {\n      error: Error(\"Value is not a number\"),\n      cleanInput,\n    };\n  }\n\n  if (isPartial(str)) {\n    return {\n      error: Error(\"Enter a number\"),\n      cleanInput,\n    };\n  }\n\n  const value = stringToNumber(str);\n\n  if (isNaN(value)) {\n    return {\n      error: Error(\"Value is not a number\"),\n      cleanInput,\n    };\n  }\n\n  if (props.minValue !== undefined && value < props.minValue) {\n    return {\n      error: Error(`Value must be higher than ${props.minValue}`),\n      value,\n      cleanInput,\n    };\n  }\n\n  if (props.maxValue !== undefined && value > props.maxValue) {\n    return {\n      error: Error(`Value must be less than ${props.maxValue}`),\n      value,\n      cleanInput,\n    };\n  }\n\n  if (props.validate) {\n    const error = props.validate(value);\n    if (error) {\n      return {\n        error: Error(error),\n        value,\n        cleanInput,\n      };\n    }\n  }\n\n  return {\n    value,\n    cleanInput,\n  };\n}\n"],"mappings":"AAMA,IAAM,IAAe;AAErB,SAAS,EAAU,GAAW;AAC5B,QAAO,MAAM,OAAO,MAAM,OAAO,MAAM;;AAGzC,SAAS,EAAkB,GAAW;AAMpC,QALA,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,QAAQ,KAAK,IAAI,EACvB,IAAI,EAAE,QAAQ,KAAK,IAAI,EACvB,IAAI,EAAE,QAAQ,KAAK,IAAI,EACvB,IAAI,EAAE,QAAQ,KAAK,GAAG,EACf;;AAGT,SAAS,EAAe,GAAW;AACjC,QAAO,WAAW,EAAkB,EAAE,CAAC;;AAGzC,SAAS,EAAW,GAAmB;AAGrC,KAFA,IAAI,EAAE,MAAM,EAER,EAAU,EAAE,CACd,QAAO;AAGT,KAAI,YAAY,KAAK,EAAE,CACrB,QAAO;CAGT,IAAM,IAAQ,EAAE,MAAM,qBAAqB;AAC3C,KAAI,EACF,QAAO,EAAM,KAAK;AAGpB,KAAI,EAAE,MAAM,EAAa,CACvB,QAAO,EAAkB,EAAE;CAG7B,IAAM,IAAI,EAAe,EAAE;AAE3B,QAAO,MAAM,EAAE,GAAG,KAAK,OAAO,CAAC,EAAE;;AAGnC,SAAgB,EACd,GAKA,GACa;AACb,KAAM,EAAI,MAAM;CAEhB,IAAM,IAAa,EAAW,EAAI;AAElC,KAAI,MAAQ,GACV,QAAO;EACL,OAAO,KAAA;EACP;EACD;AAGH,KAAI,CAAC,EAAI,MAAM,EAAa,CAC1B,QAAO;EACL,OAAO,MAAM,wBAAwB;EACrC;EACD;AAGH,KAAI,EAAU,EAAI,CAChB,QAAO;EACL,OAAO,MAAM,iBAAiB;EAC9B;EACD;CAGH,IAAM,IAAQ,EAAe,EAAI;AAEjC,KAAI,MAAM,EAAM,CACd,QAAO;EACL,OAAO,MAAM,wBAAwB;EACrC;EACD;AAGH,KAAI,EAAM,aAAa,KAAA,KAAa,IAAQ,EAAM,SAChD,QAAO;EACL,OAAO,MAAM,6BAA6B,EAAM,WAAW;EAC3D;EACA;EACD;AAGH,KAAI,EAAM,aAAa,KAAA,KAAa,IAAQ,EAAM,SAChD,QAAO;EACL,OAAO,MAAM,2BAA2B,EAAM,WAAW;EACzD;EACA;EACD;AAGH,KAAI,EAAM,UAAU;EAClB,IAAM,IAAQ,EAAM,SAAS,EAAM;AACnC,MAAI,EACF,QAAO;GACL,OAAO,MAAM,EAAM;GACnB;GACA;GACD;;AAIL,QAAO;EACL;EACA;EACD"}

package/dist/components/PlNumberField/pl-number-field.css

@@ -1 +1 @@
-.pl-number-field{--contour-color: var(--txt-01);--contour-border-width: 1px;--options-bg: #fff;--option-hover-bg: var(--btn-sec-hover-grey);--label-offset-left-x: 8px;--label-offset-right-x: 8px;--label-color: var(--txt-01);--color-hint: #9d9eae}.pl-number-field ::placeholder{color:#cfd1db;opacity:1}.pl-number-field__main-wrapper{height:40px;position:relative}.pl-number-field__wrapper{padding-left:12px;border-radius:6px}.pl-number-field__wrapper.withoutArrows{padding-right:12px}.pl-number-field__icons{width:40px;border-radius:0 6px 6px 0;border-left:1px solid var(--contour-color)}.pl-number-field__icon{line-height:0}.pl-number-field__icon.disabled{cursor:not-allowed;position:relative;z-index:1}.pl-number-field__icon.disabled svg path{fill:#cfd1db}.pl-number-field__icon:hover{background-color:#9babcc29}.pl-number-field__icon:first-child{border-bottom:1px solid var(--contour-color)}.pl-number-field__hint{margin-top:3px;color:var(--color-hint)}.pl-number-field__error{margin-top:3px;color:var(--txt-error);font-size:12px;font-weight:500;line-height:16px}.pl-number-field input{outline:none;border:none;width:100%;background:unset;text-overflow:ellipsis}.pl-number-field__contour{border-radius:var(--border-radius-control);border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none;transition:all .3s}.pl-number-field:focus-within:not(.error){--label-color: var(--txt-focus);--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.pl-number-field:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-number-field.error{--contour-color: var(--txt-error);--label-color: var(--txt-error);--color-hint: var(--txt-error)}.pl-number-field.disabled{--contour-color: var(--color-dis-01);--control-mask-fill: var(--color-dis-01);cursor:not-allowed}.pl-number-field.disabled label,.pl-number-field.disabled .mi-number-field__hint,.pl-number-field.disabled input{color:var(--contour-color)}.pl-number-field.disabled svg path{fill:var(--contour-color)}.pl-number-field.disabled .mi-number-field__icons{pointer-events:none}.pl-number-field label{position:absolute;top:0;transform:translateY(-60%);left:var(--label-offset-left-x);display:flex;align-items:center;padding:0 4px;overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);transition:color .3s}.pl-number-field label .required{display:inline-block;font-weight:500;font-size:12px;line-height:16px;color:var(--txt-error);margin-right:4px}
+.pl-number-field{--contour-color:var(--txt-01);--contour-border-width:1px;--options-bg:#fff;--option-hover-bg:var(--btn-sec-hover-grey);--label-offset-left-x:8px;--label-offset-right-x:8px;--label-color:var(--txt-01);--color-hint:#9d9eae}.pl-number-field ::placeholder{color:#cfd1db;opacity:1}.pl-number-field__main-wrapper{height:40px;position:relative}.pl-number-field__wrapper{border-radius:6px;padding-left:12px}.pl-number-field__wrapper.withoutArrows{padding-right:12px}.pl-number-field__icons{border-left:1px solid var(--contour-color);border-radius:0 6px 6px 0;width:40px}.pl-number-field__icon{line-height:0}.pl-number-field__icon.disabled{cursor:not-allowed;z-index:1;position:relative}.pl-number-field__icon.disabled svg path{fill:#cfd1db}.pl-number-field__icon:hover{background-color:#9babcc29}.pl-number-field__icon:first-child{border-bottom:1px solid var(--contour-color)}.pl-number-field__hint{color:var(--color-hint);margin-top:3px}.pl-number-field__error{color:var(--txt-error);margin-top:3px;font-size:12px;font-weight:500;line-height:16px}.pl-number-field input{background:unset;text-overflow:ellipsis;border:none;outline:none;width:100%}.pl-number-field__contour{border-radius:var(--border-radius-control);border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none;transition:all .3s}.pl-number-field:focus-within:not(.error){--label-color:var(--txt-focus);--contour-color:var(--border-color-focus);--contour-border-width:2px;--contour-box-shadow:0 0 0 4px var(--border-color-focus-shadow)}.pl-number-field:focus-within.error{--contour-border-width:2px;--contour-box-shadow:0 0 0 4px var(--color-error-shadow)}.pl-number-field.error{--contour-color:var(--txt-error);--label-color:var(--txt-error);--color-hint:var(--txt-error)}.pl-number-field.disabled{--contour-color:var(--color-dis-01);--control-mask-fill:var(--color-dis-01);cursor:not-allowed}.pl-number-field.disabled label,.pl-number-field.disabled .mi-number-field__hint,.pl-number-field.disabled input{color:var(--contour-color)}.pl-number-field.disabled svg path{fill:var(--contour-color)}.pl-number-field.disabled .mi-number-field__icons{pointer-events:none}.pl-number-field label{top:0;left:var(--label-offset-left-x);white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);align-items:center;padding:0 4px;transition:color .3s;display:flex;position:absolute;overflow:hidden;transform:translateY(-60%)}.pl-number-field label .required{color:var(--txt-error);margin-right:4px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}

package/dist/components/PlProgressBar/PlProgressBar.js

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

package/dist/components/PlProgressBar/PlProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlProgressBar.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":""}

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

@@ -1,5 +1,22 @@
-import f from "./PlProgressBar.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlProgressBar.vue2.js.map
+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";
+var c = {
+	key: 0,
+	class: "ui-progress-bar"
+}, l = { class: "ui-progress-bar__messages d-flex align-center pl-6 pr-6" }, u = { class: "ui-progress-bar__message flex-grow-1" }, d = { class: "ui-progress-bar__percent" }, f = /* @__PURE__ */ i({
+	__name: "PlProgressBar",
+	props: {
+		loading: { type: Boolean },
+		progress: { default: 0 },
+		completeMessage: { default: "Completed" }
+	},
+	setup(i) {
+		let f = i, p = e(() => f.progress === 100 ? f.completeMessage : "");
+		return (e, f) => i.loading ? (o(), n("div", c, [r("div", {
+			class: "ui-progress-bar__indicator",
+			style: a({ width: i.progress + "%" })
+		}, null, 4), r("div", l, [r("div", u, s(p.value), 1), r("div", d, s(i.progress + "%"), 1)])])) : t("", !0);
+	}
+});
+export { f as default };
+
+//# sourceMappingURL=PlProgressBar.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlProgressBar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"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

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

package/dist/components/PlProgressCell/PlProgressCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlProgressCell.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":""}

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

@@ -1,5 +1,40 @@
-import f from "./PlProgressCell.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlProgressCell.vue2.js.map
+import { getErrorMessage as e } from "../../helpers/error.js";
+import t from "../PlIcon24/PlIcon24.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";
+var h = {
+	key: 0,
+	class: "progress-cell__infinity-loader"
+}, g = { class: "progress-cell__body" }, _ = { class: "progress-cell__stage text-s" }, v = { class: "progress-cell__percentage text-s d-flex align-center justify-end" }, y = /* @__PURE__ */ l({
+	__name: "PlProgressCell",
+	props: {
+		stage: { default: "not_started" },
+		step: { default: "" },
+		progressString: { default: "" },
+		progress: { default: void 0 },
+		error: { default: void 0 }
+	},
+	setup(l) {
+		let y = l, b = r(() => y.stage !== "not_started"), x = r(() => y.stage === "done" ? 100 : Math.min(100, y.progress || 0)), S = r(() => y.progress === void 0 && y.stage !== "done" && y.stage !== "not_started" && !y.error);
+		return (r, C) => (f(), o("div", { class: u({
+			"progress-cell": !0,
+			"progress-cell__white-bg": b.value,
+			error: l.error,
+			"not-started": y.stage === "not_started"
+		}) }, [
+			S.value ? (f(), o("div", h, [...C[0] ||= [s("div", { class: "progress-cell__infinity-gradient" }, null, -1)]])) : a("", !0),
+			!S.value && !l.error ? (f(), o("div", {
+				key: 1,
+				class: "progress-cell__indicator",
+				style: d({ width: x.value + "%" })
+			}, null, 4)) : a("", !0),
+			s("div", g, [s("div", _, p(l.error ? m(e)(l.error) : l.step), 1), s("div", v, [l.error ? (f(), i(m(t), {
+				key: 0,
+				name: "error"
+			})) : a("", !0), l.error ? a("", !0) : (f(), o(n, { key: 1 }, [c(p(l.progressString), 1)], 64))])])
+		], 2));
+	}
+});
+export { y as default };
+
+//# sourceMappingURL=PlProgressCell.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlProgressCell.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"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"}