@milaboratories/uikit 2.4.2 → 2.4.4

package/dist/components/PlLogView/useLogHandle.js

@@ -1,12 +1,11 @@
 import { ref as c, reactive as d, watch as m } from "vue";
-import { useTimeoutPoll as g } from "../../node_modules/.pnpm/@vueuse_core@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/core/index.js";
-import { getRawPlatformaInstance as v } from "../../sdk/model/dist/index.js";
-import { whenever as w } from "../../node_modules/.pnpm/@vueuse_shared@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/shared/index.js";
+import { useTimeoutPoll as g, whenever as v } from "@vueuse/core";
+import { getRawPlatformaInstance as w } from "@platforma-sdk/model";
 const h = "[==PROGRESS==]";
-function p(t) {
+function P(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function R(t) {
+function O(t) {
   const r = c(), n = d({
     errorCount: 0
   });
@@ -14,26 +13,26 @@ function R(t) {
     var l;
     let e = r.value;
     if (e === void 0) return;
-    const a = t.mockPlatforma ?? v();
-    if (!a) {
+    const o = t.mockPlatforma ?? w();
+    if (!o) {
       console.warn("Platforma API is not available");
       return;
     }
     for (; ; ) {
-      const o = await a.logDriver.readText(e.logHandle, 100, e.lastOffset);
-      if (e.error = void 0, n.errorCount = 0, o.shouldUpdateHandle || e.logHandle !== ((l = r.value) == null ? void 0 : l.logHandle)) return;
-      const f = t.progressPrefix ?? h, u = new TextDecoder().decode(o.data).replace(new RegExp(`${p(f)}`, "g"), "");
+      const a = await o.logDriver.readText(e.logHandle, 100, e.lastOffset);
+      if (e.error = void 0, n.errorCount = 0, a.shouldUpdateHandle || e.logHandle !== ((l = r.value) == null ? void 0 : l.logHandle)) return;
+      const f = t.progressPrefix ?? h, u = new TextDecoder().decode(a.data).replace(new RegExp(`${P(f)}`, "g"), "");
       if (e = Object.assign(e, {
         lines: e.lines + u,
-        lastOffset: o.newOffset,
-        finished: !o.live
-      }), o.newOffset >= o.size) break;
+        lastOffset: a.newOffset,
+        finished: !a.live
+      }), a.newOffset >= a.size) break;
     }
   }
   const i = g(() => s().catch((e) => {
     r.value && (n.errorCount++, n.errorCount > (t.maxRetries ?? 3) ? r.value.error = e : console.warn("skip error:", e, "retry..."));
   }), 1500, { immediate: !1, immediateCallback: !0 });
-  return w(
+  return v(
     () => {
       var e;
       return (e = r == null ? void 0 : r.value) == null ? void 0 : e.finished;
@@ -42,13 +41,13 @@ function R(t) {
   ), m(
     () => t.logHandle,
     (e) => {
-      var a;
-      e === void 0 ? (r.value = void 0, i.pause()) : e !== ((a = r.value) == null ? void 0 : a.logHandle) && (r.value = { logHandle: e, lastOffset: 0, lines: "", finished: !1, error: void 0 }, n.errorCount = 0, i.resume());
+      var o;
+      e === void 0 ? (r.value = void 0, i.pause()) : e !== ((o = r.value) == null ? void 0 : o.logHandle) && (r.value = { logHandle: e, lastOffset: 0, lines: "", finished: !1, error: void 0 }, n.errorCount = 0, i.resume());
     },
     { immediate: !0 }
   ), r;
 }
 export {
-  R as useLogHandle
+  O as useLogHandle
 };
 //# sourceMappingURL=useLogHandle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLogHandle.js","sources":["../../../src/components/PlLogView/useLogHandle.ts"],"sourcesContent":["import { reactive, type Reactive, ref, watch } from 'vue';\nimport { useTimeoutPoll, whenever } from '@vueuse/core';\nimport { getRawPlatformaInstance, type AnyLogHandle, type Platforma } from '@platforma-sdk/model';\n\ntype LogState = {\n  logHandle: AnyLogHandle;\n  lines: string;\n  lastOffset: number;\n  finished: boolean;\n  error: unknown;\n};\n\nconst ProgressPrefixDefault = '[==PROGRESS==]'; // @TODO ?\n\n// from here https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions#escaping\nfunction escapeRegExp(str: string) {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\nexport function useLogHandle(\n  props: Reactive<{ logHandle: AnyLogHandle | undefined; maxRetries?: number; mockPlatforma?: Platforma; progressPrefix?: string }>,\n) {\n  const logState = ref<LogState>();\n\n  const data = reactive({\n    errorCount: 0,\n  });\n\n  async function fetchLogs() {\n    // making a snapshot of the ref\n    let currentLogState: LogState | undefined = logState.value;\n\n    if (currentLogState === undefined) return;\n\n    const platforma = props.mockPlatforma ?? getRawPlatformaInstance();\n\n    if (!platforma) {\n      console.warn('Platforma API is not available');\n      return;\n    }\n\n    while (true) {\n      const result = await platforma.logDriver.readText(currentLogState.logHandle, 100, currentLogState.lastOffset);\n\n      currentLogState.error = undefined;\n\n      data.errorCount = 0;\n\n      if (result.shouldUpdateHandle) return;\n\n      // somebody changed target log while we were fetching log data\n      // @TODO There may be a situation where the new descriptor points to the same file and we don't need to reread it\n      if (currentLogState.logHandle !== logState.value?.logHandle) return;\n\n      const progressPrefix = props.progressPrefix ?? ProgressPrefixDefault;\n\n      const newLines = new TextDecoder().decode(result.data).replace(new RegExp(`${escapeRegExp(progressPrefix)}`, 'g'), '');\n\n      // We simply change it in a mutable way: if logHandle has been changed, it points to the new object\n      currentLogState = Object.assign(currentLogState, {\n        lines: currentLogState.lines + newLines,\n        lastOffset: result.newOffset,\n        finished: !result.live,\n      });\n\n      if (result.newOffset >= result.size) break;\n    }\n  }\n\n  const fetchAndCatch = () =>\n    fetchLogs().catch((err) => {\n      if (logState.value) {\n        data.errorCount++;\n        if (data.errorCount > (props.maxRetries ?? 3)) {\n          logState.value.error = err;\n        } else {\n          console.warn('skip error:', err, 'retry...');\n        }\n      }\n    });\n\n  // Only trigger after last fetch is done\n  const timeoutPoll = useTimeoutPoll(fetchAndCatch, 1500, { immediate: false, immediateCallback: true });\n\n  whenever(\n    () => logState?.value?.finished,\n    () => timeoutPoll.pause(),\n  );\n\n  watch(\n    () => props.logHandle,\n    (lh) => {\n      if (lh === undefined) {\n        logState.value = undefined;\n        timeoutPoll.pause();\n      } else if (lh !== logState.value?.logHandle) {\n        logState.value = { logHandle: lh, lastOffset: 0, lines: '', finished: false, error: undefined };\n        data.errorCount = 0;\n        timeoutPoll.resume();\n      }\n    },\n    { immediate: true },\n  );\n\n  return logState;\n}\n"],"names":["ProgressPrefixDefault","escapeRegExp","str","useLogHandle","props","logState","ref","data","reactive","fetchLogs","currentLogState","platforma","getRawPlatformaInstance","result","_a","progressPrefix","newLines","timeoutPoll","useTimeoutPoll","err","whenever","watch","lh"],"mappings":";;;;AAYA,MAAMA,IAAwB;AAG9B,SAASC,EAAaC,GAAa;AAC1B,SAAAA,EAAI,QAAQ,uBAAuB,MAAM;AAClD;AAEO,SAASC,EACdC,GACA;AACA,QAAMC,IAAWC,EAAc,GAEzBC,IAAOC,EAAS;AAAA,IACpB,YAAY;AAAA,EAAA,CACb;AAED,iBAAeC,IAAY;;AAEzB,QAAIC,IAAwCL,EAAS;AAErD,QAAIK,MAAoB,OAAW;AAE7B,UAAAC,IAAYP,EAAM,iBAAiBQ,EAAwB;AAEjE,QAAI,CAACD,GAAW;AACd,cAAQ,KAAK,gCAAgC;AAC7C;AAAA,IAAA;AAGF,eAAa;AACL,YAAAE,IAAS,MAAMF,EAAU,UAAU,SAASD,EAAgB,WAAW,KAAKA,EAAgB,UAAU;AAU5G,UARAA,EAAgB,QAAQ,QAExBH,EAAK,aAAa,GAEdM,EAAO,sBAIPH,EAAgB,gBAAcI,IAAAT,EAAS,UAAT,gBAAAS,EAAgB,WAAW;AAEvD,YAAAC,IAAiBX,EAAM,kBAAkBJ,GAEzCgB,IAAW,IAAI,cAAc,OAAOH,EAAO,IAAI,EAAE,QAAQ,IAAI,OAAO,GAAGZ,EAAac,CAAc,CAAC,IAAI,GAAG,GAAG,EAAE;AASjH,UANcL,IAAA,OAAO,OAAOA,GAAiB;AAAA,QAC/C,OAAOA,EAAgB,QAAQM;AAAA,QAC/B,YAAYH,EAAO;AAAA,QACnB,UAAU,CAACA,EAAO;AAAA,MAAA,CACnB,GAEGA,EAAO,aAAaA,EAAO,KAAM;AAAA,IAAA;AAAA,EACvC;AAgBI,QAAAI,IAAcC,EAbE,MACpBT,EAAY,EAAA,MAAM,CAACU,MAAQ;AACzB,IAAId,EAAS,UACNE,EAAA,cACDA,EAAK,cAAcH,EAAM,cAAc,KACzCC,EAAS,MAAM,QAAQc,IAEf,QAAA,KAAK,eAAeA,GAAK,UAAU;AAAA,EAE/C,CACD,GAG+C,MAAM,EAAE,WAAW,IAAO,mBAAmB,IAAM;AAErG,SAAAC;AAAA,IACE,MAAM;;AAAA,cAAAN,IAAAT,KAAA,gBAAAA,EAAU,UAAV,gBAAAS,EAAiB;AAAA;AAAA,IACvB,MAAMG,EAAY,MAAM;AAAA,EAC1B,GAEAI;AAAA,IACE,MAAMjB,EAAM;AAAA,IACZ,CAACkB,MAAO;;AACN,MAAIA,MAAO,UACTjB,EAAS,QAAQ,QACjBY,EAAY,MAAM,KACTK,QAAOR,IAAAT,EAAS,UAAT,gBAAAS,EAAgB,eACvBT,EAAA,QAAQ,EAAE,WAAWiB,GAAI,YAAY,GAAG,OAAO,IAAI,UAAU,IAAO,OAAO,OAAU,GAC9Ff,EAAK,aAAa,GAClBU,EAAY,OAAO;AAAA,IAEvB;AAAA,IACA,EAAE,WAAW,GAAK;AAAA,EACpB,GAEOZ;AACT;"}
+{"version":3,"file":"useLogHandle.js","sources":["../../../src/components/PlLogView/useLogHandle.ts"],"sourcesContent":["import { reactive, type Reactive, ref, watch } from 'vue';\nimport { useTimeoutPoll, whenever } from '@vueuse/core';\nimport { getRawPlatformaInstance, type AnyLogHandle, type Platforma } from '@platforma-sdk/model';\n\ntype LogState = {\n  logHandle: AnyLogHandle;\n  lines: string;\n  lastOffset: number;\n  finished: boolean;\n  error: unknown;\n};\n\nconst ProgressPrefixDefault = '[==PROGRESS==]'; // @TODO ?\n\n// from here https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions#escaping\nfunction escapeRegExp(str: string) {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\nexport function useLogHandle(\n  props: Reactive<{ logHandle: AnyLogHandle | undefined; maxRetries?: number; mockPlatforma?: Platforma; progressPrefix?: string }>,\n) {\n  const logState = ref<LogState>();\n\n  const data = reactive({\n    errorCount: 0,\n  });\n\n  async function fetchLogs() {\n    // making a snapshot of the ref\n    let currentLogState: LogState | undefined = logState.value;\n\n    if (currentLogState === undefined) return;\n\n    const platforma = props.mockPlatforma ?? getRawPlatformaInstance();\n\n    if (!platforma) {\n      console.warn('Platforma API is not available');\n      return;\n    }\n\n    while (true) {\n      const result = await platforma.logDriver.readText(currentLogState.logHandle, 100, currentLogState.lastOffset);\n\n      currentLogState.error = undefined;\n\n      data.errorCount = 0;\n\n      if (result.shouldUpdateHandle) return;\n\n      // somebody changed target log while we were fetching log data\n      // @TODO There may be a situation where the new descriptor points to the same file and we don't need to reread it\n      if (currentLogState.logHandle !== logState.value?.logHandle) return;\n\n      const progressPrefix = props.progressPrefix ?? ProgressPrefixDefault;\n\n      const newLines = new TextDecoder().decode(result.data).replace(new RegExp(`${escapeRegExp(progressPrefix)}`, 'g'), '');\n\n      // We simply change it in a mutable way: if logHandle has been changed, it points to the new object\n      currentLogState = Object.assign(currentLogState, {\n        lines: currentLogState.lines + newLines,\n        lastOffset: result.newOffset,\n        finished: !result.live,\n      });\n\n      if (result.newOffset >= result.size) break;\n    }\n  }\n\n  const fetchAndCatch = () =>\n    fetchLogs().catch((err) => {\n      if (logState.value) {\n        data.errorCount++;\n        if (data.errorCount > (props.maxRetries ?? 3)) {\n          logState.value.error = err;\n        } else {\n          console.warn('skip error:', err, 'retry...');\n        }\n      }\n    });\n\n  // Only trigger after last fetch is done\n  const timeoutPoll = useTimeoutPoll(fetchAndCatch, 1500, { immediate: false, immediateCallback: true });\n\n  whenever(\n    () => logState?.value?.finished,\n    () => timeoutPoll.pause(),\n  );\n\n  watch(\n    () => props.logHandle,\n    (lh) => {\n      if (lh === undefined) {\n        logState.value = undefined;\n        timeoutPoll.pause();\n      } else if (lh !== logState.value?.logHandle) {\n        logState.value = { logHandle: lh, lastOffset: 0, lines: '', finished: false, error: undefined };\n        data.errorCount = 0;\n        timeoutPoll.resume();\n      }\n    },\n    { immediate: true },\n  );\n\n  return logState;\n}\n"],"names":["ProgressPrefixDefault","escapeRegExp","str","useLogHandle","props","logState","ref","data","reactive","fetchLogs","currentLogState","platforma","getRawPlatformaInstance","result","_a","progressPrefix","newLines","timeoutPoll","useTimeoutPoll","err","whenever","watch","lh"],"mappings":";;;AAYA,MAAMA,IAAwB;AAG9B,SAASC,EAAaC,GAAa;AACjC,SAAOA,EAAI,QAAQ,uBAAuB,MAAM;AAClD;AAEO,SAASC,EACdC,GACA;AACA,QAAMC,IAAWC,EAAA,GAEXC,IAAOC,EAAS;AAAA,IACpB,YAAY;AAAA,EAAA,CACb;AAED,iBAAeC,IAAY;;AAEzB,QAAIC,IAAwCL,EAAS;AAErD,QAAIK,MAAoB,OAAW;AAEnC,UAAMC,IAAYP,EAAM,iBAAiBQ,EAAA;AAEzC,QAAI,CAACD,GAAW;AACd,cAAQ,KAAK,gCAAgC;AAC7C;AAAA,IACF;AAEA,eAAa;AACX,YAAME,IAAS,MAAMF,EAAU,UAAU,SAASD,EAAgB,WAAW,KAAKA,EAAgB,UAAU;AAU5G,UARAA,EAAgB,QAAQ,QAExBH,EAAK,aAAa,GAEdM,EAAO,sBAIPH,EAAgB,gBAAcI,IAAAT,EAAS,UAAT,gBAAAS,EAAgB,WAAW;AAE7D,YAAMC,IAAiBX,EAAM,kBAAkBJ,GAEzCgB,IAAW,IAAI,YAAA,EAAc,OAAOH,EAAO,IAAI,EAAE,QAAQ,IAAI,OAAO,GAAGZ,EAAac,CAAc,CAAC,IAAI,GAAG,GAAG,EAAE;AASrH,UANAL,IAAkB,OAAO,OAAOA,GAAiB;AAAA,QAC/C,OAAOA,EAAgB,QAAQM;AAAA,QAC/B,YAAYH,EAAO;AAAA,QACnB,UAAU,CAACA,EAAO;AAAA,MAAA,CACnB,GAEGA,EAAO,aAAaA,EAAO,KAAM;AAAA,IACvC;AAAA,EACF;AAeA,QAAMI,IAAcC,EAbE,MACpBT,EAAA,EAAY,MAAM,CAACU,MAAQ;AACzB,IAAId,EAAS,UACXE,EAAK,cACDA,EAAK,cAAcH,EAAM,cAAc,KACzCC,EAAS,MAAM,QAAQc,IAEvB,QAAQ,KAAK,eAAeA,GAAK,UAAU;AAAA,EAGjD,CAAC,GAG+C,MAAM,EAAE,WAAW,IAAO,mBAAmB,IAAM;AAErG,SAAAC;AAAA,IACE,MAAA;;AAAM,cAAAN,IAAAT,KAAA,gBAAAA,EAAU,UAAV,gBAAAS,EAAiB;AAAA;AAAA,IACvB,MAAMG,EAAY,MAAA;AAAA,EAAM,GAG1BI;AAAA,IACE,MAAMjB,EAAM;AAAA,IACZ,CAACkB,MAAO;;AACN,MAAIA,MAAO,UACTjB,EAAS,QAAQ,QACjBY,EAAY,MAAA,KACHK,QAAOR,IAAAT,EAAS,UAAT,gBAAAS,EAAgB,eAChCT,EAAS,QAAQ,EAAE,WAAWiB,GAAI,YAAY,GAAG,OAAO,IAAI,UAAU,IAAO,OAAO,OAAA,GACpFf,EAAK,aAAa,GAClBU,EAAY,OAAA;AAAA,IAEhB;AAAA,IACA,EAAE,WAAW,GAAA;AAAA,EAAK,GAGbZ;AACT;"}

package/dist/components/PlMaskIcon16/index.d.ts

@@ -2,4 +2,3 @@
  * @deprecated use PlIcon16, color can be setted with the css variable `--svg-fill-0` or component prop `color`
  */
 export { default as PlMaskIcon16 } from '../PlIcon16/PlIcon16.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlMaskIcon24/index.d.ts

@@ -2,4 +2,3 @@
  * @deprecated use PlIcon24, color can be setted with the css variable `--svg-fill-0` or component prop `color`
  */
 export { default as PlMaskIcon24 } from '../PlIcon24/PlIcon24.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlNotificationAlert/PlNotificationAlert.vue.d.ts

@@ -32,4 +32,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlNotificationAlert.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlNotificationAlert.vue.js","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 v-if=\"model\" :class=\"type\" :style=\"{ width: `${width}` }\" class=\"pl-notification-alert d-flex flex-column gap-16\">\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"],"names":["props","__props","model","_useModel","closeAlert"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,UAAMA,IAAQC,GASRC,IAAQC,iBAA4C;AAE1D,aAASC,IAAa;AACpB,MAAIJ,EAAM,aACRE,EAAM,QAAQ;AAAA,IAChB;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlNotificationAlert.vue.js","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 v-if=\"model\" :class=\"type\" :style=\"{ width: `${width}` }\" class=\"pl-notification-alert d-flex flex-column gap-16\">\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"],"names":["props","__props","model","_useModel","closeAlert"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,UAAMA,IAAQC,GASRC,IAAQC,iBAA4C;AAE1D,aAASC,IAAa;AACpB,MAAIJ,EAAM,aACRE,EAAM,QAAQ;AAAA,IAElB;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlNotificationAlert/index.d.ts

@@ -1,2 +1 @@
 export { default as PlNotificationAlert } from './PlNotificationAlert.vue';
-//# sourceMappingURL=index.d.ts.map

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

@@ -83,4 +83,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlNumberField.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlNumberField.vue.js","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(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}>(), {\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});\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(() =>\n  10 ** (props.step.toString().split('.').at(1)?.length ?? 0),\n);\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 = ((parsedValue || 0) * multiplier.value\n        + props.step * multiplier.value)\n      / 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 = ((parsedValue || 0) * multiplier.value\n        - props.step * multiplier.value)\n      / 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\"/>\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=\"focused = false; applyChanges()\"\n        />\n      </div>\n      <div v-if=\"useIncrementButtons\" class=\"pl-number-field__icons d-flex-column\" @mousedown=\"onMousedown\">\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 xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\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 xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\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"],"names":["__default__","props","__props","modelValue","_useModel","slots","useSlots","rootRef","ref","inputRef","useLabelNotch","modelToString","v","parsedResult","computed","parseNumber","inputValue","cachedValue","resetCachedValue","watch","n","r","nextValue","focused","applyChanges","errors","ers","error","isIncrementDisabled","isDecrementDisabled","multiplier","_a","increment","parsedValue","nV","decrement","handleKeyPress","_b","onMousedown","ev"],"mappings":"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"}
+{"version":3,"file":"PlNumberField.vue.js","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(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}>(), {\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});\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(() =>\n  10 ** (props.step.toString().split('.').at(1)?.length ?? 0),\n);\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 = ((parsedValue || 0) * multiplier.value\n        + props.step * multiplier.value)\n      / 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 = ((parsedValue || 0) * multiplier.value\n        - props.step * multiplier.value)\n      / 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\"/>\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=\"focused = false; applyChanges()\"\n        />\n      </div>\n      <div v-if=\"useIncrementButtons\" class=\"pl-number-field__icons d-flex-column\" @mousedown=\"onMousedown\">\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 xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\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 xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\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"],"names":["__default__","props","__props","modelValue","_useModel","slots","useSlots","rootRef","ref","inputRef","useLabelNotch","modelToString","v","parsedResult","computed","parseNumber","inputValue","cachedValue","resetCachedValue","watch","n","r","nextValue","focused","applyChanges","errors","ers","error","isIncrementDisabled","isDecrementDisabled","multiplier","_a","increment","parsedValue","nV","decrement","handleKeyPress","_b","onMousedown","ev"],"mappings":"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"}

