@milaboratories/uikit 2.2.90 → 2.2.92

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

@@ -0,0 +1,199 @@
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(".mi-number-field{--contour-color: var(--txt-01);--contour-border-width: 1px;--options-bg: #fff;--option-hover-bg: var(--btn-sec-hover-grey);--label-offset-left-x: 8px;--label-offset-right-x: 8px;--label-color: var(--txt-01);--color-hint: #9d9eae}.mi-number-field ::placeholder{color:#cfd1db;opacity:1}.mi-number-field__main-wrapper{height:40px;position:relative}.mi-number-field__wrapper{padding-left:12px;border-radius:6px}.mi-number-field__wrapper.withoutArrows{padding-right:12px}.mi-number-field__icons{width:40px;border-radius:0 6px 6px 0;border-left:1px solid var(--contour-color)}.mi-number-field__icon{line-height:0}.mi-number-field__icon.disabled{cursor:not-allowed;position:relative;z-index:1}.mi-number-field__icon.disabled svg path{fill:#cfd1db}.mi-number-field__icon:hover{background-color:#9babcc29}.mi-number-field__icon:first-child{border-bottom:1px solid var(--contour-color)}.mi-number-field__hint{margin-top:3px;color:var(--color-hint)}.mi-number-field input{outline:none;border:none;width:100%;background:unset;text-overflow:ellipsis}.mi-number-field__contour{border-radius:var(--border-radius-control);border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none;transition:all .3s}.mi-number-field:focus-within:not(.error){--label-color: var(--txt-focus);--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.mi-number-field:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.mi-number-field.error{--contour-color: var(--txt-error);--label-color: var(--txt-error);--color-hint: var(--txt-error)}.mi-number-field.disabled{--contour-color: var(--color-dis-01);--control-mask-fill: var(--color-dis-01);cursor:not-allowed}.mi-number-field.disabled label,.mi-number-field.disabled .mi-number-field__hint,.mi-number-field.disabled input{color:var(--contour-color)}.mi-number-field.disabled svg path{fill:var(--contour-color)}.mi-number-field.disabled .mi-number-field__icons{pointer-events:none}.mi-number-field label{position:absolute;top:0;transform:translateY(-60%);left:var(--label-offset-left-x);display:flex;align-items:center;padding:0 4px;overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);transition:color .3s}.mi-number-field label .required{display:inline-block;font-weight:500;font-size:12px;line-height:16px;color:var(--txt-error);margin-right:4px}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { defineComponent as F, mergeModels as I, useModel as S, ref as f, useSlots as A, computed as s, watch as T, createElementBlock as m, openBlock as d, normalizeClass as v, createElementVNode as n, createCommentVNode as c, createVNode as P, withDirectives as U, createTextVNode as j, createBlock as K, toDisplayString as _, unref as C, withCtx as R, renderSlot as Z, vModelText as q } from "vue";
+
+import z from "../../utils/DoubleContour.vue.js";
+import { useLabelNotch as G } from "../../utils/useLabelNotch.js";
+import X from "../PlTooltip/PlTooltip.vue.js";
+const H = { class: "mi-number-field__main-wrapper d-flex" }, J = {
+  key: 0,
+  class: "text-description"
+}, Q = ["disabled", "placeholder"], W = {
+  key: 0,
+  class: "mi-number-field__hint text-description"
+}, oe = /* @__PURE__ */ F({
+  __name: "PlNumberField",
+  props: /* @__PURE__ */ I({
+    disabled: { type: Boolean },
+    label: { default: void 0 },
+    placeholder: { default: void 0 },
+    step: { default: 1 },
+    minValue: { default: void 0 },
+    maxValue: { default: void 0 },
+    useIncrementButtons: { type: Boolean, default: !0 },
+    updateOnEnterOrClickOutside: { type: Boolean },
+    errorMessage: { default: void 0 },
+    validate: { type: Function, default: void 0 }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(b) {
+    const t = b, r = S(b, "modelValue"), w = f(), E = A(), u = f();
+    G(w);
+    function p(e) {
+      return e === void 0 ? "" : String(+e);
+    }
+    function g(e) {
+      return e === "." || e === "," || e === "-";
+    }
+    function h(e) {
+      if (e === "")
+        return;
+      if (g(e))
+        return 0;
+      let l = e;
+      return l = l.replace(",", "."), l = l.replace("−", "-"), l = l.replace("–", "-"), l = l.replace("+", ""), parseFloat(l);
+    }
+    const o = f(p(r.value)), a = s(() => h(o.value));
+    T(() => r.value, (e) => {
+      parseFloat(o.value) !== e && (o.value = p(e));
+    });
+    const D = /^[-−–+]?(\d+)?[\\.,]?(\d+)?$/, x = s({
+      get() {
+        return o.value;
+      },
+      set(e) {
+        const l = h(e);
+        l === void 0 || e.match(D) && !isNaN(l) ? (o.value = e, !t.updateOnEnterOrClickOutside && !g(e) && k()) : u.value && (u.value.value = o.value);
+      }
+    }), y = f(!1);
+    function k() {
+      if (o.value === "") {
+        r.value = void 0;
+        return;
+      }
+      r.value = a.value;
+    }
+    const V = s(() => {
+      let e = [];
+      t.errorMessage && e.push(t.errorMessage);
+      const l = a.value;
+      if (l !== void 0 && isNaN(l))
+        e.push("Value is not a number");
+      else if (t.validate && l !== void 0) {
+        const i = t.validate(l);
+        i && e.push(i);
+      } else
+        t.minValue !== void 0 && l !== void 0 && l < t.minValue && e.push(`Value must be higher than ${t.minValue}`), t.maxValue !== void 0 && l !== void 0 && l > t.maxValue && e.push(`Value must be less than ${t.maxValue}`);
+      return e = [...e], e.join(" ");
+    }), B = s(() => {
+      const e = a.value;
+      return t.maxValue !== void 0 && e !== void 0 ? e >= t.maxValue : !1;
+    }), M = s(() => {
+      const e = a.value;
+      return t.minValue !== void 0 && e !== void 0 ? e <= t.minValue : !1;
+    });
+    function L() {
+      const e = a.value;
+      if (!B.value) {
+        let l;
+        e === void 0 ? l = t.minValue ? t.minValue : 0 : l = (e || 0) + t.step, r.value = t.maxValue !== void 0 ? Math.min(t.maxValue, l) : l;
+      }
+    }
+    function N() {
+      const e = a.value;
+      if (!M.value) {
+        let l;
+        e === void 0 ? l = 0 : l = +(e || 0) - t.step, r.value = t.minValue !== void 0 ? Math.max(t.minValue, l) : l;
+      }
+    }
+    function O(e) {
+      var l, i;
+      t.updateOnEnterOrClickOutside && (e.code === "Escape" && (o.value = p(r.value), (l = u.value) == null || l.blur()), e.code === "Enter" && ((i = u.value) == null || i.blur())), e.code === "Enter" && (o.value = String(r.value)), ["ArrowDown", "ArrowUp"].includes(e.code) && e.preventDefault(), t.useIncrementButtons && e.code === "ArrowUp" && L(), t.useIncrementButtons && e.code === "ArrowDown" && N();
+    }
+    const $ = (e) => {
+      e.detail > 1 && e.preventDefault();
+    };
+    return (e, l) => (d(), m("div", {
+      ref_key: "root",
+      ref: w,
+      class: v([{ error: !!V.value.trim(), disabled: e.disabled }, "mi-number-field d-flex-column"]),
+      onKeydown: l[3] || (l[3] = (i) => O(i))
+    }, [
+      n("div", H, [
+        P(z, { class: "mi-number-field__contour" }),
+        n("div", {
+          class: v(["mi-number-field__wrapper flex-grow d-flex flex-align-center", { withoutArrows: !e.useIncrementButtons }])
+        }, [
+          e.label ? (d(), m("label", J, [
+            j(_(e.label) + " ", 1),
+            C(E).tooltip ? (d(), K(C(X), {
+              key: 0,
+              class: "info",
+              position: "top"
+            }, {
+              tooltip: R(() => [
+                Z(e.$slots, "tooltip")
+              ]),
+              _: 3
+            })) : c("", !0)
+          ])) : c("", !0),
+          U(n("input", {
+            ref_key: "input",
+            ref: u,
+            "onUpdate:modelValue": l[0] || (l[0] = (i) => x.value = i),
+            disabled: e.disabled,
+            placeholder: e.placeholder,
+            class: "text-s flex-grow",
+            onFocusin: l[1] || (l[1] = (i) => y.value = !0),
+            onFocusout: l[2] || (l[2] = (i) => {
+              y.value = !1, k();
+            })
+          }, null, 40, Q), [
+            [q, x.value]
+          ])
+        ], 2),
+        e.useIncrementButtons ? (d(), m("div", {
+          key: 0,
+          class: "mi-number-field__icons d-flex-column",
+          onMousedown: $
+        }, [
+          n("div", {
+            class: v([{ disabled: B.value }, "mi-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center"]),
+            onClick: L
+          }, l[4] || (l[4] = [
+            n("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none"
+            }, [
+              n("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M8 4.93933L13.5303 10.4697L12.4697 11.5303L8 7.06065L3.53033 11.5303L2.46967 10.4697L8 4.93933Z",
+                fill: "#110529"
+              })
+            ], -1)
+          ]), 2),
+          n("div", {
+            class: v([{ disabled: M.value }, "mi-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center"]),
+            onClick: N
+          }, l[5] || (l[5] = [
+            n("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none"
+            }, [
+              n("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M2.46967 6.53033L3.53033 5.46967L8 9.93934L12.4697 5.46967L13.5303 6.53033L8 12.0607L2.46967 6.53033Z",
+                fill: "#110529"
+              })
+            ], -1)
+          ]), 2)
+        ], 32)) : c("", !0)
+      ]),
+      V.value.trim() ? (d(), m("div", W, _(V.value), 1)) : c("", !0)
+    ], 34));
+  }
+});
+export {
+  oe as default
+};
+//# sourceMappingURL=PlNumberField.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlNumberField.vue.js","sources":["../../../src/components/PlNumberField/PlNumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport './pl-number-field.scss';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport { computed, ref, useSlots, watch } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\n\ntype NumberInputProps = {\n  /** Input is disabled if true */\n  disabled?: boolean;\n  /** Label on the top border of the field, empty by default */\n  label?: string;\n  /** Input placeholder, empty by default */\n  placeholder?: string;\n  /** Step for increment/decrement buttons, 1 by default */\n  step?: number;\n  /** If defined - show an error if value is lower  */\n  minValue?: number;\n  /** If defined - show an error if value is higher */\n  maxValue?: number;\n  /** If false - remove buttons on the right */\n  useIncrementButtons?: boolean;\n  /** If true - changes do not apply immediately, they apply only by removing focus from the input (by click enter or by click outside)  */\n  updateOnEnterOrClickOutside?: boolean;\n  /** Error message that shows always when it's provided, without other checks */\n  errorMessage?: string;\n  /** Additional validity check for input value that must return an error text if failed */\n  validate?: (v: number) => string | undefined;\n};\n\nconst props = withDefaults(defineProps<NumberInputProps>(), {\n  step: 1,\n  label: undefined,\n  placeholder: undefined,\n  minValue: undefined,\n  maxValue: undefined,\n  useIncrementButtons: true,\n  updateOnEnter: false,\n  errorMessage: undefined,\n  validate: undefined,\n});\n\nconst modelValue = defineModel<number | undefined>({ required: true });\n\nconst root = ref<HTMLElement>();\nconst slots = useSlots();\nconst input = ref<HTMLInputElement>();\n\nuseLabelNotch(root);\n\nfunction modelToString(v: number | undefined) {\n  return v === undefined ? '' : String(+v); // (+v) to avoid staying in input non-number values if they are provided in model\n}\n\nfunction isPartial(v: string) {\n  return v === '.' || v === ',' || v === '-';\n}\nfunction stringToModel(v: string) {\n  if (v === '') {\n    return undefined;\n  }\n  if (isPartial(v)) {\n    return 0;\n  }\n  let forParsing = v;\n  forParsing = forParsing.replace(',', '.');\n  forParsing = forParsing.replace('−', '-'); // minus, replacing for the case of input the whole copied value\n  forParsing = forParsing.replace('–', '-'); // dash, replacing for the case of input the whole copied value\n  forParsing = forParsing.replace('+', '');\n  return parseFloat(forParsing);\n}\n\nconst innerTextValue = ref(modelToString(modelValue.value));\nconst innerNumberValue = computed(() => stringToModel(innerTextValue.value));\n\nwatch(() => modelValue.value, (outerValue) => { // update inner value if outer value is changed\n  if (parseFloat(innerTextValue.value) !== outerValue) {\n    innerTextValue.value = modelToString(outerValue);\n  }\n});\n\nconst NUMBER_REGEX = /^[-−–+]?(\\d+)?[\\\\.,]?(\\d+)?$/; // parseFloat works without errors on strings with multiple dots, or letters in value\nconst inputValue = computed({\n  get() {\n    return innerTextValue.value;\n  },\n  set(nextValue: string) {\n    const parsedValue = stringToModel(nextValue);\n    // we allow to set empty value or valid numeric value, otherwise reset input value to previous valid\n    if (parsedValue === undefined\n      || (nextValue.match(NUMBER_REGEX) && !isNaN(parsedValue))\n    ) {\n      innerTextValue.value = nextValue;\n      if (!props.updateOnEnterOrClickOutside && !isPartial(nextValue)) { // to avoid applying '-' or '.'\n        applyChanges();\n      }\n    } else if (input.value) {\n      input.value.value = innerTextValue.value;\n    }\n  },\n});\nconst focused = ref(false);\n\nfunction applyChanges() {\n  if (innerTextValue.value === '') {\n    modelValue.value = undefined;\n    return;\n  }\n  modelValue.value = innerNumberValue.value;\n}\n\nconst errors = computed(() => {\n  let ers: string[] = [];\n  if (props.errorMessage) {\n    ers.push(props.errorMessage);\n  }\n  const parsedValue = innerNumberValue.value;\n  if (parsedValue !== undefined && isNaN(parsedValue)) {\n    ers.push('Value is not a number');\n  } else if (props.validate && parsedValue !== undefined) {\n    const error = props.validate(parsedValue);\n    if (error) {\n      ers.push(error);\n    }\n  } else {\n    if (props.minValue !== undefined && parsedValue !== undefined && parsedValue < props.minValue) {\n      ers.push(`Value must be higher than ${props.minValue}`);\n    }\n    if (props.maxValue !== undefined && parsedValue !== undefined && parsedValue > props.maxValue) {\n      ers.push(`Value must be less than ${props.maxValue}`);\n    }\n  }\n\n  ers = [...ers];\n\n  return ers.join(' ');\n});\n\nconst isIncrementDisabled = computed(() => {\n  const parsedValue = innerNumberValue.value;\n  if (props.maxValue !== undefined && parsedValue !== undefined) {\n    return parsedValue >= props.maxValue;\n  }\n  return false;\n});\n\nconst isDecrementDisabled = computed(() => {\n  const parsedValue = innerNumberValue.value;\n  if (props.minValue !== undefined && parsedValue !== undefined) {\n    return parsedValue <= props.minValue;\n  }\n  return false;\n});\n\nfunction increment() {\n  const parsedValue = innerNumberValue.value;\n  if (!isIncrementDisabled.value) {\n    let nV;\n    if (parsedValue === undefined) {\n      nV = props.minValue ? props.minValue : 0;\n    } else {\n      nV = (parsedValue || 0) + props.step;\n    }\n    modelValue.value = props.maxValue !== undefined ? Math.min(props.maxValue, nV) : nV;\n  }\n}\n\nfunction decrement() {\n  const parsedValue = innerNumberValue.value;\n  if (!isDecrementDisabled.value) {\n    let nV;\n    if (parsedValue === undefined) {\n      nV = 0;\n    } else {\n      nV = +(parsedValue || 0) - props.step;\n    }\n    modelValue.value = props.minValue !== undefined ? Math.max(props.minValue, nV) : nV;\n  }\n}\n\nfunction handleKeyPress(e: { code: string; preventDefault(): void }) {\n  if (props.updateOnEnterOrClickOutside) {\n    if (e.code === 'Escape') {\n      innerTextValue.value = modelToString(modelValue.value);\n      input.value?.blur();\n    }\n    if (e.code === 'Enter') {\n      input.value?.blur();\n    }\n  }\n\n  if (e.code === 'Enter') {\n    innerTextValue.value = String(modelValue.value); // to make .1 => 0.1, 10.00 => 10, remove leading zeros etc\n  }\n\n  if (['ArrowDown', 'ArrowUp'].includes(e.code)) {\n    e.preventDefault();\n  }\n  if (props.useIncrementButtons && e.code === 'ArrowUp') {\n    increment();\n  }\n  if (props.useIncrementButtons && e.code === 'ArrowDown') {\n    decrement();\n  }\n}\n\n// https://stackoverflow.com/questions/880512/prevent-text-selection-after-double-click#:~:text=If%20you%20encounter%20a%20situation,none%3B%20to%20the%20summary%20element.\n// this prevents selecting of more than input content in some cases,\n// but also disable selecting input content by double-click (useful feature)\nconst onMousedown = (ev: MouseEvent) => {\n  if (ev.detail > 1) {\n    ev.preventDefault();\n  }\n};\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    :class=\"{ error: !!errors.trim(), disabled: disabled }\"\n    class=\"mi-number-field d-flex-column\"\n    @keydown=\"handleKeyPress($event)\"\n  >\n    <div class=\"mi-number-field__main-wrapper d-flex\">\n      <DoubleContour class=\"mi-number-field__contour\"/>\n      <div\n        class=\"mi-number-field__wrapper flex-grow d-flex flex-align-center\"\n        :class=\"{withoutArrows: !useIncrementButtons}\"\n      >\n        <label v-if=\"label\" class=\"text-description\">\n          {{ label }}\n          <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n            <template #tooltip>\n              <slot name=\"tooltip\"/>\n            </template>\n          </PlTooltip>\n        </label>\n        <input\n          ref=\"input\"\n          v-model=\"inputValue\"\n          :disabled=\"disabled\"\n          :placeholder=\"placeholder\"\n          class=\"text-s flex-grow\"\n          @focusin=\"focused = true\"\n          @focusout=\"focused = false; applyChanges()\"\n        />\n      </div>\n      <div v-if=\"useIncrementButtons\" class=\"mi-number-field__icons d-flex-column\" @mousedown=\"onMousedown\">\n        <div\n          :class=\"{ disabled: isIncrementDisabled }\"\n          class=\"mi-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center\"\n          @click=\"increment\"\n        >\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <path\n              fill-rule=\"evenodd\"\n              clip-rule=\"evenodd\"\n              d=\"M8 4.93933L13.5303 10.4697L12.4697 11.5303L8 7.06065L3.53033 11.5303L2.46967 10.4697L8 4.93933Z\"\n              fill=\"#110529\"\n            />\n          </svg>\n        </div>\n        <div\n          :class=\"{ disabled: isDecrementDisabled }\"\n          class=\"mi-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center\"\n          @click=\"decrement\"\n        >\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <path\n              fill-rule=\"evenodd\"\n              clip-rule=\"evenodd\"\n              d=\"M2.46967 6.53033L3.53033 5.46967L8 9.93934L12.4697 5.46967L13.5303 6.53033L8 12.0607L2.46967 6.53033Z\"\n              fill=\"#110529\"\n            />\n          </svg>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"errors.trim()\" class=\"mi-number-field__hint text-description\">\n      {{ errors }}\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","modelValue","_useModel","root","ref","slots","useSlots","input","useLabelNotch","modelToString","v","isPartial","stringToModel","forParsing","innerTextValue","innerNumberValue","computed","watch","outerValue","NUMBER_REGEX","inputValue","nextValue","parsedValue","applyChanges","focused","errors","ers","error","isIncrementDisabled","isDecrementDisabled","increment","nV","decrement","handleKeyPress","_a","_b","onMousedown","ev"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAMA,IAAQC,GAYRC,IAAaC,iBAAkD,GAE/DC,IAAOC,EAAiB,GACxBC,IAAQC,EAAS,GACjBC,IAAQH,EAAsB;AAEpC,IAAAI,EAAcL,CAAI;AAElB,aAASM,EAAcC,GAAuB;AAC5C,aAAOA,MAAM,SAAY,KAAK,OAAO,CAACA,CAAC;AAAA,IAAA;AAGzC,aAASC,EAAUD,GAAW;AAC5B,aAAOA,MAAM,OAAOA,MAAM,OAAOA,MAAM;AAAA,IAAA;AAEzC,aAASE,EAAcF,GAAW;AAChC,UAAIA,MAAM;AACD;AAEL,UAAAC,EAAUD,CAAC;AACN,eAAA;AAET,UAAIG,IAAaH;AACJ,aAAAG,IAAAA,EAAW,QAAQ,KAAK,GAAG,GAC3BA,IAAAA,EAAW,QAAQ,KAAK,GAAG,GAC3BA,IAAAA,EAAW,QAAQ,KAAK,GAAG,GAC3BA,IAAAA,EAAW,QAAQ,KAAK,EAAE,GAChC,WAAWA,CAAU;AAAA,IAAA;AAG9B,UAAMC,IAAiBV,EAAIK,EAAcR,EAAW,KAAK,CAAC,GACpDc,IAAmBC,EAAS,MAAMJ,EAAcE,EAAe,KAAK,CAAC;AAE3E,IAAAG,EAAM,MAAMhB,EAAW,OAAO,CAACiB,MAAe;AAC5C,MAAI,WAAWJ,EAAe,KAAK,MAAMI,MACxBJ,EAAA,QAAQL,EAAcS,CAAU;AAAA,IACjD,CACD;AAED,UAAMC,IAAe,gCACfC,IAAaJ,EAAS;AAAA,MAC1B,MAAM;AACJ,eAAOF,EAAe;AAAA,MACxB;AAAA,MACA,IAAIO,GAAmB;AACf,cAAAC,IAAcV,EAAcS,CAAS;AAEvC,QAAAC,MAAgB,UACdD,EAAU,MAAMF,CAAY,KAAK,CAAC,MAAMG,CAAW,KAEvDR,EAAe,QAAQO,GACnB,CAACtB,EAAM,+BAA+B,CAACY,EAAUU,CAAS,KAC/CE,EAAA,KAENhB,EAAM,UACTA,EAAA,MAAM,QAAQO,EAAe;AAAA,MACrC;AAAA,IACF,CACD,GACKU,IAAUpB,EAAI,EAAK;AAEzB,aAASmB,IAAe;AAClB,UAAAT,EAAe,UAAU,IAAI;AAC/B,QAAAb,EAAW,QAAQ;AACnB;AAAA,MAAA;AAEF,MAAAA,EAAW,QAAQc,EAAiB;AAAA,IAAA;AAGhC,UAAAU,IAAST,EAAS,MAAM;AAC5B,UAAIU,IAAgB,CAAC;AACrB,MAAI3B,EAAM,gBACJ2B,EAAA,KAAK3B,EAAM,YAAY;AAE7B,YAAMuB,IAAcP,EAAiB;AACrC,UAAIO,MAAgB,UAAa,MAAMA,CAAW;AAChD,QAAAI,EAAI,KAAK,uBAAuB;AAAA,eACvB3B,EAAM,YAAYuB,MAAgB,QAAW;AAChD,cAAAK,IAAQ5B,EAAM,SAASuB,CAAW;AACxC,QAAIK,KACFD,EAAI,KAAKC,CAAK;AAAA,MAChB;AAEA,QAAI5B,EAAM,aAAa,UAAauB,MAAgB,UAAaA,IAAcvB,EAAM,YACnF2B,EAAI,KAAK,6BAA6B3B,EAAM,QAAQ,EAAE,GAEpDA,EAAM,aAAa,UAAauB,MAAgB,UAAaA,IAAcvB,EAAM,YACnF2B,EAAI,KAAK,2BAA2B3B,EAAM,QAAQ,EAAE;AAIlD,aAAA2B,IAAA,CAAC,GAAGA,CAAG,GAENA,EAAI,KAAK,GAAG;AAAA,IAAA,CACpB,GAEKE,IAAsBZ,EAAS,MAAM;AACzC,YAAMM,IAAcP,EAAiB;AACrC,aAAIhB,EAAM,aAAa,UAAauB,MAAgB,SAC3CA,KAAevB,EAAM,WAEvB;AAAA,IAAA,CACR,GAEK8B,IAAsBb,EAAS,MAAM;AACzC,YAAMM,IAAcP,EAAiB;AACrC,aAAIhB,EAAM,aAAa,UAAauB,MAAgB,SAC3CA,KAAevB,EAAM,WAEvB;AAAA,IAAA,CACR;AAED,aAAS+B,IAAY;AACnB,YAAMR,IAAcP,EAAiB;AACjC,UAAA,CAACa,EAAoB,OAAO;AAC1B,YAAAG;AACJ,QAAIT,MAAgB,SACbS,IAAAhC,EAAM,WAAWA,EAAM,WAAW,IAEjCgC,KAAAT,KAAe,KAAKvB,EAAM,MAEvBE,EAAA,QAAQF,EAAM,aAAa,SAAY,KAAK,IAAIA,EAAM,UAAUgC,CAAE,IAAIA;AAAA,MAAA;AAAA,IACnF;AAGF,aAASC,IAAY;AACnB,YAAMV,IAAcP,EAAiB;AACjC,UAAA,CAACc,EAAoB,OAAO;AAC1B,YAAAE;AACJ,QAAIT,MAAgB,SACbS,IAAA,IAEAA,IAAA,EAAET,KAAe,KAAKvB,EAAM,MAExBE,EAAA,QAAQF,EAAM,aAAa,SAAY,KAAK,IAAIA,EAAM,UAAUgC,CAAE,IAAIA;AAAA,MAAA;AAAA,IACnF;AAGF,aAASE,EAAe,GAA6C;;AACnE,MAAIlC,EAAM,gCACJ,EAAE,SAAS,aACEe,EAAA,QAAQL,EAAcR,EAAW,KAAK,IACrDiC,IAAA3B,EAAM,UAAN,QAAA2B,EAAa,SAEX,EAAE,SAAS,aACbC,IAAA5B,EAAM,UAAN,QAAA4B,EAAa,UAIb,EAAE,SAAS,YACErB,EAAA,QAAQ,OAAOb,EAAW,KAAK,IAG5C,CAAC,aAAa,SAAS,EAAE,SAAS,EAAE,IAAI,KAC1C,EAAE,eAAe,GAEfF,EAAM,uBAAuB,EAAE,SAAS,aAChC+B,EAAA,GAER/B,EAAM,uBAAuB,EAAE,SAAS,eAChCiC,EAAA;AAAA,IACZ;AAMI,UAAAI,IAAc,CAACC,MAAmB;AAClC,MAAAA,EAAG,SAAS,KACdA,EAAG,eAAe;AAAA,IAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlNumberField.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlNumberField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    loading: boolean;
+    progress: number;
+    completeMessage: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    progress: number;
+    completeMessage: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=PlProgressBar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlProgressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlProgressBar/PlProgressBar.vue"],"names":[],"mappings":"AA4BA,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;;cAFU,MAAM;qBACC,MAAM;;AAkE3B,wBAOG"}

