@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-2233.js

@@ -0,0 +1,157 @@
+import { useDeprecated as U } from "./chunk-1710.js";
+import { useLocale as j } from "./chunk-1714.js";
+import { useNamespace as G } from "./chunk-1717.js";
+import { ElIcon as J } from "./chunk-1754.js";
+import K from "./chunk-2162.js";
+import { ElOverlay as Q } from "./chunk-1944.js";
+import { useDialog as W } from "./chunk-1946.js";
+import { drawerEmits as X, drawerProps as Y } from "./chunk-1951.js";
+import { useResizable as Z } from "./chunk-2386.js";
+import { Close as _ } from "./chunk-1786.js";
+import { defineComponent as ee, useSlots as te, computed as R, ref as y, openBlock as s, createBlock as oe, Teleport as ae, createVNode as i, Transition as re, unref as e, withCtx as u, withDirectives as se, createElementVNode as h, mergeProps as le, withModifiers as ie, normalizeClass as a, createElementBlock as d, renderSlot as m, toDisplayString as de, createCommentVNode as l, normalizeStyle as ne, vShow as fe } from "vue";
+const ce = [
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby"
+], ue = ["id", "aria-level"], me = ["aria-label"], ve = ["id"];
+var ze = /* @__PURE__ */ ee({
+  name: "ElDrawer",
+  inheritAttrs: !1,
+  __name: "drawer",
+  props: Y,
+  emits: X,
+  setup(t, { expose: A, emit: E }) {
+    const n = t, z = E, F = te();
+    U({
+      scope: "el-drawer",
+      from: "the title slot",
+      replacement: "the header slot",
+      version: "3.0.0",
+      ref: "https://element-plus.org/en-US/component/drawer.html#slots"
+    }, R(() => !!F.title));
+    const v = y(), k = y(), w = y(), o = G("drawer"), { t: L } = j(), { afterEnter: S, afterLeave: T, beforeLeave: $, visible: b, rendered: D, titleId: p, bodyId: C, zIndex: g, onModalClick: P, onOpenAutoFocus: B, onCloseAutoFocus: I, onFocusoutPrevented: N, onCloseRequested: q, handleClose: f } = W(n, v), { isHorizontal: O, size: V, isResizing: x } = Z(n, w, z), H = R(() => n.modalPenetrable && !n.modal);
+    return A({ handleClose: f }), (r, c) => (s(), oe(ae, {
+      to: t.appendTo,
+      disabled: t.appendTo !== "body" ? !1 : !t.appendToBody
+    }, [i(re, {
+      name: e(o).b("fade"),
+      onAfterEnter: e(S),
+      onAfterLeave: e(T),
+      onBeforeLeave: e($),
+      persisted: ""
+    }, {
+      default: u(() => [se(i(e(Q), {
+        mask: t.modal,
+        "overlay-class": [
+          e(o).is("drawer"),
+          t.modalClass ?? "",
+          `${e(o).namespace.value}-modal-drawer`,
+          e(o).is("penetrable", H.value)
+        ],
+        "z-index": e(g),
+        onClick: e(P)
+      }, {
+        default: u(() => [i(e(K), {
+          loop: "",
+          trapped: e(b),
+          "focus-trap-el": v.value,
+          "focus-start-el": k.value,
+          onFocusAfterTrapped: e(B),
+          onFocusAfterReleased: e(I),
+          onFocusoutPrevented: e(N),
+          onReleaseRequested: e(q)
+        }, {
+          default: u(() => [h("div", le({
+            ref_key: "drawerRef",
+            ref: v,
+            "aria-modal": "true",
+            "aria-label": t.title || void 0,
+            "aria-labelledby": t.title ? void 0 : e(p),
+            "aria-describedby": e(C)
+          }, r.$attrs, {
+            class: [
+              e(o).b(),
+              t.direction,
+              e(b) && "open",
+              e(o).is("dragging", e(x))
+            ],
+            style: { [e(O) ? "width" : "height"]: e(V) },
+            role: "dialog",
+            onClick: c[1] || (c[1] = ie(() => {
+            }, ["stop"]))
+          }), [
+            h("span", {
+              ref_key: "focusStartRef",
+              ref: k,
+              class: a(e(o).e("sr-focus")),
+              tabindex: "-1"
+            }, null, 2),
+            t.withHeader ? (s(), d("header", {
+              key: 0,
+              class: a([e(o).e("header"), t.headerClass])
+            }, [r.$slots.title ? m(r.$slots, "title", { key: 1 }, () => [l(" DEPRECATED SLOT ")]) : m(r.$slots, "header", {
+              key: 0,
+              close: e(f),
+              titleId: e(p),
+              titleClass: e(o).e("title")
+            }, () => [h("span", {
+              id: e(p),
+              role: "heading",
+              "aria-level": t.headerAriaLevel,
+              class: a(e(o).e("title"))
+            }, de(t.title), 11, ue)]), t.showClose ? (s(), d("button", {
+              key: 2,
+              "aria-label": e(L)("el.drawer.close"),
+              class: a(e(o).e("close-btn")),
+              type: "button",
+              onClick: c[0] || (c[0] = (...M) => e(f) && e(f)(...M))
+            }, [i(e(J), { class: a(e(o).e("close")) }, {
+              default: u(() => [i(e(_))]),
+              _: 1
+            }, 8, ["class"])], 10, me)) : l("v-if", !0)], 2)) : l("v-if", !0),
+            e(D) ? (s(), d("div", {
+              key: 1,
+              id: e(C),
+              class: a([e(o).e("body"), t.bodyClass])
+            }, [m(r.$slots, "default")], 10, ve)) : l("v-if", !0),
+            r.$slots.footer ? (s(), d("div", {
+              key: 2,
+              class: a([e(o).e("footer"), t.footerClass])
+            }, [m(r.$slots, "footer")], 2)) : l("v-if", !0),
+            t.resizable ? (s(), d("div", {
+              key: 3,
+              ref_key: "draggerRef",
+              ref: w,
+              style: ne({ zIndex: e(g) }),
+              class: a(e(o).e("dragger"))
+            }, null, 6)) : l("v-if", !0)
+          ], 16, ce)]),
+          _: 3
+        }, 8, [
+          "trapped",
+          "focus-trap-el",
+          "focus-start-el",
+          "onFocusAfterTrapped",
+          "onFocusAfterReleased",
+          "onFocusoutPrevented",
+          "onReleaseRequested"
+        ])]),
+        _: 3
+      }, 8, [
+        "mask",
+        "overlay-class",
+        "z-index",
+        "onClick"
+      ]), [[fe, e(b)]])]),
+      _: 3
+    }, 8, [
+      "name",
+      "onAfterEnter",
+      "onAfterLeave",
+      "onBeforeLeave"
+    ])], 8, ["to", "disabled"]));
+  }
+});
+export {
+  ze as default
+};

