@milaboratories/uikit 2.10.37 → 2.10.39

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\")\n    return import(`../../assets/icons/icon-assets-min/${props.name}.svg?raw`).then(\n      (m) => m.default,\n    );\n  return undefined;\n});\n\nconst svgMeta = computed(() =>\n  uri.value == null ? undefined : registerSvg(uri.value, props.name),\n);\n\nconst toPx = (value: undefined | number | string) => {\n  if (typeof value === \"number\") return `${value}px`;\n  if (typeof value === \"string\") return value;\n  return;\n};\n\nconst styleSize = computed(() => ({\n  \"--svg-width\": toPx(props.width ?? svgMeta.value?.defaultWidth),\n  \"--svg-height\": toPx(props.height ?? svgMeta.value?.defaultHeight),\n}));\n\nconst styleColor = computed(() => getStyleColor(\"fill\", props.color));\nconst styleStroke = computed(() => getStyleColor(\"stroke\", props.stroke));\n\nfunction getStyleColor(\n  prop: \"fill\" | \"stroke\",\n  color: undefined | string | string[],\n): 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","toPx","value","styleSize","_a","_b","styleColor","getStyleColor","styleStroke","prop","color","acc","i","_createElementBlock","_normalizeStyle","_normalizeClass","$style","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"PlSvg.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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\")\n    return import(`../../assets/icons/icon-assets-min/${props.name}.svg?raw`).then(\n      (m) => m.default,\n    );\n  return undefined;\n});\n\nconst svgMeta = computed(() =>\n  uri.value == null ? undefined : registerSvg(uri.value, props.name),\n);\n\nconst toPx = (value: undefined | number | string) => {\n  if (typeof value === \"number\") return `${value}px`;\n  if (typeof value === \"string\") return value;\n  return;\n};\n\nconst styleSize = computed(() => ({\n  \"--svg-width\": toPx(props.width ?? svgMeta.value?.defaultWidth),\n  \"--svg-height\": toPx(props.height ?? svgMeta.value?.defaultHeight),\n}));\n\nconst styleColor = computed(() => getStyleColor(\"fill\", props.color));\nconst styleStroke = computed(() => getStyleColor(\"stroke\", props.stroke));\n\nfunction getStyleColor(\n  prop: \"fill\" | \"stroke\",\n  color: undefined | string | string[],\n): 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"],"mappings":"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"}

package/dist/components/PlSvg/registry.js

@@ -1,39 +1,27 @@
-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;
+import { uniqueId as e } from "@milaboratories/helpers";
+function t() {
+	let 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;
 }
