prlg-ui 1.8.13 → 1.8.15

package/dist/eventBus.util-BgyEkblK.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("vue");function s(){let n=null,e=null;return{lockScroll:()=>{if(typeof window>"u")return;const t=document.body,i=window.innerWidth-t.clientWidth;n===null&&(n=t.style.overflow,e=t.style.paddingRight),t.style.overflow="hidden",t.style.paddingRight=`${i}px`},unlockScroll:()=>{if(!(typeof window>"u")&&n!==null&&e!==null){const t=document.body;t.style.overflow="auto",t.style.paddingRight="0",n=null,e=null}}}}const a={BASE:1e3,DROPDOWN:1010,STICKY:1020,DRAWER:1030,TOOLTIP:1040,POPOVER:1050,MODAL:1060,NOTIFICATION:1070,DEBUG:9999},c=Symbol("z-index-context");let d=a.BASE;function u(){const n=o.inject(c,null);return n||{currentLayer:o.ref(d),getNextLayer:()=>(d+=10,d)}}const f=["data-layer"],y=o.defineComponent({__name:"Portal",props:{layer:{default:"BASE"},teleport:{type:Boolean,default:!0},target:{default:"body"},zIndex:{}},setup(n){const e=n,{getNextLayer:r}=u(),l=o.computed(()=>e.zIndex?e.zIndex:e.layer&&e.layer!=="BASE"?a[e.layer]:r());return(t,i)=>(o.openBlock(),o.createBlock(o.Teleport,{to:t.target,disabled:!t.teleport},[o.createElementVNode("div",{style:o.normalizeStyle({zIndex:l.value,position:"relative"}),"data-layer":t.layer},[o.renderSlot(t.$slots,"default")],12,f)],8,["to","disabled"]))}});function p(){const n=new Map;return{on(e,r){const l=n.get(e)||[];l.push(r),n.set(e,l)},off(e,r){const l=n.get(e);l&&n.set(e,l.filter(t=>t!==r))},emit(e,r){const l=n.get(e);l&&l.forEach(t=>t(r))},clear(){n.clear()}}}exports.EventBus=p;exports._sfc_main=y;exports.useBodyScroll=s;

package/dist/eventBus.util-oJPXMnFQ.js

@@ -0,0 +1,87 @@
+import { inject as i, ref as s, defineComponent as c, computed as u, createBlock as f, openBlock as y, Teleport as p, createElementVNode as g, normalizeStyle as h, renderSlot as E } from "vue";
+function O() {
+  let n = null, e = null;
+  return { lockScroll: () => {
+    if (typeof window > "u") return;
+    const t = document.body, d = window.innerWidth - t.clientWidth;
+    n === null && (n = t.style.overflow, e = t.style.paddingRight), t.style.overflow = "hidden", t.style.paddingRight = `${d}px`;
+  }, unlockScroll: () => {
+    if (!(typeof window > "u") && n !== null && e !== null) {
+      const t = document.body;
+      t.style.overflow = "auto", t.style.paddingRight = "0", n = null, e = null;
+    }
+  } };
+}
+const a = {
+  BASE: 1e3,
+  DROPDOWN: 1010,
+  STICKY: 1020,
+  DRAWER: 1030,
+  TOOLTIP: 1040,
+  POPOVER: 1050,
+  MODAL: 1060,
+  NOTIFICATION: 1070,
+  DEBUG: 9999
+}, m = Symbol("z-index-context");
+let r = a.BASE;
+function I() {
+  const n = i(m, null);
+  return n || {
+    currentLayer: s(r),
+    getNextLayer: () => (r += 10, r)
+  };
+}
+const S = ["data-layer"], b = /* @__PURE__ */ c({
+  __name: "Portal",
+  props: {
+    layer: { default: "BASE" },
+    teleport: { type: Boolean, default: !0 },
+    target: { default: "body" },
+    zIndex: {}
+  },
+  setup(n) {
+    const e = n, { getNextLayer: o } = I(), l = u(() => e.zIndex ? e.zIndex : e.layer && e.layer !== "BASE" ? a[e.layer] : o());
+    return (t, d) => (y(), f(p, {
+      to: t.target,
+      disabled: !t.teleport
+    }, [
+      g("div", {
+        style: h({
+          zIndex: l.value,
+          position: "relative"
+        }),
+        "data-layer": t.layer
+      }, [
+        E(t.$slots, "default")
+      ], 12, S)
+    ], 8, ["to", "disabled"]));
+  }
+});
+function x() {
+  const n = /* @__PURE__ */ new Map();
+  return {
+    on(e, o) {
+      const l = n.get(e) || [];
+      l.push(o), n.set(e, l);
+    },
+    off(e, o) {
+      const l = n.get(e);
+      l && n.set(
+        e,
+        l.filter((t) => t !== o)
+      );
+    },
+    emit(e, o) {
+      const l = n.get(e);
+      l && l.forEach((t) => t(o));
+    },
+    clear() {
+      n.clear();
+    }
+  };
+}
+export {
+  x as E,
+  b as _,
+  O as u
+};