package/dist/chunks/chunk-2234.cjs

@@ -0,0 +1 @@
+"use strict";const R=require("./chunk-1712.cjs"),S=require("./chunk-1714.cjs"),$=require("./chunk-1717.cjs"),D=require("./chunk-1729.cjs"),A=require("./chunk-1754.cjs"),H=require("./chunk-2159.cjs"),K=require("./chunk-1769.cjs"),P=require("./chunk-1671.cjs"),F=require("./chunk-1794.cjs"),p=require("./chunk-1824.cjs"),G=require("./chunk-2390.cjs"),z=require("./chunk-1954.cjs"),f=require("./chunk-1955.cjs"),J=require("./chunk-1786.cjs"),e=require("vue"),L=require("./chunk-2301.cjs"),{ButtonGroup:M}=p.ElButton;var U=e.defineComponent({name:"ElDropdown",components:{ElButton:p.ElButton,ElButtonGroup:M,ElScrollbar:F.ElScrollbar,ElTooltip:P.ElTooltip,ElRovingFocusGroup:G.default,ElOnlyChild:H.OnlyChild,ElIcon:A.ElIcon,ArrowDown:J.ArrowDown},props:z.dropdownProps,emits:["visible-change","click","command"],setup(o,{emit:t}){const g=e.getCurrentInstance(),u=$.useNamespace("dropdown"),{t:m}=S.useLocale(),h=e.ref(),v=e.ref(),r=e.ref(),c=e.ref(),E=e.ref(null),l=e.ref(null),s=e.ref(!1),C=e.computed(()=>({maxHeight:R.addUnit(o.maxHeight)})),q=e.computed(()=>[u.m(i.value)]),w=e.computed(()=>L(o.trigger)),I=D.useId().value,d=e.computed(()=>o.id||I);function x(){r.value?.onClose(void 0,0)}function a(){r.value?.onClose()}function O(){r.value?.onOpen()}const i=K.useFormSize();function T(...n){t("command",...n)}function _(){}function y(){const n=e.unref(c);w.value.includes("hover")&&n?.focus({preventScroll:!0}),l.value=null}function N(n){l.value=n}function b(){t("visible-change",!0)}function k(n){s.value=n?.type==="keydown",c.value?.focus()}function B(){t("visible-change",!1)}return e.provide(f.DROPDOWN_INJECTION_KEY,{contentRef:c,role:e.computed(()=>o.role),triggerId:d,isUsingKeyboard:s,onItemEnter:_,onItemLeave:y,handleClose:a}),e.provide(f.DROPDOWN_INSTANCE_INJECTION_KEY,{instance:g,dropdownSize:i,handleClick:x,commandHandler:T,trigger:e.toRef(o,"trigger"),hideOnClick:e.toRef(o,"hideOnClick")}),{t:m,ns:u,scrollbar:E,wrapStyle:C,dropdownTriggerKls:q,dropdownSize:i,triggerId:d,currentTabId:l,handleCurrentTabIdChange:N,handlerMainButtonClick:n=>{t("click",n)},handleClose:a,handleOpen:O,handleBeforeShowTooltip:b,handleShowTooltip:k,handleBeforeHideTooltip:B,popperRef:r,contentRef:c,triggeringElementRef:h,referenceElementRef:v}}});module.exports=U;

