prlg-ui 1.5.8 → 1.6.0

package/dist/prlg-ui.es.js

@@ -1,6 +1,8 @@
 import { defineComponent as T, computed as R, resolveComponent as vt, createBlock as _, openBlock as c, resolveDynamicComponent as fe, normalizeClass as B, withCtx as j, createCommentVNode as A, createElementBlock as f, renderSlot as E, Fragment as U, createTextVNode as Z, toDisplayString as P, ref as V, useTemplateRef as De, onMounted as Q, createElementVNode as b, createVNode as O, renderList as pe, unref as v, mergeModels as Y, useModel as re, useId as Ve, withDirectives as ge, vModelCheckbox as Xe, onUnmounted as Ie, watch as oe, nextTick as Se, Teleport as Me, Transition as Pe, normalizeStyle as J, provide as se, useSlots as pt, inject as K, vModelRadio as Dt, withModifiers as Ze, vModelDynamic as Ht, vModelText as gt, mergeProps as Ft, reactive as ht, shallowRef as be, TransitionGroup as Gt, vShow as wt } from "vue";
-import { P as yt, g as Nt, h as Wt, _ as ue, I as Je, A as jt, c as Qe, e as qt, f as Ut, S as Yt, M as Kt, E as Xt, B as Zt, C as Jt, b as bt, W as Qt, d as eo, a as to } from "./WarningFillIcon-Drb2OS3I.js";
-import { o as $t, E as oo, _ as no, u as et } from "./useBodyScroll.util-BgQeA8Dg.js";
+import { P as yt, e as Nt, f as Wt, I as Je, A as jt, b as Qe, d as qt, S as Ut, M as Yt, E as Kt, B as Xt, C as Zt, W as Jt, c as Qt, a as eo } from "./WarningFillIcon-IXRCDZt1.js";
+import { o as bt } from "./onClickOutside.util-CJueL_Rz.js";
+import { _ as ue, E as to, C as $t } from "./EyeIcon-DvnVzBB3.js";
+import { E as oo, _ as no, u as et } from "./useBodyScroll.util-TIjN_8oq.js";
 const lo = {
   key: 1,
   class: "button__content"
@@ -52,7 +54,7 @@ const lo = {
       _: 3
     }, 8, ["to", "class", "disabled"]));
   }
-}), so = { class: "sleed-deal" }, io = ["onClick"], ao = { class: "sleed-deal-menu__item-label" }, cs = /* @__PURE__ */ T({
+}), so = { class: "sleed-deal" }, io = ["onClick"], ao = { class: "sleed-deal-menu__item-label" }, fs = /* @__PURE__ */ T({
   __name: "SleedDeal",
   props: {
     items: { default: () => [] },
@@ -67,7 +69,7 @@ const lo = {
       s.command && s.command(), o.value = !1;
     };
     return Q(() => {
-      $t(t.value, () => {
+      bt(t.value, () => {
         o.value = !1;
       }, { ignore: [n.value?.$el] });
     }), (s, r) => (c(), f("div", so, [
@@ -1638,7 +1640,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       O(En)
     ], 2));
   }
-}), ds = /* @__PURE__ */ ue(Fn, [["__scopeId", "data-v-1eb29c40"]]), fs = /* @__PURE__ */ T({
+}), ms = /* @__PURE__ */ ue(Fn, [["__scopeId", "data-v-1eb29c40"]]), vs = /* @__PURE__ */ T({
   __name: "Column",
   props: {
     field: {},
@@ -1778,7 +1780,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       ], 4)
     ], 544));
   }
-}), ms = /* @__PURE__ */ ue(Gn, [["__scopeId", "data-v-01038963"]]), Nn = { class: "chip-checkbox" }, Wn = ["name", "id", "value"], jn = { class: "chip-checkbox__text" }, vs = /* @__PURE__ */ T({
+}), ps = /* @__PURE__ */ ue(Gn, [["__scopeId", "data-v-01038963"]]), Nn = { class: "chip-checkbox" }, Wn = ["name", "id", "value"], jn = { class: "chip-checkbox__text" }, gs = /* @__PURE__ */ T({
   __name: "ChipCheckbox",
   props: /* @__PURE__ */ Y({
     value: {},
@@ -1979,7 +1981,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
             class: "input__eye",
             onClick: u[5] || (u[5] = (d) => i.value = !i.value)
           }, [
-            i.value ? (c(), _(v(qt), { key: 0 })) : (c(), _(v(Ut), { key: 1 }))
+            i.value ? (c(), _(v(to), { key: 0 })) : (c(), _(v(qt), { key: 1 }))
           ])) : A("", !0)
         ])
       ]),
