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

package/dist/src/components/LToggleGroup/LToggleGroupItem.vue.d.ts

@@ -10,7 +10,7 @@ interface Props extends ToggleGroupItemProps {
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/LTooltip/LTooltip.vue.d.ts

@@ -1,17 +1,17 @@
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     tooltipClass?: string;
 }>, {
     tooltipClass: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     tooltipClass?: string;
 }>, {
     tooltipClass: string;
-}>>>, {
+}>>> & Readonly<{}>, {
     tooltipClass: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/LZoom/LZoom.vue.d.ts

@@ -2,7 +2,7 @@
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/src/components/button/ButtonComponent.vue.d.ts

@@ -10,13 +10,13 @@ interface Props extends PrimitiveProps {
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     as: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     as: string;
-}>>>, {
+}>>> & Readonly<{}>, {
     as: import('radix-vue').AsTag | import('vue').Component;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/carousel/CarouselComponent.vue.d.ts

@@ -6,14 +6,14 @@ declare function __VLS_template(): {
         canScrollPrev: boolean;
         carouselApi: import('embla-carousel').EmblaCarouselType | undefined;
         carouselRef: HTMLElement | undefined;
-        orientation: "vertical" | "horizontal" | undefined;
+        orientation: "vertical" | "horizontal";
         scrollNext: () => void;
         scrollPrev: () => void;
     }): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CarouselProps & WithClassAsProps>, {
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CarouselProps & WithClassAsProps>, {
     orientation: string;
-}>, {
+}>>, {
     canScrollNext: import('vue').Ref<boolean, boolean>;
     canScrollPrev: import('vue').Ref<boolean, boolean>;
     carouselApi: import('vue').Ref<import('embla-carousel').EmblaCarouselType | undefined, import('embla-carousel').EmblaCarouselType | undefined>;
@@ -21,15 +21,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     orientation: "vertical" | "horizontal" | undefined;
     scrollNext: () => void;
     scrollPrev: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "init-api": (payload: import('embla-carousel').EmblaCarouselType | undefined) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "init-api": (payload: import('embla-carousel/cjs').EmblaCarouselType | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CarouselProps & WithClassAsProps>, {
     orientation: string;
-}>>> & {
-    "onInit-api"?: ((payload: import('embla-carousel').EmblaCarouselType | undefined) => any) | undefined;
-}, {
+}>>> & Readonly<{
+    "onInit-api"?: ((payload: import('embla-carousel/cjs').EmblaCarouselType | undefined) => any) | undefined;
+}>, {
     orientation: "horizontal" | "vertical";
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/carousel/CarouselContent.vue.d.ts

@@ -3,7 +3,7 @@ import { WithClassAsProps } from './interface';
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<WithClassAsProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<WithClassAsProps>>>, {}, {}>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<WithClassAsProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<WithClassAsProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/carousel/CarouselItem.vue.d.ts

@@ -3,7 +3,7 @@ import { WithClassAsProps } from './interface';
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<WithClassAsProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<WithClassAsProps>>>, {}, {}>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<WithClassAsProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<WithClassAsProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/carousel/CarouselNext.vue.d.ts

@@ -3,7 +3,7 @@ import { WithClassAsProps } from './interface';
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<WithClassAsProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<WithClassAsProps>>>, {}, {}>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<WithClassAsProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<WithClassAsProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/carousel/CarouselPrevious.vue.d.ts

@@ -3,7 +3,7 @@ import { WithClassAsProps } from './interface';
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<WithClassAsProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<WithClassAsProps>>>, {}, {}>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<WithClassAsProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<WithClassAsProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/carousel/interface.d.ts

@@ -1,5 +1,6 @@
-import { HTMLAttributes, UnwrapRef } from 'vue';
+import { HTMLAttributes, Ref, UnwrapRef } from 'vue';
 import { default as useEmblaCarousel, EmblaCarouselVueType } from 'embla-carousel-vue';
+import { EmblaCarouselType } from 'embla-carousel';
 
 type CarouselApi = EmblaCarouselVueType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
@@ -17,4 +18,13 @@ export interface CarouselEmits {
 export interface WithClassAsProps {
     class?: HTMLAttributes["class"];
 }
+export interface CarouselContext {
+    carouselRef: Ref<HTMLElement | undefined>;
+    carouselApi: Ref<EmblaCarouselType | undefined>;
+    canScrollPrev: Ref<boolean>;
+    canScrollNext: Ref<boolean>;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    orientation: CarouselProps["orientation"];
+}
 export {};

package/dist/src/components/carousel/useCarousel.d.ts

@@ -1,21 +1,5 @@
-import { CarouselEmits, CarouselProps } from './interface';
+import { CarouselContext, CarouselEmits, CarouselProps } from './interface';
 
-declare const useProvideCarousel: (args_0: CarouselProps, emits: CarouselEmits) => {
-    carouselRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    carouselApi: import('vue').Ref<import('embla-carousel').EmblaCarouselType | undefined, import('embla-carousel').EmblaCarouselType | undefined>;
-    canScrollPrev: import('vue').Ref<boolean, boolean>;
-    canScrollNext: import('vue').Ref<boolean, boolean>;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    orientation: "vertical" | "horizontal" | undefined;
-};
-declare function useCarousel(): {
-    carouselRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    carouselApi: import('vue').Ref<import('embla-carousel').EmblaCarouselType | undefined, import('embla-carousel').EmblaCarouselType | undefined>;
-    canScrollPrev: import('vue').Ref<boolean, boolean>;
-    canScrollNext: import('vue').Ref<boolean, boolean>;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    orientation: "vertical" | "horizontal" | undefined;
-};
+declare const useProvideCarousel: (args_0: CarouselProps, emits: CarouselEmits) => CarouselContext;
+declare function useCarousel(): CarouselContext;
 export { useCarousel, useProvideCarousel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layers.digital/layers-design-system-vue3",
-  "version": "1.22.0",
+  "version": "1.22.2",
   "type": "module",
   "private": false,
   "files": [
@@ -17,7 +17,7 @@
     "lint": "eslint 'src/**/*.{vue,ts}'",
     "format": "prettier . --write",
     "prepare": "husky install",
-    "preview": "yarn build-storybook && cd storybook-static && npx http-server",
+    "preview": "pnpm build-storybook && cd storybook-static && npx http-server",
     "test:tree-shaking": "tsx treeShaking/testBundle/index.ts"
   },
   "lint-staged": {
@@ -30,6 +30,7 @@
     "@iconify/vue": "^4.1.1",
     "@vueuse/core": "^11.1.0",
     "element-plus": "^2.13.2",
+    "embla-carousel": "^8.3.0",
     "embla-carousel-vue": "^8.3.0",
     "lucide-vue-next": "^0.395.0",
     "sass": "^1.77.5",
@@ -42,6 +43,7 @@
     "@changesets/cli": "^2.27.1",
     "@chromatic-com/storybook": "^1",
     "@eslint/js": "^9.4.0",
+    "@internationalized/date": "^3.8.0",
     "@storybook/addon-actions": "^8.3.6",
     "@storybook/addon-essentials": "^8.3.6",
     "@storybook/addon-interactions": "^8.3.6",
@@ -63,6 +65,7 @@
     "lint-staged": "^15.2.7",
     "prettier": "^3.3.2",
     "radix-vue": "^1.8.3",
+    "rollup-plugin-visualizer": "^5.12.0",
     "storybook": "^8.3.6",
     "storybook-css-modules-preset": "^1.1.1",
     "tailwind-merge": "^2.3.0",
@@ -71,11 +74,11 @@
     "tsx": "^4.15.4",
     "typescript": "*",
     "typescript-eslint": "^7.13.0",
-    "vite": "6.4.2",
+    "vite": "6.4.3",
     "vite-plugin-dts": "^3.9.1",
     "vue-eslint-parser": "^9.4.3",
     "vue-tsc": "^2.0.21",
     "yargs": "^17.7.2"
   },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  "packageManager": "pnpm@11.8.0"
 }

package/dist/chunks/chunk-1659.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(e){return a(e)?(e.nodeName||"").toLowerCase():"#document"}function i(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function N(e){var t;return(t=(a(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function a(e){return e instanceof Node||e instanceof i(e).Node}function d(e){return e instanceof Element||e instanceof i(e).Element}function m(e){return e instanceof HTMLElement||e instanceof i(e).HTMLElement}function u(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof i(e).ShadowRoot}function w(e){const{overflow:t,overflowX:n,overflowY:o,display:r}=g(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!["inline","contents"].includes(r)}function h(e){return["table","td","th"].includes(s(e))}function b(e){return[":popover-open",":modal"].some(t=>{try{return e.matches(t)}catch{return!1}})}function S(e){const t=E(),n=d(e)?g(e):e;return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!t&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!t&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(o=>(n.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(n.contain||"").includes(o))}function v(e){let t=l(e);for(;m(t)&&!p(t);){if(S(t))return t;if(b(t))return null;t=l(t)}return null}function E(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function p(e){return["html","body","#document"].includes(s(e))}function g(e){return i(e).getComputedStyle(e)}function L(e){return d(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function l(e){if(s(e)==="html")return e;const t=e.assignedSlot||e.parentNode||u(e)&&e.host||N(e);return u(t)?t.host:t}function y(e){const t=l(e);return p(t)?e.ownerDocument?e.ownerDocument.body:e.body:m(t)&&w(t)?t:y(t)}function f(e,t,n){var o;t===void 0&&(t=[]),n===void 0&&(n=!0);const r=y(e),T=r===((o=e.ownerDocument)==null?void 0:o.body),c=i(r);return T?t.concat(c,c.visualViewport||[],w(r)?r:[],c.frameElement&&n?f(c.frameElement):[]):t.concat(r,f(r,[],n))}exports.getComputedStyle=g;exports.getContainingBlock=v;exports.getDocumentElement=N;exports.getNearestOverflowAncestor=y;exports.getNodeName=s;exports.getNodeScroll=L;exports.getOverflowAncestors=f;exports.getParentNode=l;exports.getWindow=i;exports.isContainingBlock=S;exports.isElement=d;exports.isHTMLElement=m;exports.isLastTraversableNode=p;exports.isNode=a;exports.isOverflowElement=w;exports.isShadowRoot=u;exports.isTableElement=h;exports.isTopLayer=b;exports.isWebKit=E;

package/dist/chunks/chunk-1659.js

@@ -1,120 +0,0 @@
-function l(n) {
-  return a(n) ? (n.nodeName || "").toLowerCase() : "#document";
-}
-function i(n) {
-  var t;
-  return (n == null || (t = n.ownerDocument) == null ? void 0 : t.defaultView) || window;
-}
-function h(n) {
-  var t;
-  return (t = (a(n) ? n.ownerDocument : n.document) || window.document) == null ? void 0 : t.documentElement;
-}
-function a(n) {
-  return n instanceof Node || n instanceof i(n).Node;
-}
-function d(n) {
-  return n instanceof Element || n instanceof i(n).Element;
-}
-function m(n) {
-  return n instanceof HTMLElement || n instanceof i(n).HTMLElement;
-}
-function s(n) {
-  return typeof ShadowRoot > "u" ? !1 : n instanceof ShadowRoot || n instanceof i(n).ShadowRoot;
-}
-function p(n) {
-  const {
-    overflow: t,
-    overflowX: e,
-    overflowY: o,
-    display: r
-  } = y(n);
-  return /auto|scroll|overlay|hidden|clip/.test(t + o + e) && !["inline", "contents"].includes(r);
-}
-function T(n) {
-  return ["table", "td", "th"].includes(l(n));
-}
-function S(n) {
-  return [":popover-open", ":modal"].some((t) => {
-    try {
-      return n.matches(t);
-    } catch {
-      return !1;
-    }
-  });
-}
-function N(n) {
-  const t = E(), e = d(n) ? y(n) : n;
-  return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (e.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (e.contain || "").includes(o));
-}
-function v(n) {
-  let t = u(n);
-  for (; m(t) && !w(t); ) {
-    if (N(t))
-      return t;
-    if (S(t))
-      return null;
-    t = u(t);
-  }
-  return null;
-}
-function E() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-function w(n) {
-  return ["html", "body", "#document"].includes(l(n));
-}
-function y(n) {
-  return i(n).getComputedStyle(n);
-}
-function L(n) {
-  return d(n) ? {
-    scrollLeft: n.scrollLeft,
-    scrollTop: n.scrollTop
-  } : {
-    scrollLeft: n.scrollX,
-    scrollTop: n.scrollY
-  };
-}
-function u(n) {
-  if (l(n) === "html")
-    return n;
-  const t = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    n.assignedSlot || // DOM Element detected.
-    n.parentNode || // ShadowRoot detected.
-    s(n) && n.host || // Fallback.
-    h(n)
-  );
-  return s(t) ? t.host : t;
-}
-function b(n) {
-  const t = u(n);
-  return w(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : m(t) && p(t) ? t : b(t);
-}
-function f(n, t, e) {
-  var o;
-  t === void 0 && (t = []), e === void 0 && (e = !0);
-  const r = b(n), g = r === ((o = n.ownerDocument) == null ? void 0 : o.body), c = i(r);
-  return g ? t.concat(c, c.visualViewport || [], p(r) ? r : [], c.frameElement && e ? f(c.frameElement) : []) : t.concat(r, f(r, [], e));
-}
-export {
-  y as getComputedStyle,
-  v as getContainingBlock,
-  h as getDocumentElement,
-  b as getNearestOverflowAncestor,
-  l as getNodeName,
-  L as getNodeScroll,
-  f as getOverflowAncestors,
-  u as getParentNode,
-  i as getWindow,
-  N as isContainingBlock,
-  d as isElement,
-  m as isHTMLElement,
-  w as isLastTraversableNode,
-  a as isNode,
-  p as isOverflowElement,
-  s as isShadowRoot,
-  T as isTableElement,
-  S as isTopLayer,
-  E as isWebKit
-};

package/dist/chunks/chunk-1665.cjs

@@ -1,15 +0,0 @@
-"use strict";var Ht=Object.defineProperty,At=(e,t,s)=>t in e?Ht(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,z=(e,t,s)=>(At(e,typeof t!="symbol"?t+"":t,s),s),Ft=(e,t,s)=>{if(!t.has(e))throw TypeError("Cannot "+s)},w=(e,t,s)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,s)},S=(e,t,s)=>(Ft(e,t,"access private method"),s);const Z=e=>document.contains(A(e)),Wt=e=>{if(!e)return!1;try{const{constructor:t}=e,{prototype:s}=t,{hasOwnProperty:i}=Object.prototype;return t&&s&&i.call(s,"isPrototypeOf")}catch{return!1}},vt=e=>typeof e=="function",I=e=>!isNaN(Number(e)),q=e=>e==null,A=e=>e instanceof HTMLElement?e:document.querySelector(e),V=(e,t)=>t?e.closest(`.${t}`):null,y=e=>{const t="touches"in e?e.touches[0]:e;return{clientX:t.clientX,clientY:t.clientY}},B=e=>({clientX:[...e].map(t=>t.clientX).reduce((t,s)=>t+s)/e.length,clientY:[...e].map(t=>t.clientY).reduce((t,s)=>t+s)/e.length}),Y=e=>{const{width:t,height:s,top:i,left:n,bottom:l}=e.getBoundingClientRect();return{width:t,height:s,top:i,left:n,bottom:l}},bt=e=>e.length>=2?Math.hypot(e[0].clientX-e[1].clientX,e[0].clientY-e[1].clientY):0,T=(e,t)=>{for(const[s,i]of Object.entries(t))typeof i=="string"&&e.style.setProperty(s,i)},C=(e,t)=>{for(const[s,i]of Object.entries(t))e.setAttribute(s,i)},b=(e,t)=>{for(const[s,i]of Object.entries(t))e[s]=i},X=(e,t,s)=>Math.min(Math.max(e,t),s),E=e=>{const t=+(Math.round(+(e+"e+2"))+"e-2");return isNaN(t)?0:t},wt=e=>{throw new Error(e)},U=e=>console.warn(e),M=(e="div",t,s,i)=>{const n=document.createElement(e);return t&&n.classList.add(...t.split(" ")),s&&C(n,s),i&&(n.innerHTML=i),n},p="zoomist",Pt=`${p}-container`,St=`${p}-wrapper`,G=`${p}-image`,qt=`${p}-not-draggable`,Vt=`${p}-not-wheelable`,R=`${p}-slider`,Zt=`${p}-slider-wrapper`,Ut=`${p}-slider-bar`,Gt=`${p}-slider-button`,F=`${p}-zoomer`,Jt=`${p}-zoomer-button`,ht=`${p}-zoomer-icon`,ct=`${p}-zoomer-in`,dt=`${p}-zoomer-out`,ut=`${p}-zoomer-reset`,Kt=`${p}-zoomer-disabled`,Qt={tabindex:"0",role:"slider","aria-label":"slider for zoomist","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":"0","aria-disabled":"false"},mt={tabindex:"0",role:"button",type:"button","aria-disabled":"false"},te={...mt,"aria-label":"button for zoom in zoomist"},ee={...mt,"aria-label":"button for zoom out zoomist"},se={...mt,"aria-label":"button for reset zoomist scale"},ie=typeof window<"u"&&typeof window.document<"u",x=ie&&"ontouchstart"in window,ne=x?"touchstart":"mousedown",N=x?"touchmove":"mousemove",j=x?"touchend":"mouseup",ae="wheel",oe=["left","right","center"],re=["top","bottom","center"],Et="--scale",zt="--translate-x",yt="--translate-y",le="--value",kt={draggable:!0,wheelable:!0,pinchable:!0,bounds:!0,zoomRatio:.1,maxScale:10,minScale:1,initScale:null,dragReleaseOnBounds:!1,wheelReleaseOnMinMax:!1,disableDraggingClass:qt,disableWheelingClass:Vt},he={el:null,direction:"horizontal"},ce={el:`.${R}`},de={el:null,inEl:null,outEl:null,resetEl:null,disabledClass:Kt},ue={el:`.${F}`,inEl:`.${ct}`,outEl:`.${dt}`,resetEl:`.${ut}`},me={ready:null,reset:null,resize:null,beforeDestroy:null,destroy:null,beforeUpdate:null,update:null,zoom:null,wheel:null,dragStart:null,drag:null,dragEnd:null,pinchStart:null,pinch:null,pinchEnd:null,slideStart:null,slide:null,slideEnd:null},fe={slider:null,zoomer:null},ge=`
-<svg viewBox="0 0 12 12" class="${ht}">
-  <polygon points="12,5.5 6.5,5.5 6.5,0 5.5,0 5.5,5.5 0,5.5 0,6.5 5.5,6.5 5.5,12 6.5,12 6.5,6.5 12,6.5 "/>
-</svg>
-`,pe=`
-<svg viewBox="0 0 12 12" class="${ht}">
-  <rect y="5.5" width="12" height="1"/>
-</svg>
-`,_e=`
-<svg viewBox="0 0 12 12" class="${ht}">
-  <path d="m7.45,1.27l.35-.22c.26-.17.34-.52.17-.78-.17-.27-.52-.34-.78-.17l-1.54.99-.19.13-.11.46,1.12,1.75c.11.17.29.26.48.26.1,0,.21-.03.31-.09.26-.17.34-.52.17-.78l-.29-.46c1.85.5,3.22,2.17,3.22,4.18,0,2.39-1.95,4.34-4.34,4.34S1.66,8.92,1.66,6.52c0-1.15.44-2.23,1.25-3.05.22-.22.22-.58,0-.8-.22-.22-.58-.22-.8,0-1.02,1.03-1.58,2.4-1.58,3.85,0,3.02,2.46,5.48,5.48,5.48s5.48-2.46,5.48-5.48c0-2.51-1.71-4.62-4.02-5.26Z"/>
-</svg>
-`,ve={on(e,t){if(!t||!vt(t))return this;const{__events__:s}=this;return e.split(" ").forEach(i=>{const n=i;s[n]||(s[n]=[]),s[n].push(t)}),this},emit(e,...t){const{__events__:s}=this;return s[e]?(s[e].forEach(i=>{vt(i)&&i.apply(this,t)}),this):this},zoom(e,t){const{scale:s}=this.transform,i=this.useFixedRatio(E(s*(e+1)));return s===i?this:(this.zoomTo(i,t),this)},zoomTo(e,t=!0){const{image:s,transform:{scale:i,translateX:n,translateY:l},options:{bounds:o}}=this;if(e=this.useFixedRatio(e),e===i)return this;if(this.transform.scale=e,!t)return this.emit("zoom",this,this.transform.scale),this;t=typeof t=="boolean"?this.getContainerCenterClient():t;const{clientX:r,clientY:h}=t,{top:a,left:c,width:f,height:d}=Y(s),{width:u,height:_}=this.getImageDiff(),g=e/i-1,m=(f/2-r+c)*g+n,v=(d/2-h+a)*g+l,D=o?X(m,u,-u):m,$=o?X(v,_,-_):v;return b(this.transform,{translateX:D,translateY:$}),this.emit("zoom",this,this.transform.scale),this},move(e){const{options:{bounds:t},transform:{translateX:s,translateY:i}}=this,{x:n,y:l}=e,{width:o,height:r}=this.getImageDiff();if(I(n)){const h=s+n,a=t?X(h,o,-o):h;this.transform.translateX=a}if(I(l)){const h=i+l,a=t?X(h,r,-r):h;this.transform.translateY=a}return this},moveTo(e){const{options:{bounds:t}}=this,{x:s,y:i}=e,{width:n,height:l}=this.getImageDiff();if(I(s)){const o=Number(s),r=t?X(o,n,-n):o;this.transform.translateX=r}if(oe.some(o=>o===s)){const o={left:-n,right:n,center:0}[s];this.transform.translateX=o}if(I(i)){const o=Number(i),r=t?X(o,l,-l):o;this.transform.translateY=r}if(re.some(o=>o===i)){const o={top:-l,bottom:l,center:0}[i];this.transform.translateY=o}return this},slideTo(e){const{options:{minScale:t,maxScale:s}}=this,i=(s-t)*e/100+t;return this.zoomTo(i),this},reset(){const{options:{initScale:e}}=this;return b(this.transform,{scale:e,translateX:0,translateY:0}),this.emit("reset",this),this},destroy(e=!1){const{element:t,image:s,controller:i}=this;return this.mounted&&(this.emit("beforeDestroy",this),i.abort(),this.destroyModules(),e&&s&&(this.reset(),s.removeAttribute("style")),t[p]=null,this.mounted=!1,this.emit("destroy",this)),null},update(e){const{element:t,controller:s}=this;return this.emit("beforeUpdate",this),t[p]=null,this.mounted=!1,s.abort(),this.destroyModules(),e&&(this.options=Object.assign({},kt,Wt(e)&&e)),this.init(),this.emit("update",this),this},getImageData(){return{...this.data.imageData}},getContainerData(){return{...this.data.containerData}},getSliderValue(){const{__modules__:{slider:e}}=this;return e&&e.value!==void 0?e.value:null},isOnBoundTop(){const{options:{bounds:e}}=this;if(!e)return!1;const{transform:{translateY:t}}=this,{height:s}=this.getImageDiff();return t*-1===E(s)},isOnBoundBottom(){const{options:{bounds:e}}=this;if(!e)return!1;const{transform:{translateY:t}}=this,{height:s}=this.getImageDiff();return t===E(s)},isOnBoundLeft(){const{options:{bounds:e}}=this;if(!e)return!1;const{transform:{translateX:t}}=this,{width:s}=this.getImageDiff();return t*-1===E(s)},isOnBoundRight(){const{options:{bounds:e}}=this;if(!e)return!1;const{transform:{translateX:t}}=this,{width:s}=this.getImageDiff();return t===E(s)},isOnBoundX(){const{options:{bounds:e}}=this;if(!e)return!1;const{transform:{translateX:t}}=this,{width:s}=this.getImageDiff();return Math.abs(t)===Math.abs(E(s))},isOnBoundY(){const{options:{bounds:e}}=this;if(!e)return!1;const{transform:{translateY:t}}=this,{height:s}=this.getImageDiff();return Math.abs(t)===Math.abs(E(s))},isOnMinScale(){const{options:{minScale:e}}=this,{transform:{scale:t}}=this;return t===e},isOnMaxScale(){const{options:{maxScale:e}}=this,{transform:{scale:t}}=this;return t===e},getImageDiff(){const{width:e,height:t}=this.getContainerData(),{width:s,height:i}=this.getImageData();return{width:(e-s)/2,height:(t-i)/2}},getContainerCenterClient(){const{element:e}=this,{top:t,left:s,width:i,height:n}=Y(e);return{clientX:s+i/2,clientY:t+n/2}},getScaleRatio(){const{transform:{scale:e},options:{minScale:t,maxScale:s}}=this;return(e-t)/(s-t)},useFixedRatio(e){const{options:{minScale:t,maxScale:s}}=this;return X(e,t,s)}},{defineProperty:H}=Object;var J,It,K,Yt,Q,Xt,tt,Dt,et,$t,st,xt,it,Ot,nt,Lt,at,Tt,ot,Mt,rt,Ct,lt,Rt;class Bt{constructor(t,s){w(this,J),w(this,K),w(this,Q),w(this,tt),w(this,et),w(this,st),w(this,it),w(this,nt),w(this,at),w(this,ot),w(this,rt),w(this,lt),z(this,"element"),z(this,"options"),z(this,"wrapper"),z(this,"image"),z(this,"mounted"),z(this,"data"),z(this,"transform"),z(this,"states"),z(this,"controller"),z(this,"__events__"),z(this,"__modules__"),t||wt("The first argument is required."),Z(t)||wt(`Element ${t} is not exist.`),this.element=A(t),this.options=Object.assign({},kt,Wt(s)&&s),this.init()}init(){const{element:t}=this,{options:{bounds:s,minScale:i,maxScale:n,initScale:l}}=this;if(t[p])return;t[p]=this;const o=t.querySelector(`.${St}`),r=t.querySelector(`.${G}`);if(!o)return U(`${p} needs a ".${St}" element.`);if(!r)return U(`${p} needs a ".${G}" element.`);this.options.minScale=s&&i<1?1:i,this.options.maxScale=Math.max(n,i),this.options.initScale=X(l||i,i,n),this.wrapper=o,this.image=r,S(this,J,It).call(this)}destroyModules(){const{slider:t,zoomer:s}=this.__modules__;t&&this.destroySlider(),s&&this.destroyZoomer()}destroySlider(){var t,s;const{__modules__:{slider:i}}=this;if(!i||!i.mounted)return;const{options:{el:n},controller:l}=i;n===`.${R}`?(t=i.sliderEl)==null||t.remove():(s=i.sliderTrack)==null||s.remove(),l?.abort(),i.mounted=!1}destroyZoomer(){const{__modules__:{zoomer:t}}=this;if(!t||!t.mounted)return;const{options:{el:s,inEl:i,outEl:n,resetEl:l},controller:o,zoomerEl:r,zoomerInEl:h,zoomerOutEl:a,zoomerResetEl:c}=t,f=(d,u,_)=>{d===`.${u}`&&_?.remove()};[{target:s,className:F,el:r},{target:i,className:ct,el:h},{target:n,className:dt,el:a},{target:l,className:ut,el:c}].forEach(d=>f(d.target,d.className,d.el)),o?.abort(),t.mounted=!1}}J=new WeakSet,It=function(){const{element:e,image:t,options:s}=this,{draggable:i,pinchable:n}=s,{offsetWidth:l,offsetHeight:o}=e,{offsetWidth:r,offsetHeight:h}=t,{width:a,height:c}=Y(t);if(!r||!h)return U(`The width or height of ${G} should not be 0.`);if(this.transform={scale:0,translateX:0,translateY:0},this.data={imageData:{originWidth:r,originHeight:h,width:a,height:c},containerData:{width:l,height:o}},x&&(i||n)&&(this.data.touchData={hypot:0,startX:0,startY:0,prevX:0,prevY:0,imageTop:0,imageLeft:0,widthDiff:0,heightDiff:0}),!x&&i&&(this.data.dragData={startX:0,startY:0}),this.__events__={...me},s.on)for(const[f,d]of Object.entries(s.on))this.__events__[f]=[d];if(this.__modules__={...fe},s.slider){const f=s.slider===!0?ce:s.slider;this.__modules__.slider={options:Object.assign({},he,f)}}if(s.zoomer){const f=s.zoomer===!0?ue:s.zoomer;this.__modules__.zoomer={options:Object.assign({},de,f)}}this.controller=new AbortController,S(this,K,Yt).call(this)},K=new WeakSet,Yt=function(){if(this.mounted)return;const{element:e,image:t,options:{minScale:s,maxScale:i,initScale:n},__modules__:{slider:l,zoomer:o}}=this,r=this;T(t,{transform:`
-        translate(var(${zt}, 0px), var(${yt}, 0px))
-        scale(var(${Et}, 0))`}),H(this.transform,"scale",{get(){return r.transform.__scale__},set(h){const a=r.useFixedRatio(h);if(!(q(a)||r.transform.__scale__===a)){if(r.transform.__scale__=a,T(t,{[Et]:a.toString()}),b(r.data.imageData,{width:Y(t).width,height:Y(t).height}),l){const c=Math.round(r.getScaleRatio()*100);l.value=c}if(o&&o.options.disabledClass){const{zoomerInEl:c,zoomerOutEl:f,zoomerResetEl:d,options:{disabledClass:u}}=o;c&&(c.classList[a===i?"add":"remove"](u),C(c,{"aria-disabled":a===i?"true":"false"})),f&&(f.classList[a===s?"add":"remove"](u),C(f,{"aria-disabled":a===s?"true":"false"})),d&&(d.classList[a===n?"add":"remove"](u),C(d,{"aria-disabled":a===n?"true":"false"}))}}}}),H(this.transform,"translateX",{get(){return r.transform.__translateX__},set(h){const a=E(h);q(a)||r.transform.__translateX__===a||(r.transform.__translateX__=a,T(t,{[zt]:`${a}px`}))}}),H(this.transform,"translateY",{get(){return r.transform.__translateY__},set(h){const a=E(h);q(a)||r.transform.__translateY__===a||(r.transform.__translateY__=a,T(t,{[yt]:`${a}px`}))}}),S(this,Q,Xt).call(this),S(this,nt,Lt).call(this),b(this.transform,{scale:n,translateX:0,translateY:0}),e.classList.add(Pt),this.mounted=!0,this.emit("ready",this)},Q=new WeakSet,Xt=function(){const{wrapper:e,options:t,controller:{signal:s}}=this,{draggable:i,pinchable:n,wheelable:l}=t;if(this.states={},l){this.states.wheeling=!1;const o=r=>S(this,tt,Dt).call(this,r);e.addEventListener(ae,o,{signal:s})}if(x&&(i||n)){i&&(this.states.dragging=!1),n&&(this.states.pinching=!1);const o=r=>S(this,st,xt).call(this,r);e.addEventListener("touchstart",o,{signal:s})}if(!x&&i){this.states.dragging=!1;const o=r=>S(this,et,$t).call(this,r);e.addEventListener("mousedown",o,{signal:s})}S(this,it,Ot).call(this)},tt=new WeakSet,Dt=function(e){const{options:{zoomRatio:t,wheelReleaseOnMinMax:s,disableWheelingClass:i}}=this,n=(e.deltaY||e.detail)>0?-1:1;if(s){const l=this.isOnMinScale(),o=this.isOnMaxScale();l&&n===-1||o&&n===1||e.preventDefault()}else e.preventDefault();this.states.wheeling||V(e.target,i)||(this.states.wheeling=!0,setTimeout(()=>{this.states.wheeling=!1},30),this.zoom(n*t,y(e)),this.emit("wheel",this,this.transform.scale,e))},et=new WeakSet,$t=function(e){const{data:t,transform:s,options:{disableDraggingClass:i}}=this,{dragData:n,imageData:l}=t;if(!n||!l)return;const o=a=>{a&&a.button!==0||(a.preventDefault(),!V(a.target,i)&&(b(n,{startX:y(a).clientX,startY:y(a).clientY}),this.states.dragging=!0,this.emit("dragStart",this,{x:s.translateX,y:s.translateY},a),document.addEventListener(N,r),document.addEventListener(j,h)))},r=a=>{if(a.touches||!this.states.dragging)return;a.preventDefault();const c=y(a).clientX,f=y(a).clientY,d=c-n.startX+s.translateX,u=f-n.startY+s.translateY;this.moveTo({x:d,y:u}),b(n,{startX:y(a).clientX,startY:y(a).clientY}),this.emit("drag",this,{x:d,y:u},a)},h=a=>{a.touches||(this.states.dragging=!1,this.emit("dragEnd",this,{x:s.translateX,y:s.translateY},a),document.removeEventListener(N,r),document.removeEventListener(j,h))};o(e)},st=new WeakSet,xt=function(e){const{data:t,transform:s,options:{maxScale:i,minScale:n,draggable:l,pinchable:o,bounds:r,dragReleaseOnBounds:h,disableDraggingClass:a}}=this,{touchData:c,imageData:f}=t;if(!c||!f)return;const d=g=>{const m=g.touches;if(!m)return;if(r&&h){const W=this.isOnBoundX(),k=this.isOnBoundY(),O=m.length===1&&(W||k);console.log(O),O||g.preventDefault()}else g.preventDefault();if(V(g.target,a)&&m.length<=1)return;const{top:v,left:D}=Y(this.image),{width:$,height:L}=this.getImageDiff();b(c,{hypot:bt(m),startX:B(m).clientX,startY:B(m).clientY,prevX:0,prevY:0,imageTop:v,imageLeft:D,widthDiff:$,heightDiff:L}),l&&(this.states.dragging=!0,this.emit("dragStart",this,{x:s.translateX,y:s.translateY},g)),o&&m.length===2&&(this.states.pinching=!0,this.emit("pinchStart",this,s.scale,g)),document.addEventListener("touchmove",u),document.addEventListener("touchend",_)},u=g=>{const m=g.touches;if(!m)return;const{states:{dragging:v,pinching:D}}=this,{top:$,left:L}=Y(this.image),{width:W,height:k}=this.getImageDiff(),O=bt(m),ft=O?O/c.hypot:1,P=this.useFixedRatio(ft*s.scale),gt=B(m).clientX+c.prevX,pt=B(m).clientY+c.prevY;if(D&&m.length===2&&this.zoomTo(P,!1),v){const _t=P!==i&&P!==n&&o?ft:1,Nt=E(gt-c.imageLeft-(W-c.widthDiff)-(c.startX-c.imageLeft)*_t+s.translateX),jt=E(pt-c.imageTop-(k-c.heightDiff)-(c.startY-c.imageTop)*_t+s.translateY);this.moveTo({x:Nt,y:jt})}b(c,{hypot:O,startX:gt,startY:pt,imageTop:$,imageLeft:L,widthDiff:W,heightDiff:k}),D&&m.length===2&&this.emit("pinch",this,s.scale,g),v&&this.emit("drag",this,{x:s.translateX,y:s.translateY},g)},_=g=>{const m=g.touches;if(!m)return;const{states:{dragging:v,pinching:D}}=this;if(v&&!m.length&&(this.states.dragging=!1,this.emit("dragEnd",this,{x:s.translateX,y:s.translateY},g)),D&&m.length<2&&(this.states.pinching=!1,this.emit("pinchEnd",this,s.scale,g)),v&&m.length===1){const $=y(g).clientX,L=y(g).clientY;b(c,{prevX:c.startX-$,prevY:c.startY-L})}m.length||(document.removeEventListener("touchmove",u),document.removeEventListener("touchend",_))};d(e)},it=new WeakSet,Ot=function(){const{element:e,image:t,transform:s}=this;new ResizeObserver(()=>{const{offsetWidth:i,offsetHeight:n}=e,{width:l,height:o}=this.getContainerData();if(i===l&&n===o)return;const r=s.translateX,h=s.translateY;if(r){const u=i/l*r;this.transform.translateX=u}if(h){const u=n/o*h;this.transform.translateY=u}const{offsetWidth:a,offsetHeight:c}=t,{width:f,height:d}=Y(t);b(this.data.containerData,{width:i,height:n}),b(this.data.imageData,{originWidth:a,originHeight:c,width:f,height:d}),this.emit("resize",this)}).observe(e)},nt=new WeakSet,Lt=function(){const{slider:e,zoomer:t}=this.__modules__;e&&S(this,at,Tt).call(this),t&&S(this,rt,Ct).call(this)},at=new WeakSet,Tt=function(){const{element:e,__modules__:{slider:t}}=this;if(!t||t.mounted)return;const{options:{el:s,direction:i}}=t,n=s===`.${R}`;if(!s||!n&&!Z(s))return;const l=n?M("div",R):A(s),o=M("div",Zt),r=M("span",Ut),h=M("span",Gt,{...Qt,"aria-orientation":i});l.classList.add(`${R}-${i}`),H(t,"value",{get(){return t.__value__},set(a){t.__value__!==a&&(t.__value__=a,T(l,{[le]:a.toString()}),C(h,{"aria-valuenow":a.toString()}))}}),b(t,{value:this.getScaleRatio()*100,controller:new AbortController,sliding:!1,sliderEl:l,sliderTrack:o,sliderButton:h}),S(this,ot,Mt).call(this),o.append(r,h),l.append(o),n&&e.append(l),t.mounted=!0},ot=new WeakSet,Mt=function(){const{options:{minScale:e,maxScale:t},__modules__:{slider:s}}=this;if(!s)return;const{options:{direction:i},controller:n,sliderEl:l,sliderTrack:o}=s;if(!l||!o)return;const r=i==="vertical",h=d=>{const u=Y(o),_=u[r?"height":"width"],g=u[r?"bottom":"left"],m=y(d)[r?"clientY":"clientX"],v=E(X((m-g)*(r?-1:1)/_,0,1));return(t-e)*v+e},a=d=>{if(d instanceof MouseEvent&&d.button!==0)return;s.sliding=!0;const u=h(d);this.zoomTo(u),this.emit("slideStart",this,this.getSliderValue(),d),document.addEventListener(N,c),document.addEventListener(j,f)},c=d=>{if(!s.sliding)return;const u=h(d);this.zoomTo(u),this.emit("slide",this,this.getSliderValue(),d)},f=d=>{this.emit("slideEnd",this,this.getSliderValue(),d),s.sliding=!1,document.removeEventListener(N,c),document.removeEventListener(j,f)};l.addEventListener(ne,a,{signal:n?.signal})},rt=new WeakSet,Ct=function(){const{element:e,__modules__:{zoomer:t}}=this;if(!t||t.mounted)return;const{options:{el:s,inEl:i,outEl:n,resetEl:l}}=t,o=[i,n,l],r=(d,u,_,g,m)=>{const v=d===`.${_}`;return!d||!v&&!Z(d)?null:(_=o.includes(d)?`${_} ${Jt}`:_,v?M(u,_,g,m):A(d))},h=r(s,"div",F),a=r(i,"button",ct,te,ge),c=r(n,"button",dt,ee,pe),f=r(l,"button",ut,se,_e);b(t,{controller:new AbortController,zoomerEl:h,zoomerInEl:a,zoomerOutEl:c,zoomerResetEl:f}),h&&(a&&h.append(a),c&&h.append(c),f&&h.append(f),s===`.${F}`&&e.append(h)),S(this,lt,Rt).call(this),t.mounted=!0},lt=new WeakSet,Rt=function(){const{options:{zoomRatio:e},__modules__:{zoomer:t}}=this,s=this;if(!t)return;const{controller:i,zoomerInEl:n,zoomerOutEl:l,zoomerResetEl:o}=t;n&&n.addEventListener("click",()=>{s.zoom(e)},{signal:i?.signal}),l&&l.addEventListener("click",()=>{s.zoom(-e)},{signal:i?.signal}),o&&o.addEventListener("click",()=>{s.reset()},{signal:i?.signal})};Object.assign(Bt.prototype,ve);module.exports=Bt;