prlg-ui 1.0.0

package/README.md

@@ -0,0 +1,5 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/_virtual/dayjs.min.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/dayjs/dayjs.min.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
+export {
+  s as default
+};

package/dist/_virtual/dayjs.min2.js

@@ -0,0 +1,4 @@
+var a = { exports: {} };
+export {
+  a as __module
+};

package/dist/_virtual/isBetween.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/dayjs/plugin/isBetween.js";
+var t = r();
+const i = /* @__PURE__ */ e(t);
+export {
+  i as default
+};

package/dist/_virtual/isBetween2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/isSameOrAfter.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/dayjs/plugin/isSameOrAfter.js";
+var t = e();
+const m = /* @__PURE__ */ r(t);
+export {
+  m as default
+};

package/dist/_virtual/isSameOrAfter2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/isSameOrBefore.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/dayjs/plugin/isSameOrBefore.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
+export {
+  m as default
+};

package/dist/_virtual/isSameOrBefore2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/isToday.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/dayjs/plugin/isToday.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
+export {
+  s as default
+};

package/dist/_virtual/isToday2.js

@@ -0,0 +1,4 @@
+var o = { exports: {} };
+export {
+  o as __module
+};

package/dist/_virtual/localizedFormat.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/dayjs/plugin/localizedFormat.js";
+var t = o();
+const m = /* @__PURE__ */ r(t);
+export {
+  m as default
+};

package/dist/_virtual/localizedFormat2.js

@@ -0,0 +1,4 @@
+var o = { exports: {} };
+export {
+  o as __module
+};

package/dist/_virtual/relativeTime.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/dayjs/plugin/relativeTime.js";
+var t = r();
+const a = /* @__PURE__ */ e(t);
+export {
+  a as default
+};

package/dist/_virtual/relativeTime2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/ru.js

@@ -0,0 +1,2 @@
+import { __require as r } from "../node_modules/dayjs/locale/ru.js";
+r();

package/dist/_virtual/ru2.js

@@ -0,0 +1,4 @@
+var r = { exports: {} };
+export {
+  r as __module
+};