package/dist/index.d.ts

@@ -76,7 +76,10 @@ default: undefined;
 };
 zIndex: {
 type: NumberConstructor;
-default: number;
+};
+zIndexLayer: {
+type: PropType<ZIndexLayer>;
+default: string;
 };
 withoutStyle: {
 type: BooleanConstructor;
@@ -113,7 +116,10 @@ default: undefined;
 };
 zIndex: {
 type: NumberConstructor;
-default: number;
+};
+zIndexLayer: {
+type: PropType<ZIndexLayer>;
+default: string;
 };
 withoutStyle: {
 type: BooleanConstructor;
@@ -126,7 +132,7 @@ modelValue: boolean;
 placement: Placement;
 arrowVisible: boolean;
 closeMode: PopoverCloseMode;
-zIndex: number;
+zIndexLayer: "BASE" | "DROPDOWN" | "STICKY" | "DRAWER" | "TOOLTIP" | "POPOVER" | "MODAL" | "NOTIFICATION" | "DEBUG";
 withoutStyle: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
 reference: HTMLDivElement;
@@ -380,6 +386,7 @@ declare type __VLS_Props_26 = {
     style?: CSSProperties;
     position?: 'top' | 'center' | 'bottom';
     zIndex?: number;
+    zIndexLayer?: ZIndexLayer;
 };
 
 declare type __VLS_Props_27 = {
@@ -1159,6 +1166,7 @@ declare type DrawerProps = {
     beforeClose?: (next: () => void) => void;
     wrapperNoStyle?: boolean;
     zIndex?: number;
+    zIndexLayer?: ZIndexLayer;
 };
 
 export declare const Dropdown: DefineComponent<DropdownProps>;
@@ -1742,6 +1750,15 @@ declare interface ToastProps {
      * @type {ToastMessageOptions}
      */
     message?: ToastMessageOptions;
+    /**
+     * Custom z-index value for the toast container.
+     */
+    zIndex?: number;
+    /**
+     * Z-index layer for the toast component.
+     * @defaultValue NOTIFICATION
+     */
+    zIndexLayer?: ZIndexLayer;
 }
 
 export declare const ToastService: {
@@ -1812,6 +1829,20 @@ export declare const useConfirmPopup: () => ConfirmPopupService;
 
 export declare function useToast(): ToastServiceMethods;
 
+declare const Z_INDEX: {
+    readonly BASE: 1000;
+    readonly DROPDOWN: 1010;
+    readonly STICKY: 1020;
+    readonly DRAWER: 1030;
+    readonly TOOLTIP: 1040;
+    readonly POPOVER: 1050;
+    readonly MODAL: 1060;
+    readonly NOTIFICATION: 1070;
+    readonly DEBUG: 9999;
+};
+
+declare type ZIndexLayer = keyof typeof Z_INDEX;
+
 export { }