package/dist/chunks/chunk-2234.js

@@ -0,0 +1,111 @@
+import { addUnit as H } from "./chunk-1712.js";
+import { useLocale as K } from "./chunk-1714.js";
+import { useNamespace as x } from "./chunk-1717.js";
+import { useId as G } from "./chunk-1729.js";
+import { ElIcon as P } from "./chunk-1754.js";
+import { OnlyChild as z } from "./chunk-2159.js";
+import { useFormSize as F } from "./chunk-1769.js";
+import { ElTooltip as J } from "./chunk-1671.js";
+import { ElScrollbar as L } from "./chunk-1794.js";
+import { ElButton as g } from "./chunk-1824.js";
+import M from "./chunk-2390.js";
+import { dropdownProps as U } from "./chunk-1954.js";
+import { DROPDOWN_INJECTION_KEY as W, DROPDOWN_INSTANCE_INJECTION_KEY as Y } from "./chunk-1955.js";
+import { ArrowDown as $ } from "./chunk-1786.js";
+import { defineComponent as j, getCurrentInstance as q, ref as n, computed as t, provide as f, toRef as p, unref as Q } from "vue";
+import V from "./chunk-2301.js";
+const { ButtonGroup: X } = g;
+var ho = j({
+  name: "ElDropdown",
+  components: {
+    ElButton: g,
+    ElButtonGroup: X,
+    ElScrollbar: L,
+    ElTooltip: J,
+    ElRovingFocusGroup: M,
+    ElOnlyChild: z,
+    ElIcon: P,
+    ArrowDown: $
+  },
+  props: U,
+  emits: [
+    "visible-change",
+    "click",
+    "command"
+  ],
+  setup(e, { emit: r }) {
+    const v = q(), u = x("dropdown"), { t: h } = K(), C = n(), E = n(), l = n(), i = n(), _ = n(null), c = n(null), d = n(!1), w = t(() => ({ maxHeight: H(e.maxHeight) })), I = t(() => [u.m(a.value)]), O = t(() => V(e.trigger)), T = G().value, m = t(() => e.id || T);
+    function N() {
+      l.value?.onClose(void 0, 0);
+    }
+    function s() {
+      l.value?.onClose();
+    }
+    function b() {
+      l.value?.onOpen();
+    }
+    const a = F();
+    function k(...o) {
+      r("command", ...o);
+    }
+    function y() {
+    }
+    function R() {
+      const o = Q(i);
+      O.value.includes("hover") && o?.focus({ preventScroll: !0 }), c.value = null;
+    }
+    function S(o) {
+      c.value = o;
+    }
+    function B() {
+      r("visible-change", !0);
+    }
+    function D(o) {
+      d.value = o?.type === "keydown", i.value?.focus();
+    }
+    function A() {
+      r("visible-change", !1);
+    }
+    return f(W, {
+      contentRef: i,
+      role: t(() => e.role),
+      triggerId: m,
+      isUsingKeyboard: d,
+      onItemEnter: y,
+      onItemLeave: R,
+      handleClose: s
+    }), f(Y, {
+      instance: v,
+      dropdownSize: a,
+      handleClick: N,
+      commandHandler: k,
+      trigger: p(e, "trigger"),
+      hideOnClick: p(e, "hideOnClick")
+    }), {
+      t: h,
+      ns: u,
+      scrollbar: _,
+      wrapStyle: w,
+      dropdownTriggerKls: I,
+      dropdownSize: a,
+      triggerId: m,
+      currentTabId: c,
+      handleCurrentTabIdChange: S,
+      handlerMainButtonClick: (o) => {
+        r("click", o);
+      },
+      handleClose: s,
+      handleOpen: b,
+      handleBeforeShowTooltip: B,
+      handleShowTooltip: D,
+      handleBeforeHideTooltip: A,
+      popperRef: l,
+      contentRef: i,
+      triggeringElementRef: C,
+      referenceElementRef: E
+    };
+  }
+});
+export {
+  ho as default
+};