package/dist/components/PlNumberField/__tests__/PlNumberField.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/PlNumberField/index.d.ts

@@ -1,2 +1 @@
 export { default as PlNumberField } from './PlNumberField.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlNumberField/parseNumber.d.ts

@@ -9,4 +9,3 @@ export declare function parseNumber(props: {
     validate?: (v: number) => string | undefined;
 }, str: string): ParseResult;
 export {};
-//# sourceMappingURL=parseNumber.d.ts.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(props: {\n  minValue?: number;\n  maxValue?: number;\n  validate?: (v: number) => string | undefined;\n}, str: string): 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,KAAK,GACPA,IAAAA,EAAE,QAAQ,KAAK,GAAG,GAClBA,IAAAA,EAAE,QAAQ,KAAK,GAAG,GAClBA,IAAAA,EAAE,QAAQ,KAAK,GAAG,GAClBA,IAAAA,EAAE,QAAQ,KAAK,EAAE,GACdA;AACT;AAEA,SAASE,EAAeF,GAAW;AAC1B,SAAA,WAAWC,EAAkBD,CAAC,CAAC;AACxC;AAEA,SAASG,EAAWH,GAAmB;AAGjC,MAFJA,IAAIA,EAAE,KAAK,GAEPD,EAAUC,CAAC;AACN,WAAAA;AAGL,MAAA,YAAY,KAAKA,CAAC;AACb,WAAA;AAGH,QAAAI,IAAQJ,EAAE,MAAM,oBAAoB;AAC1C,MAAII;AACK,WAAAA,EAAM,CAAC,IAAI;AAGhB,MAAAJ,EAAE,MAAMF,CAAY;AACtB,WAAOG,EAAkBD,CAAC;AAGtB,QAAAK,IAAIH,EAAeF,CAAC;AAE1B,SAAO,MAAMK,CAAC,IAAI,KAAK,OAAO,CAACA,CAAC;AAClC;AAEgB,SAAAC,EAAYC,GAIzBC,GAA0B;AAC3B,EAAAA,IAAMA,EAAI,KAAK;AAET,QAAAC,IAAaN,EAAWK,CAAG;AAEjC,MAAIA,MAAQ;AACH,WAAA;AAAA,MACL,OAAO;AAAA,MACP,YAAAC;AAAA,IACF;AAGF,MAAI,CAACD,EAAI,MAAMV,CAAY;AAClB,WAAA;AAAA,MACL,OAAO,MAAM,uBAAuB;AAAA,MACpC,YAAAW;AAAA,IACF;AAGE,MAAAV,EAAUS,CAAG;AACR,WAAA;AAAA,MACL,OAAO,MAAM,gBAAgB;AAAA,MAC7B,YAAAC;AAAA,IACF;AAGI,QAAAC,IAAQR,EAAeM,CAAG;AAE5B,MAAA,MAAME,CAAK;AACN,WAAA;AAAA,MACL,OAAO,MAAM,uBAAuB;AAAA,MACpC,YAAAD;AAAA,IACF;AAGF,MAAIF,EAAM,aAAa,UAAaG,IAAQH,EAAM;AACzC,WAAA;AAAA,MACL,OAAO,MAAM,6BAA6BA,EAAM,QAAQ,EAAE;AAAA,MAC1D,OAAAG;AAAA,MACA,YAAAD;AAAA,IACF;AAGF,MAAIF,EAAM,aAAa,UAAaG,IAAQH,EAAM;AACzC,WAAA;AAAA,MACL,OAAO,MAAM,2BAA2BA,EAAM,QAAQ,EAAE;AAAA,MACxD,OAAAG;AAAA,MACA,YAAAD;AAAA,IACF;AAGF,MAAIF,EAAM,UAAU;AACZ,UAAAI,IAAQJ,EAAM,SAASG,CAAK;AAClC,QAAIC;AACK,aAAA;AAAA,QACL,OAAO,MAAMA,CAAK;AAAA,QAClB,OAAAD;AAAA,QACA,YAAAD;AAAA,MACF;AAAA,EACF;AAGK,SAAA;AAAA,IACL,OAAAC;AAAA,IACA,YAAAD;AAAA,EACF;AACF;"}
+{"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(props: {\n  minValue?: number;\n  maxValue?: number;\n  validate?: (v: number) => string | undefined;\n}, str: string): 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,EAAYC,GAIzBC,GAA0B;AAC3B,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;"}

