prlg-ui 1.0.0

package/dist/components/Checkbox/Checkbox.vue.js

@@ -0,0 +1,78 @@
+import { defineComponent as h, mergeModels as m, useModel as b, useId as v, computed as p, createElementBlock as s, openBlock as d, normalizeClass as k, unref as u, withDirectives as w, createElementVNode as t, createCommentVNode as a, vModelCheckbox as f, createTextVNode as _, renderSlot as g, toDisplayString as x } from "vue";
+const y = ["for"], V = ["id", "value", ".indeterminate", "disabled"], L = { class: "checkbox__field" }, B = { class: "dot" }, C = {
+  key: 0,
+  width: "14",
+  height: "12",
+  viewBox: "0 0 14 12",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, M = {
+  key: 1,
+  width: "13",
+  height: "3",
+  viewBox: "0 0 13 3",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, N = {
+  key: 0,
+  class: "checkbox__label"
+}, D = /* @__PURE__ */ h({
+  __name: "Checkbox",
+  props: /* @__PURE__ */ m({
+    label: {},
+    value: {},
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { type: [Array, String, Boolean, null], required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i) {
+    const o = b(i, "modelValue"), n = v(), r = p(() => [
+      "checkbox",
+      {
+        "checkbox--disabled": i.disabled
+      }
+    ]);
+    return (e, l) => (d(), s("label", {
+      for: u(n),
+      class: k(r.value)
+    }, [
+      w(t("input", {
+        "onUpdate:modelValue": l[0] || (l[0] = (c) => o.value = c),
+        id: u(n),
+        type: "checkbox",
+        value: e.value,
+        ".indeterminate": o.value === null,
+        class: "checkbox__input",
+        disabled: e.disabled
+      }, null, 40, V), [
+        [f, o.value]
+      ]),
+      t("div", L, [
+        t("div", B, [
+          o.value ? (d(), s("svg", C, l[1] || (l[1] = [
+            t("path", {
+              d: "M4.50746 9.32454L1.40518 5.87678L0.371094 7.02603L4.50746 11.623L13.3711 1.7723L12.337 0.623047L4.50746 9.32454Z",
+              fill: "white"
+            }, null, -1)
+          ]))) : a("", !0),
+          o.value === null ? (d(), s("svg", M, l[2] || (l[2] = [
+            t("path", {
+              d: "M0.371094 1.62305L12.3711 1.62305",
+              stroke: "white",
+              "stroke-width": "2"
+            }, null, -1)
+          ]))) : a("", !0)
+        ])
+      ]),
+      e.label || e.$slots.label ? (d(), s("span", N, [
+        _(x(e.label) + " ", 1),
+        g(e.$slots, "label")
+      ])) : a("", !0)
+    ], 10, y));
+  }
+});
+export {
+  D as default
+};

package/dist/components/Checkbox/Checkbox.vue3.js

@@ -0,0 +1,5 @@
+import o from "./Checkbox.vue.js";
+/* empty css              */
+export {
+  o as default
+};

package/dist/components/Checkbox.js

@@ -0,0 +1,5 @@
+import { default as t } from "./Checkbox/Checkbox.vue.js";
+/* empty css                       */
+export {
+  t as Checkbox
+};

package/dist/components/ChipCheckbox/ChipCheckbox.vue.js

@@ -0,0 +1,45 @@
+import { defineComponent as a, mergeModels as u, useModel as c, useId as p, createElementBlock as r, openBlock as m, withDirectives as h, createElementVNode as e, unref as s, vModelCheckbox as v, toDisplayString as _ } from "vue";
+const x = { class: "chip-checkbox" }, b = ["name", "id", "value"], f = { class: "chip-checkbox__text" }, w = /* @__PURE__ */ a({
+  __name: "ChipCheckbox",
+  props: /* @__PURE__ */ u({
+    value: {},
+    label: {},
+    id: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const l = c(n, "modelValue"), t = p();
+    return (i, o) => (m(), r("div", x, [
+      h(e("input", {
+        "onUpdate:modelValue": o[0] || (o[0] = (d) => l.value = d),
+        type: "checkbox",
+        name: s(t),
+        id: s(t),
+        value: i.value
+      }, null, 8, b), [
+        [v, l.value]
+      ]),
+      o[1] || (o[1] = e("div", { class: "chip-checkbox__icon" }, [
+        e("svg", {
+          width: "14",
+          height: "11",
+          viewBox: "0 0 14 11",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          e("path", {
+            d: "M4.75012 8.13031L1.62262 5.00281L0.557617 6.06031L4.75012 10.2528L13.7501 1.25281L12.6926 0.195312L4.75012 8.13031Z",
+            fill: "#00AB2E"
+          })
+        ])
+      ], -1)),
+      e("span", f, _(i.label), 1)
+    ]));
+  }
+});
+export {
+  w as default
+};

package/dist/components/ChipCheckbox/ChipCheckbox.vue3.js

@@ -0,0 +1,5 @@
+import o from "./ChipCheckbox.vue.js";
+/* empty css                  */
+export {
+  o as default
+};

package/dist/components/ChipCheckbox.js

@@ -0,0 +1,5 @@
+import { default as r } from "./ChipCheckbox/ChipCheckbox.vue.js";
+/* empty css                               */
+export {
+  r as ChipCheckbox
+};

package/dist/components/Divider/Divider.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as i, computed as l, createElementBlock as a, openBlock as n, normalizeClass as o, createElementVNode as r, renderSlot as s } from "vue";
+const c = { class: "divider__content" }, v = /* @__PURE__ */ i({
+  __name: "Divider",
+  props: {
+    layouts: { default: "horizontal" },
+    type: { default: "solid" },
+    align: { default: "center" }
+  },
+  setup(e) {
+    const t = l(() => [
+      "divider",
+      `divider--${e.layouts}`,
+      `divider--${e.type}`,
+      `divider--${e.align}`
+    ]);
+    return (d, u) => (n(), a("div", {
+      class: o(t.value)
+    }, [
+      r("div", c, [
+        s(d.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  v as default
+};

package/dist/components/Divider/Divider.vue3.js

@@ -0,0 +1,5 @@
+import o from "./Divider.vue.js";
+/* empty css             */
+export {
+  o as default
+};

package/dist/components/Divider.js

@@ -0,0 +1,5 @@
+import { default as o } from "./Divider/Divider.vue.js";
+/* empty css                     */
+export {
+  o as Divider
+};

package/dist/components/Drawer/Drawer.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent as w, ref as f, computed as v, createBlock as k, openBlock as a, Teleport as y, createVNode as s, Transition as C, withCtx as h, createElementBlock as $, createCommentVNode as S, normalizeStyle as x, normalizeClass as B, createElementVNode as t, renderSlot as b, unref as D } from "vue";
+import { useBodyScroll as N } from "../../utils/useBodyScroll.util.js";
+import V from "../icons/monochrome/CloseRoundedIcon.vue.js";
+const z = { class: "drawer-wrapper" }, E = { class: "drawer-close" }, R = /* @__PURE__ */ w({
+  __name: "Drawer",
+  props: {
+    position: { default: "left" },
+    width: { default: 300 }
+  },
+  setup(r, { expose: d }) {
+    const { lockScroll: i, unlockScroll: c } = N(), e = f(!1), u = v(() => typeof r.width == "number" ? `${r.width}px` : `${r.width.split("px")[0]}px`), p = () => {
+      e.value = !0, i();
+    }, l = () => {
+      e.value = !1, c();
+    };
+    return d({
+      isOpen: e,
+      open: p,
+      close: l
+    }), (n, o) => (a(), k(y, { to: "body" }, [
+      s(C, { name: "drawer-animate" }, {
+        default: h(() => [
+          e.value ? (a(), $("div", {
+            key: 0,
+            class: B(["drawer", { [`drawer--${n.position}`]: n.position }]),
+            style: x({ "--widthDrawer": u.value })
+          }, [
+            t("div", {
+              class: "drawer-overlay",
+              onClick: o[0] || (o[0] = (m) => l())
+            }),
+            t("div", z, [
+              t("div", E, [
+                t("button", {
+                  onClick: o[1] || (o[1] = (m) => l())
+                }, [
+                  s(D(V))
+                ])
+              ]),
+              b(n.$slots, "default")
+            ])
+          ], 6)) : S("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+export {
+  R as default
+};

package/dist/components/Drawer/Drawer.vue3.js

@@ -0,0 +1,5 @@
+import o from "./Drawer.vue.js";
+/* empty css            */
+export {
+  o as default
+};

package/dist/components/Drawer.js

@@ -0,0 +1,5 @@
+import { default as o } from "./Drawer/Drawer.vue.js";
+/* empty css                   */
+export {
+  o as Drawer
+};

package/dist/components/Dropdown/Dropdown.vue.js

@@ -0,0 +1,171 @@
+import { defineComponent as S, mergeModels as D, useModel as E, ref as c, computed as p, useTemplateRef as g, watch as I, onMounted as q, createElementBlock as n, openBlock as r, normalizeClass as b, createElementVNode as u, createCommentVNode as k, Fragment as m, renderList as w, createBlock as V, unref as s, withCtx as O, createTextVNode as z, toDisplayString as j, createVNode as y } from "vue";
+import K from "../Checkbox/Checkbox.vue.js";
+/* empty css                        */
+import Z from "../Tag/Tag.vue.js";
+/* empty css              */
+import G from "../InputText/InputText.vue.js";
+/* empty css                          */
+import J from "../IconField/IconField.vue.js";
+/* empty css                          */
+import P from "../icons/monochrome/SearchIcon.vue.js";
+import Q from "../Spinner/Spinner.vue.js";
+/* empty css                      */
+import { onClickOutside as W } from "../../utils/onClickOutside.util.js";
+const X = ["placeholder", "value"], Y = {
+  class: "dropdown__popover",
+  ref: "popover"
+}, x = { class: "dropdown__popover-wrapper" }, _ = {
+  key: 0,
+  class: "dropdown__popover-search"
+}, ee = {
+  key: 1,
+  class: "dropdown__popover-loading"
+}, le = ["onClick"], pe = /* @__PURE__ */ S({
+  __name: "Dropdown",
+  props: /* @__PURE__ */ D({
+    placeholder: {},
+    searchable: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !1 },
+    options: {},
+    returnObject: { type: Boolean, default: !1 },
+    loading: { type: Boolean },
+    searchHandler: { type: Function }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const o = E(l, "modelValue"), v = c(""), d = c(!1), B = p(() => [
+      "dropdown",
+      {
+        "dropdown--open": d.value,
+        "dropdown--searchable": l.searchable
+      }
+    ]), i = c([]), T = g("trigger"), $ = g("popover"), L = p(() => {
+      if (l.multiple) return "";
+      if (l.returnObject)
+        return o.value && typeof o.value == "object" && "label" in o.value ? o.value.label : "";
+      {
+        const e = l.options.find((a) => a.value === o.value);
+        return e ? e.label : "";
+      }
+    }), h = p(() => l.multiple ? Array.isArray(o.value) ? l.returnObject ? o.value : o.value.map((e) => l.options.find((a) => a.value === e)).filter(Boolean) : [] : []);
+    function M(e) {
+      l.multiple || (o.value = l.returnObject ? { ...e } : e.value, d.value = !1);
+    }
+    function R(e) {
+      return l.multiple ? !1 : l.returnObject ? o.value && typeof o.value == "object" && "value" in o.value && o.value.value === e.value : o.value === e.value;
+    }
+    function A(e) {
+      return e ? (l.returnObject, e.label) : "";
+    }
+    function N(e) {
+      return e ? (l.returnObject, e.value) : "";
+    }
+    function U(e) {
+      !l.multiple || !Array.isArray(o.value) || (l.returnObject ? o.value = o.value.filter((a) => a.value !== e.value) : o.value = o.value.filter((a) => a !== e.value));
+    }
+    const F = c(null), H = () => {
+      l.searchable && (l.searchHandler ? i.value = l.searchHandler(v.value) : F.value = setTimeout(() => {
+        i.value = [...l.options].filter((e) => e.label.toUpperCase().includes(v.value.toUpperCase()));
+      }, 300));
+    };
+    return I(() => l.options, () => {
+      i.value = l.options;
+    }, { deep: !0 }), q(() => {
+      i.value = l.options, W(
+        $.value,
+        () => {
+          d.value = !1;
+        },
+        {
+          ignore: [T.value]
+        }
+      );
+    }), (e, a) => (r(), n("div", {
+      class: b(B.value)
+    }, [
+      u("div", {
+        class: "dropdown__field",
+        ref: "trigger",
+        onClick: a[0] || (a[0] = (t) => d.value = !d.value)
+      }, [
+        u("div", {
+          class: b(["dropdown__field-inner", { "dropdown__field-inner--multiple": e.multiple }])
+        }, [
+          e.multiple ? (r(!0), n(m, { key: 0 }, w(h.value, (t) => (r(), V(s(Z), {
+            variant: "secondary",
+            key: N(t),
+            removable: "",
+            onRemove: (f) => U(t)
+          }, {
+            default: O(() => [
+              z(j(A(t)), 1)
+            ]),
+            _: 2
+          }, 1032, ["onRemove"]))), 128)) : k("", !0),
+          u("input", {
+            type: "text",
+            class: "dropdown__field-input",
+            placeholder: e.multiple && h.value.length ? "" : e.placeholder,
+            readonly: "",
+            value: e.multiple ? "" : L.value
+          }, null, 8, X)
+        ], 2),
+        a[3] || (a[3] = u("div", { class: "dropdown__field-arrow" }, [
+          u("svg", {
+            width: "10",
+            height: "6",
+            viewBox: "0 0 10 6",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [
+            u("path", {
+              d: "M4.9996 5.50009C4.90106 5.50055 4.80342 5.48133 4.71241 5.44355C4.6214 5.40577 4.53885 5.3502 4.4696 5.28009L0.999603 1.78009C0.908212 1.63913 0.866791 1.47157 0.881978 1.30427C0.897166 1.13696 0.968083 0.979602 1.08336 0.857406C1.19864 0.73521 1.35161 0.655255 1.51774 0.630355C1.68388 0.605456 1.85357 0.637055 1.9996 0.720087L4.9996 3.72009L7.9996 0.720087C8.14564 0.637055 8.31533 0.605456 8.48146 0.630355C8.6476 0.655255 8.80056 0.73521 8.91584 0.857406C9.03112 0.979602 9.10204 1.13696 9.11723 1.30427C9.13241 1.47157 9.09099 1.63913 8.9996 1.78009L5.4996 5.28009C5.36709 5.4145 5.18823 5.4932 4.9996 5.50009Z",
+              fill: "currentColor"
+            })
+          ])
+        ], -1))
+      ], 512),
+      u("div", Y, [
+        u("div", x, [
+          e.searchable ? (r(), n("div", _, [
+            y(s(J), {
+              icon: s(P),
+              disabled: e.loading
+            }, {
+              default: O(() => [
+                y(G, {
+                  modelValue: v.value,
+                  "onUpdate:modelValue": a[1] || (a[1] = (t) => v.value = t),
+                  onInput: H,
+                  disabled: e.loading
+                }, null, 8, ["modelValue", "disabled"])
+              ]),
+              _: 1
+            }, 8, ["icon", "disabled"])
+          ])) : k("", !0),
+          e.loading ? (r(), n("div", ee, [
+            y(s(Q))
+          ])) : (r(), n(m, { key: 2 }, [
+            e.multiple ? (r(!0), n(m, { key: 0 }, w(i.value, (t, f) => (r(), V(s(K), {
+              modelValue: o.value,
+              "onUpdate:modelValue": a[2] || (a[2] = (C) => o.value = C),
+              key: f,
+              value: t.value,
+              label: t.label
+            }, null, 8, ["modelValue", "value", "label"]))), 128)) : (r(!0), n(m, { key: 1 }, w(i.value, (t, f) => (r(), n("div", {
+              class: b(["dropdown__popover-item", { "dropdown__popover-item--selected": R(t) }]),
+              key: f,
+              onClick: (C) => M(t)
+            }, j(t.label), 11, le))), 128))
+          ], 64))
+        ])
+      ], 512)
+    ], 2));
+  }
+});
+export {
+  pe as default
+};

package/dist/components/Dropdown/Dropdown.vue3.js

@@ -0,0 +1,5 @@
+import o from "./Dropdown.vue.js";
+/* empty css              */
+export {
+  o as default
+};

package/dist/components/Dropdown.js

@@ -0,0 +1,5 @@
+import { default as t } from "./Dropdown/Dropdown.vue.js";
+/* empty css                       */
+export {
+  t as Dropdown
+};

package/dist/components/IconField/IconField.vue.js

@@ -0,0 +1,29 @@
+import { defineComponent as t, computed as c, createElementBlock as l, openBlock as n, normalizeClass as s, createBlock as a, createElementVNode as d, resolveDynamicComponent as r, renderSlot as f } from "vue";
+const m = { class: "icon-field__content" }, _ = /* @__PURE__ */ t({
+  __name: "IconField",
+  props: {
+    icon: { type: [Object, Function] },
+    position: { default: "left" },
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    const i = c(() => [
+      "icon-field",
+      {
+        [`icon-field--${e.position}`]: e.position,
+        "icon-field--disabled": e.disabled
+      }
+    ]);
+    return (o, p) => (n(), l("div", {
+      class: s(i.value)
+    }, [
+      (n(), a(r(o.icon), { class: "icon-field__icon" })),
+      d("div", m, [
+        f(o.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/IconField/IconField.vue3.js

@@ -0,0 +1,5 @@
+import o from "./IconField.vue.js";
+/* empty css               */
+export {
+  o as default
+};

package/dist/components/IconField.js

@@ -0,0 +1,5 @@
+import { default as t } from "./IconField/IconField.vue.js";
+/* empty css                         */
+export {
+  t as IconField
+};

package/dist/components/InputNumber/InputNumber.vue.js

@@ -0,0 +1,92 @@
+import { defineComponent as y, mergeModels as I, useModel as P, ref as x, watch as B, computed as w, onMounted as V, createElementBlock as C, openBlock as i, normalizeClass as M, createBlock as c, createCommentVNode as r, createElementVNode as f, unref as l, withDirectives as S, resolveDynamicComponent as h, vModelText as N } from "vue";
+import d from "../Button/Button.vue.js";
+/* empty css                    */
+import D from "../icons/monochrome/MinusIcon.vue.js";
+import E from "../icons/monochrome/PlusIcon.vue.js";
+const F = { class: "input-number__wrapper" }, H = ["max"], T = /* @__PURE__ */ y({
+  __name: "InputNumber",
+  props: /* @__PURE__ */ I({
+    viewButtons: { type: Boolean, default: !1 },
+    max: {},
+    countInPackage: { default: 1 },
+    icon: { type: [Object, Function] },
+    iconPosition: { default: "left" },
+    formatter: { type: Function }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = P(e, "modelValue"), u = x(
+      typeof e.formatter == "function" ? e.formatter(n.value) : String(n.value)
+    );
+    B(n, (t) => {
+      u.value = typeof e.formatter == "function" ? e.formatter(t) : String(t);
+    });
+    const v = (t) => {
+      let o = t.target.value;
+      o = o.replace(/[^\d]/g, "");
+      let a = parseInt(o);
+      a < 1 && (a = 1), e.max && a > e.max && (a = e.max), a % e.countInPackage !== 0 && (a = Math.floor(a / e.countInPackage) * e.countInPackage + e.countInPackage), u.value = typeof e.formatter == "function" ? e.formatter(a) : String(a), n.value = a;
+    }, s = () => {
+      u.value = typeof e.formatter == "function" ? e.formatter(n.value) : String(n.value);
+    }, b = () => {
+      if (e.max && n.value === e.max) return;
+      let t = n.value + e.countInPackage;
+      e.max && t > e.max && (t = e.max), n.value = t;
+    }, g = () => {
+      if (n.value === 1) return;
+      let t = n.value - e.countInPackage;
+      t < 1 && (t = 1), n.value = t;
+    }, k = w(() => [
+      "input-number",
+      {
+        "input-number--view-buttons": e.viewButtons,
+        [`input-number--icon-${e.iconPosition}`]: e.icon
+      }
+    ]);
+    return V(() => {
+      n.value = e.countInPackage, u.value = typeof e.formatter == "function" ? e.formatter(n.value) : String(n.value);
+    }), (t, m) => (i(), C("div", {
+      class: M(k.value)
+    }, [
+      t.viewButtons ? (i(), c(l(d), {
+        key: 0,
+        contrast: "",
+        icon: l(D),
+        class: "input-number__button input-number__button--decrement",
+        "only-icon": "",
+        disabled: t.countInPackage ? n.value === t.countInPackage : n.value === 1,
+        onClick: g
+      }, null, 8, ["icon", "disabled"])) : r("", !0),
+      f("div", F, [
+        (i(), c(h(t.icon))),
+        S(f("input", {
+          "onUpdate:modelValue": m[0] || (m[0] = (o) => u.value = o),
+          type: "text",
+          name: "input-number",
+          id: "input-number",
+          class: "input-number__input",
+          max: t.max,
+          onInput: v,
+          onBlur: s
+        }, null, 40, H), [
+          [N, u.value]
+        ])
+      ]),
+      t.viewButtons ? (i(), c(l(d), {
+        key: 1,
+        contrast: "",
+        icon: l(E),
+        class: "input-number__button input-number__button--increment",
+        "only-icon": "",
+        onClick: b,
+        disabled: !!t.max && n.value === t.max
+      }, null, 8, ["icon", "disabled"])) : r("", !0)
+    ], 2));
+  }
+});
+export {
+  T as default
+};

package/dist/components/InputNumber/InputNumber.vue3.js

@@ -0,0 +1,5 @@
+import o from "./InputNumber.vue.js";
+/* empty css                 */
+export {
+  o as default
+};

package/dist/components/InputNumber.js

@@ -0,0 +1,5 @@
+import { default as m } from "./InputNumber/InputNumber.vue.js";
+/* empty css                             */
+export {
+  m as InputNumber
+};

package/dist/components/InputText/InputText.utils.js

@@ -0,0 +1,7 @@
+const t = (e) => {
+  const r = e.replace(/\D/g, "").match(/(\d{0,1})(\d{0,3})(\d{0,3})(\d{0,2})(\d{0,2})/);
+  return r ? !r[2] && r[1] !== "" ? r[1] === "7" ? `${r[1]}` : "7" + r[1] : r[3] ? r[1] + " (" + r[2] + ") " + r[3] + (r[4] ? "-" + r[4] : "") + (r[5] ? "-" + r[5] : "") : `${r[1]} ` + r[2] : e;
+};
+export {
+  t as formatterTel
+};