@@ -2099,7 +2101,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
 }, pl = {
   key: 2,
   class: "dropdown__popover-list"
-}, ps = /* @__PURE__ */ T({
+}, hs = /* @__PURE__ */ T({
   __name: "Dropdown",
   props: /* @__PURE__ */ Y({
     options: {},
@@ -2150,7 +2152,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       h > -1 && s.value.splice(h, 1);
     }, C = De("trigger"), $ = De("popover");
     return Q(() => {
-      $t(
+      bt(
         $.value,
         () => {
           u.value = !1;
@@ -2202,7 +2204,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
         b("div", fl, [
           y.searchable ? (c(), f("div", ml, [
             O(v(sl), {
-              icon: v(Yt),
+              icon: v(Ut),
               disabled: y.loading
             }, {
               default: j(() => [
@@ -2231,7 +2233,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       ], 512)
     ], 2));
   }
-}), gl = { class: "input-number__wrapper" }, hl = ["max"], gs = /* @__PURE__ */ T({
+}), gl = { class: "input-number__wrapper" }, hl = ["max"], ws = /* @__PURE__ */ T({
   __name: "InputNumber",
   props: /* @__PURE__ */ Y({
     viewButtons: { type: Boolean, default: !1 },
@@ -2282,7 +2284,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       a.viewButtons ? (c(), _(v(ke), {
         key: 0,
         contrast: "",
-        icon: v(Kt),
+        icon: v(Yt),
         class: "input-number__button input-number__button--decrement",
         "icon-only": "",
         size: "small",
@@ -2316,7 +2318,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       }, null, 8, ["icon", "disabled"])) : A("", !0)
     ], 2));
   }
-}), wl = { class: "input-phone" }, hs = /* @__PURE__ */ T({
+}), wl = { class: "input-phone" }, ys = /* @__PURE__ */ T({
   __name: "InputPhone",
   props: /* @__PURE__ */ Y({
     label: {},
@@ -2352,7 +2354,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       }, o), null, 16, ["modelValue"])
     ]));
   }
-}), yl = ["id", "disabled"], ws = /* @__PURE__ */ T({
+}), yl = ["id", "disabled"], bs = /* @__PURE__ */ T({
   __name: "Switch",
   props: /* @__PURE__ */ Y({
     disabled: { type: Boolean }
@@ -2383,7 +2385,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       ], -1))
     ], 2));
   }
-}), bl = ["for"], $l = ["maxlength", "id", "placeholder", "name", "disabled", "rows", "cols"], ys = /* @__PURE__ */ T({
+}), bl = ["for"], $l = ["maxlength", "id", "placeholder", "name", "disabled", "rows", "cols"], $s = /* @__PURE__ */ T({
   __name: "Textarea",
   props: /* @__PURE__ */ Y({
     label: {},
@@ -2457,7 +2459,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
 }), kl = { class: "breadcrumb" }, Cl = {
   key: 0,
   class: "breadcrumb__item breadcrumb__seporator"
-}, bs = /* @__PURE__ */ T({
+}, ks = /* @__PURE__ */ T({
   __name: "Breadcrumb",
   props: {
     items: {}
@@ -2487,9 +2489,9 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
   emits: ["close"],
   setup(e, { emit: o }) {
     const t = o, n = ht({
-      success: be(Jt),
-      error: be(Zt),
-      warn: be(Xt),
+      success: be(Zt),
+      error: be(Xt),
+      warn: be(Kt),
       info: be(Je)
     }), l = R(() => e.msg.severity ? e.msg.icon ? e.msg.icon : n[e.msg.severity] : n.info), i = R(() => [
       "toast-message",
@@ -2525,11 +2527,11 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
         class: "toast-message__close",
         onClick: d
       }, [
-        O(v(bt))
+        O(v($t))
       ])
     ], 2));
   }
-}), te = oo(), Vl = { class: "toast-container" }, $s = /* @__PURE__ */ T({
+}), te = oo(), Vl = { class: "toast-container" }, Cs = /* @__PURE__ */ T({
   __name: "Toast",
   props: {
     group: {},
@@ -2579,13 +2581,13 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
     }));
   }
 }), Ot = Symbol();