package/dist/components/PlProgressBar/PlProgressBar.vue.d.ts

@@ -8,4 +8,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     completeMessage: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-//# sourceMappingURL=PlProgressBar.vue.d.ts.map

package/dist/components/PlProgressBar/index.d.ts

@@ -1,2 +1 @@
 export { default as PlProgressBar } from './PlProgressBar.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlProgressCell/PlProgressCell.vue.d.ts

@@ -7,4 +7,3 @@ declare const _default: import('vue').DefineComponent<PlProgressCellProps, {}, {
     progressString: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlProgressCell.vue.d.ts.map

package/dist/components/PlProgressCell/index.d.ts

@@ -1,3 +1,2 @@
 export { default as PlProgressCell } from './PlProgressCell.vue';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlProgressCell/types.d.ts

@@ -5,4 +5,3 @@ export type PlProgressCellProps = {
     progress?: number;
     error?: unknown;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/components/PlRadio/PlRadio.vue.d.ts

@@ -30,4 +30,3 @@ export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};
-//# sourceMappingURL=PlRadio.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlRadio.vue2.js","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"],"names":["standaloneModel","_useModel","__props","props","_createPropsRestProxy","name","inject","radioGroupNameKey","model","radioGroupModelKey"],"mappings":";;;;;;;;;;;;;;AAMM,UAAAA,IAAkBC,EAAcC,GAAA,YAAC,GAEjCC,IAAqCC,EAOvCF,GAAA,CAAA,MAAA,CAAA,GAOEG,IAAOC,EAAOC,GAAmBL,MAAc,GAC/CM,IAAQF,EAA+BG,GAAoBT,CAAe;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlRadio.vue2.js","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"],"names":["standaloneModel","_useModel","__props","props","_createPropsRestProxy","name","inject","radioGroupNameKey","model","radioGroupModelKey"],"mappings":";;;;;;;;;;;;;;AAMA,UAAMA,IAAkBC,EAAcC,GAAA,YAAC,GAEjCC,IAAqCC,EAAAF,GAAA,CAAA,MAAA,CAAA,GAcrCG,IAAOC,EAAOC,GAAmBL,MAAc,GAC/CM,IAAQF,EAA+BG,GAAoBT,CAAe;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlRadio/PlRadioGroup.vue.d.ts

@@ -47,4 +47,3 @@ export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};
-//# sourceMappingURL=PlRadioGroup.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlRadioGroup.vue2.js","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"],"names":["model","_useModel","props","__props","_useSlots","keyExtractor","_","i","provide","radioGroupNameKey","radioGroupModelKey"],"mappings":";;;;;;;;;;;;;;;AAWM,UAAAA,IAAQC,iBAAe,GAEvBC,IAAQC;AAaAC,IAAAA,EAQV;AAEJ,UAAMC,IAAeH,EAAM,iBAAiB,CAACI,GAAGC,MAAMA;AAE9C,WAAAC,EAAAC,GAAmBP,EAAM,IAAI,GACrCM,EAAQE,GAAoBV,CAAK;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlRadioGroup.vue2.js","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"],"names":["model","_useModel","props","__props","_useSlots","keyExtractor","_","i","provide","radioGroupNameKey","radioGroupModelKey"],"mappings":";;;;;;;;;;;;;;;AAWA,UAAMA,IAAQC,iBAAe,GAEvBC,IAAQC;AAaAC,IAAAA,EAAA;AAUd,UAAMC,IAAeH,EAAM,iBAAiB,CAACI,GAAGC,MAAMA;AAEtD,WAAAC,EAAQC,GAAmBP,EAAM,IAAI,GACrCM,EAAQE,GAAoBV,CAAK;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlRadio/__tests__/PlRadioGroup.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/PlRadio/index.d.ts