-window.SvgRegistryRawSvgMap = window.SvgRegistryRawSvgMap ?? /* @__PURE__ */ new Map();
-window.SvgRegistryDefsElement = window.SvgRegistryDefsElement ?? H();
-const l = window.SvgRegistryRawSvgMap, u = window.SvgRegistryDefsElement;
-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];
-    let r = Number(k ?? y ?? 16);
-    r = isNaN(r) ? 16 : r;
-    let o = Number(x ?? R ?? 16);
-    o = isNaN(o) ? 16 : o;
-    const E = `0 0 ${r} ${o}`;
-    let b = 0, N = 0;
-    const I = h ? `fill="${h}"` : "", S = p ? `stroke="${p}"` : "", A = e.replace(/^<svg[^>]*>/i, `<svg id="${g}" viewBox="${E}" ${I} ${S}>`).replace(/<\/svg>\s*$/, "</svg>").replace(
-      /\bfill\s*=\s*(['"])(.*?)\1/gi,
-      (C, s, i) => /^(none|transparent)$/i.test(i) ? `fill=${s}${i}${s}` : `fill=${s}var(--svg-fill-${b++}, ${i})${s}`
-    ).replace(
-      /\bstroke\s*=\s*(['"])(.*?)\1/gi,
-      (C, s, i) => /^(none|transparent)$/i.test(i) ? `stroke=${s}${i}${s}` : `stroke=${s}var(--svg-stroke-${N++}, ${i})${s}`
-    ), a = document.createElement("template");
-    a.innerHTML = A;
-    const v = a.content.firstElementChild;
-    v && u && u.appendChild(v), l.set(e, {
-      spriteId: g,
-      defaultWidth: r,
-      defaultHeight: o
-    });
-  }
-  return l.get(e);
+window.SvgRegistryRawSvgMap = window.SvgRegistryRawSvgMap ?? /* @__PURE__ */ new Map(), window.SvgRegistryDefsElement = window.SvgRegistryDefsElement ?? t();
+var n = window.SvgRegistryRawSvgMap, r = window.SvgRegistryDefsElement;
+function i(t, i) {
+	if (!n.has(t)) {
+		let a = `svg-${i ? `${i}-` : ""}${e(16)}`, o = t.match(/^<svg[^>]*>/i)?.[0], s = o?.match(/fill\s*=\s*"(.*?)"/)?.[1], c = o?.match(/stroke\s*=\s*"(.*?)"/)?.[1], l = o?.match(/width\s*=\s*"(\d+)(px)?"/)?.[1], u = o?.match(/height\s*=\s*"(\d+)(px)?"/)?.[1], d = o?.match(/viewBox\s*=\s*"[-+]?\d*\.?\d+(?:e[-+]?\d+)?"/), f = d?.[2], p = d?.[3], m = Number(f ?? l ?? 16);
+		m = isNaN(m) ? 16 : m;
+		let h = Number(p ?? u ?? 16);
+		h = isNaN(h) ? 16 : h;
+		let g = `0 0 ${m} ${h}`, _ = 0, v = 0, y = s ? `fill="${s}"` : "", b = c ? `stroke="${c}"` : "", x = t.replace(/^<svg[^>]*>/i, `<svg id="${a}" viewBox="${g}" ${y} ${b}>`).replace(/<\/svg>\s*$/, "</svg>").replace(/\bfill\s*=\s*(['"])(.*?)\1/gi, (e, t, n) => /^(none|transparent)$/i.test(n) ? `fill=${t}${n}${t}` : `fill=${t}var(--svg-fill-${_++}, ${n})${t}`).replace(/\bstroke\s*=\s*(['"])(.*?)\1/gi, (e, t, n) => /^(none|transparent)$/i.test(n) ? `stroke=${t}${n}${t}` : `stroke=${t}var(--svg-stroke-${v++}, ${n})${t}`), S = document.createElement("template");
+		S.innerHTML = x;
+		let C = S.content.firstElementChild;
+		C && r && r.appendChild(C), n.set(t, {
+			spriteId: a,
+			defaultWidth: m,
+			defaultHeight: h
+		});
+	}
+	return n.get(t);
 }
-export {
-  M as registerSvg
-};
-//# sourceMappingURL=registry.js.map
+export { i 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(/\\bfill\\s*=\\s*(['\"])(.*?)\\1/gi, (_, 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(/\\bstroke\\s*=\\s*(['\"])(.*?)\\1/gi, (_, 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,MAAQ;AAAA,MAAgC,CAACE,GAAGC,GAAGC,MAC9C,wBAAwB,KAAKA,CAAK,IAC9B,QAAQD,CAAC,GAAGC,CAAK,GAAGD,CAAC,KACrB,QAAQA,CAAC,kBAAkBN,GAAS,KAAKO,CAAK,IAAID,CAAC;AAAA,IAAA,EAExD;AAAA,MAAQ;AAAA,MAAkC,CAACD,GAAGC,GAAGC,MAChD,wBAAwB,KAAKA,CAAK,IAC9B,UAAUD,CAAC,GAAGC,CAAK,GAAGD,CAAC,KACvB,UAAUA,CAAC,oBAAoBL,GAAW,KAAKM,CAAK,IAAID,CAAC;AAAA,IAAA,GAG3DE,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;"}
+{"version":3,"file":"registry.js","names":[],"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(/\\bfill\\s*=\\s*(['\"])(.*?)\\1/gi, (_, 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(/\\bstroke\\s*=\\s*(['\"])(.*?)\\1/gi, (_, 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"],"mappings":";AASA,SAAS,IAAwB;CAC/B,IAAM,IAAc,SAAS,gBAAgB,8BAA8B,MAAM;AAIjF,QAHA,EAAY,aAAa,SAAS,6BAA6B,EAC/D,EAAY,MAAM,UAAU,QAC5B,SAAS,KAAK,QAAQ,EAAY,EAC3B;;AAIT,OAAO,uBAAuB,OAAO,wCAAwB,IAAI,KAAsB,EACvF,OAAO,yBAAyB,OAAO,0BAA0B,GAAuB;AAQxF,IAAM,IAAgB,OAAO,sBACvB,IAAc,OAAO;AAE3B,SAAgB,EAAY,GAAa,GAAwB;AAC/D,KAAI,CAAC,EAAc,IAAI,EAAI,EAAE;EAC3B,IAAM,IAAK,OAAO,IAAO,GAAG,EAAK,KAAK,KAAK,EAAS,GAAG,IAEjD,IAAkB,EAAI,MAAM,eAAe,GAAG,IAC9C,IAAY,GAAiB,MAAM,qBAAqB,GAAG,IAC3D,IAAc,GAAiB,MAAM,uBAAuB,GAAG,IAC/D,IAAa,GAAiB,MAAM,2BAA2B,GAAG,IAClE,IAAc,GAAiB,MAAM,4BAA4B,GAAG,IACpE,IAAe,GAAiB,MAAM,+CAA+C,EACrF,IAAoB,IAAe,IACnC,IAAqB,IAAe,IACtC,IAAQ,OAAO,KAAqB,KAAc,GAAG;AACzD,MAAQ,MAAM,EAAM,GAAG,KAAK;EAC5B,IAAI,IAAS,OAAO,KAAsB,KAAe,GAAG;AAC5D,MAAS,MAAM,EAAO,GAAG,KAAK;EAC9B,IAAM,IAAU,OAAO,EAAM,GAAG,KAE5B,IAAU,GACV,IAAY,GACV,IAAW,IAAY,SAAS,EAAU,KAAK,IAC/C,IAAa,IAAc,WAAW,EAAY,KAAK,IAEvD,IAAc,EACjB,QAAQ,gBAAgB,YAAY,EAAG,aAAa,EAAQ,IAAI,EAAS,GAAG,EAAW,GAAG,CAC1F,QAAQ,eAAe,SAAS,CAChC,QAAQ,iCAAiC,GAAG,GAAG,MAC9C,wBAAwB,KAAK,EAAM,GAC/B,QAAQ,IAAI,IAAQ,MACpB,QAAQ,EAAE,iBAAiB,IAAU,IAAI,EAAM,GAAG,IACvD,CACA,QAAQ,mCAAmC,GAAG,GAAG,MAChD,wBAAwB,KAAK,EAAM,GAC/B,UAAU,IAAI,IAAQ,MACtB,UAAU,EAAE,mBAAmB,IAAY,IAAI,EAAM,GAAG,IAC7D,EAEG,IAAW,SAAS,cAAc,WAAW;AACnD,IAAS,YAAY;EAErB,IAAM,IAAS,EAAS,QAAQ;AAKhC,EAJI,KAAU,KACZ,EAAY,YAAY,EAAO,EAGjC,EAAc,IAAI,GAAK;GACrB,UAAU;GACV,cAAc;GACd,eAAe;GAChB,CAAC;;AAGJ,QAAO,EAAc,IAAI,EAAI"}

package/dist/components/PlTabs/PlTabs.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlTabs.js","names":[],"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=\"[\n        { [style.active]: modelValue === opt.value, [style.disabled]: opt.disabled },\n        style.tab,\n      ]\"\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"],"mappings":""}

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

@@ -33,9 +33,7 @@ declare const _default: <M extends string>(__VLS_props: NonNullable<Awaited<type
         option: TabOption<M>;
     }) => any>>;
     emit: (e: "update:modelValue", value: M) => void;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"PlTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTabs/PlTabs.vue"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC;;GAEG;yBACc,CAAC,SAAS,MAAM,eACnB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAuI1D,mBAAmB,CAAC;;;QA1H1B;;WAEG;qBACU,CAAC;QACd;;WAEG;iBACM,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QACjC;;WAEG;mBACQ,OAAO;QAClB;;WAEG;kBACO,OAAO;QACjB;;WAEG;sBACW,MAAM;mBAuGwE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;UAlC0E,GAAG;cAjGlF,mBAAmB,SAAS,CAAC,KAAG,IAAI;;;;YAwIE,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjJvE,wBAiJ4E;AAG5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PlTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTabs/PlTabs.vue"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC;;GAEG;yBACc,CAAC,SAAS,MAAM,EAChC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAsIO,mBAAmB,CAAC;;;QA1H1B;;WAEG;qBACU,CAAC;QACd;;WAEG;iBACM,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QACjC;;WAEG;mBACQ,OAAO;QAClB;;WAEG;kBACO,OAAO;QACjB;;WAEG;sBACW,MAAM;mBAuGwE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;UAlC0E,GAAG;cAjGlF,mBAAmB,SAAS,CAAC,KAAG,IAAI;EAuItC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAjJzE,wBAiJ4E;AAG5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/PlTabs/PlTabs.vue2.js

@@ -1,5 +1,45 @@
-import f from "./PlTabs.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlTabs.vue2.js.map
+import e from "./pl-tabs.module.js";
+import t from "./Tab.js";
+import { Fragment as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, renderSlot as d, toDisplayString as f, unref as p, withCtx as m, withKeys as h } from "vue";
+var g = /* @__PURE__ */ o({
+	name: "PlTabs",
+	props: {
+		modelValue: {},
+		options: {},
+		disabled: { type: Boolean },
+		topLine: { type: Boolean },
+		maxTabWidth: {}
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: g }) {
+		let _ = g, v = (e) => _("update:modelValue", e);
+		return (g, _) => (l(), i("div", { class: s([p(e).component, {
+			[p(e).disabled]: o.disabled,
+			[p(e).topLine]: o.topLine
+		}]) }, [(l(!0), i(n, null, u(o.options, (n, i) => (l(), r(t, {
+			key: i,
+			tabindex: o.modelValue === n.value || o.disabled || n.disabled ? void 0 : 0,
+			option: n,
+			class: s([{
+				[p(e).active]: o.modelValue === n.value,
+				[p(e).disabled]: n.disabled
+			}, p(e).tab]),
+			style: c({ "--pl-tabs-item-max-width": n.maxWidth ?? o.maxTabWidth }),
+			onKeydown: h((e) => v(n.value), ["enter"]),
+			onClick: (e) => v(n.value)
+		}, {
+			default: m(() => [d(g.$slots, n.value, { option: n }, () => [a("span", null, f(n.label), 1)])]),
+			_: 2
+		}, 1032, [
+			"tabindex",
+			"option",
+			"class",
+			"style",
+			"onKeydown",
+			"onClick"
+		]))), 128))], 2));
+	}
+});
+export { g as default };
+
+//# sourceMappingURL=PlTabs.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlTabs.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlTabs.vue_vue_type_script_setup_true_lang.js","names":[],"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=\"[\n        { [style.active]: modelValue === opt.value, [style.disabled]: opt.disabled },\n        style.tab,\n      ]\"\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"],"mappings":";;;;CAKE,MAAM;;;;;;;;;;EASR,IAAM,IAAO,GAOP,KAAa,MAAS,EAAK,qBAAqB,EAAE;yBA2BtD,EAkBM,OAAA,EAlBA,OAAK,EAAA,CAAG,EAAA,EAAK,CAAC,WAAS;IAAK,EAAA,EAAK,CAAC,WAAW,EAAA;IAAW,EAAA,EAAK,CAAC,UAAU,EAAA;GAAO,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,GAAA,EACnF,EAgBM,GAAA,MAAA,EAfe,EAAA,UAAX,GAAK,YADf,EAgBM,GAAA;GAdH,KAAK;GACL,UAAU,EAAA,eAAe,EAAI,SAAS,EAAA,YAAY,EAAI,WAAW,KAAA,IAAS;GAC1E,QAAQ;GACR,OAAK,EAAA,CAAA;KAAe,EAAA,EAAK,CAAC,SAAS,EAAA,eAAe,EAAI;KAAQ,EAAA,EAAK,CAAC,WAAW,EAAI;IAAQ,EAAY,EAAA,EAAK,CAAC,IAAA,CAAA;GAI7G,OAAK,EAAA,EAAA,4BAAgC,EAAI,YAAY,EAAA,aAAW,CAAA;GAChE,WAAO,GAAA,MAAQ,EAAU,EAAI,MAAK,EAAA,CAAA,QAAA,CAAA;GAClC,UAAK,MAAE,EAAU,EAAI,MAAK;;oBAIpB,CAFP,EAEO,EAAA,QAFM,EAAI,OAAK,EAAG,QAAQ,GAAG,QAE7B,CADL,EAA4B,QAAA,MAAA,EAAnB,EAAI,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/PlTabs/Tab.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","names":[],"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"],"mappings":""}

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

@@ -14,11 +14,11 @@ declare function __VLS_template(): {
             $props: {
                 readonly openDelay?: number | undefined;
                 readonly closeDelay?: number | undefined;
-                readonly position?: ("top" | "left" | "bottom" | "right" | "top-left") | undefined;
+                readonly position?: "top" | "left" | "bottom" | "right" | "top-left" | undefined;
                 readonly hide?: boolean | undefined;
                 readonly gap?: number | undefined;
                 readonly offsetToTheEdge?: number | undefined;
-                readonly element?: ("div" | "span" | "a" | "p" | "h1" | "h2" | "h3") | undefined;
+                readonly element?: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3" | undefined;
                 readonly maxWidth?: string | undefined;
                 readonly container?: ("body" | HTMLElement) | undefined;
                 readonly hoverable?: boolean | undefined;
@@ -126,11 +126,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $props: {
             readonly openDelay?: number | undefined;
             readonly closeDelay?: number | undefined;
-            readonly position?: ("top" | "left" | "bottom" | "right" | "top-left") | undefined;
+            readonly position?: "top" | "left" | "bottom" | "right" | "top-left" | undefined;
             readonly hide?: boolean | undefined;
             readonly gap?: number | undefined;
             readonly offsetToTheEdge?: number | undefined;
-            readonly element?: ("div" | "span" | "a" | "p" | "h1" | "h2" | "h3") | undefined;
+            readonly element?: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3" | undefined;
             readonly maxWidth?: string | undefined;
             readonly container?: ("body" | HTMLElement) | undefined;
             readonly hoverable?: boolean | undefined;

package/dist/components/PlTabs/Tab.vue2.js

@@ -1,5 +1,32 @@
-import f from "./Tab.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=Tab.vue2.js.map
+import e from "../PlTooltip/PlTooltip.js";
+import { createBlock as t, createTextVNode as n, defineComponent as r, onMounted as i, openBlock as a, reactive as o, ref as s, renderSlot as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
+var f = /* @__PURE__ */ r({
+	__name: "Tab",
+	props: { option: {} },
+	setup(r) {
+		let f = s(), p = o({ isOverflown: !1 });
+		return i(() => {
+			let e = u(f);
+			if (!e) return;
+			let t = e.$el.querySelector("span");
+			t && requestAnimationFrame(() => {
+				t.offsetWidth < t.scrollWidth && (p.isOverflown = !0);
+			});
+		}), (i, o) => (a(), t(u(e), {
+			ref_key: "rootRef",
+			ref: f,
+			element: "div",
+			position: "top",
+			hide: !p.isOverflown,
+			"close-delay": 300,
+			"data-is-overflown": p.isOverflown ? "true" : "false"
+		}, {
+			tooltip: d(() => [n(l(r.option.label), 1)]),
+			default: d(() => [c(i.$slots, "default")]),
+			_: 3
+		}, 8, ["hide", "data-is-overflown"]));
+	}
+});
+export { f as default };
+
+//# sourceMappingURL=Tab.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Tab.vue_vue_type_script_setup_true_lang.js","names":[],"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"],"mappings":";;;;;;EAKA,IAAM,IAAU,GAA2B,EAMrC,IAAO,EAAS,EACpB,aAAa,IACd,CAAC;SAEF,QAAgB;GACd,IAAM,IAAO,EAAM,EAAQ;AAE3B,OAAI,CAAC,EACH;GAGF,IAAM,IAAK,EAAK,IAAI,cAAc,OAAO;AAEpC,QAIL,4BAA4B;AAC1B,IAAI,EAAG,cAAc,EAAG,gBACtB,EAAK,cAAc;KAErB;IACF,kBAIA,EAYY,EAAA,EAAA,EAAA;YAXN;GAAJ,KAAI;GACJ,SAAQ;GACR,UAAS;GACR,MAAI,CAAG,EAAK;GACZ,eAAa;GACb,qBAAmB,EAAK,cAAW,SAAA;;GAGzB,SAAO,QACE,CAAA,EAAA,EAAf,EAAA,OAAO,MAAK,EAAA,EAAA,CAAA,CAAA;oBAFT,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/PlTabs/pl-tabs.css

@@ -1 +1 @@
-._component_1ukal_1{--pl-tabs-height: 40px;--pl-tabs-item-border-color: var(--border-color-div-grey);--pl-tabs-item-border-width: 0 0 2px 0;--pl-tabs-item-text-color: var(--txt-03);--pl-tabs-item-max-width: 400px;--pl-tabs-cursor: pointer;position:relative;min-height:var(--pl-tabs-height);display:flex;flex-direction:row;gap:2px}._component_1ukal_1 ._tab_1ukal_14{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:12px;padding:10px 12px;cursor:var(--pl-tabs-cursor);outline:none;position:relative}._component_1ukal_1 ._tab_1ukal_14._disabled_1ukal_27{cursor:not-allowed;pointer-events:none}._component_1ukal_1 ._tab_1ukal_14>span{color:var(--pl-tabs-item-text-color);font-size:13px;font-style:normal;font-weight:600;line-height:14px;letter-spacing:.52px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--pl-tabs-item-max-width);min-width:60px}._component_1ukal_1 ._tab_1ukal_14:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border:solid var(--pl-tabs-item-border-color);border-width:var(--pl-tabs-item-border-width)}._component_1ukal_1 ._tab_1ukal_14:hover:not(._active_1ukal_56){--pl-tabs-item-border-color: var(--border-color-focus);--pl-tabs-item-text-color: var(--txt-01)}._component_1ukal_1 ._tab_1ukal_14:focus-visible{--pl-tabs-item-border-color: var(--border-color-focus);--pl-tabs-item-border-width: 2px;--pl-tabs-item-text-color: var(--txt-01)}._component_1ukal_1 ._tab_1ukal_14._active_1ukal_56{--pl-tabs-item-border-color: var(--border-color-focus);--pl-tabs-item-text-color: var(--txt-01)}._component_1ukal_1._topLine_1ukal_69{--pl-tabs-item-border-width: 2px 0 0 0}._component_1ukal_1._disabled_1ukal_27{--pl-tabs-cursor: not-allowed;cursor:not-allowed}._component_1ukal_1._disabled_1ukal_27 *{pointer-events:none}
+._component_1ukal_1{--pl-tabs-height:40px;--pl-tabs-item-border-color:var(--border-color-div-grey);--pl-tabs-item-border-width:0 0 2px 0;--pl-tabs-item-text-color:var(--txt-03);--pl-tabs-item-max-width:400px;--pl-tabs-cursor:pointer;min-height:var(--pl-tabs-height);flex-direction:row;gap:2px;display:flex;position:relative}._component_1ukal_1 ._tab_1ukal_14{cursor:var(--pl-tabs-cursor);outline:none;flex-flow:row;justify-content:center;align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative}._component_1ukal_1 ._tab_1ukal_14._disabled_1ukal_27{cursor:not-allowed;pointer-events:none}._component_1ukal_1 ._tab_1ukal_14>span{color:var(--pl-tabs-item-text-color);letter-spacing:.52px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:var(--pl-tabs-item-max-width);min-width:60px;font-size:13px;font-style:normal;font-weight:600;line-height:14px;overflow:hidden}._component_1ukal_1 ._tab_1ukal_14:after{content:"";pointer-events:none;border:solid var(--pl-tabs-item-border-color);border-width:var(--pl-tabs-item-border-width);position:absolute;inset:0}._component_1ukal_1 ._tab_1ukal_14:hover:not(._active_1ukal_56){--pl-tabs-item-border-color:var(--border-color-focus);--pl-tabs-item-text-color:var(--txt-01)}._component_1ukal_1 ._tab_1ukal_14:focus-visible{--pl-tabs-item-border-color:var(--border-color-focus);--pl-tabs-item-border-width:2px;--pl-tabs-item-text-color:var(--txt-01)}._component_1ukal_1 ._tab_1ukal_14._active_1ukal_56{--pl-tabs-item-border-color:var(--border-color-focus);--pl-tabs-item-text-color:var(--txt-01)}._component_1ukal_1._topLine_1ukal_69{--pl-tabs-item-border-width:2px 0 0 0}._component_1ukal_1._disabled_1ukal_27{--pl-tabs-cursor:not-allowed;cursor:not-allowed}._component_1ukal_1._disabled_1ukal_27 *{pointer-events:none}

package/dist/components/PlTabs/pl-tabs.module.js

@@ -0,0 +1,10 @@
+import './pl-tabs.css';var e = {
+	component: "_component_1ukal_1",
+	tab: "_tab_1ukal_14",
+	disabled: "_disabled_1ukal_27",
+	active: "_active_1ukal_56",
+	topLine: "_topLine_1ukal_69"
+};
+export { e as default };
+
+//# sourceMappingURL=pl-tabs.module.js.map

package/dist/components/PlTabs/pl-tabs.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pl-tabs.module.js","names":[],"sources":["../../../src/components/PlTabs/pl-tabs.module.scss"],"sourcesContent":["@use \"../../assets/mixins.scss\" as *;\n\n.component {\n  --pl-tabs-height: 40px;\n  --pl-tabs-item-border-color: var(--border-color-div-grey);\n  --pl-tabs-item-border-width: 0 0 2px 0;\n  --pl-tabs-item-text-color: var(--txt-03);\n  --pl-tabs-item-max-width: 400px;\n  --pl-tabs-cursor: pointer;\n\n  position: relative;\n  min-height: var(--pl-tabs-height);\n  display: flex;\n  flex-direction: row;\n  gap: 2px;\n\n  .tab {\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: nowrap;\n    gap: 12px;\n    padding: 10px 12px;\n    cursor: var(--pl-tabs-cursor);\n    outline: none;\n    position: relative;\n\n    &.disabled {\n      cursor: not-allowed;\n      pointer-events: none;\n    }\n\n    > span {\n      color: var(--pl-tabs-item-text-color);\n      font-size: 13px;\n      font-style: normal;\n      font-weight: 600;\n      line-height: 14px; /* 107.692% */\n      letter-spacing: 0.52px;\n      text-transform: uppercase;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: var(--pl-tabs-item-max-width);\n      min-width: 60px;\n    }\n\n    &::after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      pointer-events: none;\n      border: solid var(--pl-tabs-item-border-color);\n      border-width: var(--pl-tabs-item-border-width);\n    }\n\n    &:hover:not(.active) {\n      --pl-tabs-item-border-color: var(--border-color-focus);\n      --pl-tabs-item-text-color: var(--txt-01);\n    }\n\n    &:focus-visible {\n      --pl-tabs-item-border-color: var(--border-color-focus);\n      --pl-tabs-item-border-width: 2px;\n      --pl-tabs-item-text-color: var(--txt-01);\n    }\n\n    &.active {\n      --pl-tabs-item-border-color: var(--border-color-focus);\n      --pl-tabs-item-text-color: var(--txt-01);\n    }\n  }\n\n  &.topLine {\n    --pl-tabs-item-border-width: 2px 0 0 0;\n  }\n\n  &.disabled {\n    --pl-tabs-cursor: not-allowed;\n    cursor: not-allowed;\n    * {\n      pointer-events: none;\n    }\n  }\n}\n"],"mappings":""}

package/dist/components/PlTextArea/PlTextArea.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlTextArea.js","names":[],"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 { getErrorMessage } from \"../../helpers/error.ts\";\nimport { PlSvg } from \"../PlSvg\";\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\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        <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\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"],"mappings":""}

package/dist/components/PlTextArea/PlTextArea.vue2.js

@@ -1,5 +1,104 @@
-import f from "./PlTextArea.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlTextArea.vue2.js.map
+import e from "../PlTooltip/PlTooltip.js";
+import { getErrorMessage as t } from "../../helpers/error.js";
+import n from "../PlSvg/PlSvg.js";
+import r from "../../utils/DoubleContour.js";
+import { useLabelNotch as i } from "../../utils/useLabelNotch.js";
+import a from "../../assets/images/required.js";
+import './pl-textarea.css';/* empty css            */
+import { useValidation as o } from "../../utils/useValidation.js";
+import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onMounted as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useSlots as x, vModelText as S, withCtx as C, withDirectives as w } from "vue";
+var T = { class: "ui-text-area__envelope" }, E = {
+	key: 0,
+	ref: "label"
+}, D = [
+	"readonly",
+	"rows",
+	"disabled",
+	"placeholder"
+], O = { class: "ui-text-area__append" }, k = {
+	key: 0,
+	class: "ui-text-area__error"
+}, A = {
+	key: 1,
+	class: "ui-text-area__helper"
+}, j = /* @__PURE__ */ p({
+	name: "PlTextArea",
+	props: {
+		modelValue: {},
+		label: {},
+		required: { type: Boolean },
+		error: {},
+		helper: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		dashed: { type: Boolean },
+		rows: {},
+		autogrow: { type: Boolean },
+		rules: {}
+	},
+	emits: ["update:modelValue"],
+	setup(p, { emit: j }) {
+		let M = x(), N = j, P = p, F = _(), I = _(), L = s({
+			get() {
+				return P.modelValue ?? "";
+			},
+			set(e) {
+				N("update:modelValue", e);
+			}
+		}), R = s(() => !!P.modelValue), z = o(L, P.rules || []);
+		i(F);
+		let B = s(() => {
+			let e = [], n = t(P.error);
+			return n && e.push(n), e.push(...z.value.errors), e;
+		}), V = s(() => B.value.length > 0), H = () => {
+			if (!P.autogrow) return;
+			let e = I.value;
+			e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
+		};
+		return h(() => {
+			H();
+		}), (t, i) => (g(), u("div", T, [d("div", {
+			ref_key: "root",
+			ref: F,
+			class: m(["ui-text-area", {
+				error: V.value,
+				disabled: p.disabled,
+				dashed: p.dashed,
+				nonEmpty: R.value
+			}])
+		}, [
+			p.label ? (g(), u("label", E, [
+				p.required ? (g(), c(b(n), {
+					key: 0,
+					uri: b(a)
+				}, null, 8, ["uri"])) : l("", !0),
+				d("span", null, y(p.label), 1),
+				b(M).tooltip ? (g(), c(b(e), {
+					key: 1,
+					class: "info",
+					position: "top"
+				}, {
+					tooltip: C(() => [v(t.$slots, "tooltip")]),
+					_: 3
+				})) : l("", !0)
+			], 512)) : l("", !0),
+			w(d("textarea", {
+				ref_key: "input",
+				ref: I,
+				"onUpdate:modelValue": i[0] ||= (e) => L.value = e,
+				readonly: p.readonly,
+				rows: p.rows,
+				disabled: p.disabled,
+				placeholder: p.placeholder ?? "...",
+				spellcheck: "false",
+				onInput: H
+			}, null, 40, D), [[S, L.value]]),
+			d("div", O, [v(t.$slots, "append")]),
+			f(r, { class: "ui-text-area__contour" })
+		], 2), V.value ? (g(), u("div", k, y(B.value.join(" ")), 1)) : p.helper ? (g(), u("div", A, y(p.helper), 1)) : l("", !0)]));
+	}
+});
+export { j as default };
+
+//# sourceMappingURL=PlTextArea.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlTextArea.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlTextArea.vue_vue_type_script_setup_true_lang.js","names":[],"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 { getErrorMessage } from \"../../helpers/error.ts\";\nimport { PlSvg } from \"../PlSvg\";\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\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        <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;CAGE,MAAM;;;;;;;;;;;;;;;;;EAeR,IAAM,IAAQ,GAAU,EAElB,IAAO,GAOP,IAAQ,GAmDR,IAAO,GAAuB,EAC9B,IAAQ,GAA0B,EAElC,IAAQ,EAAS;GACrB,MAAM;AACJ,WAAO,EAAM,cAAc;;GAE7B,IAAI,GAAG;AACL,MAAK,qBAAqB,EAAE;;GAE/B,CAAC,EAEI,IAAW,QAAe,CAAC,CAAC,EAAM,WAAW,EAC7C,IAAiB,EAAc,GAAO,EAAM,SAAS,EAAE,CAAC;AAE9D,IAAc,EAAK;EAEnB,IAAM,IAAgB,QAAe;GACnC,IAAM,IAAmB,EAAE,EACrB,IAAa,EAAgB,EAAM,MAAM;AAQ/C,UANI,KACF,EAAO,KAAK,EAAW,EAGzB,EAAO,KAAK,GAAG,EAAe,MAAM,OAAO,EAEpC;IACP,EAEI,IAAY,QAAe,EAAc,MAAM,SAAS,EAAE,EAE1D,UAAqB;AACzB,OAAI,CAAC,EAAM,SACT;GAEF,IAAM,IAAK,EAAM;AACjB,GAAI,MACF,EAAG,MAAM,SAAS,QAClB,EAAG,MAAM,SAAS,GAAG,EAAG,aAAa;;SAIzC,QAAgB;AACd,MAAc;IACd,kBAIA,EA8BM,OA9BN,GA8BM,CA7BJ,EAwBM,OAAA;YAxBG;GAAJ,KAAI;GAAO,OAAK,EAAA,CAAC,gBAAc;IAAA,OAAkB,EAAA;IAAS,UAAE,EAAA;IAAQ,QAAE,EAAA;IAAM,UAAE,EAAA;IAAQ,CAAA,CAAA;;GAC5E,EAAA,SAAA,GAAA,EAAb,EAQQ,SARR,GAQQ;IAPO,EAAA,YAAA,GAAA,EAAb,EAA4C,EAAA,EAAA,EAAA;;KAApB,KAAK,EAAA,EAAW;;IACxC,EAAwB,QAAA,MAAA,EAAf,EAAA,MAAK,EAAA,EAAA;IACG,EAAA,EAAK,CAAC,WAAA,GAAA,EAAvB,EAIY,EAAA,EAAA,EAAA;;KAJoB,OAAM;KAAO,UAAS;;KACzC,SAAO,QACO,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;;;KAI7B,EASE,YAAA;aARI;IAAJ,KAAI;6CACU,QAAA;IACb,UAAU,EAAA;IACV,MAAM,EAAA;IACN,UAAU,EAAA;IACV,aAAa,EAAA,eAAW;IACzB,YAAW;IACV,SAAO;yBANC,EAAA,MAAK,CAAA,CAAA;GAQhB,EAEM,OAFN,GAEM,CADJ,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA;GAExB,EAA+C,GAAA,EAAhC,OAAM,yBAAuB,CAAA;SAEnC,EAAA,SAAA,GAAA,EAAX,EAEM,OAFN,GAEM,EADD,EAAA,MAAc,KAAI,IAAA,CAAA,EAAA,EAAA,IAEP,EAAA,UAAA,GAAA,EAAhB,EAAuE,OAAvE,GAAuE,EAAf,EAAA,OAAM,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}

package/dist/components/PlTextArea/pl-textarea.css

@@ -1 +1 @@
-.ui-text-area{--contour-color: var(--txt-01);--label-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;--label-offset-left-x: 8px;--label-offset-right-x: 8px;--prefix-color: var(--color-placeholder);width:100%;min-height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none}.ui-text-area__envelope{font-family:var(--font-family-base)}.ui-text-area textarea{min-height:calc(var(--control-height) - 2px);width:100%;padding:10px 12px;border:none;font-size:inherit;background-color:transparent;color:var(--txt-01);caret-color:var(--border-color-focus);cursor:inherit;resize:none;--thumb-color: var(--ic-02);overflow-y:auto}.ui-text-area textarea::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.ui-text-area textarea::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.ui-text-area textarea::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.ui-text-area textarea:focus{outline:none}.ui-text-area textarea::placeholder{color:var(--color-placeholder)}.ui-text-area label{display:flex;align-items:center;gap:4px;position:absolute;top:-8px;left:var(--label-offset-left-x);padding:0 4px;max-width:calc(100% - 16px);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);font-size:12px;font-weight:500;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:var(--bg-elevated-01)}.ui-text-area label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.ui-text-area__contour{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.ui-text-area__append{display:flex;flex-direction:row;align-items:center;gap:4px}.ui-text-area__helper{font-size:12px;color:var(--txt-03);padding:2px 0 0;white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px;margin-top:6px}.ui-text-area__error{font-size:12px;color:var(--txt-error);padding:2px 0 0;white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px;margin-top:6px}.ui-text-area:hover{--contour-color: var(--control-hover-color)}.ui-text-area:focus-within:not(.error){--label-color: var(--txt-focus);--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.ui-text-area:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.ui-text-area.dashed .ui-text-area__contour{border-style:dashed}.ui-text-area.nonEmpty{--prefix-color: var(--txt-01)}.ui-text-area.error{--contour-color: var(--txt-error)}.ui-text-area.disabled{--contour-color: var(--color-dis-01);cursor:not-allowed;pointer-events:none}.ui-text-area.disabled *{color:var(--contour-color)}
+.ui-text-area{--contour-color:var(--txt-01);--label-color:var(--txt-01);--contour-border-width:1px;--contour-box-shadow:none;--label-offset-left-x:8px;--label-offset-right-x:8px;--prefix-color:var(--color-placeholder);width:100%;min-height:var(--control-height);border-radius:var(--border-radius-control);outline:none;flex-direction:row;align-items:center;display:flex;position:relative}.ui-text-area__envelope{font-family:var(--font-family-base)}.ui-text-area textarea{min-height:calc(var(--control-height) - 2px);width:100%;font-size:inherit;color:var(--txt-01);caret-color:var(--border-color-focus);cursor:inherit;resize:none;--thumb-color:var(--ic-02);background-color:#0000;border:none;padding:10px 12px;overflow-y:auto}.ui-text-area textarea::-webkit-scrollbar{width:var(--scrollbar-width,6px);background-color:#0000;height:5px;display:block}.ui-text-area textarea::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.ui-text-area textarea::-webkit-scrollbar-thumb:hover{--thumb-color:var(--border-color-focus)}.ui-text-area textarea:focus{outline:none}.ui-text-area textarea::placeholder{color:var(--color-placeholder)}.ui-text-area label{top:-8px;left:var(--label-offset-left-x);white-space:pre;text-overflow:ellipsis;max-width:calc(100% - 16px);cursor:inherit;color:var(--label-color);background:var(--bg-elevated-01);border-bottom-right-radius:4px;border-bottom-left-radius:4px;align-items:center;gap:4px;padding:0 4px;font-size:12px;font-weight:500;display:flex;position:absolute;overflow:hidden}.ui-text-area label>span{white-space:pre;text-overflow:ellipsis;overflow:hidden}.ui-text-area__contour{border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none;border-style:solid;position:absolute;inset:0}.ui-text-area__append{flex-direction:row;align-items:center;gap:4px;display:flex}.ui-text-area__helper{color:var(--txt-03);white-space:pre-wrap;text-overflow:ellipsis;margin-top:6px;padding:2px 0 0;font-size:12px;font-weight:500;line-height:16px}.ui-text-area__error{color:var(--txt-error);white-space:pre-wrap;text-overflow:ellipsis;margin-top:6px;padding:2px 0 0;font-size:12px;font-weight:500;line-height:16px}.ui-text-area:hover{--contour-color:var(--control-hover-color)}.ui-text-area:focus-within:not(.error){--label-color:var(--txt-focus);--contour-color:var(--border-color-focus);--contour-border-width:2px;--contour-box-shadow:0 0 0 4px var(--border-color-focus-shadow)}.ui-text-area:focus-within.error{--contour-border-width:2px;--contour-box-shadow:0 0 0 4px var(--color-error-shadow)}.ui-text-area.dashed .ui-text-area__contour{border-style:dashed}.ui-text-area.nonEmpty{--prefix-color:var(--txt-01)}.ui-text-area.error{--contour-color:var(--txt-error)}.ui-text-area.disabled{--contour-color:var(--color-dis-01);cursor:not-allowed;pointer-events:none}.ui-text-area.disabled *{color:var(--contour-color)}

package/dist/components/PlTextField/PlTextField.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlTextField.js","names":[],"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 type { Equal } from \"@milaboratories/helpers\";\nimport { computed, reactive, ref, useSlots } from \"vue\";\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport { useValidation } from \"../../utils/useValidation\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { PlSvg } from \"../PlSvg\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport \"./pl-text-field.scss\";\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   * Makes some of corners not rounded\n   * */\n  groupPosition?:\n    | \"top\"\n    | \"bottom\"\n    | \"left\"\n    | \"right\"\n    | \"top-left\"\n    | \"top-right\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"middle\";\n}>();\n\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(\n  () => props.clearable && nonEmpty.value && props.type !== \"password\" && !props.disabled,\n);\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        <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\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\n          v-if=\"canShowClearable\"\n          class=\"pl-text-field__clearable\"\n          name=\"delete-clear\"\n          @click.stop=\"clear\"\n        />\n        <PlIcon24\n          v-if=\"type === 'password'\"\n          :name=\"passwordIcon\"\n          style=\"cursor: pointer\"\n          @click.stop=\"togglePasswordVisibility\"\n        />\n        <slot name=\"append\" />\n      </div>\n      <DoubleContour class=\"pl-text-field__contour\" :group-position=\"groupPosition\" />\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"],"mappings":""}

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

@@ -70,9 +70,7 @@ declare const _default: <M, E = string, C = E>(__VLS_props: NonNullable<Awaited<
         append?(_: {}): any;
     };
     emit: (evt: "update:modelValue", value: Equal<M, E | C> extends true ? M : never) => void;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"PlTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTextField/PlTextField.vue"],"names":[],"mappings":"AA8PA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAWrD,OAAO,sBAAsB,CAAC;AAG9B;;GAEG;yBACc,CAAC,EAAE,CAAC,WAAW,CAAC,mBACnB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4Y1D,mBAAmB,CAAC;;;;;QA9X1B;;WAEG;gBACK,MAAM;QACd;;;WAGG;oBACS,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;QAC/B;;;WAGG;gBACK,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC;QACxB;;WAEG;mBACQ,OAAO;QAClB;;WAEG;gBACK,OAAO;QACf;;WAEG;iBACM,MAAM;QACf;;WAEG;sBACW,MAAM;QACpB;;WAEG;mBACQ,OAAO;QAClB;;WAEG;iBACM,OAAO;QAChB;;WAEG;iBACM,MAAM;QACf;;WAEG;gBACK,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO,GAAG,MAAM,CAAC,EAAE;QAC3C;;WAEG;eACI,UAAU;QACjB;;aAEK;wBAED,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,QAAQ;oBAgUgF,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAtDmB,GAAG;wBACJ,GAAG;;;;;;YA0DY,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtZvE,wBAsZ4E;AAG5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PlTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTextField/PlTextField.vue"],"names":[],"mappings":"AA8PA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAWrD,OAAO,sBAAsB,CAAC;AAG9B;;GAEG;yBACc,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,EACpC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA2YO,mBAAmB,CAAC;;;;;QA9X1B;;WAEG;gBACK,MAAM;QACd;;;WAGG;oBACS,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;QAC/B;;;WAGG;gBACK,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC;QACxB;;WAEG;mBACQ,OAAO;QAClB;;WAEG;gBACK,OAAO;QACf;;WAEG;iBACM,MAAM;QACf;;WAEG;sBACW,MAAM;QACpB;;WAEG;mBACQ,OAAO;QAClB;;WAEG;iBACM,OAAO;QAChB;;WAEG;iBACM,MAAM;QACf;;WAEG;gBACK,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO,GAAG,MAAM,CAAC,EAAE;QAC3C;;WAEG;eACI,UAAU;QACjB;;aAEK;wBAED,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,QAAQ;oBAgUgF,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAtDmB,GAAG;wBACJ,GAAG;;;EAyD5B,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAtZzE,wBAsZ4E;AAG5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}