-function ks() {
+function xs() {
   const e = K(Ot);
   if (!e)
     throw new Error("No PrimeVue Toast provided!");
   return e;
 }
-const Cs = {
+const Rs = {
   install: (e) => {
     const o = {
       add: (t) => {
@@ -2619,8 +2621,8 @@ const Cs = {
       `message--${o.type}`,
       { "message--outlined": o.outlined }
     ]), n = ht({
-      error: be(eo),
-      warning: be(Qt),
+      error: be(Qt),
+      warning: be(Jt),
       info: be(Je)
     });
     return (l, i) => (c(), f("div", {
@@ -2634,7 +2636,7 @@ const Cs = {
       ])
     ], 2));
   }
-}), xs = /* @__PURE__ */ ue(_l, [["__scopeId", "data-v-5db16833"]]), Il = {
+}), Ss = /* @__PURE__ */ ue(_l, [["__scopeId", "data-v-5db16833"]]), Il = {
   key: 0,
   class: "badge__value"
 }, Ml = /* @__PURE__ */ T({
@@ -2659,7 +2661,7 @@ const Cs = {
       t.value ? (c(), f("div", Il, P(t.value), 1)) : A("", !0)
     ], 2));
   }
-}), Rs = /* @__PURE__ */ T({
+}), Ts = /* @__PURE__ */ T({
   __name: "OverlayBadge",
   props: {
     value: {},
@@ -2689,7 +2691,7 @@ const Cs = {
       E(t.$slots, "default")
     ], 2));
   }
-}), Ss = /* @__PURE__ */ T({
+}), As = /* @__PURE__ */ T({
   __name: "Skeleton",
   props: {
     width: { default: 100 },
@@ -2716,12 +2718,12 @@ const Cs = {
       style: J(t.value)
     }, null, 6));
   }
-}), Lt = Symbol("DialogService"), Ts = () => {
+}), Lt = Symbol("DialogService"), Vs = () => {
   const e = K(Lt);
   if (!e)
     throw new Error("useConfirmDialog() должен использоваться внутри приложения с DialogService");
   return e;
-}, Et = Symbol("PopupService"), As = () => {
+}, Et = Symbol("PopupService"), Bs = () => {
   const e = K(Et);
   if (!e)
     throw new Error("useConfirmDialog() должен использоваться внутри приложения с DialogService");
@@ -2754,7 +2756,7 @@ const Cs = {
   close: () => {
     G.value = null;
   }
-}, Vs = {
+}, _s = {
   install(e) {
     e.provide(Lt, Pl), e.provide(Et, Ol), e.config.globalProperties.$dialogStates = z, e.config.globalProperties.$popupStates = G;
   }
@@ -2830,7 +2832,7 @@ const Cs = {
       })
     ]));
   }
-}), Bs = /* @__PURE__ */ ue(Hl, [["__scopeId", "data-v-e772f431"]]), Fl = {
+}), Is = /* @__PURE__ */ ue(Hl, [["__scopeId", "data-v-e772f431"]]), Fl = {
   key: 0,
   class: "confirm-popup__header"
 }, Gl = { class: "confirm-popup__header-title" }, Nl = {
@@ -2984,7 +2986,7 @@ const Cs = {
       })
     ]));
   }
-}), _s = /* @__PURE__ */ ue(jl, [["__scopeId", "data-v-754a67ab"]]), ql = { class: "drawer-wrapper" }, Ul = { class: "drawer-close" }, Is = /* @__PURE__ */ T({
+}), Ms = /* @__PURE__ */ ue(jl, [["__scopeId", "data-v-754a67ab"]]), ql = { class: "drawer-wrapper" }, Ul = { class: "drawer-close" }, Ps = /* @__PURE__ */ T({
   __name: "Drawer",
   props: {
     position: { default: "left" },
@@ -3034,7 +3036,7 @@ const Cs = {
 }), Yl = { class: "modal__header" }, Kl = {
   key: 0,
   class: "modal__header-title"
-}, Xl = { class: "modal__body" }, Ms = /* @__PURE__ */ T({
+}, Xl = { class: "modal__body" }, Os = /* @__PURE__ */ T({
   __name: "Modal",
   props: /* @__PURE__ */ Y({
     title: {},
@@ -3075,7 +3077,7 @@ const Cs = {
                   class: "modal__header-close",
                   onClick: a[1] || (a[1] = (u) => t.value = !1)
                 }, [
-                  O(v(bt))
+                  O(v($t))
                 ])
               ]),
               b("div", Xl, [
@@ -3088,7 +3090,7 @@ const Cs = {
       })
     ]));
   }
-}), Zl = { class: "accordion" }, Ps = /* @__PURE__ */ T({
+}), Zl = { class: "accordion" }, Ls = /* @__PURE__ */ T({
   __name: "Accordion",
   props: {
     value: {},
@@ -3109,7 +3111,7 @@ const Cs = {
       E(l.$slots, "default")
     ]));
   }