@@ -1,3 +1,2 @@
 export { default as PlRadio } from './PlRadio.vue';
 export { default as PlRadioGroup } from './PlRadioGroup.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlRadio/keys.d.ts

@@ -1,4 +1,3 @@
 import { InjectionKey, ModelRef } from 'vue';
 export declare const radioGroupNameKey: InjectionKey<string | undefined>;
 export declare const radioGroupModelKey: InjectionKey<ModelRef<unknown>>;
-//# sourceMappingURL=keys.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"keys.js","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"],"names":["radioGroupNameKey","radioGroupModelKey"],"mappings":"AAEO,MAAMA,IAAsD,OAAO,GAC7DC,IAAsD,OAAO;"}
+{"version":3,"file":"keys.js","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"],"names":["radioGroupNameKey","radioGroupModelKey"],"mappings":"AAEO,MAAMA,IAAsD,OAAA,GACtDC,IAAsD,OAAA;"}

package/dist/components/PlSearchField/PlSearchField.vue.d.ts

@@ -13,4 +13,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     input: HTMLInputElement;
 }, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlSearchField.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlSearchField.vue2.js","sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon16 } from '../PlIcon16';\nimport { PlIcon24 } from '../PlIcon24';\nimport { computed, ref } from 'vue';\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean;\n  placeholder?: string;\n  disabled?: boolean;\n}>();\n\nconst root = ref<HTMLInputElement | undefined>(undefined);\nconst input = ref<HTMLInputElement | undefined>();\n\nconst value = computed({\n  get() {\n    return props.modelValue ?? '';\n  },\n  set(v) {\n    emit('update:modelValue', v);\n  },\n});\n\nconst nonEmpty = computed(() => !!props.modelValue);\n\nconst clear = () => emit('update:modelValue', '');\n</script>\n\n<template>\n  <div ref=\"root\" class=\"pl-search-field\" :class=\"[$style.component]\">\n    <PlIcon24 name=\"search\" />\n    <input ref=\"input\" v-model=\"value\" :disabled=\"disabled\" type=\"text\" :placeholder=\"placeholder || 'Find...'\" spellcheck=\"false\" />\n    <PlIcon16 v-if=\"clearable && nonEmpty\" :class=\"$style.clear\" name=\"delete-clear\" @click.stop=\"clear\" />\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    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    caret-color: var(--txt-focus);\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"],"names":["emit","__emit","props","__props","root","ref","input","value","computed","v","nonEmpty","clear"],"mappings":";;;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAORC,IAAOC,EAAkC,MAAS,GAClDC,IAAQD,EAAkC,GAE1CE,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAON,EAAM,cAAc;AAAA,MAC7B;AAAA,MACA,IAAIO,GAAG;AACL,QAAAT,EAAK,qBAAqBS,CAAC;AAAA,MAAA;AAAA,IAC7B,CACD,GAEKC,IAAWF,EAAS,MAAM,CAAC,CAACN,EAAM,UAAU,GAE5CS,IAAQ,MAAMX,EAAK,qBAAqB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlSearchField.vue2.js","sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon16 } from '../PlIcon16';\nimport { PlIcon24 } from '../PlIcon24';\nimport { computed, ref } from 'vue';\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean;\n  placeholder?: string;\n  disabled?: boolean;\n}>();\n\nconst root = ref<HTMLInputElement | undefined>(undefined);\nconst input = ref<HTMLInputElement | undefined>();\n\nconst value = computed({\n  get() {\n    return props.modelValue ?? '';\n  },\n  set(v) {\n    emit('update:modelValue', v);\n  },\n});\n\nconst nonEmpty = computed(() => !!props.modelValue);\n\nconst clear = () => emit('update:modelValue', '');\n</script>\n\n<template>\n  <div ref=\"root\" class=\"pl-search-field\" :class=\"[$style.component]\">\n    <PlIcon24 name=\"search\" />\n    <input ref=\"input\" v-model=\"value\" :disabled=\"disabled\" type=\"text\" :placeholder=\"placeholder || 'Find...'\" spellcheck=\"false\" />\n    <PlIcon16 v-if=\"clearable && nonEmpty\" :class=\"$style.clear\" name=\"delete-clear\" @click.stop=\"clear\" />\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    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    caret-color: var(--txt-focus);\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"],"names":["emit","__emit","props","__props","root","ref","input","value","computed","v","nonEmpty","clear"],"mappings":";;;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAORC,IAAOC,EAAkC,MAAS,GAClDC,IAAQD,EAAA,GAERE,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAON,EAAM,cAAc;AAAA,MAC7B;AAAA,MACA,IAAIO,GAAG;AACL,QAAAT,EAAK,qBAAqBS,CAAC;AAAA,MAC7B;AAAA,IAAA,CACD,GAEKC,IAAWF,EAAS,MAAM,CAAC,CAACN,EAAM,UAAU,GAE5CS,IAAQ,MAAMX,EAAK,qBAAqB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlSearchField/index.d.ts

