prlg-ui 1.0.3 → 1.0.5

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

@@ -1,31 +0,0 @@
-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

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

package/dist/components/Breadcrumb.js

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

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

@@ -1,99 +0,0 @@
-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

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

package/dist/components/Button.js

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

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

@@ -1,78 +0,0 @@
-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

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

package/dist/components/Checkbox.js

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

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

@@ -1,45 +0,0 @@
-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

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

package/dist/components/ChipCheckbox.js

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

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

@@ -1,27 +0,0 @@
-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

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

package/dist/components/Divider.js

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

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

@@ -1,51 +0,0 @@
-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

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

package/dist/components/Drawer.js

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

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

@@ -1,171 +0,0 @@
-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

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

package/dist/components/Dropdown.js

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

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

@@ -1,29 +0,0 @@
-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

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

package/dist/components/IconField.js

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