@milaboratories/uikit 2.4.2 → 2.4.3

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1 @@
 export type PlStatusTagType = 'ALERT' | 'WARN' | 'OK' | 'HOLD';
-//# sourceMappingURL=types.d.ts.map

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

@@ -9,4 +9,3 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
 export default _default;
-//# sourceMappingURL=PlSvg.vue.d.ts.map

package/dist/components/PlSvg/PlSvg.vue2.js

@@ -1,6 +1,6 @@
 import d from "../../_virtual/dynamic-import-helper.js";
 import { defineComponent as u, computed as e, createElementBlock as h, openBlock as f, normalizeClass as b, normalizeStyle as y, createElementVNode as w } from "vue";
-import { asyncComputed as x } from "../../node_modules/.pnpm/@vueuse_core@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/core/index.js";
+import { computedAsync as x } from "@vueuse/core";
 import { registerSvg as k } from "./registry.js";
 const z = ["href"], A = /* @__PURE__ */ u({
   __name: "PlSvg",

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

@@ -1 +1 @@
-{"version":3,"file":"PlSvg.vue2.js","sources":["../../../src/components/PlSvg/PlSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { computedAsync } from '@vueuse/core';\nimport { registerSvg } from './registry.ts';\nimport type { MaskIconName16, MaskIconName24 } from '../../types';\n\nconst props = defineProps<{\n  uri?: string;\n  name?: `16_${MaskIconName16}` | `24_${MaskIconName24}`;\n  width?: number | string;\n  height?: number | string;\n  color?: string | string[];\n  stroke?: string | string[];\n}>();\n\nconst uri = computedAsync(async () => {\n  if (typeof props.uri === 'string') return Promise.resolve(props.uri);\n  if (typeof props.name === 'string') return import(`../../assets/icons/icon-assets-min/${props.name}.svg?raw`).then((m) => m.default);\n  return undefined;\n});\nconst svgMeta = computed(() => (uri.value == null ? undefined : registerSvg(uri.value, props.name)));\nconst styleSize = computed(() =>\n  svgMeta.value == null\n    ? undefined\n    : `--svg-width: ${getSize(props.width, svgMeta.value.defaultWidth)}; --svg-height: ${getSize(props.height, svgMeta.value.defaultHeight)};`,\n);\nconst styleColor = computed(() => getStyleColor('fill', props.color));\nconst styleStroke = computed(() => getStyleColor('stroke', props.stroke));\n\nfunction getSize(propSize: undefined | number | string, svgSize: number): string {\n  if (propSize != null) return typeof propSize === 'string' ? propSize : `${propSize}px`;\n  return `${svgSize}px`;\n}\n\nfunction getStyleColor(prop: 'fill' | 'stroke', color: undefined | string | string[]): undefined | string {\n  if (Array.isArray(color)) {\n    return color.reduce((acc, color, i) => acc + `--svg-${prop}-${i}: ${color};`, '');\n  }\n\n  if (typeof color === 'string' && color.length > 0) {\n    return `--svg-${prop}-0: ${color};`;\n  }\n\n  return undefined;\n}\n</script>\n\n<template>\n  <svg :style=\"[styleSize, styleColor, styleStroke]\" :class=\"$style.svg\">\n    <use :href=\"`#${svgMeta?.spriteId}`\" />\n  </svg>\n</template>\n\n<style module>\n.svg {\n  --svg-width: unset;\n  --svg-height: unset;\n  --svg-fill-0: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-1: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-2: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-3: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-4: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-5: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-6: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-stroke-0: unset; /* can be in any quantity, depends on the icon (--svg-stroke-X) */\n\n  width: var(--svg-width);\n  height: var(--svg-height);\n}\n</style>\n"],"names":["props","__props","uri","computedAsync","__variableDynamicImportRuntimeHelper","m","svgMeta","computed","registerSvg","styleSize","getSize","styleColor","getStyleColor","styleStroke","propSize","svgSize","prop","color","acc","i"],"mappings":"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"}
+{"version":3,"file":"PlSvg.vue2.js","sources":["../../../src/components/PlSvg/PlSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { computedAsync } from '@vueuse/core';\nimport { registerSvg } from './registry.ts';\nimport type { MaskIconName16, MaskIconName24 } from '../../types';\n\nconst props = defineProps<{\n  uri?: string;\n  name?: `16_${MaskIconName16}` | `24_${MaskIconName24}`;\n  width?: number | string;\n  height?: number | string;\n  color?: string | string[];\n  stroke?: string | string[];\n}>();\n\nconst uri = computedAsync(async () => {\n  if (typeof props.uri === 'string') return Promise.resolve(props.uri);\n  if (typeof props.name === 'string') return import(`../../assets/icons/icon-assets-min/${props.name}.svg?raw`).then((m) => m.default);\n  return undefined;\n});\nconst svgMeta = computed(() => (uri.value == null ? undefined : registerSvg(uri.value, props.name)));\nconst styleSize = computed(() =>\n  svgMeta.value == null\n    ? undefined\n    : `--svg-width: ${getSize(props.width, svgMeta.value.defaultWidth)}; --svg-height: ${getSize(props.height, svgMeta.value.defaultHeight)};`,\n);\nconst styleColor = computed(() => getStyleColor('fill', props.color));\nconst styleStroke = computed(() => getStyleColor('stroke', props.stroke));\n\nfunction getSize(propSize: undefined | number | string, svgSize: number): string {\n  if (propSize != null) return typeof propSize === 'string' ? propSize : `${propSize}px`;\n  return `${svgSize}px`;\n}\n\nfunction getStyleColor(prop: 'fill' | 'stroke', color: undefined | string | string[]): undefined | string {\n  if (Array.isArray(color)) {\n    return color.reduce((acc, color, i) => acc + `--svg-${prop}-${i}: ${color};`, '');\n  }\n\n  if (typeof color === 'string' && color.length > 0) {\n    return `--svg-${prop}-0: ${color};`;\n  }\n\n  return undefined;\n}\n</script>\n\n<template>\n  <svg :style=\"[styleSize, styleColor, styleStroke]\" :class=\"$style.svg\">\n    <use :href=\"`#${svgMeta?.spriteId}`\" />\n  </svg>\n</template>\n\n<style module>\n.svg {\n  --svg-width: unset;\n  --svg-height: unset;\n  --svg-fill-0: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-1: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-2: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-3: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-4: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-5: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-6: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-stroke-0: unset; /* can be in any quantity, depends on the icon (--svg-stroke-X) */\n\n  width: var(--svg-width);\n  height: var(--svg-height);\n}\n</style>\n"],"names":["props","__props","uri","computedAsync","__variableDynamicImportRuntimeHelper","m","svgMeta","computed","registerSvg","styleSize","getSize","styleColor","getStyleColor","styleStroke","propSize","svgSize","prop","color","acc","i"],"mappings":"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"}

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

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

package/dist/components/PlSvg/registry.d.ts

@@ -10,4 +10,3 @@ export type SvgMeta = {
     defaultHeight: number;
 };
 export declare function registerSvg(raw: string, name?: string): SvgMeta;
-//# sourceMappingURL=registry.d.ts.map

package/dist/components/PlSvg/registry.js

@@ -1,4 +1,4 @@
-import { uniqueId as D } from "../../lib/util/helpers/dist/index.js";
+import { uniqueId as D } from "@milaboratories/helpers";
 function H() {
   const e = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   return e.setAttribute("xmlns", "http://www.w3.org/2000/svg"), e.style.display = "none", document.body.prepend(e), e;
@@ -6,7 +6,7 @@ function H() {
 window.SvgRegistryRawSvgMap = window.SvgRegistryRawSvgMap ?? /* @__PURE__ */ new Map();
 window.SvgRegistryDefsElement = window.SvgRegistryDefsElement ?? H();
 const l = window.SvgRegistryRawSvgMap, u = window.SvgRegistryDefsElement;
-function B(e, d) {
+function M(e, d) {
   var c, $, w, m, f;
   if (!l.has(e)) {
     const g = `svg-${d ? `${d}-` : ""}${D(16)}`, t = (c = e.match(/^<svg[^>]*>/i)) == null ? void 0 : c[0], h = ($ = t == null ? void 0 : t.match(/fill\s*=\s*"(.*?)"/)) == null ? void 0 : $[1], p = (w = t == null ? void 0 : t.match(/stroke\s*=\s*"(.*?)"/)) == null ? void 0 : w[1], y = (m = t == null ? void 0 : t.match(/width\s*=\s*"(\d+)(px)?"/)) == null ? void 0 : m[1], R = (f = t == null ? void 0 : t.match(/height\s*=\s*"(\d+)(px)?"/)) == null ? void 0 : f[1], n = t == null ? void 0 : t.match(/viewBox\s*=\s*"[-+]?\d*\.?\d+(?:e[-+]?\d+)?"/), k = n == null ? void 0 : n[2], x = n == null ? void 0 : n[3];
@@ -34,6 +34,6 @@ function B(e, d) {
   return l.get(e);
 }
 export {
-  B as registerSvg
+  M as registerSvg
 };
 //# sourceMappingURL=registry.js.map

package/dist/components/PlSvg/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","sources":["../../../src/components/PlSvg/registry.ts"],"sourcesContent":["import { uniqueId } from '@milaboratories/helpers';\n\ndeclare global {\n  interface Window {\n    SvgRegistryRawSvgMap: Map<string, SvgMeta>;\n    SvgRegistryDefsElement: SVGDefsElement;\n  }\n}\n\nfunction createSpriteContainer() {\n  const defsElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n  defsElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n  defsElement.style.display = 'none';\n  document.body.prepend(defsElement);\n  return defsElement;\n}\n\n// prevent multiple definitions of the same SVG registry in different builds\nwindow.SvgRegistryRawSvgMap = window.SvgRegistryRawSvgMap ?? new Map<string, SvgMeta>();\nwindow.SvgRegistryDefsElement = window.SvgRegistryDefsElement ?? createSpriteContainer();\n\nexport type SvgMeta = {\n  spriteId: string;\n  defaultWidth: number;\n  defaultHeight: number;\n};\n\nconst registeredRaw = window.SvgRegistryRawSvgMap;\nconst defsElement = window.SvgRegistryDefsElement;\n\nexport function registerSvg(raw: string, name?: string): SvgMeta {\n  if (!registeredRaw.has(raw)) {\n    const id = `svg-${name ? `${name}-` : ''}${uniqueId(16)}`;\n\n    const openSvgTagMatch = raw.match(/^<svg[^>]*>/i)?.[0];\n    const fillMatch = openSvgTagMatch?.match(/fill\\s*=\\s*\"(.*?)\"/)?.[1];\n    const strokeMatch = openSvgTagMatch?.match(/stroke\\s*=\\s*\"(.*?)\"/)?.[1];\n    const widthMatch = openSvgTagMatch?.match(/width\\s*=\\s*\"(\\d+)(px)?\"/)?.[1];\n    const heightMatch = openSvgTagMatch?.match(/height\\s*=\\s*\"(\\d+)(px)?\"/)?.[1];\n    const viewBoxParts = openSvgTagMatch?.match(/viewBox\\s*=\\s*\"[-+]?\\d*\\.?\\d+(?:e[-+]?\\d+)?\"/);\n    const viewBoxWidthMatch = viewBoxParts?.[2];\n    const viewBoxHeightMatch = viewBoxParts?.[3];\n    let width = Number(viewBoxWidthMatch ?? widthMatch ?? 16);\n    width = isNaN(width) ? 16 : width;\n    let height = Number(viewBoxHeightMatch ?? heightMatch ?? 16);\n    height = isNaN(height) ? 16 : height;\n    const viewBox = `0 0 ${width} ${height}`;\n\n    let fillIdx = 0;\n    let strokeIdx = 0;\n    const fillAttr = fillMatch ? `fill=\"${fillMatch}\"` : '';\n    const strokeAttr = strokeMatch ? `stroke=\"${strokeMatch}\"` : '';\n\n    const preparedSvg = raw\n      .replace(/^<svg[^>]*>/i, `<svg id=\"${id}\" viewBox=\"${viewBox}\" ${fillAttr} ${strokeAttr}>`)\n      .replace(/<\\/svg>\\s*$/, '</svg>')\n      .replace(\n        /\\bfill\\s*=\\s*(['\"])(.*?)\\1/gi,\n        (_, q, value) =>\n          /^(none|transparent)$/i.test(value)\n            ? `fill=${q}${value}${q}`\n            : `fill=${q}var(--svg-fill-${fillIdx++}, ${value})${q}`,\n      )\n      .replace(\n        /\\bstroke\\s*=\\s*(['\"])(.*?)\\1/gi,\n        (_, q, value) =>\n          /^(none|transparent)$/i.test(value)\n            ? `stroke=${q}${value}${q}`\n            : `stroke=${q}var(--svg-stroke-${strokeIdx++}, ${value})${q}`,\n      );\n\n    const template = document.createElement('template');\n    template.innerHTML = preparedSvg;\n\n    const symbol = template.content.firstElementChild;\n    if (symbol && defsElement) {\n      defsElement.appendChild(symbol);\n    }\n\n    registeredRaw.set(raw, {\n      spriteId: id,\n      defaultWidth: width,\n      defaultHeight: height,\n    });\n  }\n\n  return registeredRaw.get(raw)!;\n}\n"],"names":["createSpriteContainer","defsElement","registeredRaw","registerSvg","raw","name","id","uniqueId","openSvgTagMatch","_a","fillMatch","_b","strokeMatch","_c","widthMatch","_d","heightMatch","_e","viewBoxParts","viewBoxWidthMatch","viewBoxHeightMatch","width","height","viewBox","fillIdx","strokeIdx","fillAttr","strokeAttr","preparedSvg","_","q","value","template","symbol"],"mappings":";AASA,SAASA,IAAwB;AAC/B,QAAMC,IAAc,SAAS,gBAAgB,8BAA8B,KAAK;AAChFA,SAAAA,EAAY,aAAa,SAAS,4BAA4B,GAC9DA,EAAY,MAAM,UAAU,QACnB,SAAA,KAAK,QAAQA,CAAW,GAC1BA;AACT;AAGA,OAAO,uBAAuB,OAAO,wBAAwB,oBAAI,IAAqB;AACtF,OAAO,yBAAyB,OAAO,0BAA0BD,EAAsB;AAQvF,MAAME,IAAgB,OAAO,sBACvBD,IAAc,OAAO;AAEX,SAAAE,EAAYC,GAAaC,GAAwB;;AAC/D,MAAI,CAACH,EAAc,IAAIE,CAAG,GAAG;AACrB,UAAAE,IAAK,OAAOD,IAAO,GAAGA,CAAI,MAAM,EAAE,GAAGE,EAAS,EAAE,CAAC,IAEjDC,KAAkBC,IAAAL,EAAI,MAAM,cAAc,MAAxB,gBAAAK,EAA4B,IAC9CC,KAAYC,IAAAH,KAAA,gBAAAA,EAAiB,MAAM,0BAAvB,gBAAAG,EAA+C,IAC3DC,KAAcC,IAAAL,KAAA,gBAAAA,EAAiB,MAAM,4BAAvB,gBAAAK,EAAiD,IAC/DC,KAAaC,IAAAP,KAAA,gBAAAA,EAAiB,MAAM,gCAAvB,gBAAAO,EAAqD,IAClEC,KAAcC,IAAAT,KAAA,gBAAAA,EAAiB,MAAM,iCAAvB,gBAAAS,EAAsD,IACpEC,IAAeV,KAAA,gBAAAA,EAAiB,MAAM,iDACtCW,IAAoBD,KAAA,gBAAAA,EAAe,IACnCE,IAAqBF,KAAA,gBAAAA,EAAe;AAC1C,QAAIG,IAAQ,OAAOF,KAAqBL,KAAc,EAAE;AAChD,IAAAO,IAAA,MAAMA,CAAK,IAAI,KAAKA;AAC5B,QAAIC,IAAS,OAAOF,KAAsBJ,KAAe,EAAE;AAClD,IAAAM,IAAA,MAAMA,CAAM,IAAI,KAAKA;AAC9B,UAAMC,IAAU,OAAOF,CAAK,IAAIC,CAAM;AAEtC,QAAIE,IAAU,GACVC,IAAY;AAChB,UAAMC,IAAWhB,IAAY,SAASA,CAAS,MAAM,IAC/CiB,IAAaf,IAAc,WAAWA,CAAW,MAAM,IAEvDgB,IAAcxB,EACjB,QAAQ,gBAAgB,YAAYE,CAAE,cAAciB,CAAO,KAAKG,CAAQ,IAAIC,CAAU,GAAG,EACzF,QAAQ,eAAe,QAAQ,EAC/B;AAAA,MACC;AAAA,MACA,CAACE,GAAGC,GAAGC,MACL,wBAAwB,KAAKA,CAAK,IAC9B,QAAQD,CAAC,GAAGC,CAAK,GAAGD,CAAC,KACrB,QAAQA,CAAC,kBAAkBN,GAAS,KAAKO,CAAK,IAAID,CAAC;AAAA,IAAA,EAE1D;AAAA,MACC;AAAA,MACA,CAACD,GAAGC,GAAGC,MACL,wBAAwB,KAAKA,CAAK,IAC9B,UAAUD,CAAC,GAAGC,CAAK,GAAGD,CAAC,KACvB,UAAUA,CAAC,oBAAoBL,GAAW,KAAKM,CAAK,IAAID,CAAC;AAAA,IACjE,GAEIE,IAAW,SAAS,cAAc,UAAU;AAClD,IAAAA,EAAS,YAAYJ;AAEf,UAAAK,IAASD,EAAS,QAAQ;AAChC,IAAIC,KAAUhC,KACZA,EAAY,YAAYgC,CAAM,GAGhC/B,EAAc,IAAIE,GAAK;AAAA,MACrB,UAAUE;AAAA,MACV,cAAce;AAAA,MACd,eAAeC;AAAA,IAAA,CAChB;AAAA,EAAA;AAGI,SAAApB,EAAc,IAAIE,CAAG;AAC9B;"}
+{"version":3,"file":"registry.js","sources":["../../../src/components/PlSvg/registry.ts"],"sourcesContent":["import { uniqueId } from '@milaboratories/helpers';\n\ndeclare global {\n  interface Window {\n    SvgRegistryRawSvgMap: Map<string, SvgMeta>;\n    SvgRegistryDefsElement: SVGDefsElement;\n  }\n}\n\nfunction createSpriteContainer() {\n  const defsElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n  defsElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n  defsElement.style.display = 'none';\n  document.body.prepend(defsElement);\n  return defsElement;\n}\n\n// prevent multiple definitions of the same SVG registry in different builds\nwindow.SvgRegistryRawSvgMap = window.SvgRegistryRawSvgMap ?? new Map<string, SvgMeta>();\nwindow.SvgRegistryDefsElement = window.SvgRegistryDefsElement ?? createSpriteContainer();\n\nexport type SvgMeta = {\n  spriteId: string;\n  defaultWidth: number;\n  defaultHeight: number;\n};\n\nconst registeredRaw = window.SvgRegistryRawSvgMap;\nconst defsElement = window.SvgRegistryDefsElement;\n\nexport function registerSvg(raw: string, name?: string): SvgMeta {\n  if (!registeredRaw.has(raw)) {\n    const id = `svg-${name ? `${name}-` : ''}${uniqueId(16)}`;\n\n    const openSvgTagMatch = raw.match(/^<svg[^>]*>/i)?.[0];\n    const fillMatch = openSvgTagMatch?.match(/fill\\s*=\\s*\"(.*?)\"/)?.[1];\n    const strokeMatch = openSvgTagMatch?.match(/stroke\\s*=\\s*\"(.*?)\"/)?.[1];\n    const widthMatch = openSvgTagMatch?.match(/width\\s*=\\s*\"(\\d+)(px)?\"/)?.[1];\n    const heightMatch = openSvgTagMatch?.match(/height\\s*=\\s*\"(\\d+)(px)?\"/)?.[1];\n    const viewBoxParts = openSvgTagMatch?.match(/viewBox\\s*=\\s*\"[-+]?\\d*\\.?\\d+(?:e[-+]?\\d+)?\"/);\n    const viewBoxWidthMatch = viewBoxParts?.[2];\n    const viewBoxHeightMatch = viewBoxParts?.[3];\n    let width = Number(viewBoxWidthMatch ?? widthMatch ?? 16);\n    width = isNaN(width) ? 16 : width;\n    let height = Number(viewBoxHeightMatch ?? heightMatch ?? 16);\n    height = isNaN(height) ? 16 : height;\n    const viewBox = `0 0 ${width} ${height}`;\n\n    let fillIdx = 0;\n    let strokeIdx = 0;\n    const fillAttr = fillMatch ? `fill=\"${fillMatch}\"` : '';\n    const strokeAttr = strokeMatch ? `stroke=\"${strokeMatch}\"` : '';\n\n    const preparedSvg = raw\n      .replace(/^<svg[^>]*>/i, `<svg id=\"${id}\" viewBox=\"${viewBox}\" ${fillAttr} ${strokeAttr}>`)\n      .replace(/<\\/svg>\\s*$/, '</svg>')\n      .replace(\n        /\\bfill\\s*=\\s*(['\"])(.*?)\\1/gi,\n        (_, q, value) =>\n          /^(none|transparent)$/i.test(value)\n            ? `fill=${q}${value}${q}`\n            : `fill=${q}var(--svg-fill-${fillIdx++}, ${value})${q}`,\n      )\n      .replace(\n        /\\bstroke\\s*=\\s*(['\"])(.*?)\\1/gi,\n        (_, q, value) =>\n          /^(none|transparent)$/i.test(value)\n            ? `stroke=${q}${value}${q}`\n            : `stroke=${q}var(--svg-stroke-${strokeIdx++}, ${value})${q}`,\n      );\n\n    const template = document.createElement('template');\n    template.innerHTML = preparedSvg;\n\n    const symbol = template.content.firstElementChild;\n    if (symbol && defsElement) {\n      defsElement.appendChild(symbol);\n    }\n\n    registeredRaw.set(raw, {\n      spriteId: id,\n      defaultWidth: width,\n      defaultHeight: height,\n    });\n  }\n\n  return registeredRaw.get(raw)!;\n}\n"],"names":["createSpriteContainer","defsElement","registeredRaw","registerSvg","raw","name","id","uniqueId","openSvgTagMatch","_a","fillMatch","_b","strokeMatch","_c","widthMatch","_d","heightMatch","_e","viewBoxParts","viewBoxWidthMatch","viewBoxHeightMatch","width","height","viewBox","fillIdx","strokeIdx","fillAttr","strokeAttr","preparedSvg","_","q","value","template","symbol"],"mappings":";AASA,SAASA,IAAwB;AAC/B,QAAMC,IAAc,SAAS,gBAAgB,8BAA8B,KAAK;AAChFA,SAAAA,EAAY,aAAa,SAAS,4BAA4B,GAC9DA,EAAY,MAAM,UAAU,QAC5B,SAAS,KAAK,QAAQA,CAAW,GAC1BA;AACT;AAGA,OAAO,uBAAuB,OAAO,wBAAwB,oBAAI,IAAA;AACjE,OAAO,yBAAyB,OAAO,0BAA0BD,EAAA;AAQjE,MAAME,IAAgB,OAAO,sBACvBD,IAAc,OAAO;AAEpB,SAASE,EAAYC,GAAaC,GAAwB;;AAC/D,MAAI,CAACH,EAAc,IAAIE,CAAG,GAAG;AAC3B,UAAME,IAAK,OAAOD,IAAO,GAAGA,CAAI,MAAM,EAAE,GAAGE,EAAS,EAAE,CAAC,IAEjDC,KAAkBC,IAAAL,EAAI,MAAM,cAAc,MAAxB,gBAAAK,EAA4B,IAC9CC,KAAYC,IAAAH,KAAA,gBAAAA,EAAiB,MAAM,0BAAvB,gBAAAG,EAA+C,IAC3DC,KAAcC,IAAAL,KAAA,gBAAAA,EAAiB,MAAM,4BAAvB,gBAAAK,EAAiD,IAC/DC,KAAaC,IAAAP,KAAA,gBAAAA,EAAiB,MAAM,gCAAvB,gBAAAO,EAAqD,IAClEC,KAAcC,IAAAT,KAAA,gBAAAA,EAAiB,MAAM,iCAAvB,gBAAAS,EAAsD,IACpEC,IAAeV,KAAA,gBAAAA,EAAiB,MAAM,iDACtCW,IAAoBD,KAAA,gBAAAA,EAAe,IACnCE,IAAqBF,KAAA,gBAAAA,EAAe;AAC1C,QAAIG,IAAQ,OAAOF,KAAqBL,KAAc,EAAE;AACxD,IAAAO,IAAQ,MAAMA,CAAK,IAAI,KAAKA;AAC5B,QAAIC,IAAS,OAAOF,KAAsBJ,KAAe,EAAE;AAC3D,IAAAM,IAAS,MAAMA,CAAM,IAAI,KAAKA;AAC9B,UAAMC,IAAU,OAAOF,CAAK,IAAIC,CAAM;AAEtC,QAAIE,IAAU,GACVC,IAAY;AAChB,UAAMC,IAAWhB,IAAY,SAASA,CAAS,MAAM,IAC/CiB,IAAaf,IAAc,WAAWA,CAAW,MAAM,IAEvDgB,IAAcxB,EACjB,QAAQ,gBAAgB,YAAYE,CAAE,cAAciB,CAAO,KAAKG,CAAQ,IAAIC,CAAU,GAAG,EACzF,QAAQ,eAAe,QAAQ,EAC/B;AAAA,MACC;AAAA,MACA,CAACE,GAAGC,GAAGC,MACL,wBAAwB,KAAKA,CAAK,IAC9B,QAAQD,CAAC,GAAGC,CAAK,GAAGD,CAAC,KACrB,QAAQA,CAAC,kBAAkBN,GAAS,KAAKO,CAAK,IAAID,CAAC;AAAA,IAAA,EAE1D;AAAA,MACC;AAAA,MACA,CAACD,GAAGC,GAAGC,MACL,wBAAwB,KAAKA,CAAK,IAC9B,UAAUD,CAAC,GAAGC,CAAK,GAAGD,CAAC,KACvB,UAAUA,CAAC,oBAAoBL,GAAW,KAAKM,CAAK,IAAID,CAAC;AAAA,IAAA,GAG7DE,IAAW,SAAS,cAAc,UAAU;AAClD,IAAAA,EAAS,YAAYJ;AAErB,UAAMK,IAASD,EAAS,QAAQ;AAChC,IAAIC,KAAUhC,KACZA,EAAY,YAAYgC,CAAM,GAGhC/B,EAAc,IAAIE,GAAK;AAAA,MACrB,UAAUE;AAAA,MACV,cAAce;AAAA,MACd,eAAeC;AAAA,IAAA,CAChB;AAAA,EACH;AAEA,SAAOpB,EAAc,IAAIE,CAAG;AAC9B;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlTabs.vue.js","sources":["../../../src/components/PlTabs/PlTabs.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: 'PlTabs',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M extends string\">\nimport style from './pl-tabs.module.scss';\nimport type { TabOption } from './types';\nimport Tab from './Tab.vue';\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: M): void;\n}>();\n\nconst emitModel = (v: M) => emit('update:modelValue', v);\n\ndefineProps<{\n  /**\n   * The current selected tab value.\n   */\n  modelValue?: M;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<TabOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the `active` line appears on the top of element.\n   */\n  topLine?: boolean;\n  /**\n   * Maximum tab width (css value), can be overridden for each option\n   */\n  maxTabWidth?: string;\n}>();\n</script>\n\n<template>\n  <div :class=\"[style.component, { [style.disabled]: disabled, [style.topLine]: topLine }]\">\n    <Tab\n      v-for=\"(opt, i) in options\"\n      :key=\"i\"\n      :tabindex=\"modelValue === opt.value || disabled || opt.disabled ? undefined : 0\"\n      :option=\"opt\"\n      :class=\"[{ [style.active]: modelValue === opt.value, [style.disabled]: opt.disabled }, style.tab]\"\n      :style=\"{ '--pl-tabs-item-max-width': opt.maxWidth ?? maxTabWidth }\"\n      @keydown.enter=\"emitModel(opt.value)\"\n      @click=\"emitModel(opt.value)\"\n    >\n      <slot :name=\"opt.value\" :option=\"opt\">\n        <span>{{ opt.label }}</span>\n      </slot>\n    </Tab>\n  </div>\n</template>\n"],"names":["__default__","emit","__emit","emitModel","v"],"mappings":";;;AAIA,MAAeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;AAQA,UAAMC,IAAOC,GAOPC,IAAY,CAACC,MAASH,EAAK,qBAAqBG,CAAC;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlTabs.vue.js","sources":["../../../src/components/PlTabs/PlTabs.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: 'PlTabs',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M extends string\">\nimport style from './pl-tabs.module.scss';\nimport type { TabOption } from './types';\nimport Tab from './Tab.vue';\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: M): void;\n}>();\n\nconst emitModel = (v: M) => emit('update:modelValue', v);\n\ndefineProps<{\n  /**\n   * The current selected tab value.\n   */\n  modelValue?: M;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<TabOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the `active` line appears on the top of element.\n   */\n  topLine?: boolean;\n  /**\n   * Maximum tab width (css value), can be overridden for each option\n   */\n  maxTabWidth?: string;\n}>();\n</script>\n\n<template>\n  <div :class=\"[style.component, { [style.disabled]: disabled, [style.topLine]: topLine }]\">\n    <Tab\n      v-for=\"(opt, i) in options\"\n      :key=\"i\"\n      :tabindex=\"modelValue === opt.value || disabled || opt.disabled ? undefined : 0\"\n      :option=\"opt\"\n      :class=\"[{ [style.active]: modelValue === opt.value, [style.disabled]: opt.disabled }, style.tab]\"\n      :style=\"{ '--pl-tabs-item-max-width': opt.maxWidth ?? maxTabWidth }\"\n      @keydown.enter=\"emitModel(opt.value)\"\n      @click=\"emitModel(opt.value)\"\n    >\n      <slot :name=\"opt.value\" :option=\"opt\">\n        <span>{{ opt.label }}</span>\n      </slot>\n    </Tab>\n  </div>\n</template>\n"],"names":["__default__","emit","__emit","emitModel","v"],"mappings":";;;AAIA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;AAQA,UAAMC,IAAOC,GAOPC,IAAY,CAACC,MAASH,EAAK,qBAAqBG,CAAC;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlTabs/Tab.vue.d.ts

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

package/dist/components/PlTabs/Tab.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.vue.js","sources":["../../../src/components/PlTabs/Tab.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, unref, ref, reactive } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport type { TabOption } from './types';\n\nconst rootRef = ref<{ $el: HTMLElement }>();\n\ndefineProps<{\n  option: TabOption;\n}>();\n\nconst data = reactive({\n  isOverflown: false,\n});\n\nonMounted(() => {\n  const root = unref(rootRef);\n\n  if (!root) {\n    return;\n  }\n\n  const el = root.$el.querySelector('span') as HTMLElement | null;\n\n  if (!el) {\n    return;\n  }\n\n  requestAnimationFrame(() => {\n    if (el.offsetWidth < el.scrollWidth) {\n      data.isOverflown = true;\n    }\n  });\n});\n</script>\n\n<template>\n  <PlTooltip\n    ref=\"rootRef\"\n    element=\"div\"\n    position=\"top\"\n    :hide=\"!data.isOverflown\"\n    :close-delay=\"300\"\n    :data-is-overflown=\"data.isOverflown ? 'true' : 'false'\"\n  >\n    <slot />\n    <template #tooltip>\n      {{ option.label }}\n    </template>\n  </PlTooltip>\n</template>\n"],"names":["rootRef","ref","data","reactive","onMounted","root","unref","el"],"mappings":";;;;;;;;AAKA,UAAMA,IAAUC,EAA0B,GAMpCC,IAAOC,EAAS;AAAA,MACpB,aAAa;AAAA,IAAA,CACd;AAED,WAAAC,EAAU,MAAM;AACR,YAAAC,IAAOC,EAAMN,CAAO;AAE1B,UAAI,CAACK;AACH;AAGF,YAAME,IAAKF,EAAK,IAAI,cAAc,MAAM;AAExC,MAAKE,KAIL,sBAAsB,MAAM;AACtB,QAAAA,EAAG,cAAcA,EAAG,gBACtBL,EAAK,cAAc;AAAA,MACrB,CACD;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Tab.vue.js","sources":["../../../src/components/PlTabs/Tab.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, unref, ref, reactive } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport type { TabOption } from './types';\n\nconst rootRef = ref<{ $el: HTMLElement }>();\n\ndefineProps<{\n  option: TabOption;\n}>();\n\nconst data = reactive({\n  isOverflown: false,\n});\n\nonMounted(() => {\n  const root = unref(rootRef);\n\n  if (!root) {\n    return;\n  }\n\n  const el = root.$el.querySelector('span') as HTMLElement | null;\n\n  if (!el) {\n    return;\n  }\n\n  requestAnimationFrame(() => {\n    if (el.offsetWidth < el.scrollWidth) {\n      data.isOverflown = true;\n    }\n  });\n});\n</script>\n\n<template>\n  <PlTooltip\n    ref=\"rootRef\"\n    element=\"div\"\n    position=\"top\"\n    :hide=\"!data.isOverflown\"\n    :close-delay=\"300\"\n    :data-is-overflown=\"data.isOverflown ? 'true' : 'false'\"\n  >\n    <slot />\n    <template #tooltip>\n      {{ option.label }}\n    </template>\n  </PlTooltip>\n</template>\n"],"names":["rootRef","ref","data","reactive","onMounted","root","unref","el"],"mappings":";;;;;;;;AAKA,UAAMA,IAAUC,EAAA,GAMVC,IAAOC,EAAS;AAAA,MACpB,aAAa;AAAA,IAAA,CACd;AAED,WAAAC,EAAU,MAAM;AACd,YAAMC,IAAOC,EAAMN,CAAO;AAE1B,UAAI,CAACK;AACH;AAGF,YAAME,IAAKF,EAAK,IAAI,cAAc,MAAM;AAExC,MAAKE,KAIL,sBAAsB,MAAM;AAC1B,QAAIA,EAAG,cAAcA,EAAG,gBACtBL,EAAK,cAAc;AAAA,MAEvB,CAAC;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -10,4 +10,3 @@ export type TabOption<T extends string = string> = {
      */
     maxWidth?: string;
 };
-//# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/PlTextArea/PlTextArea.vue.js

@@ -5,7 +5,7 @@ import H from "../PlTooltip/PlTooltip.vue.js";
 import T from "../../utils/DoubleContour.vue.js";
 import { useLabelNotch as z } from "../../utils/useLabelNotch.js";
 import { useValidation as A } from "../../utils/useValidation.js";
-import I from "../../generated/components/svg/images/SvgRequired.vue2.js";
+import I from "../../generated/components/svg/images/SvgRequired.vue.js";
 import { getErrorMessage as L } from "../../helpers/error.js";
 const P = { class: "ui-text-area__envelope" }, R = {
   key: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"PlTextArea.vue.js","sources":["../../../src/components/PlTextArea/PlTextArea.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for multi-line string data manipulation */\nexport default {\n  name: 'PlTextArea',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-textarea.scss';\nimport { computed, onMounted, ref, useSlots } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport { useValidation } from '../../utils/useValidation';\nimport SvgRequired from '../../generated/components/svg/images/SvgRequired.vue';\nimport { getErrorMessage } from '../../helpers/error.ts';\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: string): void;\n}>();\n\nconst props = defineProps<{\n  /**\n   * The current value of the texarea.\n   */\n  modelValue?: string;\n  /**\n   * The label to display above the texarea.\n   */\n  label?: string;\n  /**\n   * If `true`, the textarea is marked as required.\n   */\n  required?: boolean;\n  /**\n   * An error message to display below the textarea.\n   */\n  error?: unknown;\n  /**\n   * A helper text to display below the textarea when there are no errors.\n   */\n  helper?: string;\n  /**\n   * A placeholder text to display inside the textarea when it is empty.\n   */\n  placeholder?: string;\n  /**\n   * If `true`, the textarea is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the textarea is in a read-only state and cannot be edited, but it can still be focused and text can be selected.\n   */\n  readonly?: boolean;\n  /**\n   * If `true`, applies a dashed border style to the textarea, likely used for stylistic purposes or to indicate a certain state.\n   */\n  dashed?: boolean;\n  /**\n   * The number of visible text lines for the textarea, which controls the height of the textarea.\n   */\n  rows?: number;\n  /**\n   * If `true`, the textarea automatically adjusts its height to fit the content as the user types.\n   */\n  autogrow?: boolean;\n  /**\n   * An array of validation rules that are applied to the textarea input. Each rule is a function that receives the input value and returns `true` for valid input or an error message string for invalid input.\n   */\n  rules?: ((v: string) => boolean | string)[];\n}>();\n\nconst root = ref<HTMLInputElement>();\nconst input = ref<HTMLTextAreaElement>();\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);\nconst validationData = useValidation(value, props.rules || []);\n\nuseLabelNotch(root);\n\nconst displayErrors = computed(() => {\n  const errors: string[] = [];\n  const propsError = getErrorMessage(props.error);\n\n  if (propsError) {\n    errors.push(propsError);\n  }\n\n  errors.push(...validationData.value.errors);\n\n  return errors;\n});\n\nconst hasErrors = computed(() => displayErrors.value.length > 0);\n\nconst adjustHeight = () => {\n  if (!props.autogrow) {\n    return;\n  }\n  const el = input.value;\n  if (el) {\n    el.style.height = 'auto'; // it works, do not delete it\n    el.style.height = `${el.scrollHeight}px`; // Set height based on scrollHeight\n  }\n};\n\nonMounted(() => {\n  adjustHeight();\n});\n</script>\n\n<template>\n  <div class=\"ui-text-area__envelope\">\n    <div ref=\"root\" class=\"ui-text-area\" :class=\"{ error: hasErrors, disabled, dashed, nonEmpty }\">\n      <label v-if=\"label\" ref=\"label\">\n        <SvgRequired v-if=\"required\" />\n        <span>{{ label }}</span>\n        <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n          <template #tooltip>\n            <slot name=\"tooltip\" />\n          </template>\n        </PlTooltip>\n      </label>\n      <textarea\n        ref=\"input\"\n        v-model=\"value\"\n        :readonly=\"readonly\"\n        :rows=\"rows\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder ?? '...'\"\n        spellcheck=\"false\"\n        @input=\"adjustHeight\"\n      />\n      <div class=\"ui-text-area__append\">\n        <slot name=\"append\" />\n      </div>\n      <DoubleContour class=\"ui-text-area__contour\" />\n    </div>\n    <div v-if=\"hasErrors\" class=\"ui-text-area__error\">\n      {{ displayErrors.join(' ') }}\n    </div>\n    <div v-else-if=\"helper\" class=\"ui-text-area__helper\">{{ helper }}</div>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","emit","__emit","props","__props","root","ref","input","value","computed","v","nonEmpty","validationData","useValidation","useLabelNotch","displayErrors","errors","propsError","getErrorMessage","hasErrors","adjustHeight","el","onMounted"],"mappings":";;;;;;;;;;;;;;;;;GAEeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;;;AAaA,UAAMC,IAAQC,EAAS,GAEjBC,IAAOC,GAOPC,IAAQC,GAmDRC,IAAOC,EAAsB,GAC7BC,IAAQD,EAAyB,GAEjCE,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,GAC5CS,IAAiBC,EAAcL,GAAOL,EAAM,SAAS,CAAA,CAAE;AAE7D,IAAAW,EAAcT,CAAI;AAEZ,UAAAU,IAAgBN,EAAS,MAAM;AACnC,YAAMO,IAAmB,CAAC,GACpBC,IAAaC,EAAgBf,EAAM,KAAK;AAE9C,aAAIc,KACFD,EAAO,KAAKC,CAAU,GAGxBD,EAAO,KAAK,GAAGJ,EAAe,MAAM,MAAM,GAEnCI;AAAA,IAAA,CACR,GAEKG,IAAYV,EAAS,MAAMM,EAAc,MAAM,SAAS,CAAC,GAEzDK,IAAe,MAAM;AACrB,UAAA,CAACjB,EAAM;AACT;AAEF,YAAMkB,IAAKd,EAAM;AACjB,MAAIc,MACFA,EAAG,MAAM,SAAS,QAClBA,EAAG,MAAM,SAAS,GAAGA,EAAG,YAAY;AAAA,IAExC;AAEA,WAAAC,EAAU,MAAM;AACD,MAAAF,EAAA;AAAA,IAAA,CACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlTextArea.vue.js","sources":["../../../src/components/PlTextArea/PlTextArea.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Component for multi-line string data manipulation */\nexport default {\n  name: 'PlTextArea',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-textarea.scss';\nimport { computed, onMounted, ref, useSlots } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport { useValidation } from '../../utils/useValidation';\nimport SvgRequired from '../../generated/components/svg/images/SvgRequired.vue';\nimport { getErrorMessage } from '../../helpers/error.ts';\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: string): void;\n}>();\n\nconst props = defineProps<{\n  /**\n   * The current value of the texarea.\n   */\n  modelValue?: string;\n  /**\n   * The label to display above the texarea.\n   */\n  label?: string;\n  /**\n   * If `true`, the textarea is marked as required.\n   */\n  required?: boolean;\n  /**\n   * An error message to display below the textarea.\n   */\n  error?: unknown;\n  /**\n   * A helper text to display below the textarea when there are no errors.\n   */\n  helper?: string;\n  /**\n   * A placeholder text to display inside the textarea when it is empty.\n   */\n  placeholder?: string;\n  /**\n   * If `true`, the textarea is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the textarea is in a read-only state and cannot be edited, but it can still be focused and text can be selected.\n   */\n  readonly?: boolean;\n  /**\n   * If `true`, applies a dashed border style to the textarea, likely used for stylistic purposes or to indicate a certain state.\n   */\n  dashed?: boolean;\n  /**\n   * The number of visible text lines for the textarea, which controls the height of the textarea.\n   */\n  rows?: number;\n  /**\n   * If `true`, the textarea automatically adjusts its height to fit the content as the user types.\n   */\n  autogrow?: boolean;\n  /**\n   * An array of validation rules that are applied to the textarea input. Each rule is a function that receives the input value and returns `true` for valid input or an error message string for invalid input.\n   */\n  rules?: ((v: string) => boolean | string)[];\n}>();\n\nconst root = ref<HTMLInputElement>();\nconst input = ref<HTMLTextAreaElement>();\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);\nconst validationData = useValidation(value, props.rules || []);\n\nuseLabelNotch(root);\n\nconst displayErrors = computed(() => {\n  const errors: string[] = [];\n  const propsError = getErrorMessage(props.error);\n\n  if (propsError) {\n    errors.push(propsError);\n  }\n\n  errors.push(...validationData.value.errors);\n\n  return errors;\n});\n\nconst hasErrors = computed(() => displayErrors.value.length > 0);\n\nconst adjustHeight = () => {\n  if (!props.autogrow) {\n    return;\n  }\n  const el = input.value;\n  if (el) {\n    el.style.height = 'auto'; // it works, do not delete it\n    el.style.height = `${el.scrollHeight}px`; // Set height based on scrollHeight\n  }\n};\n\nonMounted(() => {\n  adjustHeight();\n});\n</script>\n\n<template>\n  <div class=\"ui-text-area__envelope\">\n    <div ref=\"root\" class=\"ui-text-area\" :class=\"{ error: hasErrors, disabled, dashed, nonEmpty }\">\n      <label v-if=\"label\" ref=\"label\">\n        <SvgRequired v-if=\"required\" />\n        <span>{{ label }}</span>\n        <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n          <template #tooltip>\n            <slot name=\"tooltip\" />\n          </template>\n        </PlTooltip>\n      </label>\n      <textarea\n        ref=\"input\"\n        v-model=\"value\"\n        :readonly=\"readonly\"\n        :rows=\"rows\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder ?? '...'\"\n        spellcheck=\"false\"\n        @input=\"adjustHeight\"\n      />\n      <div class=\"ui-text-area__append\">\n        <slot name=\"append\" />\n      </div>\n      <DoubleContour class=\"ui-text-area__contour\" />\n    </div>\n    <div v-if=\"hasErrors\" class=\"ui-text-area__error\">\n      {{ displayErrors.join(' ') }}\n    </div>\n    <div v-else-if=\"helper\" class=\"ui-text-area__helper\">{{ helper }}</div>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","emit","__emit","props","__props","root","ref","input","value","computed","v","nonEmpty","validationData","useValidation","useLabelNotch","displayErrors","errors","propsError","getErrorMessage","hasErrors","adjustHeight","el","onMounted"],"mappings":";;;;;;;;;;;;;;;;;GAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;;;AAaA,UAAMC,IAAQC,EAAA,GAERC,IAAOC,GAOPC,IAAQC,GAmDRC,IAAOC,EAAA,GACPC,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,GAC5CS,IAAiBC,EAAcL,GAAOL,EAAM,SAAS,CAAA,CAAE;AAE7D,IAAAW,EAAcT,CAAI;AAElB,UAAMU,IAAgBN,EAAS,MAAM;AACnC,YAAMO,IAAmB,CAAA,GACnBC,IAAaC,EAAgBf,EAAM,KAAK;AAE9C,aAAIc,KACFD,EAAO,KAAKC,CAAU,GAGxBD,EAAO,KAAK,GAAGJ,EAAe,MAAM,MAAM,GAEnCI;AAAA,IACT,CAAC,GAEKG,IAAYV,EAAS,MAAMM,EAAc,MAAM,SAAS,CAAC,GAEzDK,IAAe,MAAM;AACzB,UAAI,CAACjB,EAAM;AACT;AAEF,YAAMkB,IAAKd,EAAM;AACjB,MAAIc,MACFA,EAAG,MAAM,SAAS,QAClBA,EAAG,MAAM,SAAS,GAAGA,EAAG,YAAY;AAAA,IAExC;AAEA,WAAAC,EAAU,MAAM;AACd,MAAAF,EAAA;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

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

package/dist/components/PlTextField/PlTextField.vue.js

@@ -7,7 +7,7 @@ import { useLabelNotch as J } from "../../utils/useLabelNotch.js";
 import { useValidation as K } from "../../utils/useValidation.js";
 import Q from "../PlIcon16/PlIcon16.vue.js";
 import W from "../PlIcon24/PlIcon24.vue.js";
-import X from "../../generated/components/svg/images/SvgRequired.vue2.js";
+import X from "../../generated/components/svg/images/SvgRequired.vue.js";
 import { getErrorMessage as Y } from "../../helpers/error.js";
 const Z = { class: "pl-text-field__envelope" }, ee = {
   key: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"PlTextField.vue.js","sources":["../../../src/components/PlTextField/PlTextField.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Component for one-line string data manipulation\n */\nexport default {\n  name: 'PlTextField',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M, E = string, C = E\">\nimport './pl-text-field.scss';\nimport { computed, reactive, ref, useSlots } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport { useValidation } from '../../utils/useValidation';\nimport { PlIcon16 } from '../PlIcon16';\nimport { PlMaskIcon24 } from '../PlMaskIcon24';\nimport type { Equal } from '@milaboratories/helpers';\nimport SvgRequired from '../../generated/components/svg/images/SvgRequired.vue';\nimport { getErrorMessage } from '../../helpers/error.ts';\n\nconst slots = useSlots();\n\ntype Model = Equal<M, E | C> extends true ? M : never; // basically in === out\n\n/**\n * The current value of the input field.\n */\nconst model = defineModel<Model>({\n  required: true,\n});\n\nconst props = defineProps<{\n  /**\n   * The label to display above the input field.\n   */\n  label?: string;\n  /**\n   * If `true`, a clear icon will appear in the input field to clear the value (set it to empty string).\n   * Or you can pass a callback that returns a custom \"empty\" value (null | undefined | string)\n   */\n  clearable?: boolean | (() => C);\n  /**\n   * An optional callback to parse and/or cast the value, the return type overrides the model type.\n   * The callback must throw an exception if the value is invalid\n   */\n  parse?: (v: string) => E;\n  /**\n   * If `true`, the input field is marked as required.\n   */\n  required?: boolean;\n  /**\n   * An error message to display below the input field.\n   */\n  error?: unknown;\n  /**\n   * A helper text to display below the input field when there are no errors.\n   */\n  helper?: string;\n  /**\n   * A placeholder text to display inside the input field when it is empty.\n   */\n  placeholder?: string;\n  /**\n   * If `true`, the input field is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the input field has a dashed border.\n   */\n  dashed?: boolean;\n  /**\n   * A prefix text to display inside the input field before the value.\n   */\n  prefix?: string;\n  /**\n   * An array of validation rules to apply to the input field. Each rule is a function that takes the current value and returns `true` if valid or an error message if invalid.\n   */\n  rules?: ((v: string) => boolean | string)[];\n  /**\n   * The string specifies whether the field should be a password or not, value could be \"password\" or undefined.\n   */\n  type?: 'password';\n}>();\n\nconst rootRef = ref<HTMLInputElement | undefined>(undefined);\n\nconst inputRef = ref<HTMLInputElement | undefined>();\n\nconst showPassword = ref(false);\n\nconst data = reactive({\n  cached: undefined as { error: string; value: string } | undefined,\n});\n\nconst valueRef = computed<string>({\n  get() {\n    if (data.cached) {\n      return data.cached.value;\n    }\n    return model.value === undefined || model.value === null ? '' : String(model.value);\n  },\n  set(value) {\n    data.cached = undefined;\n\n    if (props.parse) {\n      try {\n        model.value = props.parse(value) as Model;\n      } catch (err) {\n        data.cached = {\n          error: err instanceof Error ? err.message : String(err),\n          value,\n        };\n      }\n    } else {\n      model.value = value as Model;\n    }\n  },\n});\n\nconst fieldType = computed(() => {\n  if (props.type && props.type === 'password') {\n    return showPassword.value ? 'text' : props.type;\n  } else {\n    return 'text';\n  }\n});\n\nconst passwordIcon = computed(() => (showPassword.value ? 'view-show' : 'view-hide'));\n\nconst clear = () => {\n  if (props.clearable) {\n    data.cached = undefined;\n    model.value = props.clearable === true ? ('' as Model) : (props.clearable() as Model);\n  }\n};\n\nconst validationData = useValidation(valueRef, props.rules || []);\n\nconst isEmpty = computed(() => {\n  if (props.clearable) {\n    return props.clearable === true ? model.value === '' : model.value === props.clearable();\n  }\n\n  return model.value === '';\n});\n\nconst nonEmpty = computed(() => !isEmpty.value);\n\nconst displayErrors = computed(() => {\n  const errors: string[] = [];\n  const propsError = getErrorMessage(props.error);\n  if (propsError) {\n    errors.push(propsError);\n  }\n  if (data.cached) {\n    errors.push(data.cached.error);\n  }\n  if (!validationData.value.isValid) {\n    errors.push(...validationData.value.errors);\n  }\n  return errors;\n});\n\nconst hasErrors = computed(() => displayErrors.value.length > 0);\n\nconst canShowClearable = computed(() => props.clearable && nonEmpty.value && props.type !== 'password' && !props.disabled);\n\nconst togglePasswordVisibility = () => (showPassword.value = !showPassword.value);\n\nconst onFocusOut = () => {\n  data.cached = undefined;\n};\n\nconst setFocusOnInput = () => inputRef.value?.focus();\n\nuseLabelNotch(rootRef);\n</script>\n\n<template>\n  <div class=\"pl-text-field__envelope\">\n    <div\n      ref=\"rootRef\"\n      class=\"pl-text-field\"\n      :class=\"{\n        error: hasErrors,\n        disabled,\n        dashed,\n        nonEmpty,\n      }\"\n    >\n      <label v-if=\"label\" ref=\"label\">\n        <SvgRequired v-if=\"required\" />\n        <span>{{ label }}</span>\n        <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n          <template #tooltip>\n            <slot name=\"tooltip\" />\n          </template>\n        </PlTooltip>\n      </label>\n      <div v-if=\"prefix\" class=\"pl-text-field__prefix\">\n        {{ prefix }}\n      </div>\n      <input\n        ref=\"inputRef\"\n        v-model=\"valueRef\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder || '...'\"\n        :type=\"fieldType\"\n        spellcheck=\"false\"\n        @focusout=\"onFocusOut\"\n      />\n      <div class=\"pl-text-field__append\" @click=\"setFocusOnInput\">\n        <PlIcon16 v-if=\"canShowClearable\" class=\"pl-text-field__clearable\" name=\"delete-clear\" @click.stop=\"clear\" />\n        <PlMaskIcon24 v-if=\"type === 'password'\" :name=\"passwordIcon\" style=\"cursor: pointer\" @click.stop=\"togglePasswordVisibility\" />\n        <slot name=\"append\" />\n      </div>\n      <DoubleContour class=\"pl-text-field__contour\" />\n    </div>\n    <div v-if=\"hasErrors\" class=\"pl-text-field__error\">\n      {{ displayErrors.join(' ') }}\n    </div>\n    <div v-else-if=\"helper\" class=\"pl-text-field__helper\">{{ helper }}</div>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","model","_useModel","__props","props","rootRef","ref","inputRef","showPassword","data","reactive","valueRef","computed","value","err","fieldType","passwordIcon","clear","validationData","useValidation","isEmpty","nonEmpty","displayErrors","errors","propsError","getErrorMessage","hasErrors","canShowClearable","togglePasswordVisibility","onFocusOut","setFocusOnInput","_a","useLabelNotch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;GAIeA,KAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAMC,IAAQC,EAAS,GAOjBC,IAAQC,EAAkBC,GAAA,YAE/B,GAEKC,IAAQD,GAqDRE,IAAUC,EAAkC,MAAS,GAErDC,IAAWD,EAAkC,GAE7CE,IAAeF,EAAI,EAAK,GAExBG,IAAOC,EAAS;AAAA,MACpB,QAAQ;AAAA,IAAA,CACT,GAEKC,IAAWC,EAAiB;AAAA,MAChC,MAAM;AACJ,eAAIH,EAAK,SACAA,EAAK,OAAO,QAEdR,EAAM,UAAU,UAAaA,EAAM,UAAU,OAAO,KAAK,OAAOA,EAAM,KAAK;AAAA,MACpF;AAAA,MACA,IAAIY,GAAO;AAGT,YAFAJ,EAAK,SAAS,QAEVL,EAAM;AACJ,cAAA;AACI,YAAAH,EAAA,QAAQG,EAAM,MAAMS,CAAK;AAAA,mBACxBC,GAAK;AACZ,YAAAL,EAAK,SAAS;AAAA,cACZ,OAAOK,aAAe,QAAQA,EAAI,UAAU,OAAOA,CAAG;AAAA,cACtD,OAAAD;AAAA,YACF;AAAA,UAAA;AAAA;AAGF,UAAAZ,EAAM,QAAQY;AAAA,MAChB;AAAA,IACF,CACD,GAEKE,IAAYH,EAAS,MACrBR,EAAM,QAAQA,EAAM,SAAS,aACxBI,EAAa,QAAQ,SAASJ,EAAM,OAEpC,MAEV,GAEKY,IAAeJ,EAAS,MAAOJ,EAAa,QAAQ,cAAc,WAAY,GAE9ES,IAAQ,MAAM;AAClB,MAAIb,EAAM,cACRK,EAAK,SAAS,QACdR,EAAM,QAAQG,EAAM,cAAc,KAAQ,KAAgBA,EAAM,UAAU;AAAA,IAE9E,GAEMc,IAAiBC,EAAcR,GAAUP,EAAM,SAAS,CAAA,CAAE,GAE1DgB,IAAUR,EAAS,MACnBR,EAAM,YACDA,EAAM,cAAc,KAAOH,EAAM,UAAU,KAAKA,EAAM,UAAUG,EAAM,UAAU,IAGlFH,EAAM,UAAU,EACxB,GAEKoB,IAAWT,EAAS,MAAM,CAACQ,EAAQ,KAAK,GAExCE,IAAgBV,EAAS,MAAM;AACnC,YAAMW,IAAmB,CAAC,GACpBC,IAAaC,EAAgBrB,EAAM,KAAK;AAC9C,aAAIoB,KACFD,EAAO,KAAKC,CAAU,GAEpBf,EAAK,UACAc,EAAA,KAAKd,EAAK,OAAO,KAAK,GAE1BS,EAAe,MAAM,WACxBK,EAAO,KAAK,GAAGL,EAAe,MAAM,MAAM,GAErCK;AAAA,IAAA,CACR,GAEKG,IAAYd,EAAS,MAAMU,EAAc,MAAM,SAAS,CAAC,GAEzDK,IAAmBf,EAAS,MAAMR,EAAM,aAAaiB,EAAS,SAASjB,EAAM,SAAS,cAAc,CAACA,EAAM,QAAQ,GAEnHwB,IAA2B,MAAOpB,EAAa,QAAQ,CAACA,EAAa,OAErEqB,IAAa,MAAM;AACvB,MAAApB,EAAK,SAAS;AAAA,IAChB,GAEMqB,IAAkB,MAAA;;AAAM,cAAAC,IAAAxB,EAAS,UAAT,gBAAAwB,EAAgB;AAAA;AAE9C,WAAAC,EAAc3B,CAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlTextField.vue.js","sources":["../../../src/components/PlTextField/PlTextField.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Component for one-line string data manipulation\n */\nexport default {\n  name: 'PlTextField',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M, E = string, C = E\">\nimport './pl-text-field.scss';\nimport { computed, reactive, ref, useSlots } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport { useValidation } from '../../utils/useValidation';\nimport { PlIcon16 } from '../PlIcon16';\nimport { PlMaskIcon24 } from '../PlMaskIcon24';\nimport type { Equal } from '@milaboratories/helpers';\nimport SvgRequired from '../../generated/components/svg/images/SvgRequired.vue';\nimport { getErrorMessage } from '../../helpers/error.ts';\n\nconst slots = useSlots();\n\ntype Model = Equal<M, E | C> extends true ? M : never; // basically in === out\n\n/**\n * The current value of the input field.\n */\nconst model = defineModel<Model>({\n  required: true,\n});\n\nconst props = defineProps<{\n  /**\n   * The label to display above the input field.\n   */\n  label?: string;\n  /**\n   * If `true`, a clear icon will appear in the input field to clear the value (set it to empty string).\n   * Or you can pass a callback that returns a custom \"empty\" value (null | undefined | string)\n   */\n  clearable?: boolean | (() => C);\n  /**\n   * An optional callback to parse and/or cast the value, the return type overrides the model type.\n   * The callback must throw an exception if the value is invalid\n   */\n  parse?: (v: string) => E;\n  /**\n   * If `true`, the input field is marked as required.\n   */\n  required?: boolean;\n  /**\n   * An error message to display below the input field.\n   */\n  error?: unknown;\n  /**\n   * A helper text to display below the input field when there are no errors.\n   */\n  helper?: string;\n  /**\n   * A placeholder text to display inside the input field when it is empty.\n   */\n  placeholder?: string;\n  /**\n   * If `true`, the input field is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the input field has a dashed border.\n   */\n  dashed?: boolean;\n  /**\n   * A prefix text to display inside the input field before the value.\n   */\n  prefix?: string;\n  /**\n   * An array of validation rules to apply to the input field. Each rule is a function that takes the current value and returns `true` if valid or an error message if invalid.\n   */\n  rules?: ((v: string) => boolean | string)[];\n  /**\n   * The string specifies whether the field should be a password or not, value could be \"password\" or undefined.\n   */\n  type?: 'password';\n}>();\n\nconst rootRef = ref<HTMLInputElement | undefined>(undefined);\n\nconst inputRef = ref<HTMLInputElement | undefined>();\n\nconst showPassword = ref(false);\n\nconst data = reactive({\n  cached: undefined as { error: string; value: string } | undefined,\n});\n\nconst valueRef = computed<string>({\n  get() {\n    if (data.cached) {\n      return data.cached.value;\n    }\n    return model.value === undefined || model.value === null ? '' : String(model.value);\n  },\n  set(value) {\n    data.cached = undefined;\n\n    if (props.parse) {\n      try {\n        model.value = props.parse(value) as Model;\n      } catch (err) {\n        data.cached = {\n          error: err instanceof Error ? err.message : String(err),\n          value,\n        };\n      }\n    } else {\n      model.value = value as Model;\n    }\n  },\n});\n\nconst fieldType = computed(() => {\n  if (props.type && props.type === 'password') {\n    return showPassword.value ? 'text' : props.type;\n  } else {\n    return 'text';\n  }\n});\n\nconst passwordIcon = computed(() => (showPassword.value ? 'view-show' : 'view-hide'));\n\nconst clear = () => {\n  if (props.clearable) {\n    data.cached = undefined;\n    model.value = props.clearable === true ? ('' as Model) : (props.clearable() as Model);\n  }\n};\n\nconst validationData = useValidation(valueRef, props.rules || []);\n\nconst isEmpty = computed(() => {\n  if (props.clearable) {\n    return props.clearable === true ? model.value === '' : model.value === props.clearable();\n  }\n\n  return model.value === '';\n});\n\nconst nonEmpty = computed(() => !isEmpty.value);\n\nconst displayErrors = computed(() => {\n  const errors: string[] = [];\n  const propsError = getErrorMessage(props.error);\n  if (propsError) {\n    errors.push(propsError);\n  }\n  if (data.cached) {\n    errors.push(data.cached.error);\n  }\n  if (!validationData.value.isValid) {\n    errors.push(...validationData.value.errors);\n  }\n  return errors;\n});\n\nconst hasErrors = computed(() => displayErrors.value.length > 0);\n\nconst canShowClearable = computed(() => props.clearable && nonEmpty.value && props.type !== 'password' && !props.disabled);\n\nconst togglePasswordVisibility = () => (showPassword.value = !showPassword.value);\n\nconst onFocusOut = () => {\n  data.cached = undefined;\n};\n\nconst setFocusOnInput = () => inputRef.value?.focus();\n\nuseLabelNotch(rootRef);\n</script>\n\n<template>\n  <div class=\"pl-text-field__envelope\">\n    <div\n      ref=\"rootRef\"\n      class=\"pl-text-field\"\n      :class=\"{\n        error: hasErrors,\n        disabled,\n        dashed,\n        nonEmpty,\n      }\"\n    >\n      <label v-if=\"label\" ref=\"label\">\n        <SvgRequired v-if=\"required\" />\n        <span>{{ label }}</span>\n        <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n          <template #tooltip>\n            <slot name=\"tooltip\" />\n          </template>\n        </PlTooltip>\n      </label>\n      <div v-if=\"prefix\" class=\"pl-text-field__prefix\">\n        {{ prefix }}\n      </div>\n      <input\n        ref=\"inputRef\"\n        v-model=\"valueRef\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder || '...'\"\n        :type=\"fieldType\"\n        spellcheck=\"false\"\n        @focusout=\"onFocusOut\"\n      />\n      <div class=\"pl-text-field__append\" @click=\"setFocusOnInput\">\n        <PlIcon16 v-if=\"canShowClearable\" class=\"pl-text-field__clearable\" name=\"delete-clear\" @click.stop=\"clear\" />\n        <PlMaskIcon24 v-if=\"type === 'password'\" :name=\"passwordIcon\" style=\"cursor: pointer\" @click.stop=\"togglePasswordVisibility\" />\n        <slot name=\"append\" />\n      </div>\n      <DoubleContour class=\"pl-text-field__contour\" />\n    </div>\n    <div v-if=\"hasErrors\" class=\"pl-text-field__error\">\n      {{ displayErrors.join(' ') }}\n    </div>\n    <div v-else-if=\"helper\" class=\"pl-text-field__helper\">{{ helper }}</div>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","model","_useModel","__props","props","rootRef","ref","inputRef","showPassword","data","reactive","valueRef","computed","value","err","fieldType","passwordIcon","clear","validationData","useValidation","isEmpty","nonEmpty","displayErrors","errors","propsError","getErrorMessage","hasErrors","canShowClearable","togglePasswordVisibility","onFocusOut","setFocusOnInput","_a","useLabelNotch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;GAIAA,KAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAMC,IAAQC,EAAA,GAORC,IAAQC,EAAkBC,GAAA,YAE/B,GAEKC,IAAQD,GAqDRE,IAAUC,EAAkC,MAAS,GAErDC,IAAWD,EAAA,GAEXE,IAAeF,EAAI,EAAK,GAExBG,IAAOC,EAAS;AAAA,MACpB,QAAQ;AAAA,IAAA,CACT,GAEKC,IAAWC,EAAiB;AAAA,MAChC,MAAM;AACJ,eAAIH,EAAK,SACAA,EAAK,OAAO,QAEdR,EAAM,UAAU,UAAaA,EAAM,UAAU,OAAO,KAAK,OAAOA,EAAM,KAAK;AAAA,MACpF;AAAA,MACA,IAAIY,GAAO;AAGT,YAFAJ,EAAK,SAAS,QAEVL,EAAM;AACR,cAAI;AACF,YAAAH,EAAM,QAAQG,EAAM,MAAMS,CAAK;AAAA,UACjC,SAASC,GAAK;AACZ,YAAAL,EAAK,SAAS;AAAA,cACZ,OAAOK,aAAe,QAAQA,EAAI,UAAU,OAAOA,CAAG;AAAA,cACtD,OAAAD;AAAA,YAAA;AAAA,UAEJ;AAAA;AAEA,UAAAZ,EAAM,QAAQY;AAAA,MAElB;AAAA,IAAA,CACD,GAEKE,IAAYH,EAAS,MACrBR,EAAM,QAAQA,EAAM,SAAS,aACxBI,EAAa,QAAQ,SAASJ,EAAM,OAEpC,MAEV,GAEKY,IAAeJ,EAAS,MAAOJ,EAAa,QAAQ,cAAc,WAAY,GAE9ES,IAAQ,MAAM;AAClB,MAAIb,EAAM,cACRK,EAAK,SAAS,QACdR,EAAM,QAAQG,EAAM,cAAc,KAAQ,KAAgBA,EAAM,UAAA;AAAA,IAEpE,GAEMc,IAAiBC,EAAcR,GAAUP,EAAM,SAAS,CAAA,CAAE,GAE1DgB,IAAUR,EAAS,MACnBR,EAAM,YACDA,EAAM,cAAc,KAAOH,EAAM,UAAU,KAAKA,EAAM,UAAUG,EAAM,UAAA,IAGxEH,EAAM,UAAU,EACxB,GAEKoB,IAAWT,EAAS,MAAM,CAACQ,EAAQ,KAAK,GAExCE,IAAgBV,EAAS,MAAM;AACnC,YAAMW,IAAmB,CAAA,GACnBC,IAAaC,EAAgBrB,EAAM,KAAK;AAC9C,aAAIoB,KACFD,EAAO,KAAKC,CAAU,GAEpBf,EAAK,UACPc,EAAO,KAAKd,EAAK,OAAO,KAAK,GAE1BS,EAAe,MAAM,WACxBK,EAAO,KAAK,GAAGL,EAAe,MAAM,MAAM,GAErCK;AAAA,IACT,CAAC,GAEKG,IAAYd,EAAS,MAAMU,EAAc,MAAM,SAAS,CAAC,GAEzDK,IAAmBf,EAAS,MAAMR,EAAM,aAAaiB,EAAS,SAASjB,EAAM,SAAS,cAAc,CAACA,EAAM,QAAQ,GAEnHwB,IAA2B,MAAOpB,EAAa,QAAQ,CAACA,EAAa,OAErEqB,IAAa,MAAM;AACvB,MAAApB,EAAK,SAAS;AAAA,IAChB,GAEMqB,IAAkB,MAAA;;AAAM,cAAAC,IAAAxB,EAAS,UAAT,gBAAAwB,EAAgB;AAAA;AAE9C,WAAAC,EAAc3B,CAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlTextField/__tests__/TextField.spec.d.ts

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

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

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

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

@@ -25,4 +25,3 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlToggleSwitch.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlToggleSwitch.vue.js","sources":["../../../src/components/PlToggleSwitch/PlToggleSwitch.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Component for manipulating a boolean value\n */\nexport default {\n  name: 'PlToggleSwitch',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-toggle-switch.scss';\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated\n   *\n   * @param value - The new boolean value of the model\n   */\n  (e: 'update:modelValue', value: boolean): void;\n}>();\n\ndefineProps<{\n  /**\n   * The label text for the component (optional)\n   */\n  label?: string;\n  /**\n   * The current boolean value of the component (represents 'on' | 'off' states generally).\n   */\n  modelValue?: boolean;\n}>();\n</script>\n\n<template>\n  <div\n    tabindex=\"0\"\n    class=\"ui-toggle-switch\"\n    :class=\"{ active: modelValue }\"\n    @click=\"$emit('update:modelValue', !modelValue)\"\n    @keydown.enter=\"$emit('update:modelValue', !modelValue)\"\n  >\n    <div class=\"ui-toggle-switch__body\">\n      <div class=\"ui-toggle-switch__handle\" />\n    </div>\n    <span v-if=\"label\" class=\"label\">{{ label }}</span>\n  </div>\n</template>\n"],"names":["__default__"],"mappings":";;;;;GAIeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlToggleSwitch.vue.js","sources":["../../../src/components/PlToggleSwitch/PlToggleSwitch.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Component for manipulating a boolean value\n */\nexport default {\n  name: 'PlToggleSwitch',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-toggle-switch.scss';\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated\n   *\n   * @param value - The new boolean value of the model\n   */\n  (e: 'update:modelValue', value: boolean): void;\n}>();\n\ndefineProps<{\n  /**\n   * The label text for the component (optional)\n   */\n  label?: string;\n  /**\n   * The current boolean value of the component (represents 'on' | 'off' states generally).\n   */\n  modelValue?: boolean;\n}>();\n</script>\n\n<template>\n  <div\n    tabindex=\"0\"\n    class=\"ui-toggle-switch\"\n    :class=\"{ active: modelValue }\"\n    @click=\"$emit('update:modelValue', !modelValue)\"\n    @keydown.enter=\"$emit('update:modelValue', !modelValue)\"\n  >\n    <div class=\"ui-toggle-switch__body\">\n      <div class=\"ui-toggle-switch__handle\" />\n    </div>\n    <span v-if=\"label\" class=\"label\">{{ label }}</span>\n  </div>\n</template>\n"],"names":["__default__"],"mappings":";;;;;GAIAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;;;;;;"}

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

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

package/dist/components/PlTooltip/Beak.vue.d.ts

@@ -1,3 +1,2 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;
-//# sourceMappingURL=Beak.vue.d.ts.map

package/dist/components/PlTooltip/Beak.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Beak.vue.js","sources":["../../../src/components/PlTooltip/Beak.vue"],"sourcesContent":["<template>\n  <svg class=\"beak\" width=\"5\" height=\"9\" viewBox=\"0 0 3 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M4.00222 8.00933L0 4.00711L4.00222 0.00488281L4.00222 8.00933Z\" fill=\"#24223D\" />\n  </svg>\n</template>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;cACOA,IAAY;AAAA,EAAC,OAAM;AAAA,EAAI;EAAW;EAAkB,SAAW;AAAA,EAAC;;;AAArE,SAAAC,EAAAC,GAAAC,GAAA;SAC4FC,EAAA,GAAAC,EAAA,OAAAL,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAApFG,EAAkE,QAAA;AAAA,MAAC,GAAA;AAAA;;;;;"}
+{"version":3,"file":"Beak.vue.js","sources":["../../../src/components/PlTooltip/Beak.vue"],"sourcesContent":["<template>\n  <svg class=\"beak\" width=\"5\" height=\"9\" viewBox=\"0 0 3 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M4.00222 8.00933L0 4.00711L4.00222 0.00488281L4.00222 8.00933Z\" fill=\"#24223D\" />\n  </svg>\n</template>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;cACOA,IAAY;AAAA,EAAC,OAAM;AAAA,EAAI;EAAW;EAAkB,SAAK;AAAA,EAAO;;;AAArE,SAAAC,EAAAC,GAAAC,GAAA;SACEC,EAAA,GAA0FC,EAAA,OAAAL,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,IAApFG,EAAE,QAAA;AAAA,MAAiE,GAAA;AAAA;;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlTooltip.vue.js","sources":["../../../src/components/PlTooltip/PlTooltip.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Simple tooltip on mouseover */\nexport default {\n  name: 'PlTooltip',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-tooltip.scss';\nimport { computed, onUnmounted, reactive, ref, toRef, watch } from 'vue';\nimport { useTooltipPosition } from './useTooltipPosition';\nimport * as utils from '../../helpers/utils';\nimport { useClickOutside } from '../../composition/useClickOutside';\nimport Beak from './Beak.vue';\nimport { tMap } from './global';\n\nconst emit = defineEmits(['tooltip:close']);\n\nconst tKey = Symbol();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * delay in milliseconds before the tooltip opens\n     */\n    openDelay?: number;\n    /**\n     * delay in milliseconds before the tooltip disappears\n     */\n    closeDelay?: number;\n    /**\n     * Tooltip position\n     */\n    position?: 'top-left' | 'left' | 'right' | 'top' | 'southwest';\n    /**\n     * external prop to hide tooltips\n     */\n    hide?: boolean;\n    /**\n     * The gap in pixels between the tooltip and the target element\n     */\n    gap?: number;\n    /**\n     * base html element for tooltip\n     */\n    element?: 'div' | 'span' | 'a' | 'p' | 'h1' | 'h2' | 'h3';\n    /**\n     * Max width (css value) of the tooltip container (default is 300px)\n     */\n    maxWidth?: string;\n  }>(),\n  {\n    openDelay: 100,\n    closeDelay: 1000,\n    gap: 8,\n    position: 'top',\n    element: 'div',\n    maxWidth: '300px',\n  },\n);\n\nconst data = reactive({\n  open: false,\n  over: false,\n  tooltipOpen: false,\n  key: Symbol(),\n});\n\ntMap.set(tKey, () => closeTooltip());\n\n// Hook to avoid the need to immediately teleport into the body (better performance)\nwatch(\n  () => data.open,\n  (v) => {\n    requestAnimationFrame(() => {\n      data.tooltipOpen = v;\n    });\n  },\n);\n\nlet clearTimeout = () => {};\n\nconst dispatchAdjust = utils.throttle(() => window.dispatchEvent(new CustomEvent('adjust')), 1000);\n\nconst showTooltip = () => {\n  data.open = true;\n\n  for (const [k, f] of tMap.entries()) {\n    if (k !== tKey) {\n      f();\n    }\n  }\n};\n\nconst closeTooltip = () => {\n  data.open = false;\n  emit('tooltip:close');\n};\n\nconst onOver = async () => {\n  if (props.hide) {\n    return;\n  }\n\n  dispatchAdjust();\n\n  data.over = true;\n\n  clearTimeout();\n\n  await utils.delay(props.openDelay ?? 100);\n\n  if (data.over) {\n    showTooltip();\n  }\n};\n\nconst onLeave = () => {\n  data.over = false;\n  clearTimeout = utils.timeout(() => {\n    if (!data.over) {\n      closeTooltip();\n    }\n  }, props.closeDelay);\n};\n\nwatch(\n  () => props.hide,\n  (hide) => {\n    if (hide) {\n      closeTooltip();\n    }\n  },\n);\n\nconst rootRef = ref<HTMLElement | undefined>();\nconst tooltip = ref<HTMLElement | undefined>();\n\nconst style = useTooltipPosition(rootRef, toRef(props));\n\nuseClickOutside([rootRef, tooltip], () => closeTooltip());\n\nconst tooltipStyle = computed(() => ({\n  '--pl-tooltip-max-width': props.maxWidth,\n}));\n\nonUnmounted(() => {\n  tMap.delete(tKey);\n});\n</script>\n\n<template>\n  <component :is=\"element\" v-bind=\"$attrs\" ref=\"rootRef\" @click=\"onOver\" @mouseover=\"onOver\" @mouseleave=\"onLeave\">\n    <slot />\n    <Teleport v-if=\"$slots['tooltip'] && data.open\" to=\"body\">\n      <Transition name=\"tooltip-transition\">\n        <div v-if=\"data.tooltipOpen\" class=\"pl-tooltip__container\" :style=\"style\" @click.stop>\n          <div ref=\"tooltip\" class=\"pl-tooltip\" :style=\"tooltipStyle\" :class=\"position\" @mouseover=\"onOver\" @mouseleave=\"onLeave\">\n            <!-- should be one line -->\n            <div><slot name=\"tooltip\" /></div>\n            <Beak />\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </component>\n</template>\n"],"names":["__default__","emit","__emit","tKey","props","__props","data","reactive","tMap","closeTooltip","watch","v","clearTimeout","dispatchAdjust","utils.throttle","showTooltip","k","f","onOver","utils.delay","onLeave","utils.timeout","hide","rootRef","ref","tooltip","style","useTooltipPosition","toRef","useClickOutside","tooltipStyle","computed","onUnmounted"],"mappings":";;;;;;;AAEA,MAAeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;AAYA,UAAMC,IAAOC,GAEPC,IAAO,OAAO,GAEdC,IAAQC,GAyCRC,IAAOC,EAAS;AAAA,MACpB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,KAAK,OAAO;AAAA,IAAA,CACb;AAED,IAAAC,EAAK,IAAIL,GAAM,MAAMM,EAAA,CAAc,GAGnCC;AAAA,MACE,MAAMJ,EAAK;AAAA,MACX,CAACK,MAAM;AACL,8BAAsB,MAAM;AAC1B,UAAAL,EAAK,cAAcK;AAAA,QAAA,CACpB;AAAA,MAAA;AAAA,IAEL;AAEA,QAAIC,IAAe,MAAM;AAAA,IAAC;AAEpB,UAAAC,IAAiBC,EAAe,MAAM,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC,GAAG,GAAI,GAE3FC,IAAc,MAAM;AACxB,MAAAT,EAAK,OAAO;AAEZ,iBAAW,CAACU,GAAGC,CAAC,KAAKT,EAAK;AACxB,QAAIQ,MAAMb,KACNc,EAAA;AAAA,IAGR,GAEMR,IAAe,MAAM;AACzB,MAAAH,EAAK,OAAO,IACZL,EAAK,eAAe;AAAA,IACtB,GAEMiB,IAAS,YAAY;AACzB,MAAId,EAAM,SAIKS,EAAA,GAEfP,EAAK,OAAO,IAECM,EAAA,GAEb,MAAMO,EAAYf,EAAM,aAAa,GAAG,GAEpCE,EAAK,QACKS,EAAA;AAAA,IAEhB,GAEMK,IAAU,MAAM;AACpB,MAAAd,EAAK,OAAO,IACGM,IAAAS,EAAc,MAAM;AAC7B,QAACf,EAAK,QACKG,EAAA;AAAA,MACf,GACCL,EAAM,UAAU;AAAA,IACrB;AAEA,IAAAM;AAAA,MACE,MAAMN,EAAM;AAAA,MACZ,CAACkB,MAAS;AACR,QAAIA,KACWb,EAAA;AAAA,MACf;AAAA,IAEJ;AAEA,UAAMc,IAAUC,EAA6B,GACvCC,IAAUD,EAA6B,GAEvCE,IAAQC,EAAmBJ,GAASK,EAAMxB,CAAK,CAAC;AAEtD,IAAAyB,EAAgB,CAACN,GAASE,CAAO,GAAG,MAAMhB,GAAc;AAElD,UAAAqB,IAAeC,EAAS,OAAO;AAAA,MACnC,0BAA0B3B,EAAM;AAAA,IAAA,EAChC;AAEF,WAAA4B,EAAY,MAAM;AAChB,MAAAxB,EAAK,OAAOL,CAAI;AAAA,IAAA,CACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlTooltip.vue.js","sources":["../../../src/components/PlTooltip/PlTooltip.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Simple tooltip on mouseover */\nexport default {\n  name: 'PlTooltip',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-tooltip.scss';\nimport { computed, onUnmounted, reactive, ref, toRef, watch } from 'vue';\nimport { useTooltipPosition } from './useTooltipPosition';\nimport * as utils from '../../helpers/utils';\nimport { useClickOutside } from '../../composition/useClickOutside';\nimport Beak from './Beak.vue';\nimport { tMap } from './global';\n\nconst emit = defineEmits(['tooltip:close']);\n\nconst tKey = Symbol();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * delay in milliseconds before the tooltip opens\n     */\n    openDelay?: number;\n    /**\n     * delay in milliseconds before the tooltip disappears\n     */\n    closeDelay?: number;\n    /**\n     * Tooltip position\n     */\n    position?: 'top-left' | 'left' | 'right' | 'top' | 'southwest';\n    /**\n     * external prop to hide tooltips\n     */\n    hide?: boolean;\n    /**\n     * The gap in pixels between the tooltip and the target element\n     */\n    gap?: number;\n    /**\n     * base html element for tooltip\n     */\n    element?: 'div' | 'span' | 'a' | 'p' | 'h1' | 'h2' | 'h3';\n    /**\n     * Max width (css value) of the tooltip container (default is 300px)\n     */\n    maxWidth?: string;\n  }>(),\n  {\n    openDelay: 100,\n    closeDelay: 1000,\n    gap: 8,\n    position: 'top',\n    element: 'div',\n    maxWidth: '300px',\n  },\n);\n\nconst data = reactive({\n  open: false,\n  over: false,\n  tooltipOpen: false,\n  key: Symbol(),\n});\n\ntMap.set(tKey, () => closeTooltip());\n\n// Hook to avoid the need to immediately teleport into the body (better performance)\nwatch(\n  () => data.open,\n  (v) => {\n    requestAnimationFrame(() => {\n      data.tooltipOpen = v;\n    });\n  },\n);\n\nlet clearTimeout = () => {};\n\nconst dispatchAdjust = utils.throttle(() => window.dispatchEvent(new CustomEvent('adjust')), 1000);\n\nconst showTooltip = () => {\n  data.open = true;\n\n  for (const [k, f] of tMap.entries()) {\n    if (k !== tKey) {\n      f();\n    }\n  }\n};\n\nconst closeTooltip = () => {\n  data.open = false;\n  emit('tooltip:close');\n};\n\nconst onOver = async () => {\n  if (props.hide) {\n    return;\n  }\n\n  dispatchAdjust();\n\n  data.over = true;\n\n  clearTimeout();\n\n  await utils.delay(props.openDelay ?? 100);\n\n  if (data.over) {\n    showTooltip();\n  }\n};\n\nconst onLeave = () => {\n  data.over = false;\n  clearTimeout = utils.timeout(() => {\n    if (!data.over) {\n      closeTooltip();\n    }\n  }, props.closeDelay);\n};\n\nwatch(\n  () => props.hide,\n  (hide) => {\n    if (hide) {\n      closeTooltip();\n    }\n  },\n);\n\nconst rootRef = ref<HTMLElement | undefined>();\nconst tooltip = ref<HTMLElement | undefined>();\n\nconst style = useTooltipPosition(rootRef, toRef(props));\n\nuseClickOutside([rootRef, tooltip], () => closeTooltip());\n\nconst tooltipStyle = computed(() => ({\n  '--pl-tooltip-max-width': props.maxWidth,\n}));\n\nonUnmounted(() => {\n  tMap.delete(tKey);\n});\n</script>\n\n<template>\n  <component :is=\"element\" v-bind=\"$attrs\" ref=\"rootRef\" @click=\"onOver\" @mouseover=\"onOver\" @mouseleave=\"onLeave\">\n    <slot />\n    <Teleport v-if=\"$slots['tooltip'] && data.open\" to=\"body\">\n      <Transition name=\"tooltip-transition\">\n        <div v-if=\"data.tooltipOpen\" class=\"pl-tooltip__container\" :style=\"style\" @click.stop>\n          <div ref=\"tooltip\" class=\"pl-tooltip\" :style=\"tooltipStyle\" :class=\"position\" @mouseover=\"onOver\" @mouseleave=\"onLeave\">\n            <!-- should be one line -->\n            <div><slot name=\"tooltip\" /></div>\n            <Beak />\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </component>\n</template>\n"],"names":["__default__","emit","__emit","tKey","props","__props","data","reactive","tMap","closeTooltip","watch","v","clearTimeout","dispatchAdjust","utils.throttle","showTooltip","k","f","onOver","utils.delay","onLeave","utils.timeout","hide","rootRef","ref","tooltip","style","useTooltipPosition","toRef","useClickOutside","tooltipStyle","computed","onUnmounted"],"mappings":";;;;;;;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;AAYA,UAAMC,IAAOC,GAEPC,IAAO,OAAA,GAEPC,IAAQC,GAyCRC,IAAOC,EAAS;AAAA,MACpB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,KAAK,OAAA;AAAA,IAAO,CACb;AAED,IAAAC,EAAK,IAAIL,GAAM,MAAMM,EAAA,CAAc,GAGnCC;AAAA,MACE,MAAMJ,EAAK;AAAA,MACX,CAACK,MAAM;AACL,8BAAsB,MAAM;AAC1B,UAAAL,EAAK,cAAcK;AAAA,QACrB,CAAC;AAAA,MACH;AAAA,IAAA;AAGF,QAAIC,IAAe,MAAM;AAAA,IAAC;AAE1B,UAAMC,IAAiBC,EAAe,MAAM,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC,GAAG,GAAI,GAE3FC,IAAc,MAAM;AACxB,MAAAT,EAAK,OAAO;AAEZ,iBAAW,CAACU,GAAGC,CAAC,KAAKT,EAAK;AACxB,QAAIQ,MAAMb,KACRc,EAAA;AAAA,IAGN,GAEMR,IAAe,MAAM;AACzB,MAAAH,EAAK,OAAO,IACZL,EAAK,eAAe;AAAA,IACtB,GAEMiB,IAAS,YAAY;AACzB,MAAId,EAAM,SAIVS,EAAA,GAEAP,EAAK,OAAO,IAEZM,EAAA,GAEA,MAAMO,EAAYf,EAAM,aAAa,GAAG,GAEpCE,EAAK,QACPS,EAAA;AAAA,IAEJ,GAEMK,IAAU,MAAM;AACpB,MAAAd,EAAK,OAAO,IACZM,IAAeS,EAAc,MAAM;AACjC,QAAKf,EAAK,QACRG,EAAA;AAAA,MAEJ,GAAGL,EAAM,UAAU;AAAA,IACrB;AAEA,IAAAM;AAAA,MACE,MAAMN,EAAM;AAAA,MACZ,CAACkB,MAAS;AACR,QAAIA,KACFb,EAAA;AAAA,MAEJ;AAAA,IAAA;AAGF,UAAMc,IAAUC,EAAA,GACVC,IAAUD,EAAA,GAEVE,IAAQC,EAAmBJ,GAASK,EAAMxB,CAAK,CAAC;AAEtD,IAAAyB,EAAgB,CAACN,GAASE,CAAO,GAAG,MAAMhB,GAAc;AAExD,UAAMqB,IAAeC,EAAS,OAAO;AAAA,MACnC,0BAA0B3B,EAAM;AAAA,IAAA,EAChC;AAEF,WAAA4B,EAAY,MAAM;AAChB,MAAAxB,EAAK,OAAOL,CAAI;AAAA,IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlTooltip/global.d.ts

@@ -1,2 +1 @@
 export declare const tMap: Map<symbol, () => void>;
-//# sourceMappingURL=global.d.ts.map

package/dist/components/PlTooltip/global.js.map

@@ -1 +1 @@
-{"version":3,"file":"global.js","sources":["../../../src/components/PlTooltip/global.ts"],"sourcesContent":["export const tMap = new Map<symbol, () => void>();\n"],"names":["tMap"],"mappings":"AAAa,MAAAA,wBAAW,IAAwB;"}
+{"version":3,"file":"global.js","sources":["../../../src/components/PlTooltip/global.ts"],"sourcesContent":["export const tMap = new Map<symbol, () => void>();\n"],"names":["tMap"],"mappings":"AAAO,MAAMA,wBAAW,IAAA;"}

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

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

package/dist/components/PlTooltip/useTooltipPosition.d.ts

@@ -9,4 +9,3 @@ type Options = {
  */
 export declare function useTooltipPosition(el: Ref<HTMLElement | undefined>, optionsRef: Ref<Options>): import('vue').ComputedRef<string>;
 export {};
-//# sourceMappingURL=useTooltipPosition.d.ts.map

package/dist/components/PlTooltip/useTooltipPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltipPosition.js","sources":["../../../src/components/PlTooltip/useTooltipPosition.ts"],"sourcesContent":["import { computed, type Ref, ref, unref } from 'vue';\nimport { useElementPosition } from '../../composition/usePosition';\nimport type { ElementPosition } from '../../types';\n\ntype Options = {\n  position: 'top-left' | 'right' | 'left' | 'top' | 'southwest';\n  gap: number;\n};\n\n/**\n * A custom hook that calculates and returns the CSS style needed to position a tooltip\n * relative to a target HTML element based on the specified position and gap.\n */\nexport function useTooltipPosition(el: Ref<HTMLElement | undefined>, optionsRef: Ref<Options>) {\n  const posRef = ref<ElementPosition>();\n\n  useElementPosition(el, (v) => {\n    posRef.value = v;\n  });\n\n  return computed(() => {\n    const pos = unref(posRef);\n\n    const options = unref(optionsRef);\n\n    const position = options.position ?? 'top';\n\n    const gap = options.gap ?? 8;\n\n    if (!pos) {\n      return '';\n    }\n\n    const offsetMiddleY = pos.offsetY + Math.floor(pos.height / 2);\n    const offsetMiddleX = pos.offsetX + Math.floor(pos.width / 2);\n\n    if (position === 'top-left') {\n      return `left: ${pos.offsetX}px; top: ${pos.offsetY - gap}px;`;\n    }\n\n    if (position === 'top') {\n      return `left: ${offsetMiddleX}px; top: ${pos.offsetY - gap}px;`;\n    }\n\n    if (position === 'right') {\n      return `left: ${pos.offsetX + pos.width + gap}px; top: ${offsetMiddleY}px;`;\n    }\n\n    if (position === 'left') {\n      return `right: ${pos.scrollWidth - pos.x + gap}px; top: ${offsetMiddleY}px;`;\n    }\n\n    if (position === 'southwest') {\n      return `left: ${pos.offsetX + pos.width}px; top: ${pos.offsetY + pos.height + gap}px;`;\n    }\n\n    return '';\n  });\n}\n"],"names":["useTooltipPosition","el","optionsRef","posRef","ref","useElementPosition","v","computed","pos","unref","options","position","gap","offsetMiddleY","offsetMiddleX"],"mappings":";;AAagB,SAAAA,EAAmBC,GAAkCC,GAA0B;AAC7F,QAAMC,IAASC,EAAqB;AAEjB,SAAAC,EAAAJ,GAAI,CAACK,MAAM;AAC5B,IAAAH,EAAO,QAAQG;AAAA,EAAA,CAChB,GAEMC,EAAS,MAAM;AACd,UAAAC,IAAMC,EAAMN,CAAM,GAElBO,IAAUD,EAAMP,CAAU,GAE1BS,IAAWD,EAAQ,YAAY,OAE/BE,IAAMF,EAAQ,OAAO;AAE3B,QAAI,CAACF;AACI,aAAA;AAGT,UAAMK,IAAgBL,EAAI,UAAU,KAAK,MAAMA,EAAI,SAAS,CAAC,GACvDM,IAAgBN,EAAI,UAAU,KAAK,MAAMA,EAAI,QAAQ,CAAC;AAE5D,WAAIG,MAAa,aACR,SAASH,EAAI,OAAO,YAAYA,EAAI,UAAUI,CAAG,QAGtDD,MAAa,QACR,SAASG,CAAa,YAAYN,EAAI,UAAUI,CAAG,QAGxDD,MAAa,UACR,SAASH,EAAI,UAAUA,EAAI,QAAQI,CAAG,YAAYC,CAAa,QAGpEF,MAAa,SACR,UAAUH,EAAI,cAAcA,EAAI,IAAII,CAAG,YAAYC,CAAa,QAGrEF,MAAa,cACR,SAASH,EAAI,UAAUA,EAAI,KAAK,YAAYA,EAAI,UAAUA,EAAI,SAASI,CAAG,QAG5E;AAAA,EAAA,CACR;AACH;"}
+{"version":3,"file":"useTooltipPosition.js","sources":["../../../src/components/PlTooltip/useTooltipPosition.ts"],"sourcesContent":["import { computed, type Ref, ref, unref } from 'vue';\nimport { useElementPosition } from '../../composition/usePosition';\nimport type { ElementPosition } from '../../types';\n\ntype Options = {\n  position: 'top-left' | 'right' | 'left' | 'top' | 'southwest';\n  gap: number;\n};\n\n/**\n * A custom hook that calculates and returns the CSS style needed to position a tooltip\n * relative to a target HTML element based on the specified position and gap.\n */\nexport function useTooltipPosition(el: Ref<HTMLElement | undefined>, optionsRef: Ref<Options>) {\n  const posRef = ref<ElementPosition>();\n\n  useElementPosition(el, (v) => {\n    posRef.value = v;\n  });\n\n  return computed(() => {\n    const pos = unref(posRef);\n\n    const options = unref(optionsRef);\n\n    const position = options.position ?? 'top';\n\n    const gap = options.gap ?? 8;\n\n    if (!pos) {\n      return '';\n    }\n\n    const offsetMiddleY = pos.offsetY + Math.floor(pos.height / 2);\n    const offsetMiddleX = pos.offsetX + Math.floor(pos.width / 2);\n\n    if (position === 'top-left') {\n      return `left: ${pos.offsetX}px; top: ${pos.offsetY - gap}px;`;\n    }\n\n    if (position === 'top') {\n      return `left: ${offsetMiddleX}px; top: ${pos.offsetY - gap}px;`;\n    }\n\n    if (position === 'right') {\n      return `left: ${pos.offsetX + pos.width + gap}px; top: ${offsetMiddleY}px;`;\n    }\n\n    if (position === 'left') {\n      return `right: ${pos.scrollWidth - pos.x + gap}px; top: ${offsetMiddleY}px;`;\n    }\n\n    if (position === 'southwest') {\n      return `left: ${pos.offsetX + pos.width}px; top: ${pos.offsetY + pos.height + gap}px;`;\n    }\n\n    return '';\n  });\n}\n"],"names":["useTooltipPosition","el","optionsRef","posRef","ref","useElementPosition","v","computed","pos","unref","options","position","gap","offsetMiddleY","offsetMiddleX"],"mappings":";;AAaO,SAASA,EAAmBC,GAAkCC,GAA0B;AAC7F,QAAMC,IAASC,EAAA;AAEf,SAAAC,EAAmBJ,GAAI,CAACK,MAAM;AAC5B,IAAAH,EAAO,QAAQG;AAAA,EACjB,CAAC,GAEMC,EAAS,MAAM;AACpB,UAAMC,IAAMC,EAAMN,CAAM,GAElBO,IAAUD,EAAMP,CAAU,GAE1BS,IAAWD,EAAQ,YAAY,OAE/BE,IAAMF,EAAQ,OAAO;AAE3B,QAAI,CAACF;AACH,aAAO;AAGT,UAAMK,IAAgBL,EAAI,UAAU,KAAK,MAAMA,EAAI,SAAS,CAAC,GACvDM,IAAgBN,EAAI,UAAU,KAAK,MAAMA,EAAI,QAAQ,CAAC;AAE5D,WAAIG,MAAa,aACR,SAASH,EAAI,OAAO,YAAYA,EAAI,UAAUI,CAAG,QAGtDD,MAAa,QACR,SAASG,CAAa,YAAYN,EAAI,UAAUI,CAAG,QAGxDD,MAAa,UACR,SAASH,EAAI,UAAUA,EAAI,QAAQI,CAAG,YAAYC,CAAa,QAGpEF,MAAa,SACR,UAAUH,EAAI,cAAcA,EAAI,IAAII,CAAG,YAAYC,CAAa,QAGrEF,MAAa,cACR,SAASH,EAAI,UAAUA,EAAI,KAAK,YAAYA,EAAI,UAAUA,EAAI,SAASI,CAAG,QAG5E;AAAA,EACT,CAAC;AACH;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Scrollable.vue.js","sources":["../../src/components/Scrollable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport VScroll from './VScroll.vue';\nimport HScroll from './HScroll.vue';\nimport { onMounted, onUnmounted, reactive, ref, unref } from 'vue';\nimport { tapIf, copyProps } from '../helpers/functions';\nimport { useResizeObserver } from '../composition/useResizeObserver';\n\nconst containerRef = ref<HTMLElement>();\n\nconst data = reactive({\n  scrollTop: 0,\n  scrollLeft: 0,\n  clientHeight: 0,\n  clientWidth: 0,\n  scrollHeight: 0,\n  scrollWidth: 0,\n});\n\nfunction updateState(container: HTMLElement) {\n  copyProps(data, container, 'scrollTop', 'scrollLeft', 'clientHeight', 'clientWidth', 'scrollHeight', 'scrollWidth');\n}\n\nconst onWheel = (e: WheelEvent) => {\n  e.preventDefault();\n  const root = e.currentTarget as HTMLElement;\n  root.scrollTop += e.deltaY;\n  root.scrollLeft += e.deltaX;\n  updateState(root);\n};\n\nfunction updateTop(v: number) {\n  tapIf(unref(containerRef), (el) => {\n    el.scrollTop = v;\n    updateState(el);\n  });\n}\n\nfunction updateLeft(v: number) {\n  tapIf(unref(containerRef), (el) => {\n    el.scrollLeft = v;\n    updateState(el);\n  });\n}\n\nuseResizeObserver(containerRef, (el) => {\n  tapIf(el, (el) => updateState(el));\n});\n\nonMounted(() => {\n  tapIf(unref(containerRef), (root) => {\n    updateState(root);\n    root.addEventListener('wheel', onWheel);\n  });\n});\n\nonUnmounted(() => {\n  tapIf(unref(containerRef), (root) => root.removeEventListener('wheel', onWheel));\n});\n</script>\n\n<template>\n  <div class=\"ui-scrollable\">\n    <div ref=\"containerRef\" class=\"ui-scrollable__container\" @wheel=\"onWheel\">\n      <slot />\n    </div>\n    <VScroll\n      :scroll-top=\"data.scrollTop\"\n      :client-height=\"data.clientHeight\"\n      :scroll-height=\"data.scrollHeight\"\n      @wheel.stop\n      @update:scroll-top=\"updateTop\"\n    />\n    <HScroll\n      :scroll-left=\"data.scrollLeft\"\n      :client-width=\"data.clientWidth\"\n      :scroll-width=\"data.scrollWidth\"\n      @wheel.stop\n      @update:scroll-left=\"updateLeft\"\n    />\n  </div>\n</template>\n"],"names":["containerRef","ref","data","reactive","updateState","container","copyProps","onWheel","root","updateTop","v","tapIf","unref","el","updateLeft","useResizeObserver","onMounted","onUnmounted"],"mappings":";;;;;;;;AAOA,UAAMA,IAAeC,EAAiB,GAEhCC,IAAOC,EAAS;AAAA,MACpB,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,MACb,cAAc;AAAA,MACd,aAAa;AAAA,IAAA,CACd;AAED,aAASC,EAAYC,GAAwB;AAC3C,MAAAC,EAAUJ,GAAMG,GAAW,aAAa,cAAc,gBAAgB,eAAe,gBAAgB,aAAa;AAAA,IAAA;AAG9G,UAAAE,IAAU,CAAC,MAAkB;AACjC,QAAE,eAAe;AACjB,YAAMC,IAAO,EAAE;AACf,MAAAA,EAAK,aAAa,EAAE,QACpBA,EAAK,cAAc,EAAE,QACrBJ,EAAYI,CAAI;AAAA,IAClB;AAEA,aAASC,EAAUC,GAAW;AAC5B,MAAAC,EAAMC,EAAMZ,CAAY,GAAG,CAACa,MAAO;AACjC,QAAAA,EAAG,YAAYH,GACfN,EAAYS,CAAE;AAAA,MAAA,CACf;AAAA,IAAA;AAGH,aAASC,EAAWJ,GAAW;AAC7B,MAAAC,EAAMC,EAAMZ,CAAY,GAAG,CAACa,MAAO;AACjC,QAAAA,EAAG,aAAaH,GAChBN,EAAYS,CAAE;AAAA,MAAA,CACf;AAAA,IAAA;AAGe,WAAAE,EAAAf,GAAc,CAACa,MAAO;AACtC,MAAAF,EAAME,GAAI,CAACA,MAAOT,EAAYS,CAAE,CAAC;AAAA,IAAA,CAClC,GAEDG,EAAU,MAAM;AACd,MAAAL,EAAMC,EAAMZ,CAAY,GAAG,CAACQ,MAAS;AACnC,QAAAJ,EAAYI,CAAI,GACXA,EAAA,iBAAiB,SAASD,CAAO;AAAA,MAAA,CACvC;AAAA,IAAA,CACF,GAEDU,EAAY,MAAM;AACV,MAAAN,EAAAC,EAAMZ,CAAY,GAAG,CAACQ,MAASA,EAAK,oBAAoB,SAASD,CAAO,CAAC;AAAA,IAAA,CAChF;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Scrollable.vue.js","sources":["../../src/components/Scrollable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport VScroll from './VScroll.vue';\nimport HScroll from './HScroll.vue';\nimport { onMounted, onUnmounted, reactive, ref, unref } from 'vue';\nimport { tapIf, copyProps } from '../helpers/functions';\nimport { useResizeObserver } from '../composition/useResizeObserver';\n\nconst containerRef = ref<HTMLElement>();\n\nconst data = reactive({\n  scrollTop: 0,\n  scrollLeft: 0,\n  clientHeight: 0,\n  clientWidth: 0,\n  scrollHeight: 0,\n  scrollWidth: 0,\n});\n\nfunction updateState(container: HTMLElement) {\n  copyProps(data, container, 'scrollTop', 'scrollLeft', 'clientHeight', 'clientWidth', 'scrollHeight', 'scrollWidth');\n}\n\nconst onWheel = (e: WheelEvent) => {\n  e.preventDefault();\n  const root = e.currentTarget as HTMLElement;\n  root.scrollTop += e.deltaY;\n  root.scrollLeft += e.deltaX;\n  updateState(root);\n};\n\nfunction updateTop(v: number) {\n  tapIf(unref(containerRef), (el) => {\n    el.scrollTop = v;\n    updateState(el);\n  });\n}\n\nfunction updateLeft(v: number) {\n  tapIf(unref(containerRef), (el) => {\n    el.scrollLeft = v;\n    updateState(el);\n  });\n}\n\nuseResizeObserver(containerRef, (el) => {\n  tapIf(el, (el) => updateState(el));\n});\n\nonMounted(() => {\n  tapIf(unref(containerRef), (root) => {\n    updateState(root);\n    root.addEventListener('wheel', onWheel);\n  });\n});\n\nonUnmounted(() => {\n  tapIf(unref(containerRef), (root) => root.removeEventListener('wheel', onWheel));\n});\n</script>\n\n<template>\n  <div class=\"ui-scrollable\">\n    <div ref=\"containerRef\" class=\"ui-scrollable__container\" @wheel=\"onWheel\">\n      <slot />\n    </div>\n    <VScroll\n      :scroll-top=\"data.scrollTop\"\n      :client-height=\"data.clientHeight\"\n      :scroll-height=\"data.scrollHeight\"\n      @wheel.stop\n      @update:scroll-top=\"updateTop\"\n    />\n    <HScroll\n      :scroll-left=\"data.scrollLeft\"\n      :client-width=\"data.clientWidth\"\n      :scroll-width=\"data.scrollWidth\"\n      @wheel.stop\n      @update:scroll-left=\"updateLeft\"\n    />\n  </div>\n</template>\n"],"names":["containerRef","ref","data","reactive","updateState","container","copyProps","onWheel","root","updateTop","v","tapIf","unref","el","updateLeft","useResizeObserver","onMounted","onUnmounted"],"mappings":";;;;;;;;AAOA,UAAMA,IAAeC,EAAA,GAEfC,IAAOC,EAAS;AAAA,MACpB,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,MACb,cAAc;AAAA,MACd,aAAa;AAAA,IAAA,CACd;AAED,aAASC,EAAYC,GAAwB;AAC3C,MAAAC,EAAUJ,GAAMG,GAAW,aAAa,cAAc,gBAAgB,eAAe,gBAAgB,aAAa;AAAA,IACpH;AAEA,UAAME,IAAU,CAAC,MAAkB;AACjC,QAAE,eAAA;AACF,YAAMC,IAAO,EAAE;AACf,MAAAA,EAAK,aAAa,EAAE,QACpBA,EAAK,cAAc,EAAE,QACrBJ,EAAYI,CAAI;AAAA,IAClB;AAEA,aAASC,EAAUC,GAAW;AAC5B,MAAAC,EAAMC,EAAMZ,CAAY,GAAG,CAACa,MAAO;AACjC,QAAAA,EAAG,YAAYH,GACfN,EAAYS,CAAE;AAAA,MAChB,CAAC;AAAA,IACH;AAEA,aAASC,EAAWJ,GAAW;AAC7B,MAAAC,EAAMC,EAAMZ,CAAY,GAAG,CAACa,MAAO;AACjC,QAAAA,EAAG,aAAaH,GAChBN,EAAYS,CAAE;AAAA,MAChB,CAAC;AAAA,IACH;AAEA,WAAAE,EAAkBf,GAAc,CAACa,MAAO;AACtC,MAAAF,EAAME,GAAI,CAACA,MAAOT,EAAYS,CAAE,CAAC;AAAA,IACnC,CAAC,GAEDG,EAAU,MAAM;AACd,MAAAL,EAAMC,EAAMZ,CAAY,GAAG,CAACQ,MAAS;AACnC,QAAAJ,EAAYI,CAAI,GAChBA,EAAK,iBAAiB,SAASD,CAAO;AAAA,MACxC,CAAC;AAAA,IACH,CAAC,GAEDU,EAAY,MAAM;AAChB,MAAAN,EAAMC,EAAMZ,CAAY,GAAG,CAACQ,MAASA,EAAK,oBAAoB,SAASD,CAAO,CAAC;AAAA,IACjF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.vue.js","sources":["../../src/components/Slider.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, reactive, ref, unref, useSlots, watch } from 'vue';\nimport { useMouseCapture } from '../composition/useMouseCapture';\nimport { tapIf } from '../helpers/functions';\nimport { clamp } from '../helpers/math';\nimport { PlTooltip } from './PlTooltip';\nimport type { SliderMode } from '../types';\nimport { useSliderBreakpoints } from '../composition/useSliderBreakpoints';\nimport { getErrorMessage } from '../helpers/error.ts';\n\nconst slots = useSlots();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: number;\n    min?: number;\n    max: number;\n    step?: number;\n    label?: string;\n    helper?: string;\n    error?: unknown;\n    mode?: SliderMode;\n    measure?: string;\n    breakpoints?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    label: undefined,\n    helper: undefined,\n    error: undefined,\n    min: 0,\n    step: 1,\n    mode: 'text',\n    measure: '',\n    breakpoints: false,\n    disabled: false,\n  },\n);\n\nconst data = reactive({\n  deltaValue: 0,\n});\n\nconst range = computed(() => props.max - props.min);\n\nconst localValue = computed(() => {\n  return clamp((props.modelValue ?? 0) + data.deltaValue, props.min, props.max);\n});\n\nconst realtimeVal = ref(props.modelValue);\n\nconst error = computed(() => {\n  const v = props.modelValue;\n\n  if (!Number.isFinite(v)) {\n    return 'Not a number';\n  }\n\n  if (v < props.min) {\n    return `Min value: ${props.min}`;\n  }\n\n  if (v > props.max) {\n    return `Max value: ${props.max}`;\n  }\n\n  return getErrorMessage(props.error);\n});\n\nconst propsRef = computed(() => props);\n\nconst breakpointsRef = useSliderBreakpoints(propsRef);\n\nconst position = computed(() => {\n  return (localValue.value - props.min) / range.value;\n});\n\nconst progressStyle = computed(() => ({\n  right: Math.ceil((1 - position.value) * 100) + '%',\n}));\n\nconst thumbStyle = computed(() => {\n  const value = Math.ceil((1 - position.value) * 100);\n  return {\n    right: `calc(${value}%) `,\n  };\n});\n\nconst barRef = ref<HTMLElement>();\nconst thumbRef = ref<HTMLElement>();\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    realtimeVal.value = val;\n  },\n);\n\nfunction round(value: number) {\n  const v = clamp(value, props.min, props.max);\n  // This is the same as Math.round(v / props.step) * props.step but here we need this magic to avoid numbers like 3.00000000000000000004\n  return Math.round((v + Number.EPSILON) * (1 / props.step)) / (1 / props.step);\n}\n\nuseMouseCapture(thumbRef, (ev) => {\n  tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n    const { dx } = ev;\n\n    data.deltaValue = (dx / rect.width) * range.value;\n\n    realtimeVal.value = round(clamp((props.modelValue ?? 0) + data.deltaValue, props.min, props.max));\n\n    if (ev.stop) {\n      emit('update:modelValue', round(localValue.value));\n      data.deltaValue = 0;\n    }\n  });\n});\n\nfunction setModelValue(value: number) {\n  emit('update:modelValue', round(value));\n}\n\nfunction updateModelValue(event: Event) {\n  setModelValue(+(event.target as HTMLInputElement).value);\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }) {\n  if (['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', 'Enter'].includes(e.code)) {\n    e.preventDefault();\n  }\n\n  const nextStep\n    = e.code === 'ArrowUp' || e.code === 'ArrowRight' ? props.step * 1 : e.code === 'ArrowDown' || e.code === 'ArrowLeft' ? props.step * -1 : 0;\n\n  setModelValue(props.modelValue + nextStep);\n}\n</script>\n\n<template>\n  <div :class=\"props.disabled ? 'ui-slider__disabled' : undefined\" class=\"ui-slider__envelope\">\n    <div :class=\"`ui-slider__mode-${props.mode}`\" class=\"ui-slider\">\n      <div class=\"ui-slider__wrapper\">\n        <div class=\"ui-slider__label-section\">\n          <label v-if=\"label\" class=\"text-s\">\n            <span>{{ label }}</span>\n            <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n              <template #tooltip>\n                <slot name=\"tooltip\" />\n              </template>\n            </PlTooltip>\n          </label>\n          <div v-if=\"props.mode === 'text'\" class=\"ui-slider__value-static text-s\">{{ realtimeVal }}{{ measure }}</div>\n        </div>\n        <div class=\"ui-slider__base\">\n          <div class=\"ui-slider__container\">\n            <div ref=\"barRef\" class=\"ui-slider__bar\">\n              <div class=\"ui-slider__progress\" :style=\"progressStyle\" />\n            </div>\n          </div>\n          <div class=\"ui-slider__container ui-slider__container-thumb\">\n            <template v-if=\"props.breakpoints\">\n              <div v-for=\"(item, index) in breakpointsRef\" :key=\"index\" :style=\"{ right: `${item}%` }\" class=\"ui-slider__thumb-step\"/>\n            </template>\n            <div ref=\"thumbRef\" tabindex=\"0\" class=\"ui-slider__thumb ui-slider__thumb-active\" :style=\"thumbStyle\" @keydown=\"handleKeyPress\">\n              <div class=\"ui-slider__thumb-focused-contour\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"ui-slider__input-wrapper d-flex\">\n        <input v-if=\"props.mode === 'input'\" :value=\"realtimeVal\" class=\"ui-slider__value text-s\" @change=\"updateModelValue($event)\" />\n      </div>\n    </div>\n    <!-- <div v-if=\"props.helper\" class=\"ui-slider__helper\">\n      {{ props.helper }}\n    </div> -->\n    <div v-if=\"error\" class=\"ui-slider__error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n"],"names":["slots","useSlots","emit","__emit","props","__props","data","reactive","range","computed","localValue","clamp","realtimeVal","ref","error","v","getErrorMessage","propsRef","breakpointsRef","useSliderBreakpoints","position","progressStyle","thumbStyle","barRef","thumbRef","watch","val","round","value","useMouseCapture","ev","tapIf","_a","unref","rect","dx","setModelValue","updateModelValue","event","handleKeyPress","e","nextStep"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,EAAS,GAEjBC,IAAOC,GAEPC,IAAQC,GA2BRC,IAAOC,EAAS;AAAA,MACpB,YAAY;AAAA,IAAA,CACb,GAEKC,IAAQC,EAAS,MAAML,EAAM,MAAMA,EAAM,GAAG,GAE5CM,IAAaD,EAAS,MACnBE,GAAOP,EAAM,cAAc,KAAKE,EAAK,YAAYF,EAAM,KAAKA,EAAM,GAAG,CAC7E,GAEKQ,IAAcC,EAAIT,EAAM,UAAU,GAElCU,IAAQL,EAAS,MAAM;AAC3B,YAAMM,IAAIX,EAAM;AAEhB,aAAK,OAAO,SAASW,CAAC,IAIlBA,IAAIX,EAAM,MACL,cAAcA,EAAM,GAAG,KAG5BW,IAAIX,EAAM,MACL,cAAcA,EAAM,GAAG,KAGzBY,EAAgBZ,EAAM,KAAK,IAXzB;AAAA,IAWyB,CACnC,GAEKa,IAAWR,EAAS,MAAML,CAAK,GAE/Bc,IAAiBC,EAAqBF,CAAQ,GAE9CG,IAAWX,EAAS,OAChBC,EAAW,QAAQN,EAAM,OAAOI,EAAM,KAC/C,GAEKa,IAAgBZ,EAAS,OAAO;AAAA,MACpC,OAAO,KAAK,MAAM,IAAIW,EAAS,SAAS,GAAG,IAAI;AAAA,IAAA,EAC/C,GAEIE,IAAab,EAAS,OAEnB;AAAA,MACL,OAAO,QAFK,KAAK,MAAM,IAAIW,EAAS,SAAS,GAAG,CAE5B;AAAA,IACtB,EACD,GAEKG,IAASV,EAAiB,GAC1BW,IAAWX,EAAiB;AAElC,IAAAY;AAAA,MACE,MAAMrB,EAAM;AAAA,MACZ,CAACsB,MAAQ;AACP,QAAAd,EAAY,QAAQc;AAAA,MAAA;AAAA,IAExB;AAEA,aAASC,EAAMC,GAAe;AAC5B,YAAMb,IAAIJ,EAAMiB,GAAOxB,EAAM,KAAKA,EAAM,GAAG;AAEpC,aAAA,KAAK,OAAOW,IAAI,OAAO,YAAY,IAAIX,EAAM,KAAK,KAAK,IAAIA,EAAM;AAAA,IAAA;AAG1D,IAAAyB,EAAAL,GAAU,CAACM,MAAO;;AAChC,MAAAC,GAAMC,IAAAC,EAAMV,CAAM,MAAZ,gBAAAS,EAAe,yBAAyB,CAACE,MAAS;AAChD,cAAA,EAAE,IAAAC,MAAOL;AAEf,QAAAxB,EAAK,aAAc6B,IAAKD,EAAK,QAAS1B,EAAM,OAE5CI,EAAY,QAAQe,EAAMhB,GAAOP,EAAM,cAAc,KAAKE,EAAK,YAAYF,EAAM,KAAKA,EAAM,GAAG,CAAC,GAE5F0B,EAAG,SACL5B,EAAK,qBAAqByB,EAAMjB,EAAW,KAAK,CAAC,GACjDJ,EAAK,aAAa;AAAA,MACpB,CACD;AAAA,IAAA,CACF;AAED,aAAS8B,EAAcR,GAAe;AAC/B,MAAA1B,EAAA,qBAAqByB,EAAMC,CAAK,CAAC;AAAA,IAAA;AAGxC,aAASS,EAAiBC,GAAc;AACxB,MAAAF,EAAA,CAAEE,EAAM,OAA4B,KAAK;AAAA,IAAA;AAGzD,aAASC,EAAeC,GAA6C;AAC/D,MAAA,CAAC,aAAa,WAAW,cAAc,aAAa,OAAO,EAAE,SAASA,EAAE,IAAI,KAC9EA,EAAE,eAAe;AAGnB,YAAMC,IACFD,EAAE,SAAS,aAAaA,EAAE,SAAS,eAAepC,EAAM,OAAO,IAAIoC,EAAE,SAAS,eAAeA,EAAE,SAAS,cAAcpC,EAAM,OAAO,KAAK;AAE9H,MAAAgC,EAAAhC,EAAM,aAAaqC,CAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Slider.vue.js","sources":["../../src/components/Slider.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, reactive, ref, unref, useSlots, watch } from 'vue';\nimport { useMouseCapture } from '../composition/useMouseCapture';\nimport { tapIf } from '../helpers/functions';\nimport { clamp } from '../helpers/math';\nimport { PlTooltip } from './PlTooltip';\nimport type { SliderMode } from '../types';\nimport { useSliderBreakpoints } from '../composition/useSliderBreakpoints';\nimport { getErrorMessage } from '../helpers/error.ts';\n\nconst slots = useSlots();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: number;\n    min?: number;\n    max: number;\n    step?: number;\n    label?: string;\n    helper?: string;\n    error?: unknown;\n    mode?: SliderMode;\n    measure?: string;\n    breakpoints?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    label: undefined,\n    helper: undefined,\n    error: undefined,\n    min: 0,\n    step: 1,\n    mode: 'text',\n    measure: '',\n    breakpoints: false,\n    disabled: false,\n  },\n);\n\nconst data = reactive({\n  deltaValue: 0,\n});\n\nconst range = computed(() => props.max - props.min);\n\nconst localValue = computed(() => {\n  return clamp((props.modelValue ?? 0) + data.deltaValue, props.min, props.max);\n});\n\nconst realtimeVal = ref(props.modelValue);\n\nconst error = computed(() => {\n  const v = props.modelValue;\n\n  if (!Number.isFinite(v)) {\n    return 'Not a number';\n  }\n\n  if (v < props.min) {\n    return `Min value: ${props.min}`;\n  }\n\n  if (v > props.max) {\n    return `Max value: ${props.max}`;\n  }\n\n  return getErrorMessage(props.error);\n});\n\nconst propsRef = computed(() => props);\n\nconst breakpointsRef = useSliderBreakpoints(propsRef);\n\nconst position = computed(() => {\n  return (localValue.value - props.min) / range.value;\n});\n\nconst progressStyle = computed(() => ({\n  right: Math.ceil((1 - position.value) * 100) + '%',\n}));\n\nconst thumbStyle = computed(() => {\n  const value = Math.ceil((1 - position.value) * 100);\n  return {\n    right: `calc(${value}%) `,\n  };\n});\n\nconst barRef = ref<HTMLElement>();\nconst thumbRef = ref<HTMLElement>();\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    realtimeVal.value = val;\n  },\n);\n\nfunction round(value: number) {\n  const v = clamp(value, props.min, props.max);\n  // This is the same as Math.round(v / props.step) * props.step but here we need this magic to avoid numbers like 3.00000000000000000004\n  return Math.round((v + Number.EPSILON) * (1 / props.step)) / (1 / props.step);\n}\n\nuseMouseCapture(thumbRef, (ev) => {\n  tapIf(unref(barRef)?.getBoundingClientRect(), (rect) => {\n    const { dx } = ev;\n\n    data.deltaValue = (dx / rect.width) * range.value;\n\n    realtimeVal.value = round(clamp((props.modelValue ?? 0) + data.deltaValue, props.min, props.max));\n\n    if (ev.stop) {\n      emit('update:modelValue', round(localValue.value));\n      data.deltaValue = 0;\n    }\n  });\n});\n\nfunction setModelValue(value: number) {\n  emit('update:modelValue', round(value));\n}\n\nfunction updateModelValue(event: Event) {\n  setModelValue(+(event.target as HTMLInputElement).value);\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }) {\n  if (['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', 'Enter'].includes(e.code)) {\n    e.preventDefault();\n  }\n\n  const nextStep\n    = e.code === 'ArrowUp' || e.code === 'ArrowRight' ? props.step * 1 : e.code === 'ArrowDown' || e.code === 'ArrowLeft' ? props.step * -1 : 0;\n\n  setModelValue(props.modelValue + nextStep);\n}\n</script>\n\n<template>\n  <div :class=\"props.disabled ? 'ui-slider__disabled' : undefined\" class=\"ui-slider__envelope\">\n    <div :class=\"`ui-slider__mode-${props.mode}`\" class=\"ui-slider\">\n      <div class=\"ui-slider__wrapper\">\n        <div class=\"ui-slider__label-section\">\n          <label v-if=\"label\" class=\"text-s\">\n            <span>{{ label }}</span>\n            <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n              <template #tooltip>\n                <slot name=\"tooltip\" />\n              </template>\n            </PlTooltip>\n          </label>\n          <div v-if=\"props.mode === 'text'\" class=\"ui-slider__value-static text-s\">{{ realtimeVal }}{{ measure }}</div>\n        </div>\n        <div class=\"ui-slider__base\">\n          <div class=\"ui-slider__container\">\n            <div ref=\"barRef\" class=\"ui-slider__bar\">\n              <div class=\"ui-slider__progress\" :style=\"progressStyle\" />\n            </div>\n          </div>\n          <div class=\"ui-slider__container ui-slider__container-thumb\">\n            <template v-if=\"props.breakpoints\">\n              <div v-for=\"(item, index) in breakpointsRef\" :key=\"index\" :style=\"{ right: `${item}%` }\" class=\"ui-slider__thumb-step\"/>\n            </template>\n            <div ref=\"thumbRef\" tabindex=\"0\" class=\"ui-slider__thumb ui-slider__thumb-active\" :style=\"thumbStyle\" @keydown=\"handleKeyPress\">\n              <div class=\"ui-slider__thumb-focused-contour\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"ui-slider__input-wrapper d-flex\">\n        <input v-if=\"props.mode === 'input'\" :value=\"realtimeVal\" class=\"ui-slider__value text-s\" @change=\"updateModelValue($event)\" />\n      </div>\n    </div>\n    <!-- <div v-if=\"props.helper\" class=\"ui-slider__helper\">\n      {{ props.helper }}\n    </div> -->\n    <div v-if=\"error\" class=\"ui-slider__error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n"],"names":["slots","useSlots","emit","__emit","props","__props","data","reactive","range","computed","localValue","clamp","realtimeVal","ref","error","v","getErrorMessage","propsRef","breakpointsRef","useSliderBreakpoints","position","progressStyle","thumbStyle","barRef","thumbRef","watch","val","round","value","useMouseCapture","ev","tapIf","_a","unref","rect","dx","setModelValue","updateModelValue","event","handleKeyPress","e","nextStep"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,EAAA,GAERC,IAAOC,GAEPC,IAAQC,GA2BRC,IAAOC,EAAS;AAAA,MACpB,YAAY;AAAA,IAAA,CACb,GAEKC,IAAQC,EAAS,MAAML,EAAM,MAAMA,EAAM,GAAG,GAE5CM,IAAaD,EAAS,MACnBE,GAAOP,EAAM,cAAc,KAAKE,EAAK,YAAYF,EAAM,KAAKA,EAAM,GAAG,CAC7E,GAEKQ,IAAcC,EAAIT,EAAM,UAAU,GAElCU,IAAQL,EAAS,MAAM;AAC3B,YAAMM,IAAIX,EAAM;AAEhB,aAAK,OAAO,SAASW,CAAC,IAIlBA,IAAIX,EAAM,MACL,cAAcA,EAAM,GAAG,KAG5BW,IAAIX,EAAM,MACL,cAAcA,EAAM,GAAG,KAGzBY,EAAgBZ,EAAM,KAAK,IAXzB;AAAA,IAYX,CAAC,GAEKa,IAAWR,EAAS,MAAML,CAAK,GAE/Bc,IAAiBC,EAAqBF,CAAQ,GAE9CG,IAAWX,EAAS,OAChBC,EAAW,QAAQN,EAAM,OAAOI,EAAM,KAC/C,GAEKa,IAAgBZ,EAAS,OAAO;AAAA,MACpC,OAAO,KAAK,MAAM,IAAIW,EAAS,SAAS,GAAG,IAAI;AAAA,IAAA,EAC/C,GAEIE,IAAab,EAAS,OAEnB;AAAA,MACL,OAAO,QAFK,KAAK,MAAM,IAAIW,EAAS,SAAS,GAAG,CAE5B;AAAA,IAAA,EAEvB,GAEKG,IAASV,EAAA,GACTW,IAAWX,EAAA;AAEjB,IAAAY;AAAA,MACE,MAAMrB,EAAM;AAAA,MACZ,CAACsB,MAAQ;AACP,QAAAd,EAAY,QAAQc;AAAA,MACtB;AAAA,IAAA;AAGF,aAASC,EAAMC,GAAe;AAC5B,YAAMb,IAAIJ,EAAMiB,GAAOxB,EAAM,KAAKA,EAAM,GAAG;AAE3C,aAAO,KAAK,OAAOW,IAAI,OAAO,YAAY,IAAIX,EAAM,KAAK,KAAK,IAAIA,EAAM;AAAA,IAC1E;AAEA,IAAAyB,EAAgBL,GAAU,CAACM,MAAO;;AAChC,MAAAC,GAAMC,IAAAC,EAAMV,CAAM,MAAZ,gBAAAS,EAAe,yBAAyB,CAACE,MAAS;AACtD,cAAM,EAAE,IAAAC,MAAOL;AAEf,QAAAxB,EAAK,aAAc6B,IAAKD,EAAK,QAAS1B,EAAM,OAE5CI,EAAY,QAAQe,EAAMhB,GAAOP,EAAM,cAAc,KAAKE,EAAK,YAAYF,EAAM,KAAKA,EAAM,GAAG,CAAC,GAE5F0B,EAAG,SACL5B,EAAK,qBAAqByB,EAAMjB,EAAW,KAAK,CAAC,GACjDJ,EAAK,aAAa;AAAA,MAEtB,CAAC;AAAA,IACH,CAAC;AAED,aAAS8B,EAAcR,GAAe;AACpC,MAAA1B,EAAK,qBAAqByB,EAAMC,CAAK,CAAC;AAAA,IACxC;AAEA,aAASS,EAAiBC,GAAc;AACtC,MAAAF,EAAc,CAAEE,EAAM,OAA4B,KAAK;AAAA,IACzD;AAEA,aAASC,EAAeC,GAA6C;AACnE,MAAI,CAAC,aAAa,WAAW,cAAc,aAAa,OAAO,EAAE,SAASA,EAAE,IAAI,KAC9EA,EAAE,eAAA;AAGJ,YAAMC,IACFD,EAAE,SAAS,aAAaA,EAAE,SAAS,eAAepC,EAAM,OAAO,IAAIoC,EAAE,SAAS,eAAeA,EAAE,SAAS,cAAcpC,EAAM,OAAO,KAAK;AAE5I,MAAAgC,EAAchC,EAAM,aAAaqC,CAAQ;AAAA,IAC3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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