@@ -1,2 +1 @@
 export { default as PlSearchField } from './PlSearchField.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlSectionSeparator/PlSectionSeparator.vue.d.ts

@@ -21,4 +21,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlSectionSeparator.vue.d.ts.map

package/dist/components/PlSectionSeparator/index.d.ts

@@ -1,2 +1 @@
 export { default as PlSectionSeparator } from './PlSectionSeparator.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlSidebar/PlSidebarGroup.vue.d.ts

@@ -17,4 +17,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlSidebarGroup.vue.d.ts.map

package/dist/components/PlSidebar/PlSidebarGroup.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSidebarGroup.vue2.js","sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  [K in `item-${number}`]: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <template v-for=\"name in Object.keys(slots) as `item-${number}`[]\" :key=\"name\" >\n      <div :class=\"$style.item\">\n        <slot :name=\"name\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '../../assets/variables.scss';\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n}\n\n.item {\n  width: 1000%;\n  height: 100%;\n  border-right: 1px solid var(--border-color-div-grey);\n\n  &:last-child {\n    border-right: none;\n  }\n}\n</style>\n"],"names":["slots","_useSlots"],"mappings":";;;;AACA,UAAMA,IAAQC,EAEV;;;;;;;;;;;;;"}
+{"version":3,"file":"PlSidebarGroup.vue2.js","sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  [K in `item-${number}`]: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <template v-for=\"name in Object.keys(slots) as `item-${number}`[]\" :key=\"name\" >\n      <div :class=\"$style.item\">\n        <slot :name=\"name\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '../../assets/variables.scss';\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n}\n\n.item {\n  width: 1000%;\n  height: 100%;\n  border-right: 1px solid var(--border-color-div-grey);\n\n  &:last-child {\n    border-right: none;\n  }\n}\n</style>\n"],"names":["slots","_useSlots"],"mappings":";;;;AACA,UAAMA,IAAQC,EAAA;;;;;;;;;;;;;"}