-}), Os = /* @__PURE__ */ T({
+}), Es = /* @__PURE__ */ T({
   __name: "AccordionContent",
   setup(e) {
     const o = K("panelIsOpen"), t = V(null), n = V("0px"), l = V(o.value);
@@ -3132,7 +3134,7 @@ const Cs = {
       ])
     ], 4));
   }
-}), Jl = { class: "accordion-header__content" }, Ql = { class: "accordion-header__arrow" }, Ls = /* @__PURE__ */ T({
+}), Jl = { class: "accordion-header__content" }, Ql = { class: "accordion-header__arrow" }, zs = /* @__PURE__ */ T({
   __name: "AccordionHeader",
   setup(e) {
     const o = K("panelIsOpen"), t = K("panelToggle"), n = K("accordionStyle");
@@ -3145,11 +3147,11 @@ const Cs = {
         E(l.$slots, "default")
       ]),
       b("span", Ql, [
-        O(v(to))
+        O(v(eo))
       ])
     ], 2));
   }
-}), Es = /* @__PURE__ */ T({
+}), Ds = /* @__PURE__ */ T({
   __name: "AccordionPanel",
   props: {
     value: {}
@@ -3165,7 +3167,7 @@ const Cs = {
 }), es = {
   key: 0,
   class: "divider__content"
-}, zs = /* @__PURE__ */ T({
+}, Hs = /* @__PURE__ */ T({
   __name: "Divider",
   props: {
     layouts: { default: "horizontal" },
@@ -3182,7 +3184,7 @@ const Cs = {
       ])) : A("", !0)
     ], 2));
   }
-}), ts = ["aria-selected"], Ds = /* @__PURE__ */ T({
+}), ts = ["aria-selected"], Fs = /* @__PURE__ */ T({
   __name: "Tab",
   props: {
     value: {}
@@ -3198,7 +3200,7 @@ const Cs = {
       E(i.$slots, "default")
     ], 10, ts));
   }