package/dist/chunks/chunk-2235.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./chunk-1731.cjs"),p=require("./chunk-2387.cjs"),v=require("./chunk-1954.cjs"),f=require("./chunk-1955.cjs"),I=require("./chunk-2388.cjs"),w=require("./chunk-2389.cjs"),o=require("vue");var E=o.defineComponent({name:"ElDropdownItem",components:{ElRovingFocusItem:p,ElDropdownItemImpl:I},inheritAttrs:!1,props:v.dropdownItemProps,emits:["pointermove","pointerleave","click"],setup(n,{emit:r,attrs:c}){const{elDropdown:d}=w.useDropdown(),u=o.getCurrentInstance(),{onItemEnter:a,onItemLeave:s}=o.inject(f.DROPDOWN_INJECTION_KEY,void 0),l=t.composeEventHandlers(e=>(r("pointermove",e),e.defaultPrevented),t.whenMouse(e=>{if(n.disabled){s(e);return}const i=e.currentTarget;i===document.activeElement||i.contains(document.activeElement)||(a(e),e.defaultPrevented||i?.focus({preventScroll:!0}))})),m=t.composeEventHandlers(e=>(r("pointerleave",e),e.defaultPrevented),t.whenMouse(s));return{handleClick:t.composeEventHandlers(e=>{if(!n.disabled)return r("click",e),e.type!=="keydown"&&e.defaultPrevented},e=>{if(n.disabled){e.stopImmediatePropagation();return}d?.hideOnClick?.value&&d.handleClick?.(),d.commandHandler?.(n.command,u,e)}),handlePointerMove:l,handlePointerLeave:m,propsAndAttrs:o.computed(()=>({...n,...c}))}}});module.exports=E;

package/dist/chunks/chunk-2235.js

@@ -0,0 +1,52 @@
+import { composeEventHandlers as d, whenMouse as m } from "./chunk-1731.js";
+import s from "./chunk-2387.js";
+import { dropdownItemProps as f } from "./chunk-1954.js";
+import { DROPDOWN_INJECTION_KEY as v } from "./chunk-1955.js";
+import _ from "./chunk-2388.js";
+import { useDropdown as I } from "./chunk-2389.js";
+import { defineComponent as w, getCurrentInstance as E, inject as P, computed as g } from "vue";
+var A = w({
+  name: "ElDropdownItem",
+  components: {
+    ElRovingFocusItem: s,
+    ElDropdownItemImpl: _
+  },
+  inheritAttrs: !1,
+  props: f,
+  emits: [
+    "pointermove",
+    "pointerleave",
+    "click"
+  ],
+  setup(t, { emit: n, attrs: a }) {
+    const { elDropdown: o } = I(), l = E(), { onItemEnter: c, onItemLeave: i } = P(v, void 0), u = d((e) => (n("pointermove", e), e.defaultPrevented), m((e) => {
+      if (t.disabled) {
+        i(e);
+        return;
+      }
+      const r = e.currentTarget;
+      r === document.activeElement || r.contains(document.activeElement) || (c(e), e.defaultPrevented || r?.focus({ preventScroll: !0 }));
+    })), p = d((e) => (n("pointerleave", e), e.defaultPrevented), m(i));
+    return {
+      handleClick: d((e) => {
+        if (!t.disabled)
+          return n("click", e), e.type !== "keydown" && e.defaultPrevented;
+      }, (e) => {
+        if (t.disabled) {
+          e.stopImmediatePropagation();
+          return;
+        }
+        o?.hideOnClick?.value && o.handleClick?.(), o.commandHandler?.(t.command, l, e);
+      }),
+      handlePointerMove: u,
+      handlePointerLeave: p,
+      propsAndAttrs: g(() => ({
+        ...t,
+        ...a
+      }))
+    };
+  }
+});
+export {
+  A as default
+};