package/dist/components/PlSidebar/PlSidebarItem.vue.d.ts

@@ -27,4 +27,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlSidebarItem.vue.d.ts.map

package/dist/components/PlSidebar/PlSidebarItem.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSidebarItem.vue2.js","sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  'header'?: () => unknown;\n  'header-content'?: () => unknown;\n  'body'?: () => unknown;\n  'body-content'?: () => unknown;\n  'footer'?: () => unknown;\n  'footer-content'?: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <slot name=\"header\">\n      <div v-if=\"slots['header-content']\" :class=\"$style.header\">\n        <slot name=\"header-content\" />\n      </div>\n    </slot>\n    <slot name=\"body\">\n      <div v-if=\"slots['body-content']\" :class=\"$style.body\">\n        <slot name=\"body-content\" />\n      </div>\n    </slot>\n    <slot name=\"footer\">\n      <div v-if=\"slots['footer-content']\" :class=\"$style.footer\">\n        <slot name=\"footer-content\" />\n      </div>\n    </slot>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '../../assets/variables.scss';\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.close {\n  cursor: pointer;\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  padding: 8px;\n}\n.header {\n  padding: 24px;\n}\n.body {\n  flex-grow: 1;\n  padding: 24px;\n  overflow-y: auto;\n}\n.footer {\n  padding: 24px;\n  border-top: 1px solid var(--border-color-div-grey);\n}\n</style>\n"],"names":["slots","_useSlots"],"mappings":";;;;AACA,UAAMA,IAAQC,EAOV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlSidebarItem.vue2.js","sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  'header'?: () => unknown;\n  'header-content'?: () => unknown;\n  'body'?: () => unknown;\n  'body-content'?: () => unknown;\n  'footer'?: () => unknown;\n  'footer-content'?: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <slot name=\"header\">\n      <div v-if=\"slots['header-content']\" :class=\"$style.header\">\n        <slot name=\"header-content\" />\n      </div>\n    </slot>\n    <slot name=\"body\">\n      <div v-if=\"slots['body-content']\" :class=\"$style.body\">\n        <slot name=\"body-content\" />\n      </div>\n    </slot>\n    <slot name=\"footer\">\n      <div v-if=\"slots['footer-content']\" :class=\"$style.footer\">\n        <slot name=\"footer-content\" />\n      </div>\n    </slot>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '../../assets/variables.scss';\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.close {\n  cursor: pointer;\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  padding: 8px;\n}\n.header {\n  padding: 24px;\n}\n.body {\n  flex-grow: 1;\n  padding: 24px;\n  overflow-y: auto;\n}\n.footer {\n  padding: 24px;\n  border-top: 1px solid var(--border-color-div-grey);\n}\n</style>\n"],"names":["slots","_useSlots"],"mappings":";;;;AACA,UAAMA,IAAQC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlSidebar/index.d.ts

@@ -1,3 +1,2 @@
 export { default as PlSidebarGroup } from './PlSidebarGroup.vue';
 export { default as PlSidebarItem } from './PlSidebarItem.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlSlideModal/PlPureSlideModal.vue.d.ts

@@ -19,4 +19,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlPureSlideModal.vue.d.ts.map