package/dist/components/PlProgressBar/PlProgressBar.vue.js

@@ -0,0 +1,29 @@
+import { defineComponent as l, computed as n, createElementBlock as p, createCommentVNode as i, openBlock as c, createElementVNode as e, normalizeStyle as d, toDisplayString as o } from "vue";
+const g = {
+  key: 0,
+  class: "ui-progress-bar"
+}, _ = { class: "ui-progress-bar__messages d-flex align-center pl-6 pr-6" }, m = { class: "ui-progress-bar__message flex-grow-1" }, u = { class: "ui-progress-bar__percent" }, v = /* @__PURE__ */ l({
+  __name: "PlProgressBar",
+  props: {
+    loading: { type: Boolean },
+    progress: { default: 0 },
+    completeMessage: { default: "Completed" }
+  },
+  setup(t) {
+    const r = t, a = n(() => r.progress === 100 ? r.completeMessage : "");
+    return (s, f) => s.loading ? (c(), p("div", g, [
+      e("div", {
+        class: "ui-progress-bar__indicator",
+        style: d({ width: s.progress + "%" })
+      }, null, 4),
+      e("div", _, [
+        e("div", m, o(a.value), 1),
+        e("div", u, o(s.progress + "%"), 1)
+      ])
+    ])) : i("", !0);
+  }
+});
+export {
+  v as default
+};
+//# sourceMappingURL=PlProgressBar.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlProgressBar.vue.js","sources":["../../../src/components/PlProgressBar/PlProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    loading: boolean;\n    progress: number;\n    completeMessage: string;\n  }>(),\n  { progress: 0, completeMessage: 'Completed' },\n);\n\nconst readyMsg = computed(() => (props.progress === 100 ? props.completeMessage : ''));\n</script>\n\n<template>\n  <div v-if=\"loading\" class=\"ui-progress-bar\">\n    <div class=\"ui-progress-bar__indicator\" :style=\"{ width: progress + '%' }\"/>\n    <div class=\"ui-progress-bar__messages d-flex align-center pl-6 pr-6\">\n      <div class=\"ui-progress-bar__message flex-grow-1\">{{ readyMsg }}</div>\n      <div class=\"ui-progress-bar__percent\">{{ progress + '%' }}</div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","readyMsg","computed"],"mappings":";;;;;;;;;;;;AAGA,UAAMA,IAAQC,GASRC,IAAWC,EAAS,MAAOH,EAAM,aAAa,MAAMA,EAAM,kBAAkB,EAAG;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlProgressBar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,10 @@
+import { PlProgressCellProps } from './types';
+declare const _default: import('vue').DefineComponent<PlProgressCellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PlProgressCellProps> & Readonly<{}>, {
+    error: undefined;
+    progress: number;
+    step: string;
+    stage: "not_started" | "running" | "done";
+    progressString: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=PlProgressCell.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlProgressCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlProgressCell/PlProgressCell.vue"],"names":[],"mappings":"AA2CA,OAAO,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;;;;;;;;AA0GnD,wBAQG"}

package/dist/components/PlProgressCell/PlProgressCell.vue.js

@@ -0,0 +1,49 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".progress-cell{background-color:transparent;height:100%;position:relative;width:100%;overflow:hidden;border-radius:2px}.progress-cell .mask-error{--icon-color: var(--txt-error)}.progress-cell.not-started *{color:var(--txt-03)!important}.progress-cell.error *{color:var(--txt-error)!important}.progress-cell__white-bg{background-color:#fff}.progress-cell__indicator{position:absolute;height:100%;transition:width .4s ease-in-out;background:linear-gradient(90deg,#fff,#d8fac8);transition:width .2s ease-in-out}.progress-cell__body{padding:0 15px;display:flex;gap:12px;align-items:center;height:100%;width:100%;position:absolute;z-index:1}.progress-cell__stage{overflow:hidden;text-overflow:ellipsis;flex-shrink:1;text-wrap:nowrap}.progress-cell__percentage{flex-grow:1;flex-shrink:0;text-align:right}.progress-cell__stage--queued{color:var(--txt-03)}.progress-cell__infinity-loader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:move-gradient 2s linear infinite}.progress-cell__infinity-gradient{width:50%;height:100%;background:linear-gradient(90deg,#fff,#d8fac8,#fff)}@keyframes move-gradient{0%{transform:translate(-50%)}to{transform:translate(100%)}}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { defineComponent as _, computed as n, createElementBlock as t, openBlock as s, normalizeClass as m, createCommentVNode as o, createElementVNode as l, normalizeStyle as f, toDisplayString as d, unref as g, createBlock as v, Fragment as y, createTextVNode as h } from "vue";
+
+import k from "../PlIcon24/PlIcon24.vue.js";
+import { getErrorMessage as S } from "../../helpers/error.js";
+const w = {
+  key: 0,
+  class: "progress-cell__infinity-loader"
+}, B = { class: "progress-cell__body" }, C = { class: "progress-cell__stage text-s" }, P = { class: "progress-cell__percentage text-s d-flex align-center justify-end" }, b = /* @__PURE__ */ _({
+  __name: "PlProgressCell",
+  props: {
+    stage: { default: "not_started" },
+    step: { default: "" },
+    progressString: { default: "" },
+    progress: { default: void 0 },
+    error: { default: void 0 }
+  },
+  setup(c) {
+    const e = c, p = n(() => e.stage !== "not_started"), u = n(() => e.stage === "done" ? 100 : Math.min(100, e.progress || 0)), a = n(() => e.progress === void 0 && e.stage !== "done" && e.stage !== "not_started" && !e.error);
+    return (r, i) => (s(), t("div", {
+      class: m({ "progress-cell": !0, "progress-cell__white-bg": p.value, error: r.error, "not-started": e.stage === "not_started" })
+    }, [
+      a.value ? (s(), t("div", w, i[0] || (i[0] = [
+        l("div", { class: "progress-cell__infinity-gradient" }, null, -1)
+      ]))) : o("", !0),
+      !a.value && !r.error ? (s(), t("div", {
+        key: 1,
+        class: "progress-cell__indicator",
+        style: f({ width: u.value + "%" })
+      }, null, 4)) : o("", !0),
+      l("div", B, [
+        l("div", C, d(r.error ? g(S)(r.error) : r.step), 1),
+        l("div", P, [
+          r.error ? (s(), v(g(k), {
+            key: 0,
+            name: "error"
+          })) : o("", !0),
+          r.error ? o("", !0) : (s(), t(y, { key: 1 }, [
+            h(d(r.progressString), 1)
+          ], 64))
+        ])
+      ])
+    ], 2));
+  }
+});
+export {
+  b as default
+};
+//# sourceMappingURL=PlProgressCell.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlProgressCell.vue.js","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(() => props.stage === 'done' ? 100 : Math.min(100, props.progress || 0));\n\nconst canShowInfinityLoader = computed(() => props.progress === undefined && props.stage !== 'done' && props.stage !== 'not_started' && !props.error);\n</script>\n\n<template>\n  <div :class=\"{'progress-cell':true, 'progress-cell__white-bg': canShowWhiteBg, error, 'not-started': props.stage === 'not_started' }\">\n    <div v-if=\"canShowInfinityLoader\" class=\"progress-cell__infinity-loader\">\n      <div class=\"progress-cell__infinity-gradient\"/>\n    </div>\n    <div v-if=\"!canShowInfinityLoader && !error\" class=\"progress-cell__indicator\" :style=\"{ width: currentProgress + '%' }\"/>\n    <div class=\"progress-cell__body\">\n      <div class=\"progress-cell__stage text-s\">\n        {{ error ? getErrorMessage(error) : step }}\n      </div>\n      <div class=\"progress-cell__percentage text-s d-flex align-center justify-end\">\n        <PlMaskIcon24 v-if=\"error\" name=\"error\" />\n        <template v-if=\"!error\">\n          {{ progressString }}\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","canShowWhiteBg","computed","currentProgress","canShowInfinityLoader"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAQRC,IAAiBC,EAAS,MAAMH,EAAM,UAAU,aAAa,GAE7DI,IAAkBD,EAAS,MAAMH,EAAM,UAAU,SAAS,MAAM,KAAK,IAAI,KAAKA,EAAM,YAAY,CAAC,CAAC,GAElGK,IAAwBF,EAAS,MAAMH,EAAM,aAAa,UAAaA,EAAM,UAAU,UAAUA,EAAM,UAAU,iBAAiB,CAACA,EAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlProgressCell.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlProgressCell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PlProgressCell/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC"}

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

@@ -0,0 +1,33 @@
+declare const _default: <M>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: M) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
+        modelValue?: M;
+    } & {
+        /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */
+        name?: string;
+        /** Value that goes into `v-model`. */
+        value?: M;
+        /** Whether the radio control is disabled. */
+        disabled?: boolean;
+    }) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        /** Label of the radio control. */
+        default?(): unknown;
+    }> & {
+        /** Label of the radio control. */
+        default?(): unknown;
+    };
+    emit: (evt: "update:modelValue", value: M) => void;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=PlRadio.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlRadio.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlRadio/PlRadio.vue"],"names":[],"mappings":"yBAmGiB,CAAC,eACJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA2F1D,mBAAmB,CAAC;;;qBA3Df,CAAC;;QA3BZ,0HAA0H;eACnH,MAAM;QACb,sCAAsC;gBAC9B,CAAC;QACT,6CAA6C;mBAClC,OAAO;oBAiF0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;QA7ET,kCAAkC;oBACtB,OAAO;;QADnB,kCAAkC;oBACtB,OAAO;;;;;;YAiFuB,OAAO,CAAC,OAAO,WAAW,CAAC;;AArGvE,wBAqG4E;AAO5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/PlRadio/PlRadio.vue.js