package/dist/chunks/chunk-2236.cjs

@@ -0,0 +1 @@
+"use strict";const F=require("./chunk-1697.cjs"),t=require("./chunk-1731.cjs"),K=require("./chunk-2391.cjs"),D=require("./chunk-1717.cjs"),G=require("./chunk-2392.cjs"),y=require("./chunk-2393.cjs"),T=require("./chunk-1954.cjs"),b=require("./chunk-1955.cjs"),S=require("./chunk-2389.cjs"),e=require("vue");var U=e.defineComponent({name:"ElDropdownMenu",props:T.dropdownMenuProps,setup(s){const n=D.useNamespace("dropdown"),{_elDropdownSize:c}=S.useDropdown(),r=c.value,{contentRef:u,role:i,triggerId:d,isUsingKeyboard:p,handleClose:a}=e.inject(b.DROPDOWN_INJECTION_KEY,void 0),{rovingFocusGroupRef:l,rovingFocusGroupRootStyle:_,onBlur:v,onFocus:w,onKeydown:E,onMousedown:N}=e.inject(y.ROVING_FOCUS_GROUP_INJECTION_KEY,void 0),{collectionRef:O}=e.inject(G.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),f=e.computed(()=>[n.b("menu"),n.bm("menu",r?.value)]),C=K.composeRefs(u,l,O),g=t.composeEventHandlers(o=>{s.onKeydown?.(o)},o=>{const{currentTarget:m,target:q}=o,I=t.getEventCode(o);if(m.contains(q),F.EVENT_CODE.tab===I)return a();E(o)});function R(o){p.value&&w(o)}return{size:r,rovingFocusGroupRootStyle:_,dropdownKls:f,role:i,triggerId:d,dropdownListWrapperRef:C,handleKeydown:g,onBlur:v,handleFocus:R,onMousedown:N}}});module.exports=U;

package/dist/chunks/chunk-2236.js

@@ -0,0 +1,41 @@
+import { EVENT_CODE as K } from "./chunk-1697.js";
+import { composeEventHandlers as T, getEventCode as F } from "./chunk-1731.js";
+import { composeRefs as y } from "./chunk-2391.js";
+import { useNamespace as D } from "./chunk-1717.js";
+import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as G } from "./chunk-2392.js";
+import { ROVING_FOCUS_GROUP_INJECTION_KEY as L } from "./chunk-2393.js";
+import { dropdownMenuProps as b } from "./chunk-1954.js";
+import { DROPDOWN_INJECTION_KEY as J } from "./chunk-1955.js";
+import { useDropdown as S } from "./chunk-2389.js";
+import { defineComponent as U, inject as e, computed as Y } from "vue";
+var k = U({
+  name: "ElDropdownMenu",
+  props: b,
+  setup(t) {
+    const n = D("dropdown"), { _elDropdownSize: s } = S(), r = s.value, { contentRef: p, role: d, triggerId: i, isUsingKeyboard: u, handleClose: c } = e(J, void 0), { rovingFocusGroupRef: m, rovingFocusGroupRootStyle: a, onBlur: f, onFocus: l, onKeydown: _, onMousedown: E } = e(L, void 0), { collectionRef: O } = e(G, void 0), C = Y(() => [n.b("menu"), n.bm("menu", r?.value)]), N = y(p, m, O), v = T((o) => {
+      t.onKeydown?.(o);
+    }, (o) => {
+      const { currentTarget: w, target: R } = o, g = F(o);
+      if (w.contains(R), K.tab === g) return c();
+      _(o);
+    });
+    function I(o) {
+      u.value && l(o);
+    }
+    return {
+      size: r,
+      rovingFocusGroupRootStyle: a,
+      dropdownKls: C,
+      role: d,
+      triggerId: i,
+      dropdownListWrapperRef: N,
+      handleKeydown: v,
+      onBlur: f,
+      handleFocus: I,
+      onMousedown: E
+    };
+  }
+});
+export {
+  k as default
+};