package/dist/components/Accordion/Accordion.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent as s, ref as t, watch as u, provide as a, createElementBlock as c, openBlock as p, renderSlot as d } from "vue";
+const f = { class: "accordion" }, m = /* @__PURE__ */ s({
+  __name: "Accordion",
+  props: {
+    value: {},
+    multiple: { type: Boolean }
+  },
+  setup(i) {
+    const o = i, l = t(
+      Array.isArray(o.value) ? o.value : o.value !== void 0 ? [o.value] : []
+    );
+    u(() => o.value, (e) => {
+      Array.isArray(e) ? l.value = e : e !== void 0 ? l.value = [e] : l.value = [];
+    });
+    function n(e) {
+      o.multiple ? l.value.includes(e) ? l.value = l.value.filter((r) => r !== e) : l.value.push(e) : l.value = l.value[0] === e ? [] : [e];
+    }
+    return a("accordionOpenValues", l), a("accordionToggle", n), a("accordionIsMultiple", o.multiple ?? !1), (e, r) => (p(), c("div", f, [
+      d(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  m as default
+};

package/dist/components/Accordion/Accordion.vue3.js

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

package/dist/components/Accordion/AccordionContent.vue.js

@@ -0,0 +1,29 @@
+import { defineComponent as r, inject as u, ref as c, watch as p, nextTick as s, onMounted as v, createElementBlock as f, openBlock as d, normalizeStyle as h, unref as m, withDirectives as x, createElementVNode as _, renderSlot as w, vShow as g } from "vue";
+const H = /* @__PURE__ */ r({
+  __name: "AccordionContent",
+  setup(k) {
+    const n = u("panelIsOpen"), e = c(null), t = c("0px"), l = c(n.value);
+    return p(n, async (a) => {
+      var o, i;
+      a ? (l.value = !0, await s(), t.value = ((o = e.value) == null ? void 0 : o.scrollHeight) + "px") : (t.value = ((i = e.value) == null ? void 0 : i.scrollHeight) + "px", await s(), t.value = "0px", setTimeout(() => l.value = !1, 300));
+    }), v(() => {
+      n.value && e.value && (t.value = e.value.scrollHeight + "px");
+    }), (a, o) => (d(), f("div", {
+      class: "accordion-content-wrapper",
+      style: h({ height: m(n) ? t.value : "0px" })
+    }, [
+      x(_("div", {
+        ref_key: "contentRef",
+        ref: e,
+        class: "accordion-content"
+      }, [
+        w(a.$slots, "default")
+      ], 512), [
+        [g, l.value]
+      ])
+    ], 4));
+  }
+});
+export {
+  H as default
+};

package/dist/components/Accordion/AccordionContent.vue3.js

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

package/dist/components/Accordion/AccordionHeader.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent as d, inject as t, createElementBlock as i, openBlock as l, unref as e, normalizeClass as _, createElementVNode as r, renderSlot as p, createVNode as m } from "vue";
+import f from "../icons/monochrome/AngleRightIcon.vue.js";
+const u = { class: "accordion-header__content" }, g = { class: "accordion-header__arrow" }, C = /* @__PURE__ */ d({
+  __name: "AccordionHeader",
+  setup(h) {
+    const c = t("panelIsOpen"), o = t("panelToggle");
+    return (a, n) => (l(), i("button", {
+      class: _(["accordion-header", { "accordion-header--active": e(c) }]),
+      onClick: n[0] || (n[0] = //@ts-ignore
+      (...s) => e(o) && e(o)(...s))
+    }, [
+      r("div", u, [
+        p(a.$slots, "default")
+      ]),
+      r("div", g, [
+        m(e(f))
+      ])
+    ], 2));
+  }
+});
+export {
+  C as default
+};

package/dist/components/Accordion/AccordionHeader.vue3.js

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

package/dist/components/Accordion/AccordionPanel.vue.js

@@ -0,0 +1,16 @@
+import { defineComponent as p, inject as a, computed as r, provide as c, createElementBlock as d, openBlock as i, renderSlot as u } from "vue";
+const m = { class: "accordion-panel" }, f = /* @__PURE__ */ p({
+  __name: "AccordionPanel",
+  props: {
+    value: {}
+  },
+  setup(l) {
+    const e = l, n = a("accordionOpenValues"), o = a("accordionToggle"), t = r(() => n == null ? void 0 : n.value.includes(e.value));
+    return c("panelValue", e.value), c("panelIsOpen", t), c("panelToggle", () => o == null ? void 0 : o(e.value)), (s, v) => (i(), d("div", m, [
+      u(s.$slots, "default")
+    ]));
+  }
+});
+export {
+  f as default
+};

package/dist/components/Accordion/AccordionPanel.vue3.js

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

package/dist/components/Accordion.js

@@ -0,0 +1,14 @@
+import { default as c } from "./Accordion/Accordion.vue.js";
+/* empty css                         */
+import { default as i } from "./Accordion/AccordionContent.vue.js";
+/* empty css                                */
+import { default as p } from "./Accordion/AccordionPanel.vue.js";
+/* empty css                              */
+import { default as l } from "./Accordion/AccordionHeader.vue.js";
+/* empty css                               */
+export {
+  c as Accordion,
+  i as AccordionContent,
+  l as AccordionHeader,
+  p as AccordionPanel
+};

package/dist/components/Badge/Badge.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as r, computed as o, createElementBlock as t, openBlock as n, normalizeClass as s, createCommentVNode as u, toDisplayString as i } from "vue";
+const d = {
+  key: 0,
+  class: "badge__value"
+}, v = /* @__PURE__ */ r({
+  __name: "Badge",
+  props: {
+    value: {},
+    variant: { default: "primary" },
+    strong: { type: Boolean }
+  },
+  setup(e) {
+    const l = o(() => [
+      "badge",
+      {
+        "badge--strong": e.strong,
+        "badge--empty": !e.value || typeof e.value == "string" && !e.value.trim(),
+        [`badge--${e.variant}`]: e.variant
+      }
+    ]);
+    return (a, c) => (n(), t("div", {
+      class: s(l.value)
+    }, [
+      a.value ? (n(), t("div", d, i(a.value), 1)) : u("", !0)
+    ], 2));
+  }
+});
+export {
+  v as default
+};

package/dist/components/Badge/Badge.vue3.js

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

package/dist/components/Badge.js

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

package/dist/components/BottomSheet/BottomSheet.composible.js

@@ -0,0 +1,40 @@
+import { watch as L, onMounted as H } from "vue";
+const A = (a, u, T, f) => {
+  let p = 0, v = !0, s = !1, l = null;
+  const c = () => {
+    a.value && (a.value.style.height = "80vh", a.value.style.maxHeight = "80vh");
+  }, w = () => {
+    a.value && (a.value.style.height = "100vh", a.value.style.maxHeight = "100vh");
+  }, n = () => {
+    l || (l = setTimeout(() => {
+      s = !0, l = null;
+    }, 150));
+  }, t = () => {
+    if (!u.value || !a.value) return;
+    const e = u.value;
+    e.scrollTop > 0 ? (w(), v = !1, l && clearTimeout(l), l = null, s = !1) : (c(), v = !0, s || n()), p = e.scrollTop;
+  }, o = (e) => {
+    u.value && (u.value.scrollTop === 0 ? s && e.deltaY < -15 ? (T(), s = !1) : s || n() : u.value.scrollTop > 0 && e.deltaY > 0 && (l && clearTimeout(l), l = null, s = !1));
+  }, g = (e) => {
+    u.value && (u.value.scrollTop === 0 ? e.touches[0] && p === 0 && v && s ? (T(), s = !1) : s || n() : (l && clearTimeout(l), l = null, s = !1));
+  }, h = () => {
+    setTimeout(() => {
+      var e, i, r;
+      (e = u.value) == null || e.addEventListener("scroll", t), (i = u.value) == null || i.addEventListener("wheel", o), (r = u.value) == null || r.addEventListener("touchmove", g);
+    }, 300);
+  };
+  L(f, (e) => {
+    var i, r, E;
+    e ? h() : ((i = u.value) == null || i.removeEventListener("scroll", t), (r = u.value) == null || r.removeEventListener("wheel", o), (E = u.value) == null || E.removeEventListener(
+      "touchmove",
+      g
+    ), l && clearTimeout(l), l = null, s = !1);
+  }), H(() => {
+    c();
+  }), L(f, (e) => {
+    e && setTimeout(() => c(), 0);
+  });
+};
+export {
+  A as useBottomSheet
+};

package/dist/components/BottomSheet/BottomSheet.vue.js

@@ -0,0 +1,75 @@
+import { defineComponent as S, mergeModels as B, useModel as C, ref as r, useTemplateRef as R, watch as T, createBlock as L, openBlock as c, Teleport as M, createElementVNode as e, createVNode as l, Transition as h, withCtx as u, createElementBlock as _, createCommentVNode as b, unref as p, renderSlot as N } from "vue";
+import V from "../icons/monochrome/AngleLeftIcon.vue.js";
+import g from "../icons/monochrome/CloseIcon.vue.js";
+import { useBottomSheet as w } from "./BottomSheet.composible.js";
+const x = { class: "bottom-sheet__header" }, E = { class: "bottom-sheet__header-back" }, $ = /* @__PURE__ */ S({
+  __name: "BottomSheet",
+  props: {
+    open: { type: Boolean, required: !0 },
+    openModifiers: {}
+  },
+  emits: /* @__PURE__ */ B(["close"], ["update:open"]),
+  setup(v, { emit: y }) {
+    const n = C(v, "open"), k = y, a = r(null), d = r(null), i = R("bottomSheetBodyRef"), t = r(n.value), s = () => {
+      t.value = !1, k("close"), n.value = !1;
+    };
+    return T(n, (m) => {
+      var o;
+      m ? (t.value = !0, (o = a.value) == null || o.classList.add("bottom-sheet--open")) : (s(), setTimeout(() => {
+        var f;
+        (f = a.value) == null || f.classList.remove("bottom-sheet--open");
+      }, 300));
+    }), w(d, i, s, t), (m, o) => (c(), L(M, { to: "body" }, [
+      e("div", {
+        class: "bottom-sheet",
+        ref_key: "bottomSheetRef",
+        ref: a
+      }, [
+        l(h, { name: "bottom-sheet-fade" }, {
+          default: u(() => [
+            t.value ? (c(), _("div", {
+              key: 0,
+              class: "bottom-sheet__overlay",
+              onClick: s
+            })) : b("", !0)
+          ]),
+          _: 1
+        }),
+        l(h, { name: "bottom-sheet-slide" }, {
+          default: u(() => [
+            t.value ? (c(), _("div", {
+              key: 0,
+              class: "bottom-sheet__content",
+              ref_key: "bottomSheetContentRef",
+              ref: d
+            }, [
+              e("div", x, [
+                e("button", E, [
+                  l(p(V))
+                ]),
+                o[0] || (o[0] = e("h2", { class: "bottom-sheet__header-title" }, "Bottom Sheet", -1)),
+                e("button", {
+                  class: "bottom-sheet__header-close",
+                  onClick: s
+                }, [
+                  l(p(g))
+                ])
+              ]),
+              e("div", {
+                class: "bottom-sheet__body",
+                ref_key: "bottomSheetBodyRef",
+                ref: i
+              }, [
+                N(m.$slots, "default")
+              ], 512)
+            ], 512)) : b("", !0)
+          ]),
+          _: 3
+        })
+      ], 512)
+    ]));
+  }
+});
+export {
+  $ as default
+};

package/dist/components/BottomSheet/BottomSheet.vue3.js

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

package/dist/components/BottomSheet.js

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

package/dist/components/Breadcrumb/Breadcrumb.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as c, createElementBlock as o, openBlock as e, Fragment as n, renderList as l, createBlock as m, createCommentVNode as u, resolveDynamicComponent as i, normalizeClass as d, withCtx as _, createTextVNode as p, toDisplayString as b } from "vue";
+import { RouterLink as f } from "../../node_modules/vue-router/dist/vue-router.js";
+const h = { class: "breadcrumb" }, k = {
+  key: 0,
+  class: "breadcrumb__item breadcrumb__seporator"
+}, y = /* @__PURE__ */ c({
+  __name: "Breadcrumb",
+  props: {
+    items: {}
+  },
+  setup(C) {
+    const s = (r) => r.url ? f : "div";
+    return (r, v) => (e(), o("div", h, [
+      (e(!0), o(n, null, l(r.items, (t, a) => (e(), o(n, null, [
+        (e(), m(i(s(t)), {
+          to: t.url,
+          class: d(["breadcrumb__item", { "breadcrumb__item--disabled": !t.url }])
+        }, {
+          default: _(() => [
+            p(b(t.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["to", "class"])),
+        a !== r.items.length - 1 ? (e(), o("div", k, "/")) : u("", !0)
+      ], 64))), 256))
+    ]));
+  }
+});
+export {
+  y as default
+};

package/dist/components/Breadcrumb/Breadcrumb.vue3.js

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

package/dist/components/Breadcrumb.js

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

package/dist/components/Button/Button.vue.js

@@ -0,0 +1,99 @@
+import { defineComponent as c, useSlots as f, computed as n, createBlock as l, openBlock as e, resolveDynamicComponent as a, normalizeClass as p, withCtx as b, createCommentVNode as u, renderSlot as y, createElementBlock as m, Fragment as B, createTextVNode as g, toDisplayString as v } from "vue";
+import { RouterLink as S } from "../../node_modules/vue-router/dist/vue-router.js";
+const _ = /* @__PURE__ */ c({
+  __name: "Button",
+  props: {
+    size: {
+      type: String,
+      default: "default"
+    },
+    variant: {
+      type: String,
+      default: "primary"
+    },
+    url: {
+      type: [String, Object],
+      default: void 0
+    },
+    rounded: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    contrast: {
+      type: Boolean,
+      default: !1
+    },
+    outlined: {
+      type: Boolean,
+      default: !1
+    },
+    text: {
+      type: Boolean,
+      default: !1
+    },
+    icon: {
+      type: Object,
+      default: void 0
+    },
+    iconPosition: {
+      type: String,
+      default: "left"
+    },
+    label: {
+      type: String
+    },
+    iconOnly: {
+      type: Boolean,
+      default: !1
+    },
+    strong: {
+      type: Boolean,
+      default: !1
+    },
+    full: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(o) {
+    const t = o, r = f(), s = n(() => t.variant === "link" && t.url || t.url ? S : "button"), i = n(() => [
+      "button",
+      `button--${t.size}`,
+      `button--${t.variant}`,
+      {
+        "button--rounded": t.rounded,
+        "button--contrast": t.contrast,
+        "button--outlined": t.outlined,
+        "button--text": t.text,
+        [`button--icon-${t.iconPosition}`]: t.icon,
+        "button--only-icon": t.iconOnly,
+        "button--strong": t.strong,
+        "button--full": t.full
+      }
+    ]);
+    return (d, k) => (e(), l(a(s.value), {
+      to: t.url,
+      class: p(i.value),
+      disabled: t.disabled
+    }, {
+      default: b(() => [
+        t.icon ? (e(), l(a(t.icon), {
+          key: 0,
+          class: "button__icon"
+        })) : u("", !0),
+        y(d.$slots, "default"),
+        t.label && !r.default ? (e(), m(B, { key: 1 }, [
+          g(v(o.label), 1)
+        ], 64)) : u("", !0)
+      ]),
+      _: 3
+    }, 8, ["to", "class", "disabled"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/Button/Button.vue3.js

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

package/dist/components/Button.js

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