prlg-ui 1.0.0

package/dist/components/InputText/InputText.vue.js

@@ -0,0 +1,98 @@
+import { defineComponent as B, mergeModels as f, useModel as T, computed as p, useId as g, ref as $, createElementBlock as a, openBlock as o, normalizeClass as E, createCommentVNode as s, createElementVNode as m, unref as u, toDisplayString as c, withDirectives as D, vModelDynamic as M, createVNode as z, createBlock as b } from "vue";
+import N from "../icons/monochrome/CloseRoundedIcon.vue.js";
+import h from "../icons/monochrome/EyeIcon.vue.js";
+import q from "../icons/monochrome/EyeCloseIcon.vue.js";
+import { formatterTel as k } from "./InputText.utils.js";
+const P = ["for"], R = { class: "input__wrapper" }, S = ["id", "placeholder", "name", "disabled", "type"], U = { class: "input__actions" }, j = {
+  key: 1,
+  class: "input__error"
+}, K = /* @__PURE__ */ B({
+  __name: "InputText",
+  props: /* @__PURE__ */ f({
+    label: {},
+    placeholder: {},
+    allowClear: { type: Boolean },
+    name: {},
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    errorText: {},
+    type: { default: "text" },
+    size: { default: "default" },
+    inputId: {},
+    variant: { default: "outlined" },
+    value: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ f(["blur", "input"], ["update:modelValue"]),
+  setup(l, { emit: C }) {
+    const d = C, n = T(l, "modelValue"), v = p({
+      get() {
+        return l.type === "tel" ? k(n.value) : n.value;
+      },
+      set(e) {
+        n.value = l.type === "tel" ? e.replace(/\D/g, "") : e;
+      }
+    }), y = g(), i = $(!1), V = p(() => [
+      "input",
+      `input--${l.size}`,
+      `input--${l.variant}`,
+      {
+        "input--disabled": l.disabled,
+        "input--error": l.error
+      }
+    ]), I = p(() => l.type === "password" ? i.value ? "text" : "password" : l.type), w = (e) => {
+      if (d("input", e), l.type === "tel") {
+        if (e && !e.isTrusted) return;
+        const t = e.target;
+        t.value = k(t.value);
+      }
+    };
+    return (e, t) => (o(), a("div", {
+      class: E(V.value)
+    }, [
+      e.label ? (o(), a("label", {
+        key: 0,
+        for: e.inputId ?? u(y),
+        class: "input__label"
+      }, c(e.label), 9, P)) : s("", !0),
+      m("div", R, [
+        D(m("input", {
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => v.value = r),
+          id: e.inputId ?? u(y),
+          placeholder: e.placeholder,
+          name: e.name,
+          class: "input__field",
+          disabled: e.disabled,
+          type: I.value,
+          onClick: t[1] || (t[1] = (r) => d("blur")),
+          onBlur: t[2] || (t[2] = (r) => d("blur")),
+          onInput: w
+        }, null, 40, S), [
+          [M, v.value]
+        ]),
+        m("div", U, [
+          e.type === "text" && e.allowClear && n.value && n.value.length > 0 ? (o(), a("button", {
+            key: 0,
+            class: "input__clear",
+            onClick: t[3] || (t[3] = (r) => n.value = "")
+          }, [
+            z(u(N))
+          ])) : s("", !0),
+          e.type === "password" ? (o(), a("button", {
+            key: 1,
+            class: "input__eye",
+            onClick: t[4] || (t[4] = (r) => i.value = !i.value)
+          }, [
+            i.value ? (o(), b(u(h), { key: 0 })) : (o(), b(u(q), { key: 1 }))
+          ])) : s("", !0)
+        ])
+      ]),
+      e.error && e.errorText ? (o(), a("small", j, c(e.errorText), 1)) : s("", !0)
+    ], 2));
+  }
+});
+export {
+  K as default
+};

package/dist/components/InputText/InputText.vue3.js

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

package/dist/components/InputText.js

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

package/dist/components/Modal/Modal.vue.js

@@ -0,0 +1,8 @@
+import o from "./Modal.vue2.js";
+/* empty css           */
+/* empty css           */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b013ef10"]]);
+export {
+  f as default
+};

package/dist/components/Modal/Modal.vue2.js

@@ -0,0 +1,63 @@
+import { defineComponent as p, mergeModels as _, useModel as f, computed as v, watch as y, createBlock as k, openBlock as s, Teleport as C, createVNode as n, Transition as h, withCtx as S, createElementBlock as r, createCommentVNode as d, normalizeClass as B, createElementVNode as o, normalizeStyle as M, toDisplayString as $, unref as b, renderSlot as N } from "vue";
+import { useBodyScroll as V } from "../../utils/useBodyScroll.util.js";
+import g from "../icons/monochrome/CloseIcon.vue.js";
+const w = { class: "modal__header" }, z = {
+  key: 0,
+  class: "modal__header-title"
+}, E = { class: "modal__body" }, I = /* @__PURE__ */ p({
+  __name: "Modal",
+  props: /* @__PURE__ */ _({
+    title: {},
+    style: {},
+    position: { default: "center" }
+  }, {
+    open: { type: Boolean, required: !0 },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(a) {
+    const e = f(a, "open"), { unlockScroll: i, lockScroll: c } = V(), m = v(() => [
+      "modal",
+      `modal--${a.position}`
+    ]);
+    return y(e, () => {
+      e.value ? c() : i();
+    }), (t, l) => (s(), k(C, { to: "body" }, [
+      n(h, { name: "modal-content-fade" }, {
+        default: S(() => [
+          e.value ? (s(), r("div", {
+            key: 0,
+            class: B(m.value)
+          }, [
+            o("div", {
+              class: "modal__overlay",
+              onClick: l[0] || (l[0] = (u) => e.value = !1)
+            }),
+            o("div", {
+              class: "modal__content",
+              style: M(t.style)
+            }, [
+              o("div", w, [
+                t.title ? (s(), r("h2", z, $(t.title), 1)) : d("", !0),
+                o("button", {
+                  text: "",
+                  class: "modal__header-close",
+                  onClick: l[1] || (l[1] = (u) => e.value = !1)
+                }, [
+                  n(b(g))
+                ])
+              ]),
+              o("div", E, [
+                N(t.$slots, "default", {}, void 0, !0)
+              ])
+            ], 4)
+          ], 2)) : d("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+export {
+  I as default
+};

package/dist/components/Modal.js

@@ -0,0 +1,4 @@
+import { default as d } from "./Modal/Modal.vue.js";
+export {
+  d as Modal
+};

package/dist/components/OverlayBadge/OverlayBadge.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent as l, computed as r, createElementBlock as f, openBlock as t, normalizeClass as n, createBlock as s, createCommentVNode as i, renderSlot as u, unref as d, normalizeStyle as m } from "vue";
+import v from "../Badge/Badge.vue.js";
+/* empty css                  */
+const B = /* @__PURE__ */ l({
+  __name: "OverlayBadge",
+  props: {
+    value: {},
+    variant: {},
+    position: { default: "right" },
+    viewBadge: { type: Boolean, default: !0 },
+    offset: { default: () => ({ x: -5, y: -7 }) }
+  },
+  setup(a) {
+    const o = r(() => typeof a.offset == "number" ? {
+      left: `calc(100% + ${a.offset}px)`,
+      top: `${a.offset}px`
+    } : {
+      left: `calc(100% + ${a.offset.x}px)`,
+      top: `${a.offset.y}px`
+    });
+    return (e, c) => (t(), f("div", {
+      class: n(["overlay-badge", { [`overlay-badge--${e.position}`]: e.position }])
+    }, [
+      e.viewBadge ? (t(), s(d(v), {
+        key: 0,
+        value: e.value,
+        variant: e.variant,
+        class: "overlay-badge__badge",
+        style: m(o.value)
+      }, null, 8, ["value", "variant", "style"])) : i("", !0),
+      u(e.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  B as default
+};

package/dist/components/OverlayBadge/OverlayBadge.vue3.js

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

package/dist/components/OverlayBadge.js

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

package/dist/components/Popover/Popover.vue.js

@@ -0,0 +1,7 @@
+import o from "./Popover.vue2.js";
+/* empty css             */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b91d4985"]]);
+export {
+  _ as default
+};

package/dist/components/Popover/Popover.vue2.js

@@ -0,0 +1,83 @@
+import { defineComponent as R, ref as o, onMounted as $, onBeforeUnmount as A, createElementBlock as c, openBlock as a, renderSlot as w, createBlock as E, Teleport as S, createVNode as b, Transition as z, withCtx as L, createCommentVNode as g, createElementVNode as N, normalizeStyle as h, nextTick as T } from "vue";
+const V = {
+  key: 0,
+  class: "popover-container"
+}, I = /* @__PURE__ */ R({
+  __name: "Popover",
+  props: {
+    align: { default: "start" },
+    offset: { default: 10 },
+    showArrow: { type: Boolean }
+  },
+  setup(r) {
+    const n = o(!1), l = o(null), i = o(null), s = o(null), u = o({}), d = o({});
+    function m() {
+      var p;
+      if (!l.value || !i.value || r.showArrow && !s.value) return;
+      let e;
+      r.showArrow && (e = (p = s.value) == null ? void 0 : p.getBoundingClientRect());
+      const t = l.value.getBoundingClientRect(), B = i.value.getBoundingClientRect(), v = t.top + t.height + (e ? e.height : 0) + r.offset, x = r.align === "end" ? t.right - B.width + window.scrollX + 40 : t.left + window.scrollX + 40;
+      u.value = {
+        position: "absolute",
+        top: `${v}px`,
+        left: `${x}px`,
+        zIndex: 1e3
+      };
+      const C = t.left + t.width / 2 - 8;
+      d.value = {
+        position: "absolute",
+        top: `${v - 12}px`,
+        // стрелка на 8px выше popover-content
+        left: `${C}px`,
+        zIndex: 1001
+      };
+    }
+    function k() {
+      n.value = !n.value, n.value && T(m);
+    }
+    function y() {
+      n.value = !1;
+    }
+    function f(e) {
+      l.value && !l.value.contains(e.target) && y();
+    }
+    return $(() => {
+      document.addEventListener("click", f);
+    }), A(() => {
+      document.removeEventListener("click", f);
+    }), (e, t) => (a(), c("div", {
+      class: "popover-wrapper",
+      ref_key: "wrapper",
+      ref: l
+    }, [
+      w(e.$slots, "trigger", { toggle: k }, void 0, !0),
+      (a(), E(S, { to: "body" }, [
+        b(z, { name: "fade-slide-down" }, {
+          default: L(() => [
+            n.value ? (a(), c("div", V, [
+              e.showArrow ? (a(), c("div", {
+                key: 0,
+                class: "popover-arrow",
+                ref_key: "arrow",
+                ref: s,
+                style: h(d.value)
+              }, null, 4)) : g("", !0),
+              N("div", {
+                class: "popover-content",
+                ref_key: "content",
+                ref: i,
+                style: h(u.value)
+              }, [
+                w(e.$slots, "default", {}, void 0, !0)
+              ], 4)
+            ])) : g("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 512));
+  }
+});
+export {
+  I as default
+};

package/dist/components/Popover.js

@@ -0,0 +1,4 @@
+import { default as r } from "./Popover/Popover.vue.js";
+export {
+  r as Popover
+};

package/dist/components/RadioButton/Radio.vue.js

@@ -0,0 +1,50 @@
+import { defineComponent as p, mergeModels as i, useModel as b, useId as c, computed as g, createElementBlock as n, openBlock as r, normalizeClass as V, withDirectives as k, createElementVNode as a, unref as u, vModelRadio as y, renderSlot as M, Fragment as _, createTextVNode as z, toDisplayString as B } from "vue";
+const C = ["id", "value", "disabled"], $ = ["for"], D = /* @__PURE__ */ p({
+  __name: "Radio",
+  props: /* @__PURE__ */ i({
+    label: {},
+    disabled: { type: Boolean, default: !1 },
+    value: {},
+    size: { default: "default" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ i(["change"], ["update:modelValue"]),
+  setup(o, { emit: m }) {
+    const d = b(o, "modelValue"), s = c(), v = m, f = g(() => [
+      "radio",
+      `radio--${o.size}`
+    ]);
+    return (e, l) => (r(), n("div", {
+      class: V(f.value)
+    }, [
+      k(a("input", {
+        "onUpdate:modelValue": l[0] || (l[0] = (t) => d.value = t),
+        type: "radio",
+        name: "radio",
+        id: u(s),
+        class: "radio__input",
+        value: e.value,
+        disabled: e.disabled,
+        onChange: l[1] || (l[1] = (t) => v("change", e.value))
+      }, null, 40, C), [
+        [y, d.value]
+      ]),
+      l[2] || (l[2] = a("div", { class: "radio__track" }, [
+        a("div", { class: "radio__thumb" })
+      ], -1)),
+      a("label", {
+        for: u(s),
+        class: "radio__label"
+      }, [
+        e.label ? (r(), n(_, { key: 0 }, [
+          z(B(e.label), 1)
+        ], 64)) : M(e.$slots, "default", { key: 1 })
+      ], 8, $)
+    ], 2));
+  }
+});
+export {
+  D as default
+};

package/dist/components/RadioButton/Radio.vue3.js

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

package/dist/components/RadioButton.js

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

package/dist/components/Skeleton/Skeleton.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as l, computed as t, createElementBlock as n, openBlock as d, normalizeStyle as s, normalizeClass as u } from "vue";
+const c = /* @__PURE__ */ l({
+  __name: "Skeleton",
+  props: {
+    width: { default: 100 },
+    height: { default: 20 },
+    borderRadius: { default: 8 },
+    shape: { default: "rectangle" },
+    size: {}
+  },
+  setup(e) {
+    const i = t(() => [
+      "skeleton",
+      `skeleton--${e.shape}`,
+      {
+        "skeleton--square": e.size
+      }
+    ]), a = t(() => ({
+      "--size": e.size,
+      width: typeof e.width == "string" ? e.width : `${e.width}px`,
+      height: typeof e.height == "string" ? e.height : `${e.height}px`,
+      borderRadius: typeof e.borderRadius == "string" ? e.borderRadius : `${e.borderRadius}px`
+    }));
+    return (r, h) => (d(), n("div", {
+      class: u(i.value),
+      style: s(a.value)
+    }, null, 6));
+  }
+});
+export {
+  c as default
+};

package/dist/components/Skeleton/Skeleton.vue3.js

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

package/dist/components/Skeleton.js

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

package/dist/components/SleedDeal/SleedDeal.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent as d, ref as m, useTemplateRef as r, onMounted as f, createElementBlock as t, openBlock as a, createElementVNode as i, createVNode as p, normalizeClass as _, Fragment as v, renderList as k, createBlock as y, createCommentVNode as g, resolveDynamicComponent as R, toDisplayString as C, unref as c } from "vue";
+import z from "../Button/Button.vue.js";
+/* empty css                    */
+import b from "../icons/monochrome/PlusIcon.vue.js";
+import { onClickOutside as h } from "../../utils/onClickOutside.util.js";
+const B = { class: "sleed-deal" }, D = { class: "sleed-deal-menu__item-label" }, $ = /* @__PURE__ */ d({
+  __name: "SleedDeal",
+  props: {
+    items: { default: () => [] },
+    icon: { type: [Object, Function] },
+    variant: { default: "primary" },
+    size: { default: "default" }
+  },
+  setup(N) {
+    const n = m(!1), o = r("menuRef"), s = r("targetRef"), u = () => {
+      n.value = !n.value;
+    };
+    return f(() => {
+      var e;
+      h(o.value, () => {
+        n.value = !1;
+      }, { ignore: [(e = s.value) == null ? void 0 : e.$el] });
+    }), (e, O) => (a(), t("div", B, [
+      i("div", {
+        ref_key: "menuRef",
+        ref: o,
+        class: _(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": n.value }])
+      }, [
+        (a(!0), t(v, null, k(e.items, (l) => (a(), t("div", {
+          class: "sleed-deal-menu__item",
+          key: l.label
+        }, [
+          l.icon ? (a(), y(R(l.icon), {
+            key: 0,
+            class: "sleed-deal-menu__item-icon"
+          })) : g("", !0),
+          i("span", D, C(l.label), 1)
+        ]))), 128))
+      ], 2),
+      p(c(z), {
+        ref_key: "targetRef",
+        ref: s,
+        variant: e.variant,
+        contrast: "",
+        "icon-only": "",
+        icon: e.icon ? e.icon : c(b),
+        rounded: "",
+        size: e.size,
+        onClick: u
+      }, null, 8, ["variant", "icon", "size"])
+    ]));
+  }
+});
+export {
+  $ as default
+};

package/dist/components/SleedDeal/SleedDeal.vue3.js

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

package/dist/components/SleedDeal.js

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

package/dist/components/Spinner/Spinner.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as i, computed as t, createElementBlock as a, openBlock as o, normalizeStyle as d, normalizeClass as u, createElementVNode as c } from "vue";
+const f = /* @__PURE__ */ i({
+  __name: "Spinner",
+  props: {
+    strokeWidth: { default: 3 },
+    size: { default: "default" }
+  },
+  setup(e) {
+    const s = t(() => typeof e.strokeWidth == "string" ? `${e.strokeWidth.split("px")[0]}px` : `${e.strokeWidth}px`), l = t(() => ({
+      "--spinner-stroke-width": s.value
+    })), r = t(() => [
+      "spinner",
+      `spinner--${e.size}`
+    ]);
+    return (p, n) => (o(), a("div", {
+      class: u(r.value),
+      "aria-label": "Loading",
+      style: d(l.value)
+    }, n[0] || (n[0] = [
+      c("span", { class: "spinner__circle" }, null, -1)
+    ]), 6));
+  }
+});
+export {
+  f as default
+};

package/dist/components/Spinner/Spinner.vue3.js

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

package/dist/components/Spinner.js

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

package/dist/components/SwitchInput/Switch.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent as a, mergeModels as n, useModel as u, useId as r, createElementBlock as c, openBlock as m, normalizeClass as p, withDirectives as b, createElementVNode as s, unref as h, vModelCheckbox as w } from "vue";
+const _ = ["id", "disabled"], f = /* @__PURE__ */ a({
+  __name: "Switch",
+  props: /* @__PURE__ */ n({
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const d = u(t, "modelValue"), i = r();
+    return (l, e) => (m(), c("div", {
+      class: p(["switch", {
+        "switch--disabled": l.disabled
+      }])
+    }, [
+      b(s("input", {
+        "onUpdate:modelValue": e[0] || (e[0] = (o) => d.value = o),
+        type: "checkbox",
+        name: "switch",
+        id: h(i),
+        class: "switch__input",
+        disabled: l.disabled
+      }, null, 8, _), [
+        [w, d.value]
+      ]),
+      e[1] || (e[1] = s("div", { class: "switch__track" }, [
+        s("div", { class: "switch__thumb" })
+      ], -1))
+    ], 2));
+  }
+});
+export {
+  f as default
+};

package/dist/components/SwitchInput/Switch.vue3.js

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

package/dist/components/SwitchInput.js

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