package/dist/chunks/chunk-2237.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./chunk-1712.cjs"),c=require("./chunk-1714.cjs"),m=require("./chunk-1717.cjs"),p=require("./chunk-1959.cjs"),u=require("./chunk-2394.cjs"),e=require("vue"),d=["src"],y={key:1};var k=e.defineComponent({name:"ElEmpty",__name:"empty",props:p.emptyProps,setup(o){const r=o,{t:n}=c.useLocale(),s=m.useNamespace("empty"),l=e.computed(()=>r.description||n("el.table.emptyText")),a=e.computed(()=>({width:i.addUnit(r.imageSize)}));return(t,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("image")),style:e.normalizeStyle(a.value)},[o.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.image,ondragstart:"return false"},null,8,d)):e.renderSlot(t.$slots,"image",{key:1},()=>[e.createVNode(u)])],6),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("description"))},[t.$slots.description?e.renderSlot(t.$slots,"description",{key:0}):(e.openBlock(),e.createElementBlock("p",y,e.toDisplayString(l.value),1))],2),t.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("bottom"))},[e.renderSlot(t.$slots,"default")],2)):e.createCommentVNode("v-if",!0)],2))}});module.exports=k;

package/dist/chunks/chunk-2237.js

@@ -0,0 +1,33 @@
+import { addUnit as y } from "./chunk-1712.js";
+import { useLocale as f } from "./chunk-1714.js";
+import { useNamespace as g } from "./chunk-1717.js";
+import { emptyProps as v } from "./chunk-1959.js";
+import _ from "./chunk-2394.js";
+import { defineComponent as k, computed as n, openBlock as o, createElementBlock as s, normalizeClass as r, unref as i, createElementVNode as p, normalizeStyle as S, renderSlot as a, createVNode as $, toDisplayString as h, createCommentVNode as E } from "vue";
+const N = ["src"], b = { key: 1 };
+var P = /* @__PURE__ */ k({
+  name: "ElEmpty",
+  __name: "empty",
+  props: v,
+  setup(m) {
+    const l = m, { t: c } = f(), t = g("empty"), d = n(() => l.description || c("el.table.emptyText")), u = n(() => ({ width: y(l.imageSize) }));
+    return (e, z) => (o(), s("div", { class: r(i(t).b()) }, [
+      p("div", {
+        class: r(i(t).e("image")),
+        style: S(u.value)
+      }, [m.image ? (o(), s("img", {
+        key: 0,
+        src: m.image,
+        ondragstart: "return false"
+      }, null, 8, N)) : a(e.$slots, "image", { key: 1 }, () => [$(_)])], 6),
+      p("div", { class: r(i(t).e("description")) }, [e.$slots.description ? a(e.$slots, "description", { key: 0 }) : (o(), s("p", b, h(d.value), 1))], 2),
+      e.$slots.default ? (o(), s("div", {
+        key: 0,
+        class: r(i(t).e("bottom"))
+      }, [a(e.$slots, "default")], 2)) : E("v-if", !0)
+    ], 2));
+  }
+});
+export {
+  P as default
+};

package/dist/chunks/chunk-2238.cjs

