@milaboratories/uikit 2.16.0 → 2.16.1

package/dist/components/PlNumberField/index.js

@@ -1 +1 @@
-import "./PlNumberField.js";
+export { default as PlNumberField } from "./PlNumberField.js";

package/dist/components/PlNumberField/parseNumber.js

@@ -1,4 +1,4 @@
-//#region src/components/PlNumberField/parseNumber.ts
+// src/components/PlNumberField/parseNumber.ts
 var e = /^-?\d+(\.\d+)?e[+-]?\d+$/i, t = /^-?\d+(\.\d+)?e[+-]?$/i;
 function n(e) {
 	return e === "-" || e === "." || e === "-.";
@@ -34,7 +34,6 @@ function o(e) {
 function s(e, t) {
 	return t.minValue !== void 0 && e < t.minValue ? `Value must be higher than ${t.minValue}` : t.maxValue !== void 0 && e > t.maxValue ? `Value must be less than ${t.maxValue}` : t.validate?.(e);
 }
-//#endregion
 export { o as numberToDecimalString, a as tryParseNumber, s as validateNumber };
 
 //# sourceMappingURL=parseNumber.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"parseNumber.js","names":[],"sources":["../../../src/components/PlNumberField/parseNumber.ts"],"sourcesContent":["/**\n * Strict number parser. No locale guessing, no normalization.\n * Non-canonical forms (leading zeros, trailing dots, etc.) are accepted —\n * formatting to canonical form happens on blur/enter in the component.\n *\n * Input/output table (covers ~90% of real cases):\n *\n * | Input               | Result                          | Reason                          |\n * |---------------------|---------------------------------|---------------------------------|\n * | \"\"                  | {}                              | empty                           |\n * | \"-\"                 | {}                              | partial                         | apply blur/enter format\n * | \".\"                 | {}                              | partial                         | apply blur/enter format\n * | \"-.\"                | {}                              | partial                         | apply blur/enter format\n * | \"123.\"              | { value: 123 }                  | trailing dot                    | apply blur/enter format\n * | \"1e\"                | { value: 1 }                    | partial exp → 1e+0              | apply blur/enter format\n * | \"1e-\"               | { value: 1 }                    | partial exp → 1e-0              | apply blur/enter format\n * | \"1e+\"               | { value: 1 }                    | partial exp → 1e+0              | apply blur/enter format\n * | \"123\"               | { value: 123 }                  | exact match                     |\n * | \"-5\"                | { value: -5 }                   | exact match                     |\n * | \"0.5\"               | { value: 0.5 }                  | exact match                     |\n * | \"0.0000000001\"      | { value: 1e-10 }                | decimal form matches            |\n * | \"1e-5\"              | { value: 0.00001 }              | exponential notation            | apply blur/enter format\n * | \"2e+10\"             | { value: 2e10 }                 | exponential notation            | apply blur/enter format\n * | \".5\"                | { value: 0.5 }                  | not canonical                   | apply blur/enter format\n * | \"01\"                | { value: 1 }                    | leading zero                    | apply blur/enter format\n * | \"1.0\"               | { value: 1 }                    | trailing zero                   | apply blur/enter format\n * | \"1.10\"              | { value: 1.1 }                  | trailing zero                   | apply blur/enter format\n * | \"+5\"                | { value: 5 }                    | unnecessary plus                | apply blur/enter format\n * | \"1,5\"               | { error: \"...separator...\" }    | comma instead of dot            |\n * | \"1.232,111\"         | { error: \"...separator...\" }    | EU locale format                |\n * | \"1.237.62\"          | { error: \"...separator...\" }    | multiple dots (EU thousands)    |\n * | \"555.555.555,100\"   | { error: \"...separator...\" }    | EU locale format                |\n * | \"1,222,333.05\"      | { error: \"...separator...\" }    | US locale format                |\n * | \"abc\"               | { error: \"not a number\" }       | letters                         |\n * | \"12abc\"             | { error: \"not a number\" }       | letters mixed in                |\n * | \"1.237.asdf62\"      | { error: \"not a number\" }       | letters mixed in                |\n * | \"9007199254740993\"  | { error: \"precision...\" }       | integer exceeds safe range      |\n * | \"0.1234567890123456789\" | { error: \"precision...\" }    | too many digits for float64     |\n */\n\nexport type ParseResult =\n  | { value: number; error?: undefined }\n  | { value?: undefined; error: string }\n  | { value?: undefined; error?: undefined };\n\nconst EXP_RE = /^-?\\d+(\\.\\d+)?e[+-]?\\d+$/i;\nconst EXP_PARTIAL_RE = /^-?\\d+(\\.\\d+)?e[+-]?$/i;\n\n/** \"-\", \".\", \"-.\" — NaN for Number() but clearly in-progress typing */\nfunction isPartialInput(str: string): boolean {\n  return str === \"-\" || str === \".\" || str === \"-.\";\n}\n\n/**\n * Normalize a decimal string by removing cosmetic differences:\n * leading +, leading zeros, trailing zeros after decimal, trailing dot.\n * Used to compare user input with canonical float representation.\n */\nfunction normalizeDecimalString(s: string): string {\n  let sign = \"\";\n  if (s.startsWith(\"-\")) {\n    sign = \"-\";\n    s = s.slice(1);\n  } else if (s.startsWith(\"+\")) {\n    s = s.slice(1);\n  }\n\n  // Remove leading zeros (keep one before decimal point)\n  s = s.replace(/^0+(?=\\d)/, \"\");\n  if (s.startsWith(\".\")) s = \"0\" + s;\n\n  // Remove trailing zeros after decimal point, then trailing dot\n  if (s.includes(\".\")) {\n    s = s.replace(/0+$/, \"\").replace(/\\.$/, \"\");\n  }\n\n  if (s === \"\" || s === \"0\") return \"0\";\n\n  return sign + s;\n}\n\n/** Complete partial exponential: \"1e\" → \"1e+0\", \"1e-\" → \"1e-0\", \"1e+\" → \"1e+0\" */\nfunction completeExponential(str: string): string {\n  if (/e$/i.test(str)) return str + \"+0\";\n  if (/e[+-]$/i.test(str)) return str + \"0\";\n  return str;\n}\n\nexport function tryParseNumber(str: string): ParseResult {\n  str = str.trim();\n  if (str === \"\") return {};\n  if (isPartialInput(str)) return {};\n\n  // Exponential notation (full or partial)\n  if (EXP_RE.test(str) || EXP_PARTIAL_RE.test(str)) {\n    const completed = completeExponential(str);\n    const n = Number(completed);\n    if (!Number.isFinite(n)) return { error: \"Value is not a number\" };\n    return { value: n };\n  }\n\n  const n = Number(str);\n  if (!Number.isFinite(n)) {\n    // Only digits, dots, commas, sign, spaces → likely a locale/format issue\n    if (/^[-+]?[\\d.,\\s]+$/.test(str)) {\n      return { error: \"Use dot as decimal separator, e.g. 3.14\" };\n    }\n    return { error: \"Value is not a number\" };\n  }\n\n  // Precision loss: input has more precision than float64 can represent\n  const canonical = numberToDecimalString(n);\n  const normalized = normalizeDecimalString(str);\n  if (normalized !== canonical) {\n    return { error: `Precision exceeded, actual value: ${canonical}` };\n  }\n\n  return { value: n };\n}\n\n/**\n * Converts a number to a plain decimal string (no exponential notation).\n * E.g. 1e-7 → \"0.0000001\", 2e+21 → \"2000000000000000000000\"\n */\nexport function numberToDecimalString(n: number | undefined): string {\n  if (n === undefined) return \"\";\n  const s = String(n);\n  if (!s.includes(\"e\") && !s.includes(\"E\")) return s;\n  try {\n    return n.toFixed(20).replace(/\\.?0+$/, \"\");\n  } catch {\n    return s;\n  }\n}\n\nexport function validateNumber(\n  value: number,\n  props: {\n    minValue?: number;\n    maxValue?: number;\n    validate?: (v: number) => string | undefined;\n  },\n): string | undefined {\n  if (props.minValue !== undefined && value < props.minValue) {\n    return `Value must be higher than ${props.minValue}`;\n  }\n  if (props.maxValue !== undefined && value > props.maxValue) {\n    return `Value must be less than ${props.maxValue}`;\n  }\n  return props.validate?.(value);\n}\n"],"mappings":";AA6CA,IAAM,IAAS,6BACT,IAAiB;AAGvB,SAAS,EAAe,GAAsB;AAC5C,QAAO,MAAQ,OAAO,MAAQ,OAAO,MAAQ;;AAQ/C,SAAS,EAAuB,GAAmB;CACjD,IAAI,IAAO;AAmBX,QAlBI,EAAE,WAAW,IAAI,IACnB,IAAO,KACP,IAAI,EAAE,MAAM,EAAE,IACL,EAAE,WAAW,IAAI,KAC1B,IAAI,EAAE,MAAM,EAAE,GAIhB,IAAI,EAAE,QAAQ,aAAa,GAAG,EAC1B,EAAE,WAAW,IAAI,KAAE,IAAI,MAAM,IAG7B,EAAE,SAAS,IAAI,KACjB,IAAI,EAAE,QAAQ,OAAO,GAAG,CAAC,QAAQ,OAAO,GAAG,GAGzC,MAAM,MAAM,MAAM,MAAY,MAE3B,IAAO;;AAIhB,SAAS,EAAoB,GAAqB;AAGhD,QAFI,MAAM,KAAK,EAAI,GAAS,IAAM,OAC9B,UAAU,KAAK,EAAI,GAAS,IAAM,MAC/B;;AAGT,SAAgB,EAAe,GAA0B;AAGvD,KAFA,IAAM,EAAI,MAAM,EACZ,MAAQ,MACR,EAAe,EAAI,CAAE,QAAO,EAAE;AAGlC,KAAI,EAAO,KAAK,EAAI,IAAI,EAAe,KAAK,EAAI,EAAE;EAChD,IAAM,IAAY,EAAoB,EAAI,EACpC,IAAI,OAAO,EAAU;AAE3B,SADK,OAAO,SAAS,EAAE,GAChB,EAAE,OAAO,GAAG,GADa,EAAE,OAAO,yBAAyB;;CAIpE,IAAM,IAAI,OAAO,EAAI;AACrB,KAAI,CAAC,OAAO,SAAS,EAAE,CAKrB,QAHI,mBAAmB,KAAK,EAAI,GACvB,EAAE,OAAO,2CAA2C,GAEtD,EAAE,OAAO,yBAAyB;CAI3C,IAAM,IAAY,EAAsB,EAAE;AAM1C,QALmB,EAAuB,EAAI,KAC3B,IAIZ,EAAE,OAAO,GAAG,GAHV,EAAE,OAAO,qCAAqC,KAAa;;AAUtE,SAAgB,EAAsB,GAA+B;AACnE,KAAI,MAAM,KAAA,EAAW,QAAO;CAC5B,IAAM,IAAI,OAAO,EAAE;AACnB,KAAI,CAAC,EAAE,SAAS,IAAI,IAAI,CAAC,EAAE,SAAS,IAAI,CAAE,QAAO;AACjD,KAAI;AACF,SAAO,EAAE,QAAQ,GAAG,CAAC,QAAQ,UAAU,GAAG;SACpC;AACN,SAAO;;;AAIX,SAAgB,EACd,GACA,GAKoB;AAOpB,QANI,EAAM,aAAa,KAAA,KAAa,IAAQ,EAAM,WACzC,6BAA6B,EAAM,aAExC,EAAM,aAAa,KAAA,KAAa,IAAQ,EAAM,WACzC,2BAA2B,EAAM,aAEnC,EAAM,WAAW,EAAM"}
+{"version":3,"file":"parseNumber.js","names":["EXP_RE","EXP_PARTIAL_RE","isPartialInput","str","normalizeDecimalString","sign","s","completeExponential","tryParseNumber","completed","n","canonical","numberToDecimalString","validateNumber","props","value"],"sources":["../../../src/components/PlNumberField/parseNumber.ts"],"sourcesContent":["/**\n * Strict number parser. No locale guessing, no normalization.\n * Non-canonical forms (leading zeros, trailing dots, etc.) are accepted —\n * formatting to canonical form happens on blur/enter in the component.\n *\n * Input/output table (covers ~90% of real cases):\n *\n * | Input               | Result                          | Reason                          |\n * |---------------------|---------------------------------|---------------------------------|\n * | \"\"                  | {}                              | empty                           |\n * | \"-\"                 | {}                              | partial                         | apply blur/enter format\n * | \".\"                 | {}                              | partial                         | apply blur/enter format\n * | \"-.\"                | {}                              | partial                         | apply blur/enter format\n * | \"123.\"              | { value: 123 }                  | trailing dot                    | apply blur/enter format\n * | \"1e\"                | { value: 1 }                    | partial exp → 1e+0              | apply blur/enter format\n * | \"1e-\"               | { value: 1 }                    | partial exp → 1e-0              | apply blur/enter format\n * | \"1e+\"               | { value: 1 }                    | partial exp → 1e+0              | apply blur/enter format\n * | \"123\"               | { value: 123 }                  | exact match                     |\n * | \"-5\"                | { value: -5 }                   | exact match                     |\n * | \"0.5\"               | { value: 0.5 }                  | exact match                     |\n * | \"0.0000000001\"      | { value: 1e-10 }                | decimal form matches            |\n * | \"1e-5\"              | { value: 0.00001 }              | exponential notation            | apply blur/enter format\n * | \"2e+10\"             | { value: 2e10 }                 | exponential notation            | apply blur/enter format\n * | \".5\"                | { value: 0.5 }                  | not canonical                   | apply blur/enter format\n * | \"01\"                | { value: 1 }                    | leading zero                    | apply blur/enter format\n * | \"1.0\"               | { value: 1 }                    | trailing zero                   | apply blur/enter format\n * | \"1.10\"              | { value: 1.1 }                  | trailing zero                   | apply blur/enter format\n * | \"+5\"                | { value: 5 }                    | unnecessary plus                | apply blur/enter format\n * | \"1,5\"               | { error: \"...separator...\" }    | comma instead of dot            |\n * | \"1.232,111\"         | { error: \"...separator...\" }    | EU locale format                |\n * | \"1.237.62\"          | { error: \"...separator...\" }    | multiple dots (EU thousands)    |\n * | \"555.555.555,100\"   | { error: \"...separator...\" }    | EU locale format                |\n * | \"1,222,333.05\"      | { error: \"...separator...\" }    | US locale format                |\n * | \"abc\"               | { error: \"not a number\" }       | letters                         |\n * | \"12abc\"             | { error: \"not a number\" }       | letters mixed in                |\n * | \"1.237.asdf62\"      | { error: \"not a number\" }       | letters mixed in                |\n * | \"9007199254740993\"  | { error: \"precision...\" }       | integer exceeds safe range      |\n * | \"0.1234567890123456789\" | { error: \"precision...\" }    | too many digits for float64     |\n */\n\nexport type ParseResult =\n  | { value: number; error?: undefined }\n  | { value?: undefined; error: string }\n  | { value?: undefined; error?: undefined };\n\nconst EXP_RE = /^-?\\d+(\\.\\d+)?e[+-]?\\d+$/i;\nconst EXP_PARTIAL_RE = /^-?\\d+(\\.\\d+)?e[+-]?$/i;\n\n/** \"-\", \".\", \"-.\" — NaN for Number() but clearly in-progress typing */\nfunction isPartialInput(str: string): boolean {\n  return str === \"-\" || str === \".\" || str === \"-.\";\n}\n\n/**\n * Normalize a decimal string by removing cosmetic differences:\n * leading +, leading zeros, trailing zeros after decimal, trailing dot.\n * Used to compare user input with canonical float representation.\n */\nfunction normalizeDecimalString(s: string): string {\n  let sign = \"\";\n  if (s.startsWith(\"-\")) {\n    sign = \"-\";\n    s = s.slice(1);\n  } else if (s.startsWith(\"+\")) {\n    s = s.slice(1);\n  }\n\n  // Remove leading zeros (keep one before decimal point)\n  s = s.replace(/^0+(?=\\d)/, \"\");\n  if (s.startsWith(\".\")) s = \"0\" + s;\n\n  // Remove trailing zeros after decimal point, then trailing dot\n  if (s.includes(\".\")) {\n    s = s.replace(/0+$/, \"\").replace(/\\.$/, \"\");\n  }\n\n  if (s === \"\" || s === \"0\") return \"0\";\n\n  return sign + s;\n}\n\n/** Complete partial exponential: \"1e\" → \"1e+0\", \"1e-\" → \"1e-0\", \"1e+\" → \"1e+0\" */\nfunction completeExponential(str: string): string {\n  if (/e$/i.test(str)) return str + \"+0\";\n  if (/e[+-]$/i.test(str)) return str + \"0\";\n  return str;\n}\n\nexport function tryParseNumber(str: string): ParseResult {\n  str = str.trim();\n  if (str === \"\") return {};\n  if (isPartialInput(str)) return {};\n\n  // Exponential notation (full or partial)\n  if (EXP_RE.test(str) || EXP_PARTIAL_RE.test(str)) {\n    const completed = completeExponential(str);\n    const n = Number(completed);\n    if (!Number.isFinite(n)) return { error: \"Value is not a number\" };\n    return { value: n };\n  }\n\n  const n = Number(str);\n  if (!Number.isFinite(n)) {\n    // Only digits, dots, commas, sign, spaces → likely a locale/format issue\n    if (/^[-+]?[\\d.,\\s]+$/.test(str)) {\n      return { error: \"Use dot as decimal separator, e.g. 3.14\" };\n    }\n    return { error: \"Value is not a number\" };\n  }\n\n  // Precision loss: input has more precision than float64 can represent\n  const canonical = numberToDecimalString(n);\n  const normalized = normalizeDecimalString(str);\n  if (normalized !== canonical) {\n    return { error: `Precision exceeded, actual value: ${canonical}` };\n  }\n\n  return { value: n };\n}\n\n/**\n * Converts a number to a plain decimal string (no exponential notation).\n * E.g. 1e-7 → \"0.0000001\", 2e+21 → \"2000000000000000000000\"\n */\nexport function numberToDecimalString(n: number | undefined): string {\n  if (n === undefined) return \"\";\n  const s = String(n);\n  if (!s.includes(\"e\") && !s.includes(\"E\")) return s;\n  try {\n    return n.toFixed(20).replace(/\\.?0+$/, \"\");\n  } catch {\n    return s;\n  }\n}\n\nexport function validateNumber(\n  value: number,\n  props: {\n    minValue?: number;\n    maxValue?: number;\n    validate?: (v: number) => string | undefined;\n  },\n): string | undefined {\n  if (props.minValue !== undefined && value < props.minValue) {\n    return `Value must be higher than ${props.minValue}`;\n  }\n  if (props.maxValue !== undefined && value > props.maxValue) {\n    return `Value must be less than ${props.maxValue}`;\n  }\n  return props.validate?.(value);\n}\n"],"mappings":";AA6CA,IAAMA,IAAS,6BACTC,IAAiB;AAGvB,SAASC,EAAe,GAAsB;CAC5C,OAAOC,MAAQ,OAAOA,MAAQ,OAAOA,MAAQ;AAC/C;AAOA,SAASC,EAAuB,GAAmB;CACjD,IAAIC,IAAO;CAmBX,OAlBIC,EAAE,WAAW,GAAG,KAClB,IAAO,KACP,IAAIA,EAAE,MAAM,CAAC,KACJA,EAAE,WAAW,GAAG,MACzB,IAAIA,EAAE,MAAM,CAAC,IAIf,IAAIA,EAAE,QAAQ,aAAa,EAAE,GACzBA,EAAE,WAAW,GAAG,MAAG,IAAI,MAAMA,IAG7BA,EAAE,SAAS,GAAG,MAChB,IAAIA,EAAE,QAAQ,OAAO,EAAE,CAAC,CAAC,QAAQ,OAAO,EAAE,IAGxCA,MAAM,MAAMA,MAAM,MAAY,MAE3BD,IAAOC;AAChB;AAGA,SAASC,EAAoB,GAAqB;CAGhD,OAFI,MAAM,KAAKJ,CAAG,IAAUA,IAAM,OAC9B,UAAU,KAAKA,CAAG,IAAUA,IAAM,MAC/BA;AACT;AAEA,SAAgBK,EAAe,GAA0B;CAGvD,IAFA,IAAML,EAAI,KAAK,GACXA,MAAQ,MACRD,EAAeC,CAAG,GAAG,OAAO,CAAC;CAGjC,IAAIH,EAAO,KAAKG,CAAG,KAAKF,EAAe,KAAKE,CAAG,GAAG;EAChD,IAAMM,IAAYF,EAAoBJ,CAAG,GACnCO,IAAI,OAAOD,CAAS;EAE1B,OADK,OAAO,SAASC,CAAC,IACf,EAAE,OAAOA,EAAE,IADc,EAAE,OAAO,wBAAwB;CAEnE;CAEA,IAAMA,IAAI,OAAOP,CAAG;CACpB,IAAI,CAAC,OAAO,SAASO,CAAC,GAKpB,OAHI,mBAAmB,KAAKP,CAAG,IACtB,EAAE,OAAO,0CAA0C,IAErD,EAAE,OAAO,wBAAwB;CAI1C,IAAMQ,IAAYC,EAAsBF,CAAC;CAMzC,OALmBN,EAAuBD,CACtC,MAAeQ,IAIZ,EAAE,OAAOD,EAAE,IAHT,EAAE,OAAO,qCAAqCC,IAAY;AAIrE;AAMA,SAAgBC,EAAsB,GAA+B;CACnE,IAAIF,MAAM,KAAA,GAAW,OAAO;CAC5B,IAAMJ,IAAI,OAAOI,CAAC;CAClB,IAAI,CAACJ,EAAE,SAAS,GAAG,KAAK,CAACA,EAAE,SAAS,GAAG,GAAG,OAAOA;CACjD,IAAI;EACF,OAAOI,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,UAAU,EAAE;CAC3C,QAAQ;EACN,OAAOJ;CACT;AACF;AAEA,SAAgBO,EACd,GACA,GAKoB;CAOpB,OANIC,EAAM,aAAa,KAAA,KAAaC,IAAQD,EAAM,WACzC,6BAA6BA,EAAM,aAExCA,EAAM,aAAa,KAAA,KAAaC,IAAQD,EAAM,WACzC,2BAA2BA,EAAM,aAEnCA,EAAM,WAAWC,CAAK;AAC/B"}

package/dist/components/PlProgressBar/PlProgressBar.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlProgressBar.js","names":[],"sources":["../../../src/components/PlProgressBar/PlProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    loading: boolean;\n    progress: number;\n    completeMessage: string;\n  }>(),\n  { progress: 0, completeMessage: \"Completed\" },\n);\n\nconst readyMsg = computed(() => (props.progress === 100 ? props.completeMessage : \"\"));\n</script>\n\n<template>\n  <div v-if=\"loading\" data-testid=\"pl-progress-bar\" class=\"ui-progress-bar\">\n    <div\n      data-testid=\"pl-progress-bar-indicator\"\n      class=\"ui-progress-bar__indicator\"\n      :style=\"{ width: progress + '%' }\"\n    />\n    <div class=\"ui-progress-bar__messages d-flex align-center pl-6 pr-6\">\n      <div data-testid=\"pl-progress-bar-message\" class=\"ui-progress-bar__message flex-grow-1\">\n        {{ readyMsg }}\n      </div>\n      <div data-testid=\"pl-progress-bar-percent\" class=\"ui-progress-bar__percent\">\n        {{ progress + \"%\" }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlProgressBar.js","names":["_sfc_main","PlProgressBar_vue_vue_type_script_setup_true_lang_default","PlProgressBar_default"],"sources":["../../../src/components/PlProgressBar/PlProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    loading: boolean;\n    progress: number;\n    completeMessage: string;\n  }>(),\n  { progress: 0, completeMessage: \"Completed\" },\n);\n\nconst readyMsg = computed(() => (props.progress === 100 ? props.completeMessage : \"\"));\n</script>\n\n<template>\n  <div v-if=\"loading\" data-testid=\"pl-progress-bar\" class=\"ui-progress-bar\">\n    <div\n      data-testid=\"pl-progress-bar-indicator\"\n      class=\"ui-progress-bar__indicator\"\n      :style=\"{ width: progress + '%' }\"\n    />\n    <div class=\"ui-progress-bar__messages d-flex align-center pl-6 pr-6\">\n      <div data-testid=\"pl-progress-bar-message\" class=\"ui-progress-bar__message flex-grow-1\">\n        {{ readyMsg }}\n      </div>\n      <div data-testid=\"pl-progress-bar-percent\" class=\"ui-progress-bar__percent\">\n        {{ progress + \"%\" }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlProgressBar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlProgressBar/PlProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    loading: boolean;\n    progress: number;\n    completeMessage: string;\n  }>(),\n  { progress: 0, completeMessage: \"Completed\" },\n);\n\nconst readyMsg = computed(() => (props.progress === 100 ? props.completeMessage : \"\"));\n</script>\n\n<template>\n  <div v-if=\"loading\" data-testid=\"pl-progress-bar\" class=\"ui-progress-bar\">\n    <div\n      data-testid=\"pl-progress-bar-indicator\"\n      class=\"ui-progress-bar__indicator\"\n      :style=\"{ width: progress + '%' }\"\n    />\n    <div class=\"ui-progress-bar__messages d-flex align-center pl-6 pr-6\">\n      <div data-testid=\"pl-progress-bar-message\" class=\"ui-progress-bar__message flex-grow-1\">\n        {{ readyMsg }}\n      </div>\n      <div data-testid=\"pl-progress-bar-percent\" class=\"ui-progress-bar__percent\">\n        {{ progress + \"%\" }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAGA,IAAM,IAAQ,GASR,IAAW,QAAgB,EAAM,aAAa,MAAM,EAAM,kBAAkB,GAAI;mBAIzE,EAAA,WAAA,GAAA,EAAX,EAcM,OAdN,GAcM,CAbJ,EAIE,OAAA;GAHA,eAAY;GACZ,OAAM;GACL,OAAK,EAAA,EAAA,OAAW,EAAA,WAAQ,KAAA,CAAA;eAE3B,EAOM,OAPN,GAOM,CANJ,EAEM,OAFN,GAEM,EADD,EAAA,MAAQ,EAAA,EAAA,EAEb,EAEM,OAFN,GAEM,EADD,EAAA,WAAQ,IAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}
+{"version":3,"file":"PlProgressBar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeStyle","_toDisplayString","_createCommentVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","PlProgressBar_vue_vue_type_script_setup_true_lang_default","props","__props","readyMsg","computed","openBlock","createElementBlock","createElementVNode","normalizeStyle","toDisplayString","createCommentVNode"],"sources":["../../../src/components/PlProgressBar/PlProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nconst props = withDefaults(\n  defineProps<{\n    loading: boolean;\n    progress: number;\n    completeMessage: string;\n  }>(),\n  { progress: 0, completeMessage: \"Completed\" },\n);\n\nconst readyMsg = computed(() => (props.progress === 100 ? props.completeMessage : \"\"));\n</script>\n\n<template>\n  <div v-if=\"loading\" data-testid=\"pl-progress-bar\" class=\"ui-progress-bar\">\n    <div\n      data-testid=\"pl-progress-bar-indicator\"\n      class=\"ui-progress-bar__indicator\"\n      :style=\"{ width: progress + '%' }\"\n    />\n    <div class=\"ui-progress-bar__messages d-flex align-center pl-6 pr-6\">\n      <div data-testid=\"pl-progress-bar-message\" class=\"ui-progress-bar__message flex-grow-1\">\n        {{ readyMsg }}\n      </div>\n      <div data-testid=\"pl-progress-bar-percent\" class=\"ui-progress-bar__percent\">\n        {{ progress + \"%\" }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAGA,IAAMW,IAAQC,GASRC,IAAWC,QAAgBH,EAAM,aAAa,MAAMA,EAAM,kBAAkB,EAAG;E,iBAIxEC,EAAA,WAAXZ,EAAA,GAAAC,EAcM,OAdNK,GAcM,CAbJJ,EAIE,OAAA;GAHA,eAAY;GACZ,OAAM;GACL,OAAKC,EAAA,EAAA,OAAWS,EAAA,WAAQ,IAAA,CAAA;E,aAE3BV,EAOM,OAPNK,GAOM,CANJL,EAEM,OAFNM,GAEMJ,EADDS,EAAA,KAAQ,GAAA,CAAA,GAEbX,EAEM,OAFNO,GAEML,EADDQ,EAAA,WAAQ,GAAA,GAAA,CAAA,C"}

package/dist/components/PlProgressBar/index.js

@@ -1 +1 @@
-import "./PlProgressBar.js";
+export { default as PlProgressBar } from "./PlProgressBar.js";

package/dist/components/PlProgressCell/PlProgressCell.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlProgressCell.js","names":[],"sources":["../../../src/components/PlProgressCell/PlProgressCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-progress-cell.scss\";\nimport { computed } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport type { PlProgressCellProps } from \"./types\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\n\nconst props = withDefaults(defineProps<PlProgressCellProps>(), {\n  stage: \"not_started\",\n  step: \"\", // main text (left)\n  progressString: \"\", // appended text on the right side (right)\n  progress: undefined,\n  error: undefined,\n});\n\nconst canShowWhiteBg = computed(() => props.stage !== \"not_started\");\n\nconst currentProgress = computed(() =>\n  props.stage === \"done\" ? 100 : Math.min(100, props.progress || 0),\n);\n\nconst canShowInfinityLoader = computed(\n  () =>\n    props.progress === undefined &&\n    props.stage !== \"done\" &&\n    props.stage !== \"not_started\" &&\n    !props.error,\n);\n</script>\n\n<template>\n  <div\n    data-testid=\"pl-progress-cell\"\n    :class=\"{\n      'progress-cell': true,\n      'progress-cell__white-bg': canShowWhiteBg,\n      error,\n      'not-started': props.stage === 'not_started',\n    }\"\n  >\n    <div\n      v-if=\"canShowInfinityLoader\"\n      data-testid=\"pl-progress-cell-infinity-loader\"\n      class=\"progress-cell__infinity-loader\"\n    >\n      <div class=\"progress-cell__infinity-gradient\" />\n    </div>\n    <div\n      v-if=\"!canShowInfinityLoader && !error\"\n      data-testid=\"pl-progress-cell-indicator\"\n      class=\"progress-cell__indicator\"\n      :style=\"{ width: currentProgress + '%' }\"\n    />\n    <div class=\"progress-cell__body\">\n      <div data-testid=\"pl-progress-cell-stage\" class=\"progress-cell__stage text-s\">\n        {{ error ? getErrorMessage(error) : step }}\n      </div>\n      <div\n        data-testid=\"pl-progress-cell-percentage\"\n        class=\"progress-cell__percentage text-s d-flex align-center justify-end\"\n      >\n        <PlMaskIcon24 v-if=\"error\" data-testid=\"pl-progress-cell-error-icon\" name=\"error\" />\n        <template v-if=\"!error\">\n          {{ progressString }}\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlProgressCell.js","names":["_sfc_main","PlProgressCell_vue_vue_type_script_setup_true_lang_default","PlProgressCell_default"],"sources":["../../../src/components/PlProgressCell/PlProgressCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-progress-cell.scss\";\nimport { computed } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport type { PlProgressCellProps } from \"./types\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\n\nconst props = withDefaults(defineProps<PlProgressCellProps>(), {\n  stage: \"not_started\",\n  step: \"\", // main text (left)\n  progressString: \"\", // appended text on the right side (right)\n  progress: undefined,\n  error: undefined,\n});\n\nconst canShowWhiteBg = computed(() => props.stage !== \"not_started\");\n\nconst currentProgress = computed(() =>\n  props.stage === \"done\" ? 100 : Math.min(100, props.progress || 0),\n);\n\nconst canShowInfinityLoader = computed(\n  () =>\n    props.progress === undefined &&\n    props.stage !== \"done\" &&\n    props.stage !== \"not_started\" &&\n    !props.error,\n);\n</script>\n\n<template>\n  <div\n    data-testid=\"pl-progress-cell\"\n    :class=\"{\n      'progress-cell': true,\n      'progress-cell__white-bg': canShowWhiteBg,\n      error,\n      'not-started': props.stage === 'not_started',\n    }\"\n  >\n    <div\n      v-if=\"canShowInfinityLoader\"\n      data-testid=\"pl-progress-cell-infinity-loader\"\n      class=\"progress-cell__infinity-loader\"\n    >\n      <div class=\"progress-cell__infinity-gradient\" />\n    </div>\n    <div\n      v-if=\"!canShowInfinityLoader && !error\"\n      data-testid=\"pl-progress-cell-indicator\"\n      class=\"progress-cell__indicator\"\n      :style=\"{ width: currentProgress + '%' }\"\n    />\n    <div class=\"progress-cell__body\">\n      <div data-testid=\"pl-progress-cell-stage\" class=\"progress-cell__stage text-s\">\n        {{ error ? getErrorMessage(error) : step }}\n      </div>\n      <div\n        data-testid=\"pl-progress-cell-percentage\"\n        class=\"progress-cell__percentage text-s d-flex align-center justify-end\"\n      >\n        <PlMaskIcon24 v-if=\"error\" data-testid=\"pl-progress-cell-error-icon\" name=\"error\" />\n        <template v-if=\"!error\">\n          {{ progressString }}\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -3,7 +3,7 @@ import t from "../PlIcon24/PlIcon24.js";
 import "../PlMaskIcon24/index.js";
 import './pl-progress-cell.css';/* empty css                 */
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, toDisplayString as p, unref as m } from "vue";
-//#region src/components/PlProgressCell/PlProgressCell.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlProgressCell/PlProgressCell.vue?vue&type=script&setup=true&lang.ts
 var h = {
 	key: 0,
 	"data-testid": "pl-progress-cell-infinity-loader",
@@ -14,7 +14,7 @@ var h = {
 }, v = {
 	"data-testid": "pl-progress-cell-percentage",
 	class: "progress-cell__percentage text-s d-flex align-center justify-end"
-}, y = /* @__PURE__ */ l({
+}, y = /*@__PURE__*/ l({
 	__name: "PlProgressCell",
 	props: {
 		stage: { default: "not_started" },
@@ -49,7 +49,6 @@ var h = {
 		], 2));
 	}
 });
-//#endregion
 export { y as default };
 
 //# sourceMappingURL=PlProgressCell.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlProgressCell.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlProgressCell/PlProgressCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-progress-cell.scss\";\nimport { computed } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport type { PlProgressCellProps } from \"./types\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\n\nconst props = withDefaults(defineProps<PlProgressCellProps>(), {\n  stage: \"not_started\",\n  step: \"\", // main text (left)\n  progressString: \"\", // appended text on the right side (right)\n  progress: undefined,\n  error: undefined,\n});\n\nconst canShowWhiteBg = computed(() => props.stage !== \"not_started\");\n\nconst currentProgress = computed(() =>\n  props.stage === \"done\" ? 100 : Math.min(100, props.progress || 0),\n);\n\nconst canShowInfinityLoader = computed(\n  () =>\n    props.progress === undefined &&\n    props.stage !== \"done\" &&\n    props.stage !== \"not_started\" &&\n    !props.error,\n);\n</script>\n\n<template>\n  <div\n    data-testid=\"pl-progress-cell\"\n    :class=\"{\n      'progress-cell': true,\n      'progress-cell__white-bg': canShowWhiteBg,\n      error,\n      'not-started': props.stage === 'not_started',\n    }\"\n  >\n    <div\n      v-if=\"canShowInfinityLoader\"\n      data-testid=\"pl-progress-cell-infinity-loader\"\n      class=\"progress-cell__infinity-loader\"\n    >\n      <div class=\"progress-cell__infinity-gradient\" />\n    </div>\n    <div\n      v-if=\"!canShowInfinityLoader && !error\"\n      data-testid=\"pl-progress-cell-indicator\"\n      class=\"progress-cell__indicator\"\n      :style=\"{ width: currentProgress + '%' }\"\n    />\n    <div class=\"progress-cell__body\">\n      <div data-testid=\"pl-progress-cell-stage\" class=\"progress-cell__stage text-s\">\n        {{ error ? getErrorMessage(error) : step }}\n      </div>\n      <div\n        data-testid=\"pl-progress-cell-percentage\"\n        class=\"progress-cell__percentage text-s d-flex align-center justify-end\"\n      >\n        <PlMaskIcon24 v-if=\"error\" data-testid=\"pl-progress-cell-error-icon\" name=\"error\" />\n        <template v-if=\"!error\">\n          {{ progressString }}\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAQR,IAAiB,QAAe,EAAM,UAAU,cAAc,EAE9D,IAAkB,QACtB,EAAM,UAAU,SAAS,MAAM,KAAK,IAAI,KAAK,EAAM,YAAY,EAAE,CAClE,EAEK,IAAwB,QAE1B,EAAM,aAAa,KAAA,KACnB,EAAM,UAAU,UAChB,EAAM,UAAU,iBAChB,CAAC,EAAM,MACV;yBAIC,EAoCM,OAAA;GAnCJ,eAAY;GACX,OAAK,EAAA;;+BAAkE,EAAA;WAAsB,EAAA;mBAA4B,EAAM,UAAK;;;GAQ7H,EAAA,SAAA,GAAA,EADR,EAMM,OANN,GAMM,CAAA,GAAA,AAAA,EAAA,OAAA,CADJ,EAAgD,OAAA,EAA3C,OAAM,oCAAkC,EAAA,MAAA,GAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAGtC,EAAA,SAAqB,CAAK,EAAA,SAAA,GAAA,EADnC,EAKE,OAAA;;IAHA,eAAY;IACZ,OAAM;IACL,OAAK,EAAA,EAAA,OAAW,EAAA,QAAe,KAAA,CAAA;;GAElC,EAaM,OAbN,GAaM,CAZJ,EAEM,OAFN,GAEM,EADD,EAAA,QAAQ,EAAA,EAAe,CAAC,EAAA,MAAK,GAAI,EAAA,KAAI,EAAA,EAAA,EAE1C,EAQM,OARN,GAQM,CAJgB,EAAA,SAAA,GAAA,EAApB,EAAoF,EAAA,EAAA,EAAA;;IAAzD,eAAY;IAA8B,MAAK;oBACzD,EAAA,QACE,EAAA,IAAA,GAAA,IADF,GAAA,EAAjB,EAEW,GAAA,EAAA,KAAA,GAAA,EAAA,CAAA,EAAA,EADN,EAAA,eAAc,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"PlProgressCell.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createCommentVNode","_normalizeStyle","_toDisplayString","_unref","_createBlock","PlMaskIcon24","_Fragment","_createTextVNode","PlIcon24_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","PlProgressCell_vue_vue_type_script_setup_true_lang_default","props","__props","canShowWhiteBg","computed","currentProgress","canShowInfinityLoader","openBlock","createElementBlock","normalizeClass","_cache","createElementVNode","createCommentVNode","normalizeStyle","toDisplayString","unref","getErrorMessage","createBlock","Fragment","createTextVNode"],"sources":["../../../src/components/PlProgressCell/PlProgressCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-progress-cell.scss\";\nimport { computed } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport type { PlProgressCellProps } from \"./types\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\n\nconst props = withDefaults(defineProps<PlProgressCellProps>(), {\n  stage: \"not_started\",\n  step: \"\", // main text (left)\n  progressString: \"\", // appended text on the right side (right)\n  progress: undefined,\n  error: undefined,\n});\n\nconst canShowWhiteBg = computed(() => props.stage !== \"not_started\");\n\nconst currentProgress = computed(() =>\n  props.stage === \"done\" ? 100 : Math.min(100, props.progress || 0),\n);\n\nconst canShowInfinityLoader = computed(\n  () =>\n    props.progress === undefined &&\n    props.stage !== \"done\" &&\n    props.stage !== \"not_started\" &&\n    !props.error,\n);\n</script>\n\n<template>\n  <div\n    data-testid=\"pl-progress-cell\"\n    :class=\"{\n      'progress-cell': true,\n      'progress-cell__white-bg': canShowWhiteBg,\n      error,\n      'not-started': props.stage === 'not_started',\n    }\"\n  >\n    <div\n      v-if=\"canShowInfinityLoader\"\n      data-testid=\"pl-progress-cell-infinity-loader\"\n      class=\"progress-cell__infinity-loader\"\n    >\n      <div class=\"progress-cell__infinity-gradient\" />\n    </div>\n    <div\n      v-if=\"!canShowInfinityLoader && !error\"\n      data-testid=\"pl-progress-cell-indicator\"\n      class=\"progress-cell__indicator\"\n      :style=\"{ width: currentProgress + '%' }\"\n    />\n    <div class=\"progress-cell__body\">\n      <div data-testid=\"pl-progress-cell-stage\" class=\"progress-cell__stage text-s\">\n        {{ error ? getErrorMessage(error) : step }}\n      </div>\n      <div\n        data-testid=\"pl-progress-cell-percentage\"\n        class=\"progress-cell__percentage text-s d-flex align-center justify-end\"\n      >\n        <PlMaskIcon24 v-if=\"error\" data-testid=\"pl-progress-cell-error-icon\" name=\"error\" />\n        <template v-if=\"!error\">\n          {{ progressString }}\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,IAAMkB,IAAQC,GAQRC,IAAiBC,QAAeH,EAAM,UAAU,aAAa,GAE7DI,IAAkBD,QACtBH,EAAM,UAAU,SAAS,MAAM,KAAK,IAAI,KAAKA,EAAM,YAAY,CAAC,CAClE,GAEMK,IAAwBF,QAE1BH,EAAM,aAAa,KAAA,KACnBA,EAAM,UAAU,UAChBA,EAAM,UAAU,iBAChB,CAACA,EAAM,KACX;E,kBAIElB,EAAA,GAAAC,EAoCM,OAAA;GAnCJ,eAAY;GACX,OAAKC,EAAA;;IAAkE,2BAAAkB,EAAA;IAAsB,OAAAD,EAAA;IAA4B,eAAAD,EAAM,UAAK;;;GAQ7HK,EAAA,SADRvB,EAAA,GAAAC,EAMM,OANNY,GAMM,CAAA,GAAA,AAAAc,EAAA,OAAA,CADJxB,EAAgD,OAAA,EAA3C,OAAM,mCAAkC,GAAA,MAAA,EAAA,C;GAGtC,CAAAoB,EAAA,SAAqB,CAAKJ,EAAA,SADnCnB,EAAA,GAAAC,EAKE,OAAA;;IAHA,eAAY;IACZ,OAAM;IACL,OAAKI,EAAA,EAAA,OAAWiB,EAAA,QAAe,IAAA,CAAA;;GAElCnB,EAaM,OAbNW,GAaM,CAZJX,EAEM,OAFNY,GAEMT,EADDa,EAAA,QAAQZ,EAAA0B,CAAA,CAAe,CAACd,EAAA,KAAK,IAAIA,EAAA,IAAI,GAAA,CAAA,GAE1ChB,EAQM,OARNa,GAQM,CAJgBG,EAAA,SAApBnB,EAAA,GAAAQ,EAAoFD,EAAAE,CAAA,GAAA;;IAAzD,eAAY;IAA8B,MAAK;G,iBACzDU,EAAA,Q,aAAjBnB,EAAA,GAAAC,EAEWS,GAAA,EAAA,KAAA,EAAA,GAAA,CADNC,EAAAL,EAAAa,EAAA,cAAc,GAAA,CAAA,C"}

package/dist/components/PlProgressCell/index.js

@@ -1 +1 @@
-import "./PlProgressCell.js";
+export { default as PlProgressCell } from "./PlProgressCell.js";

package/dist/components/PlRadio/PlRadio.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlRadio.js","names":[],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\" data-testid=\"pl-radio\">\n    <input\n      v-model=\"model\"\n      :class=\"$style.input\"\n      type=\"radio\"\n      :name\n      data-testid=\"pl-radio-input\"\n      v-bind=\"props\"\n    />\n    <span :class=\"$style.label\" data-testid=\"pl-radio-label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 200ms ease-in-out;\n  color: var(--txt-01);\n  user-select: none;\n  &:hover:not(:has(:disabled)) {\n    background: var(--btn-sec-hover-grey);\n  }\n  &:has(:disabled) {\n    color: var(--dis-01);\n  }\n}\n\n.input {\n  appearance: none;\n  position: relative;\n  block-size: 24px;\n  aspect-ratio: 1;\n  margin: 0;\n  border-radius: 50%;\n  outline: 2px solid transparent;\n  color: inherit;\n  transition: inherit;\n  &:focus {\n    outline-color: var(--border-color-focus);\n  }\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 2px;\n    border-radius: 50%;\n    border: 2px solid;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 7.5px;\n    border-radius: 50%;\n    background-color: currentColor;\n    scale: 0;\n    transition: inherit;\n  }\n  &:checked::after {\n    scale: 1;\n  }\n}\n\n.label {\n  padding-inline: 4px;\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlRadio.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlRadio_vue_vue_type_script_setup_true_lang_default","PlRadio_vue_vue_type_style_index_0_lang_module_default","PlRadio_default","\"$style\""],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\" data-testid=\"pl-radio\">\n    <input\n      v-model=\"model\"\n      :class=\"$style.input\"\n      type=\"radio\"\n      :name\n      data-testid=\"pl-radio-input\"\n      v-bind=\"props\"\n    />\n    <span :class=\"$style.label\" data-testid=\"pl-radio-label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 200ms ease-in-out;\n  color: var(--txt-01);\n  user-select: none;\n  &:hover:not(:has(:disabled)) {\n    background: var(--btn-sec-hover-grey);\n  }\n  &:has(:disabled) {\n    color: var(--dis-01);\n  }\n}\n\n.input {\n  appearance: none;\n  position: relative;\n  block-size: 24px;\n  aspect-ratio: 1;\n  margin: 0;\n  border-radius: 50%;\n  outline: 2px solid transparent;\n  color: inherit;\n  transition: inherit;\n  &:focus {\n    outline-color: var(--border-color-focus);\n  }\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 2px;\n    border-radius: 50%;\n    border: 2px solid;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 7.5px;\n    border-radius: 50%;\n    background-color: currentColor;\n    scale: 0;\n    transition: inherit;\n  }\n  &:checked::after {\n    scale: 1;\n  }\n}\n\n.label {\n  padding-inline: 4px;\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}

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

@@ -1,9 +1,9 @@
-import './PlRadio.vue.css';var e = {
-	container: "_container_u39pc_2",
-	input: "_input_u39pc_19",
-	label: "_label_u39pc_53"
+import './PlRadio.style.css';// src/components/PlRadio/PlRadio.vue?vue&type=style&index=0&lang.module.css
+var e = "_container_u39pc_2", t = "_input_u39pc_19", n = "_label_u39pc_53", r = {
+	container: e,
+	input: t,
+	label: n
 };
-//#endregion
-export { e as default };
+export { e as container, r as default, t as input, n as label };
 
 //# sourceMappingURL=PlRadio.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlRadio.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\" data-testid=\"pl-radio\">\n    <input\n      v-model=\"model\"\n      :class=\"$style.input\"\n      type=\"radio\"\n      :name\n      data-testid=\"pl-radio-input\"\n      v-bind=\"props\"\n    />\n    <span :class=\"$style.label\" data-testid=\"pl-radio-label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 200ms ease-in-out;\n  color: var(--txt-01);\n  user-select: none;\n  &:hover:not(:has(:disabled)) {\n    background: var(--btn-sec-hover-grey);\n  }\n  &:has(:disabled) {\n    color: var(--dis-01);\n  }\n}\n\n.input {\n  appearance: none;\n  position: relative;\n  block-size: 24px;\n  aspect-ratio: 1;\n  margin: 0;\n  border-radius: 50%;\n  outline: 2px solid transparent;\n  color: inherit;\n  transition: inherit;\n  &:focus {\n    outline-color: var(--border-color-focus);\n  }\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 2px;\n    border-radius: 50%;\n    border: 2px solid;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 7.5px;\n    border-radius: 50%;\n    background-color: currentColor;\n    scale: 0;\n    transition: inherit;\n  }\n  &:checked::after {\n    scale: 1;\n  }\n}\n\n.label {\n  padding-inline: 4px;\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlRadio.vue_vue_type_style_index_0_lang.module.js","names":["container","input","label","PlRadio_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\" data-testid=\"pl-radio\">\n    <input\n      v-model=\"model\"\n      :class=\"$style.input\"\n      type=\"radio\"\n      :name\n      data-testid=\"pl-radio-input\"\n      v-bind=\"props\"\n    />\n    <span :class=\"$style.label\" data-testid=\"pl-radio-label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 200ms ease-in-out;\n  color: var(--txt-01);\n  user-select: none;\n  &:hover:not(:has(:disabled)) {\n    background: var(--btn-sec-hover-grey);\n  }\n  &:has(:disabled) {\n    color: var(--dis-01);\n  }\n}\n\n.input {\n  appearance: none;\n  position: relative;\n  block-size: 24px;\n  aspect-ratio: 1;\n  margin: 0;\n  border-radius: 50%;\n  outline: 2px solid transparent;\n  color: inherit;\n  transition: inherit;\n  &:focus {\n    outline-color: var(--border-color-focus);\n  }\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 2px;\n    border-radius: 50%;\n    border: 2px solid;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 7.5px;\n    border-radius: 50%;\n    background-color: currentColor;\n    scale: 0;\n    transition: inherit;\n  }\n  &:checked::after {\n    scale: 1;\n  }\n}\n\n.label {\n  padding-inline: 4px;\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlRadio.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\" data-testid=\"pl-radio\">\n    <input\n      v-model=\"model\"\n      :class=\"$style.input\"\n      type=\"radio\"\n      :name\n      data-testid=\"pl-radio-input\"\n      v-bind=\"props\"\n    />\n    <span :class=\"$style.label\" data-testid=\"pl-radio-label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 200ms ease-in-out;\n  color: var(--txt-01);\n  user-select: none;\n  &:hover:not(:has(:disabled)) {\n    background: var(--btn-sec-hover-grey);\n  }\n  &:has(:disabled) {\n    color: var(--dis-01);\n  }\n}\n\n.input {\n  appearance: none;\n  position: relative;\n  block-size: 24px;\n  aspect-ratio: 1;\n  margin: 0;\n  border-radius: 50%;\n  outline: 2px solid transparent;\n  color: inherit;\n  transition: inherit;\n  &:focus {\n    outline-color: var(--border-color-focus);\n  }\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 2px;\n    border-radius: 50%;\n    border: 2px solid;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 7.5px;\n    border-radius: 50%;\n    background-color: currentColor;\n    scale: 0;\n    transition: inherit;\n  }\n  &:checked::after {\n    scale: 1;\n  }\n}\n\n.label {\n  padding-inline: 4px;\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAMA,IAAM,IAAkB,EAAc,GAAA,aAAE,EAElC,IAAqC,EAAA,GAAA,CAAA,OAAA,CAOvC,EAOE,IAAO,EAAO,GAAmB,EAAA,KAAe,EAChD,IAAQ,EAA+B,GAAoB,EAAgB;yBAI/E,EAUQ,SAAA;GAVA,OAAK,EAAEA,EAAAA,OAAO,UAAS;GAAE,eAAY;QAC3C,EAOE,SAPF,EAOE;mDANc,QAAA,IAAA;GACb,OAAOA,EAAAA,OAAO;GACf,MAAK;GACJ,MAAA,EAAA,EAAI;GACL,eAAY;KACJ,EAAK,EAAA,MAAA,IAAA,EAAA,EAAA,CAAA,CAAA,GALJ,EAAA,EAAK,CAAA,CAAA,CAAA,EAOhB,EAAwE,QAAA;GAAjE,OAAK,EAAEA,EAAAA,OAAO,MAAK;GAAE,eAAY;MAAiB,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"PlRadio.vue_vue_type_script_setup_true_lang.js","names":["$style","_useModel","_createPropsRestProxy","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","_mergeProps","_isRef","_unref","_vModelRadio","_renderSlot","_hoisted_1","PlRadio_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","standaloneModel","useModel","__props","props","createPropsRestProxy","name","inject","radioGroupNameKey","model","radioGroupModelKey","openBlock","createElementBlock","normalizeClass","_ctx","withDirectives","createElementVNode","mergeProps","_cache","isRef","$event","unref","vModelRadio","renderSlot"],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\" data-testid=\"pl-radio\">\n    <input\n      v-model=\"model\"\n      :class=\"$style.input\"\n      type=\"radio\"\n      :name\n      data-testid=\"pl-radio-input\"\n      v-bind=\"props\"\n    />\n    <span :class=\"$style.label\" data-testid=\"pl-radio-label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 200ms ease-in-out;\n  color: var(--txt-01);\n  user-select: none;\n  &:hover:not(:has(:disabled)) {\n    background: var(--btn-sec-hover-grey);\n  }\n  &:has(:disabled) {\n    color: var(--dis-01);\n  }\n}\n\n.input {\n  appearance: none;\n  position: relative;\n  block-size: 24px;\n  aspect-ratio: 1;\n  margin: 0;\n  border-radius: 50%;\n  outline: 2px solid transparent;\n  color: inherit;\n  transition: inherit;\n  &:focus {\n    outline-color: var(--border-color-focus);\n  }\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 2px;\n    border-radius: 50%;\n    border: 2px solid;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 7.5px;\n    border-radius: 50%;\n    background-color: currentColor;\n    scale: 0;\n    transition: inherit;\n  }\n  &:checked::after {\n    scale: 1;\n  }\n}\n\n.label {\n  padding-inline: 4px;\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAMA,IAAMiB,IAAkBhB,EAAckB,GAAA,YAAC,GAEjCC,IAAqClB,EAAAiB,GAAA,CAAA,MAAA,CAAA,GAcrCG,IAAOC,EAAOC,GAAmBL,EAAA,IAAc,GAC/CM,IAAQF,EAA+BG,GAAoBT,CAAe;E,kBAI9Ed,EAAA,GAAAC,EAUQ,SAAA;GAVA,OAAKC,EAAEL,EAAAA,OAAO,SAAS;GAAE,eAAY;E,IAC3CM,EAAAC,EAOE,SAPFC,EAOE;GANS,uBAAA,AAAA0B,EAAA,QAAA,MAAAzB,EAAAgB,CAAA,IAAA,EAAK,QAAAW,IAAA;GACb,OAAOpC,EAAAA,OAAO;GACf,MAAK;GACJ,MAAAU,EAAAY,CAAA;GACD,eAAY;EACJ,GAAAF,CAAK,GAAA,MAAA,IAAAP,CAAA,GAAA,CALJ,CAAAF,GAAAD,EAAAe,CAAA,CAAK,C,IAOhBlB,EAAwE,QAAA;GAAjE,OAAKF,EAAEL,EAAAA,OAAO,KAAK;GAAE,eAAY;E,IAAiBY,EAAQkB,EAAA,QAAA,SAAA,C"}

package/dist/components/PlRadio/PlRadioGroup.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlRadioGroup.js","names":[],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\" data-testid=\"pl-radio-group\">\n    <legend :class=\"$style.label\" data-testid=\"pl-radio-group-label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n      data-testid=\"pl-radio-group-option\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n.container {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.label {\n  margin-block-end: 12px;\n  padding: 0;\n  color: var(--txt-01);\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlRadioGroup.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlRadioGroup_vue_vue_type_script_setup_true_lang_default","PlRadioGroup_vue_vue_type_style_index_0_lang_module_default","PlRadioGroup_default","\"$style\""],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\" data-testid=\"pl-radio-group\">\n    <legend :class=\"$style.label\" data-testid=\"pl-radio-group-label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n      data-testid=\"pl-radio-group-option\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n.container {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.label {\n  margin-block-end: 12px;\n  padding: 0;\n  color: var(--txt-01);\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}

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

@@ -1,8 +1,8 @@
-import './PlRadioGroup.vue.css';var e = {
-	container: "_container_17vxs_2",
-	label: "_label_17vxs_7"
+import './PlRadioGroup.style.css';// src/components/PlRadio/PlRadioGroup.vue?vue&type=style&index=0&lang.module.css
+var e = "_container_17vxs_2", t = "_label_17vxs_7", n = {
+	container: e,
+	label: t
 };
-//#endregion
-export { e as default };
+export { e as container, n as default, t as label };
 
 //# sourceMappingURL=PlRadioGroup.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlRadioGroup.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\" data-testid=\"pl-radio-group\">\n    <legend :class=\"$style.label\" data-testid=\"pl-radio-group-label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n      data-testid=\"pl-radio-group-option\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n.container {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.label {\n  margin-block-end: 12px;\n  padding: 0;\n  color: var(--txt-01);\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlRadioGroup.vue_vue_type_style_index_0_lang.module.js","names":["container","label","PlRadioGroup_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\" data-testid=\"pl-radio-group\">\n    <legend :class=\"$style.label\" data-testid=\"pl-radio-group-label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n      data-testid=\"pl-radio-group-option\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n.container {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.label {\n  margin-block-end: 12px;\n  padding: 0;\n  color: var(--txt-01);\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlRadioGroup.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\" data-testid=\"pl-radio-group\">\n    <legend :class=\"$style.label\" data-testid=\"pl-radio-group-label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n      data-testid=\"pl-radio-group-option\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n.container {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.label {\n  margin-block-end: 12px;\n  padding: 0;\n  color: var(--txt-01);\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAWA,IAAM,IAAQ,EAAc,GAAA,aAAE,EAExB,IAAQ;AAaA,KAQV;EAEJ,IAAM,IAAe,EAAM,kBAAkB,GAAG,MAAM;SAEtD,EAAQ,GAAmB,EAAM,KAAK,EACtC,EAAQ,GAAoB,EAAM,kBAIhC,EAcW,YAAA;GAdA,OAAK,EAAEA,EAAAA,OAAO,UAAS;GAAE,eAAY;;GAC9C,EAES,UAAA;IAFA,OAAK,EAAEA,EAAAA,OAAO,MAAK;IAAE,eAAY;OACxC,EAAqB,EAAA,QAAA,QAAA,CAAA,EAAA,EAAA;WAEvB,EAQU,GAAA,MAAA,EAPc,EAAA,UAAd,GAAQ,YADlB,EAQU,GAAA;IANP,KAAK,EAAA,EAAY,CAAC,EAAO,OAAO,EAAC;IACjC,OAAO,EAAO;IACd,UAAU,EAAO;IAClB,eAAY;;qBAEM,CAAA,EAAA,EAAf,EAAO,MAAK,EAAA,EAAA,CAAA,CAAA;;;GAEjB,EAAQ,EAAA,QAAA,UAAA"}
+{"version":3,"file":"PlRadioGroup.vue_vue_type_script_setup_true_lang.js","names":["$style","_useModel","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_Fragment","_renderList","_createBlock","PlRadio","_unref","_withCtx","_createTextVNode","_toDisplayString","PlRadio_default","PlRadioGroup_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","model","useModel","__props","props","keyExtractor","i","provide","radioGroupNameKey","radioGroupModelKey","openBlock","createElementBlock","normalizeClass","_ctx","createElementVNode","renderSlot","Fragment","renderList","createBlock","unref","option","withCtx","createTextVNode","toDisplayString"],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\" data-testid=\"pl-radio-group\">\n    <legend :class=\"$style.label\" data-testid=\"pl-radio-group-label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n      data-testid=\"pl-radio-group-option\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n.container {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.label {\n  margin-block-end: 12px;\n  padding: 0;\n  color: var(--txt-01);\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAWA,IAAMmB,IAAQlB,EAAcoB,GAAA,YAAC,GAEvBC,IAAQD;EAaA,EAAA;EAUd,IAAME,IAAeD,EAAM,kBAAkB,GAAG,MAAME;E,OAEtDC,EAAQC,GAAmBJ,EAAM,IAAI,GACrCG,EAAQE,GAAoBR,CAAK,I,UAI/BjB,EAAA,GAAAC,EAcW,YAAA;GAdA,OAAKC,EAAEJ,EAAAA,OAAO,SAAS;GAAE,eAAY;;GAC9CK,EAES,UAAA;IAFA,OAAKD,EAAEJ,EAAAA,OAAO,KAAK;IAAE,eAAY;G,IACxCM,EAAqByB,EAAA,QAAA,OAAA,C;IAEvB7B,EAAA,EAAA,GAAAC,EAQUI,GAAA,MAAAC,EAPca,EAAA,UAAd,GAAQ,OADlBnB,EAAA,GAAAO,EAQUC,GAAA;IANP,KAAKC,EAAAY,CAAA,CAAY,CAACe,EAAO,OAAOd,CAAC;IACjC,OAAOc,EAAO;IACd,UAAUA,EAAO;IAClB,eAAY;;IAEZ,SAAA1B,QAAkB,CAAfC,EAAAC,EAAAwB,EAAO,KAAK,GAAA,CAAA,C;;;GAEjBhC,EAAQyB,EAAA,QAAA,SAAA"}

package/dist/components/PlRadio/index.js

@@ -1,2 +1,3 @@
-import "./PlRadio.js";
-import "./PlRadioGroup.js";
+import e from "./PlRadio.js";
+import t from "./PlRadioGroup.js";
+export { e as PlRadio, t as PlRadioGroup };

package/dist/components/PlRadio/keys.js

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

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

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

package/dist/components/PlSearchField/PlSearchField.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlSearchField.js","names":[],"sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"V extends undefined | string, C extends V\">\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\nimport PlTooltip from \"../PlTooltip/PlTooltip.vue\";\n\nconst model = defineModel<V>({ required: true });\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean | (() => C);\n  placeholder?: string;\n  disabled?: boolean;\n  helper?: string;\n}>();\nconst slots = defineSlots<{\n  helper: () => unknown;\n}>();\n\nconst nonEmpty = computed(() => model.value != null && model.value.length > 0);\nconst hasHelper = computed(() => props.helper != null || slots.helper != null);\n\nconst clear = () => {\n  if (props.clearable) {\n    model.value = (typeof props.clearable === \"function\" ? props.clearable() : \"\") as V;\n  }\n};\n</script>\n\n<template>\n  <div ref=\"root\" :class=\"$style.component\" data-testid=\"pl-search-field\">\n    <PlIcon24 name=\"search\" data-testid=\"pl-search-field-icon\" />\n    <input\n      ref=\"input\"\n      v-model=\"model\"\n      :disabled=\"props.disabled\"\n      :placeholder=\"props.placeholder || 'Find...'\"\n      type=\"text\"\n      spellcheck=\"false\"\n      data-testid=\"pl-search-field-input\"\n    />\n    <PlIcon16\n      v-if=\"props.clearable && nonEmpty\"\n      :class=\"$style.clear\"\n      name=\"delete-clear\"\n      data-testid=\"pl-search-field-clear\"\n      @click.stop=\"clear\"\n    />\n\n    <PlTooltip v-if=\"hasHelper\" class=\"info\" position=\"bottom\" data-testid=\"pl-search-field-helper\">\n      <template #tooltip>\n        <slot name=\"helper\">\n          {{ props.helper }}\n        </slot>\n      </template>\n    </PlTooltip>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  --pl-search-field-border-bottom-color: var(--txt-01);\n  --pl-search-field-bg: transparent;\n  --pl-search-field-caret-color: auto;\n  --pl-search-field-clear-display: none;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--control-height) - 2px);\n  line-height: calc(var(--control-height) - 2px);\n  background-color: var(--pl-search-field-bg);\n  padding: 0 0 0 0;\n  border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n  input {\n    margin-left: 8px;\n    width: 100%;\n    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    caret-color: var(--pl-search-field-caret-color);\n  }\n\n  &:focus-within {\n    --pl-search-field-border-bottom-color: var(--txt-focus);\n    --pl-search-field-caret-color: var(--border-color-focus);\n    --pl-search-field-clear-display: block;\n  }\n\n  &:hover {\n    --pl-search-field-clear-display: block;\n  }\n\n  .clear {\n    --icon-color: var(--ic-02);\n    cursor: pointer;\n    margin-left: auto;\n    display: var(--pl-search-field-clear-display);\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlSearchField.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlSearchField_vue_vue_type_script_setup_true_lang_default","PlSearchField_vue_vue_type_style_index_0_lang_module_default","PlSearchField_default","\"$style\""],"sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"V extends undefined | string, C extends V\">\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\nimport PlTooltip from \"../PlTooltip/PlTooltip.vue\";\n\nconst model = defineModel<V>({ required: true });\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean | (() => C);\n  placeholder?: string;\n  disabled?: boolean;\n  helper?: string;\n}>();\nconst slots = defineSlots<{\n  helper: () => unknown;\n}>();\n\nconst nonEmpty = computed(() => model.value != null && model.value.length > 0);\nconst hasHelper = computed(() => props.helper != null || slots.helper != null);\n\nconst clear = () => {\n  if (props.clearable) {\n    model.value = (typeof props.clearable === \"function\" ? props.clearable() : \"\") as V;\n  }\n};\n</script>\n\n<template>\n  <div ref=\"root\" :class=\"$style.component\" data-testid=\"pl-search-field\">\n    <PlIcon24 name=\"search\" data-testid=\"pl-search-field-icon\" />\n    <input\n      ref=\"input\"\n      v-model=\"model\"\n      :disabled=\"props.disabled\"\n      :placeholder=\"props.placeholder || 'Find...'\"\n      type=\"text\"\n      spellcheck=\"false\"\n      data-testid=\"pl-search-field-input\"\n    />\n    <PlIcon16\n      v-if=\"props.clearable && nonEmpty\"\n      :class=\"$style.clear\"\n      name=\"delete-clear\"\n      data-testid=\"pl-search-field-clear\"\n      @click.stop=\"clear\"\n    />\n\n    <PlTooltip v-if=\"hasHelper\" class=\"info\" position=\"bottom\" data-testid=\"pl-search-field-helper\">\n      <template #tooltip>\n        <slot name=\"helper\">\n          {{ props.helper }}\n        </slot>\n      </template>\n    </PlTooltip>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  --pl-search-field-border-bottom-color: var(--txt-01);\n  --pl-search-field-bg: transparent;\n  --pl-search-field-caret-color: auto;\n  --pl-search-field-clear-display: none;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--control-height) - 2px);\n  line-height: calc(var(--control-height) - 2px);\n  background-color: var(--pl-search-field-bg);\n  padding: 0 0 0 0;\n  border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n  input {\n    margin-left: 8px;\n    width: 100%;\n    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    caret-color: var(--pl-search-field-caret-color);\n  }\n\n  &:focus-within {\n    --pl-search-field-border-bottom-color: var(--txt-focus);\n    --pl-search-field-caret-color: var(--border-color-focus);\n    --pl-search-field-clear-display: block;\n  }\n\n  &:hover {\n    --pl-search-field-clear-display: block;\n  }\n\n  .clear {\n    --icon-color: var(--ic-02);\n    cursor: pointer;\n    margin-left: auto;\n    display: var(--pl-search-field-clear-display);\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -1,8 +1,8 @@
-import './PlSearchField.vue.css';var e = {
-	component: "_component_1k3h6_1",
-	clear: "_clear_1k3h6_35"
+import './PlSearchField.style.css';// src/components/PlSearchField/PlSearchField.vue?vue&type=style&index=0&lang.module.scss
+var e = "_component_1k3h6_1", t = "_clear_1k3h6_35", n = {
+	component: e,
+	clear: t
 };
-//#endregion
-export { e as default };
+export { t as clear, e as component, n as default };
 
 //# sourceMappingURL=PlSearchField.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlSearchField.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"V extends undefined | string, C extends V\">\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\nimport PlTooltip from \"../PlTooltip/PlTooltip.vue\";\n\nconst model = defineModel<V>({ required: true });\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean | (() => C);\n  placeholder?: string;\n  disabled?: boolean;\n  helper?: string;\n}>();\nconst slots = defineSlots<{\n  helper: () => unknown;\n}>();\n\nconst nonEmpty = computed(() => model.value != null && model.value.length > 0);\nconst hasHelper = computed(() => props.helper != null || slots.helper != null);\n\nconst clear = () => {\n  if (props.clearable) {\n    model.value = (typeof props.clearable === \"function\" ? props.clearable() : \"\") as V;\n  }\n};\n</script>\n\n<template>\n  <div ref=\"root\" :class=\"$style.component\" data-testid=\"pl-search-field\">\n    <PlIcon24 name=\"search\" data-testid=\"pl-search-field-icon\" />\n    <input\n      ref=\"input\"\n      v-model=\"model\"\n      :disabled=\"props.disabled\"\n      :placeholder=\"props.placeholder || 'Find...'\"\n      type=\"text\"\n      spellcheck=\"false\"\n      data-testid=\"pl-search-field-input\"\n    />\n    <PlIcon16\n      v-if=\"props.clearable && nonEmpty\"\n      :class=\"$style.clear\"\n      name=\"delete-clear\"\n      data-testid=\"pl-search-field-clear\"\n      @click.stop=\"clear\"\n    />\n\n    <PlTooltip v-if=\"hasHelper\" class=\"info\" position=\"bottom\" data-testid=\"pl-search-field-helper\">\n      <template #tooltip>\n        <slot name=\"helper\">\n          {{ props.helper }}\n        </slot>\n      </template>\n    </PlTooltip>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  --pl-search-field-border-bottom-color: var(--txt-01);\n  --pl-search-field-bg: transparent;\n  --pl-search-field-caret-color: auto;\n  --pl-search-field-clear-display: none;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--control-height) - 2px);\n  line-height: calc(var(--control-height) - 2px);\n  background-color: var(--pl-search-field-bg);\n  padding: 0 0 0 0;\n  border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n  input {\n    margin-left: 8px;\n    width: 100%;\n    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    caret-color: var(--pl-search-field-caret-color);\n  }\n\n  &:focus-within {\n    --pl-search-field-border-bottom-color: var(--txt-focus);\n    --pl-search-field-caret-color: var(--border-color-focus);\n    --pl-search-field-clear-display: block;\n  }\n\n  &:hover {\n    --pl-search-field-clear-display: block;\n  }\n\n  .clear {\n    --icon-color: var(--ic-02);\n    cursor: pointer;\n    margin-left: auto;\n    display: var(--pl-search-field-clear-display);\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlSearchField.vue_vue_type_style_index_0_lang.module.js","names":["component","clear","PlSearchField_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"V extends undefined | string, C extends V\">\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\nimport PlTooltip from \"../PlTooltip/PlTooltip.vue\";\n\nconst model = defineModel<V>({ required: true });\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean | (() => C);\n  placeholder?: string;\n  disabled?: boolean;\n  helper?: string;\n}>();\nconst slots = defineSlots<{\n  helper: () => unknown;\n}>();\n\nconst nonEmpty = computed(() => model.value != null && model.value.length > 0);\nconst hasHelper = computed(() => props.helper != null || slots.helper != null);\n\nconst clear = () => {\n  if (props.clearable) {\n    model.value = (typeof props.clearable === \"function\" ? props.clearable() : \"\") as V;\n  }\n};\n</script>\n\n<template>\n  <div ref=\"root\" :class=\"$style.component\" data-testid=\"pl-search-field\">\n    <PlIcon24 name=\"search\" data-testid=\"pl-search-field-icon\" />\n    <input\n      ref=\"input\"\n      v-model=\"model\"\n      :disabled=\"props.disabled\"\n      :placeholder=\"props.placeholder || 'Find...'\"\n      type=\"text\"\n      spellcheck=\"false\"\n      data-testid=\"pl-search-field-input\"\n    />\n    <PlIcon16\n      v-if=\"props.clearable && nonEmpty\"\n      :class=\"$style.clear\"\n      name=\"delete-clear\"\n      data-testid=\"pl-search-field-clear\"\n      @click.stop=\"clear\"\n    />\n\n    <PlTooltip v-if=\"hasHelper\" class=\"info\" position=\"bottom\" data-testid=\"pl-search-field-helper\">\n      <template #tooltip>\n        <slot name=\"helper\">\n          {{ props.helper }}\n        </slot>\n      </template>\n    </PlTooltip>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  --pl-search-field-border-bottom-color: var(--txt-01);\n  --pl-search-field-bg: transparent;\n  --pl-search-field-caret-color: auto;\n  --pl-search-field-clear-display: none;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--control-height) - 2px);\n  line-height: calc(var(--control-height) - 2px);\n  background-color: var(--pl-search-field-bg);\n  padding: 0 0 0 0;\n  border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n  input {\n    margin-left: 8px;\n    width: 100%;\n    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    caret-color: var(--pl-search-field-caret-color);\n  }\n\n  &:focus-within {\n    --pl-search-field-border-bottom-color: var(--txt-focus);\n    --pl-search-field-caret-color: var(--border-color-focus);\n    --pl-search-field-clear-display: block;\n  }\n\n  &:hover {\n    --pl-search-field-clear-display: block;\n  }\n\n  .clear {\n    --icon-color: var(--ic-02);\n    cursor: pointer;\n    margin-left: auto;\n    display: var(--pl-search-field-clear-display);\n  }\n}\n</style>\n"],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlSearchField.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"V extends undefined | string, C extends V\">\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\nimport PlTooltip from \"../PlTooltip/PlTooltip.vue\";\n\nconst model = defineModel<V>({ required: true });\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean | (() => C);\n  placeholder?: string;\n  disabled?: boolean;\n  helper?: string;\n}>();\nconst slots = defineSlots<{\n  helper: () => unknown;\n}>();\n\nconst nonEmpty = computed(() => model.value != null && model.value.length > 0);\nconst hasHelper = computed(() => props.helper != null || slots.helper != null);\n\nconst clear = () => {\n  if (props.clearable) {\n    model.value = (typeof props.clearable === \"function\" ? props.clearable() : \"\") as V;\n  }\n};\n</script>\n\n<template>\n  <div ref=\"root\" :class=\"$style.component\" data-testid=\"pl-search-field\">\n    <PlIcon24 name=\"search\" data-testid=\"pl-search-field-icon\" />\n    <input\n      ref=\"input\"\n      v-model=\"model\"\n      :disabled=\"props.disabled\"\n      :placeholder=\"props.placeholder || 'Find...'\"\n      type=\"text\"\n      spellcheck=\"false\"\n      data-testid=\"pl-search-field-input\"\n    />\n    <PlIcon16\n      v-if=\"props.clearable && nonEmpty\"\n      :class=\"$style.clear\"\n      name=\"delete-clear\"\n      data-testid=\"pl-search-field-clear\"\n      @click.stop=\"clear\"\n    />\n\n    <PlTooltip v-if=\"hasHelper\" class=\"info\" position=\"bottom\" data-testid=\"pl-search-field-helper\">\n      <template #tooltip>\n        <slot name=\"helper\">\n          {{ props.helper }}\n        </slot>\n      </template>\n    </PlTooltip>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  --pl-search-field-border-bottom-color: var(--txt-01);\n  --pl-search-field-bg: transparent;\n  --pl-search-field-caret-color: auto;\n  --pl-search-field-clear-display: none;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--control-height) - 2px);\n  line-height: calc(var(--control-height) - 2px);\n  background-color: var(--pl-search-field-bg);\n  padding: 0 0 0 0;\n  border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n  input {\n    margin-left: 8px;\n    width: 100%;\n    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    caret-color: var(--pl-search-field-caret-color);\n  }\n\n  &:focus-within {\n    --pl-search-field-border-bottom-color: var(--txt-focus);\n    --pl-search-field-caret-color: var(--border-color-focus);\n    --pl-search-field-clear-display: block;\n  }\n\n  &:hover {\n    --pl-search-field-clear-display: block;\n  }\n\n  .clear {\n    --icon-color: var(--ic-02);\n    cursor: pointer;\n    margin-left: auto;\n    display: var(--pl-search-field-clear-display);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,IAAM,IAAQ,EAAc,GAAA,aAAoB,EAE1C,IAAQ,GAOR,IAAQ,GAEV,EAEE,IAAW,QAAe,EAAM,SAAS,QAAQ,EAAM,MAAM,SAAS,EAAE,EACxE,IAAY,QAAe,EAAM,UAAU,QAAQ,EAAM,UAAU,KAAK,EAExE,UAAc;AAClB,GAAI,EAAM,cACR,EAAM,QAAS,OAAO,EAAM,aAAc,aAAa,EAAM,WAAW,GAAG;;yBAM7E,EA0BM,OAAA;GA1BD,KAAI;GAAQ,OAAK,EAAEA,EAAAA,OAAO,UAAS;GAAE,eAAY;;GACpD,EAA6D,EAAA,EAAA,EAAA;IAAnD,MAAK;IAAS,eAAY;;KACpC,EAQE,SAAA;IAPA,KAAI;6CACU,QAAA;IACb,UAAU,EAAM;IAChB,aAAa,EAAM,eAAW;IAC/B,MAAK;IACL,YAAW;IACX,eAAY;wBALH,EAAA,MAAK,CAAA,CAAA;GAQR,EAAM,aAAa,EAAA,SAAA,GAAA,EAD3B,EAME,EAAA,EAAA,EAAA;;IAJC,OAAK,EAAEA,EAAAA,OAAO,MAAK;IACpB,MAAK;IACL,eAAY;IACX,SAAK,EAAO,GAAK,CAAA,OAAA,CAAA;;GAGH,EAAA,SAAA,GAAA,EAAjB,EAMY,GAAA;;IANgB,OAAM;IAAO,UAAS;IAAS,eAAY;;IAC1D,SAAO,QAGT,CAFP,EAEO,EAAA,QAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAM,OAAM,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"PlSearchField.vue_vue_type_script_setup_true_lang.js","names":["$style","_useModel","_useSlots","_openBlock","_createElementBlock","_normalizeClass","_createVNode","_unref","PlIcon24","_withDirectives","_createElementVNode","_vModelText","_createBlock","PlIcon16","_withModifiers","_createCommentVNode","PlTooltip","_withCtx","_renderSlot","_createTextVNode","_toDisplayString","PlIcon16_default","PlTooltip_default","PlIcon24_default","_hoisted_1","PlSearchField_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","model","useModel","__props","props","slots","useSlots","nonEmpty","computed","hasHelper","clear","openBlock","createElementBlock","normalizeClass","_ctx","createVNode","unref","withDirectives","createElementVNode","_cache","$event","vModelText","createBlock","withModifiers","createCommentVNode","withCtx","renderSlot","createTextVNode","toDisplayString"],"sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"V extends undefined | string, C extends V\">\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\nimport PlTooltip from \"../PlTooltip/PlTooltip.vue\";\n\nconst model = defineModel<V>({ required: true });\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean | (() => C);\n  placeholder?: string;\n  disabled?: boolean;\n  helper?: string;\n}>();\nconst slots = defineSlots<{\n  helper: () => unknown;\n}>();\n\nconst nonEmpty = computed(() => model.value != null && model.value.length > 0);\nconst hasHelper = computed(() => props.helper != null || slots.helper != null);\n\nconst clear = () => {\n  if (props.clearable) {\n    model.value = (typeof props.clearable === \"function\" ? props.clearable() : \"\") as V;\n  }\n};\n</script>\n\n<template>\n  <div ref=\"root\" :class=\"$style.component\" data-testid=\"pl-search-field\">\n    <PlIcon24 name=\"search\" data-testid=\"pl-search-field-icon\" />\n    <input\n      ref=\"input\"\n      v-model=\"model\"\n      :disabled=\"props.disabled\"\n      :placeholder=\"props.placeholder || 'Find...'\"\n      type=\"text\"\n      spellcheck=\"false\"\n      data-testid=\"pl-search-field-input\"\n    />\n    <PlIcon16\n      v-if=\"props.clearable && nonEmpty\"\n      :class=\"$style.clear\"\n      name=\"delete-clear\"\n      data-testid=\"pl-search-field-clear\"\n      @click.stop=\"clear\"\n    />\n\n    <PlTooltip v-if=\"hasHelper\" class=\"info\" position=\"bottom\" data-testid=\"pl-search-field-helper\">\n      <template #tooltip>\n        <slot name=\"helper\">\n          {{ props.helper }}\n        </slot>\n      </template>\n    </PlTooltip>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  --pl-search-field-border-bottom-color: var(--txt-01);\n  --pl-search-field-bg: transparent;\n  --pl-search-field-caret-color: auto;\n  --pl-search-field-clear-display: none;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--control-height) - 2px);\n  line-height: calc(var(--control-height) - 2px);\n  background-color: var(--pl-search-field-bg);\n  padding: 0 0 0 0;\n  border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n  input {\n    margin-left: 8px;\n    width: 100%;\n    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    caret-color: var(--pl-search-field-caret-color);\n  }\n\n  &:focus-within {\n    --pl-search-field-border-bottom-color: var(--txt-focus);\n    --pl-search-field-caret-color: var(--border-color-focus);\n    --pl-search-field-clear-display: block;\n  }\n\n  &:hover {\n    --pl-search-field-clear-display: block;\n  }\n\n  .clear {\n    --icon-color: var(--ic-02);\n    cursor: pointer;\n    margin-left: auto;\n    display: var(--pl-search-field-clear-display);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,IAAM4B,IAAQ3B,EAAc6B,GAAA,YAAmB,GAEzCC,IAAQD,GAORE,IAAQ9B,EAAA,GAIRgC,IAAWC,QAAeP,EAAM,SAAS,QAAQA,EAAM,MAAM,SAAS,CAAC,GACvEQ,IAAYD,QAAeJ,EAAM,UAAU,QAAQC,EAAM,UAAU,IAAI,GAEvEK,UAAc;GAClB,AAAIN,EAAM,cACR,EAAM,QAAS,OAAOA,EAAM,aAAc,aAAaA,EAAM,UAAU,IAAI;EAE/E;E,kBAIE5B,EAAA,GAAAC,EA0BM,OAAA;GA1BD,KAAI;GAAQ,OAAKC,EAAEL,EAAAA,OAAO,SAAS;GAAE,eAAY;;GACpDM,EAA6DC,EAAAC,CAAA,GAAA;IAAnD,MAAK;IAAS,eAAY;;GACpCC,EAAAC,EAQE,SAAA;IAPA,KAAI;IACK,uBAAA,AAAAoC,EAAA,QAAA,MAAA,EAAK,QAAAC;IACb,UAAUhB,EAAM;IAChB,aAAaA,EAAM,eAAW;IAC/B,MAAK;IACL,YAAW;IACX,eAAY;G,iBALH,CAAApB,GAAAiB,EAAA,KAAK,C;GAQRG,EAAM,aAAaG,EAAA,SAD3B/B,EAAA,GAAAS,EAMEL,EAAAM,CAAA,GAAA;;IAJC,OAAKR,EAAEL,EAAAA,OAAO,KAAK;IACpB,MAAK;IACL,eAAY;IACX,SAAKc,EAAOuB,GAAK,CAAA,MAAA,CAAA;;GAGHD,EAAA,SAAjBjC,EAAA,GAAAS,EAMYI,GAAA;;IANgB,OAAM;IAAO,UAAS;IAAS,eAAY;;IAC1D,SAAOC,QAGT,CAFPC,EAEOuB,EAAA,QAAA,UAAA,CAAA,SAAA,CADFtB,EAAAC,EAAAW,EAAM,MAAM,GAAA,CAAA,C"}

package/dist/components/PlSearchField/index.js

@@ -1 +1 @@
-import "./PlSearchField.js";
+export { default as PlSearchField } from "./PlSearchField.js";