@@ -0,0 +1,10 @@
+import o from "./PlRadio.vue2.js";
+import s from "./PlRadio.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+export {
+  f as default
+};
+//# sourceMappingURL=PlRadio.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlRadio.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +1,38 @@
+import { defineComponent as p, mergeModels as c, useModel as f, createPropsRestProxy as y, inject as n, createElementBlock as M, openBlock as V, normalizeClass as t, withDirectives as v, createElementVNode as s, mergeProps as P, unref as r, isRef as R, vModelRadio as $, renderSlot as b } from "vue";
+import { radioGroupNameKey as B, radioGroupModelKey as g } from "./keys.js";
+const k = ["name"], G = /* @__PURE__ */ p({
+  __name: "PlRadio",
+  props: /* @__PURE__ */ c({
+    name: {},
+    value: {},
+    disabled: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const d = f(o, "modelValue"), m = y(o, ["name"]), i = n(B, o.name), l = n(g, d);
+    return (e, a) => (V(), M("label", {
+      class: t(e.$style.container)
+    }, [
+      v(s("input", P({
+        "onUpdate:modelValue": a[0] || (a[0] = (u) => R(l) ? l.value = u : null),
+        class: e.$style.input,
+        type: "radio",
+        name: r(i)
+      }, m), null, 16, k), [
+        [$, r(l)]
+      ]),
+      s("span", {
+        class: t(e.$style.label)
+      }, [
+        b(e.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  G as default
+};
+//# sourceMappingURL=PlRadio.vue2.js.map

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

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

package/dist/components/PlRadio/PlRadio.vue3.js

@@ -0,0 +1,13 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._container_1yonu_2{display:flex;align-items:center;gap:4px;padding:4px;border-radius:6px;transition:all .2s ease-in-out;color:var(--txt-01);-webkit-user-select:none;user-select:none}._container_1yonu_2:hover:not(:has(:disabled)){background:var(--btn-sec-hover-grey)}._container_1yonu_2:has(:disabled){color:var(--dis-01)}._input_1yonu_19{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;block-size:24px;aspect-ratio:1;margin:0;border-radius:50%;outline:2px solid transparent;color:inherit;transition:inherit}._input_1yonu_19:focus{outline-color:var(--border-color-focus)}._input_1yonu_19:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:2px solid}._input_1yonu_19:after{content:"";position:absolute;top:7.5px;right:7.5px;bottom:7.5px;left:7.5px;border-radius:50%;background-color:currentColor;scale:0;transition:inherit}._input_1yonu_19:checked:after{scale:1}._label_1yonu_53{padding-inline:4px;line-height:calc(20 / 14);font-weight:500;text-box:trim-both cap alphabetic}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+const n = "_container_1yonu_2", t = "_input_1yonu_19", o = "_label_1yonu_53", e = {
+  container: n,
+  input: t,
+  label: o
+};
+export {
+  n as container,
+  e as default,
+  t as input,
+  o as label
+};
+//# sourceMappingURL=PlRadio.vue3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlRadio.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,50 @@
+declare const _default: <M>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: M) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
+        modelValue?: M;
+    } & {
+        /** Name of the radio group. */
+        name?: string;
+        /**
+         * List of available options.
+         * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.
+         */
+        options?: Readonly<{
+            label: string;
+            value: M;
+            disabled?: boolean;
+        }[]>;
+        /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */
+        keyExtractor?: (value: M, index: number) => PropertyKey;
+    }) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        /**
+         * Can be anything, but usually an array of {@link PlRadio} components.
+         * If {@link props.options|options} are provided, they will be rendered before this slot.
+         */
+        default?(): unknown;
+        /** Label of the radio group. */
+        label?(): unknown;
+    }> & {
+        /**
+         * Can be anything, but usually an array of {@link PlRadio} components.
+         * If {@link props.options|options} are provided, they will be rendered before this slot.
+         */
+        default?(): unknown;
+        /** Label of the radio group. */
+        label?(): unknown;
+    };
+    emit: (evt: "update:modelValue", value: M) => void;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=PlRadioGroup.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"names":[],"mappings":"yBAgFiB,CAAC,eACJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAwH1D,mBAAmB,CAAC;;;qBAxEf,CAAC;;QArCZ,+BAA+B;eACxB,MAAM;QACb;;;WAGG;kBACO,QAAQ,CAAC;mBAdZ,MAAM;mBACN,CAAC;uBACG,OAAO;WAYmB,CAAC;QACtC,+FAA+F;uBAChF,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW;oBAqGqC,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;QAjGT;;;WAGG;oBACS,OAAO;QACnB,gCAAgC;kBACtB,OAAO;;QANjB;;;WAGG;oBACS,OAAO;QACnB,gCAAgC;kBACtB,OAAO;;;;;;YAgGyB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAlIvE,wBAkI4E;AAM5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+import o from "./PlRadioGroup.vue2.js";
+import s from "./PlRadioGroup.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+export {
+  f as default
+};
+//# sourceMappingURL=PlRadioGroup.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlRadioGroup.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}