@@ -0,0 +1 @@
+"use strict";const h=require("./chunk-1697.cjs"),ce=require("./chunk-1731.cjs"),ue=require("./chunk-1751.cjs"),de=require("./chunk-1714.cjs"),fe=require("./chunk-1717.cjs"),me=require("./chunk-1718.cjs"),ve=require("./chunk-1735.cjs"),v=require("./chunk-1754.cjs"),pe=require("./chunk-2162.cjs"),F=require("./chunk-1963.cjs"),E=require("./chunk-1709.cjs"),d=require("./chunk-1786.cjs"),e=require("vue"),ge=require("./chunk-1722.cjs"),$=require("./chunk-2305.cjs"),Ee=["src","crossorigin"];var Ce=e.defineComponent({name:"ElImageViewer",__name:"image-viewer",props:F.imageViewerProps,emits:F.imageViewerEmits,setup(C,{expose:P,emit:H}){const w={CONTAIN:{name:"contain",icon:e.markRaw(d.FullScreen)},ORIGINAL:{name:"original",icon:e.markRaw(d.ScaleToOriginal)}},s=C,k=H;let D;const{t:Z}=de.useLocale(),r=fe.useNamespace("image-viewer"),{nextZIndex:K}=ve.useZIndex(),V=e.ref(),X=e.ref(),_=e.effectScope(),O=e.computed(()=>{const{scale:t,minScale:n,maxScale:a}=s;return ge.clamp(t,n,a)}),p=e.ref(!0),x=e.ref(!1),R=e.ref(!1),l=e.ref(s.initialIndex),I=e.shallowRef(w.CONTAIN),o=e.ref({scale:O.value,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),W=e.ref(s.zIndex??K());me.useLockscreen(R,{ns:r});const j=e.computed(()=>{const{urlList:t}=s;return t.length<=1}),A=e.computed(()=>l.value===0),M=e.computed(()=>l.value===s.urlList.length-1),z=e.computed(()=>s.urlList[l.value]),G=e.computed(()=>[r.e("btn"),r.e("prev"),r.is("disabled",!s.infinite&&A.value)]),J=e.computed(()=>[r.e("btn"),r.e("next"),r.is("disabled",!s.infinite&&M.value)]),Q=e.computed(()=>{const{scale:t,deg:n,offsetX:a,offsetY:u,enableTransition:m}=o.value;let i=a/t,c=u/t;const N=n*Math.PI/180,g=Math.cos(N),b=Math.sin(N);i=i*g+c*b,c=c*g-a/t*b;const Y={transform:`scale(${t}) rotate(${n}deg) translate(${i}px, ${c}px)`,transition:m?"transform .3s":""};return I.value.name===w.CONTAIN.name&&(Y.maxWidth=Y.maxHeight="100%"),Y}),U=e.computed(()=>`${l.value+1} / ${s.urlList.length}`);function T(){te(),D?.(),R.value=!1,k("close")}function ee(){const t=$(a=>{switch(ce.getEventCode(a)){case h.EVENT_CODE.esc:s.closeOnPressEscape&&T();break;case h.EVENT_CODE.space:y();break;case h.EVENT_CODE.left:S();break;case h.EVENT_CODE.up:f("zoomIn");break;case h.EVENT_CODE.right:q();break;case h.EVENT_CODE.down:f("zoomOut");break}}),n=$(a=>{f((a.deltaY||a.deltaX)<0?"zoomIn":"zoomOut",{zoomRate:s.zoomRate,enableTransition:!1})});_.run(()=>{E.useEventListener(document,"keydown",t),E.useEventListener(V,"wheel",n)})}function te(){_.stop()}function ne(){p.value=!1}function oe(t){x.value=!0,p.value=!1,k("error",t),t.target.alt=Z("el.image.error")}function ae(t){if(p.value||t.button!==0||!V.value)return;o.value.enableTransition=!1;const{offsetX:n,offsetY:a}=o.value,u=t.pageX,m=t.pageY,i=$(g=>{o.value={...o.value,offsetX:n+g.pageX-u,offsetY:a+g.pageY-m}}),c=E.useEventListener(document,"mousemove",i),N=E.useEventListener(document,"mouseup",()=>{c(),N()});t.preventDefault()}function re(t){if(p.value||!V.value||t.touches.length!==1)return;o.value.enableTransition=!1;const{offsetX:n,offsetY:a}=o.value,{pageX:u,pageY:m}=t.touches[0],i=$(g=>{const b=g.touches[0];o.value={...o.value,offsetX:n+b.pageX-u,offsetY:a+b.pageY-m}}),c=E.useEventListener(document,"touchmove",i),N=E.useEventListener(document,"touchend",()=>{c(),N()});t.preventDefault()}function B(){o.value={scale:O.value,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function y(){if(p.value||x.value)return;const t=ue.keysOf(w),n=Object.values(w),a=I.value.name;I.value=w[t[(n.findIndex(u=>u.name===a)+1)%t.length]],B()}function L(t){x.value=!1;const n=s.urlList.length;l.value=(t+n)%n}function S(){A.value&&!s.infinite||L(l.value-1)}function q(){M.value&&!s.infinite||L(l.value+1)}function f(t,n={}){if(p.value||x.value)return;const{minScale:a,maxScale:u}=s,{zoomRate:m,rotateDeg:i,enableTransition:c}={zoomRate:s.zoomRate,rotateDeg:90,enableTransition:!0,...n};switch(t){case"zoomOut":o.value.scale>a&&(o.value.scale=Number.parseFloat((o.value.scale/m).toFixed(3)));break;case"zoomIn":o.value.scale<u&&(o.value.scale=Number.parseFloat((o.value.scale*m).toFixed(3)));break;case"clockwise":o.value.deg+=i,k("rotate",o.value.deg);break;case"anticlockwise":o.value.deg-=i,k("rotate",o.value.deg);break}o.value.enableTransition=c}function se(t){t.detail?.focusReason==="pointer"&&t.preventDefault()}function le(){s.closeOnPressEscape&&T()}function ie(t){if(t.ctrlKey){if(t.deltaY<0)return t.preventDefault(),!1;if(t.deltaY>0)return t.preventDefault(),!1}}return e.watch(()=>O.value,t=>{o.value.scale=t}),e.watch(z,()=>{e.nextTick(()=>{X.value?.complete||(p.value=!0)})}),e.watch(l,t=>{B(),k("switch",t)}),e.onMounted(()=>{R.value=!0,ee(),D=E.useEventListener("wheel",ie,{passive:!1})}),P({setActiveItem:L}),(t,n)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!C.teleported},[e.createVNode(e.Transition,{name:"viewer-fade",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"wrapper",ref:V,tabindex:-1,class:e.normalizeClass(e.unref(r).e("wrapper")),style:e.normalizeStyle({zIndex:W.value})},[e.createVNode(e.unref(pe.default),{loop:"",trapped:"","focus-trap-el":V.value,"focus-start-el":"container",onFocusoutPrevented:se,onReleaseRequested:le},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("mask")),onClick:n[0]||(n[0]=e.withModifiers(a=>C.hideOnClickModal&&T(),["self"]))},null,2),e.createCommentVNode(" CLOSE "),e.createElementVNode("span",{class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("close")]),onClick:T},[e.createVNode(e.unref(v.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(d.Close))]),_:1})],2),e.createCommentVNode(" ARROW "),j.value?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass(G.value),onClick:S},[e.createVNode(e.unref(v.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(d.ArrowLeft))]),_:1})],2),e.createElementVNode("span",{class:e.normalizeClass(J.value),onClick:q},[e.createVNode(e.unref(v.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(d.ArrowRight))]),_:1})],2)],64)),t.$slots.progress||C.showProgress?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("progress")])},[e.renderSlot(t.$slots,"progress",{activeIndex:l.value,total:C.urlList.length},()=>[e.createTextVNode(e.toDisplayString(U.value),1)])],2)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" ACTIONS "),e.createElementVNode("div",{class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("actions")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("actions__inner"))},[e.renderSlot(t.$slots,"toolbar",{actions:f,prev:S,next:q,reset:y,activeIndex:l.value,setActiveItem:L},()=>[e.createVNode(e.unref(v.ElIcon),{onClick:n[1]||(n[1]=a=>f("zoomOut"))},{default:e.withCtx(()=>[e.createVNode(e.unref(d.ZoomOut))]),_:1}),e.createVNode(e.unref(v.ElIcon),{onClick:n[2]||(n[2]=a=>f("zoomIn"))},{default:e.withCtx(()=>[e.createVNode(e.unref(d.ZoomIn))]),_:1}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(r).e("actions__divider"))},null,2),e.createVNode(e.unref(v.ElIcon),{onClick:y},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(I.value.icon)))]),_:1}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(r).e("actions__divider"))},null,2),e.createVNode(e.unref(v.ElIcon),{onClick:n[3]||(n[3]=a=>f("anticlockwise"))},{default:e.withCtx(()=>[e.createVNode(e.unref(d.RefreshLeft))]),_:1}),e.createVNode(e.unref(v.ElIcon),{onClick:n[4]||(n[4]=a=>f("clockwise"))},{default:e.withCtx(()=>[e.createVNode(e.unref(d.RefreshRight))]),_:1})])],2)],2),e.createCommentVNode(" CANVAS "),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("canvas"))},[x.value&&t.$slots["viewer-error"]?e.renderSlot(t.$slots,"viewer-error",{key:0,activeIndex:l.value,src:z.value}):(e.openBlock(),e.createElementBlock("img",{ref_key:"imgRef",ref:X,key:z.value,src:z.value,style:e.normalizeStyle(Q.value),class:e.normalizeClass(e.unref(r).e("img")),crossorigin:C.crossorigin,onLoad:ne,onError:oe,onMousedown:ae,onTouchstart:re},null,46,Ee))],2),e.renderSlot(t.$slots,"default")]),_:3},8,["focus-trap-el"])],6)]),_:3})],8,["disabled"]))}});module.exports=Ce;