-}), os = { class: "tabs" }, Hs = /* @__PURE__ */ T({
+}), os = { class: "tabs" }, Gs = /* @__PURE__ */ T({
   __name: "Tabs",
   props: {
     value: {}
@@ -3219,7 +3221,7 @@ const Cs = {
 }), ns = {
   class: "tab-panel",
   role: "tabpanel"
-}, Fs = /* @__PURE__ */ T({
+}, Ns = /* @__PURE__ */ T({
   __name: "TabPanel",
   props: {
     value: {}
@@ -3235,7 +3237,7 @@ const Cs = {
 }), ls = {
   class: "tab-list",
   role: "tablist"
-}, ss = { class: "tab-list__content" }, Gs = /* @__PURE__ */ T({
+}, ss = { class: "tab-list__content" }, Ws = /* @__PURE__ */ T({
   __name: "TabList",
   setup(e) {
     return (o, t) => (c(), f("div", ls, [
@@ -3244,7 +3246,7 @@ const Cs = {
       ])
     ]));
   }
-}), is = { class: "tab-panels" }, Ns = /* @__PURE__ */ T({
+}), is = { class: "tab-panels" }, js = /* @__PURE__ */ T({
   __name: "TabPanels",
   setup(e) {
     return (o, t) => (c(), f("div", is, [
@@ -3253,47 +3255,47 @@ const Cs = {
   }
 });
 export {
-  Ps as Accordion,
-  Os as AccordionContent,
-  Ls as AccordionHeader,
-  Es as AccordionPanel,
+  Ls as Accordion,
+  Es as AccordionContent,
+  zs as AccordionHeader,
+  Ds as AccordionPanel,
   Ml as Badge,
-  bs as Breadcrumb,
+  ks as Breadcrumb,
   ke as Button,
   tt as Checkbox,
-  vs as ChipCheckbox,
-  fs as Column,
-  Bs as ConfirmDialog,
-  _s as ConfirmPopup,
-  Vs as ConfirmService,
-  ds as DataTable,
-  zs as Divider,
-  Is as Drawer,
-  ps as Dropdown,
+  gs as ChipCheckbox,
+  vs as Column,
+  Is as ConfirmDialog,
+  Ms as ConfirmPopup,
+  _s as ConfirmService,
+  ms as DataTable,
+  Hs as Divider,
+  Ps as Drawer,
+  hs as Dropdown,
   sl as IconField,
-  gs as InputNumber,
-  hs as InputPhone,
+  ws as InputNumber,
+  ys as InputPhone,
   Pt as InputText,
-  xs as Message,
-  Ms as Modal,
-  Rs as OverlayBadge,
+  Ss as Message,
+  Os as Modal,
+  Ts as OverlayBadge,
   pn as Popover,
   Mt as Radio,
-  Ss as Skeleton,
-  cs as SleedDeal,
+  As as Skeleton,
+  fs as SleedDeal,
   il as Spinner,
-  ws as Switch,
-  Ds as Tab,
-  Gs as TabList,
-  Fs as TabPanel,
-  Ns as TabPanels,
-  Hs as Tabs,
+  bs as Switch,
+  Fs as Tab,
+  Ws as TabList,
+  Ns as TabPanel,
+  js as TabPanels,
+  Gs as Tabs,
   Zn as Tag,
-  ys as Textarea,
-  $s as Toast,
-  Cs as ToastService,
-  ms as VirtualScroller,
-  Ts as useConfirmDialog,
-  As as useConfirmPopup,
-  ks as useToast
+  $s as Textarea,
+  Cs as Toast,
+  Rs as ToastService,
+  ps as VirtualScroller,
+  Vs as useConfirmDialog,
+  Bs as useConfirmPopup,
+  xs as useToast
 };

package/dist/useBodyScroll.util-Bbv2BXN4.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue");function i(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}const u=t.defineComponent({__name:"Portal",props:{appendTo:{default:"body"},disabled:{type:Boolean}},setup(e){const n=t.ref(),d=t.computed(()=>e.disabled||e.appendTo==="self");return t.onMounted(()=>{n.value=i()}),(o,l)=>d.value?t.renderSlot(o.$slots,"default",{key:0}):n.value?(t.openBlock(),t.createBlock(t.Teleport,{key:1,to:o.appendTo},[t.renderSlot(o.$slots,"default")],8,["to"])):t.createCommentVNode("",!0)}});function c(){const e=new Map;return{on(n,d){const o=e.get(n)||[];o.push(d),e.set(n,o)},off(n,d){const o=e.get(n);o&&e.set(n,o.filter(l=>l!==d))},emit(n,d){const o=e.get(n);o&&o.forEach(l=>l(d))},clear(){e.clear()}}}function s(){let e=null,n=null;return{lockScroll:()=>{if(typeof window>"u")return;const l=document.body,r=window.innerWidth-l.clientWidth;e===null&&(e=l.style.overflow,n=l.style.paddingRight),l.style.overflow="hidden",l.style.paddingRight=`${r}px`},unlockScroll:()=>{if(!(typeof window>"u")&&e!==null&&n!==null){const l=document.body;l.style.overflow=e,l.style.paddingRight=n,e=null,n=null}}}}exports.EventBus=c;exports._sfc_main=u;exports.useBodyScroll=s;

package/dist/useBodyScroll.util-TIjN_8oq.js

@@ -0,0 +1,63 @@
+import { defineComponent as i, ref as s, computed as u, onMounted as c, renderSlot as d, createBlock as a, createCommentVNode as f, openBlock as p, Teleport as w } from "vue";
+function y() {
+  return !!(typeof window < "u" && window.document && window.document.createElement);
+}
+const h = /* @__PURE__ */ i({
+  __name: "Portal",
+  props: {
+    appendTo: { default: "body" },
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    const n = s(), t = u(() => e.disabled || e.appendTo === "self");
+    return c(() => {
+      n.value = y();
+    }), (o, l) => t.value ? d(o.$slots, "default", { key: 0 }) : n.value ? (p(), a(w, {
+      key: 1,
+      to: o.appendTo
+    }, [
+      d(o.$slots, "default")
+    ], 8, ["to"])) : f("", !0);
+  }
+});
+function g() {
+  const e = /* @__PURE__ */ new Map();
+  return {
+    on(n, t) {
+      const o = e.get(n) || [];
+      o.push(t), e.set(n, o);
+    },
+    off(n, t) {
+      const o = e.get(n);
+      o && e.set(
+        n,
+        o.filter((l) => l !== t)
+      );
+    },
+    emit(n, t) {
+      const o = e.get(n);
+      o && o.forEach((l) => l(t));
+    },
+    clear() {
+      e.clear();
+    }
+  };
+}
+function b() {
+  let e = null, n = null;
+  return { lockScroll: () => {
+    if (typeof window > "u") return;
+    const l = document.body, r = window.innerWidth - l.clientWidth;
+    e === null && (e = l.style.overflow, n = l.style.paddingRight), l.style.overflow = "hidden", l.style.paddingRight = `${r}px`;
+  }, unlockScroll: () => {
+    if (!(typeof window > "u") && e !== null && n !== null) {
+      const l = document.body;
+      l.style.overflow = e, l.style.paddingRight = n, e = null, n = null;
+    }
+  } };
+}
+export {
+  g as E,
+  h as _,
+  b as u
+};