@evance/evance-ui 1.0.2 → 1.0.4

package/dist/cjs/EvDialog.vue_vue_type_script_setup_true_lang-En-sXlEX.cjs

@@ -1,406 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.1 | MIT License */
-const vue = require("vue");
-const props = require("./props-NPw_hoii.cjs");
-const EvOverlay_vue_vue_type_script_setup_true_lang = require("./EvOverlay.vue_vue_type_script_setup_true_lang-C24LC22k.cjs");
-const animate = require("./animate-Cl0XS1TO.cjs");
-const EvSurface_vue_vue_type_script_setup_true_lang = require("./EvSurface.vue_vue_type_script_setup_true_lang-pn4dW5J4.cjs");
-const helpers = require("./helpers-kEoXV5Dy.cjs");
-const router = require("./router-DxN82lhZ.cjs");
-const modelProxy = require("./modelProxy-uCEe0w-S.cjs");
-const CancelIcon = require("./CancelIcon-DJYwBqe4.cjs");
-const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-BF7zKdvs.cjs");
-const EvDialogServiceSymbol = Symbol.for("ev:dialog-service");
-const EvDialogInstanceSymbol = Symbol.for("ev:dialog-instance");
-function useDialog() {
-  const dialogService = vue.inject(EvDialogServiceSymbol);
-  if (!dialogService) {
-    throw new Error("Evance UI: Unable to find injected dialog service");
-  }
-  return dialogService;
-}
-function injectDialog() {
-  return vue.inject(EvDialogInstanceSymbol);
-}
-function provideDialog(instance) {
-  vue.provide(EvDialogInstanceSymbol, instance);
-}
-const makeEvDialogTransitionProps = props.propsFactory(
-  {
-    target: [Object, Array]
-  },
-  "EvDialogTransition"
-);
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvDialogTransition",
-  props: {
-    ...makeEvDialogTransitionProps()
-  },
-  setup(__props) {
-    const props2 = __props;
-    function getDimensions(target, el) {
-      const targetRect = EvOverlay_vue_vue_type_script_setup_true_lang.getTargetRect(target);
-      const elRect = EvOverlay_vue_vue_type_script_setup_true_lang.adjustedBoundingRect(el);
-      const [originX, originY] = getComputedStyle(el).transformOrigin.split(" ").map((v) => parseFloat(v));
-      const [anchorSide, anchorOffset] = getComputedStyle(el).getPropertyValue("--ev-overlay-position").split(" ");
-      let offsetX = targetRect.left + targetRect.width / 2;
-      if (anchorSide === "left" || anchorOffset === "left") {
-        offsetX -= targetRect.width / 2;
-      } else if (anchorSide === "right" || anchorOffset === "right") {
-        offsetX += targetRect.width / 2;
-      }
-      let offsetY = targetRect.top + targetRect.height / 2;
-      if (anchorSide === "top" || anchorOffset === "top") {
-        offsetY -= targetRect.height / 2;
-      } else if (anchorSide === "bottom" || anchorOffset === "bottom") {
-        offsetY += targetRect.height / 2;
-      }
-      const tsx = targetRect.width / elRect.width;
-      const tsy = targetRect.height / elRect.height;
-      const maxs = Math.max(1, tsx, tsy);
-      const sx = tsx / maxs || 0;
-      const sy = tsy / maxs || 0;
-      const asa = elRect.width * elRect.height / (window.innerWidth * window.innerHeight);
-      const speed = asa > 0.12 ? Math.min(1.5, (asa - 0.12) * 10 + 1) : 1;
-      return {
-        x: offsetX - (originX + elRect.left),
-        y: offsetY - (originY + elRect.top),
-        sx,
-        sy,
-        speed
-      };
-    }
-    function onBeforeEnter(el) {
-      el.style.pointerEvents = "none";
-      el.style.visibility = "hidden";
-    }
-    async function onEnter(el, done) {
-      await new Promise((resolve) => requestAnimationFrame(resolve));
-      await new Promise((resolve) => requestAnimationFrame(resolve));
-      el.style.visibility = "";
-      const { x, y, sx, sy, speed } = getDimensions(
-        props2.target,
-        el
-      );
-      const animation = animate.animate(
-        el,
-        [
-          {
-            transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
-            opacity: 0
-          },
-          {}
-        ],
-        {
-          duration: 225 * speed,
-          easing: animate.easingDecelerate
-        }
-      );
-      animation.finished.then(() => done());
-    }
-    function onAfterEnter(el) {
-      el.style.removeProperty("pointer-events");
-    }
-    function onBeforeLeave(el) {
-      el.style.pointerEvents = "none";
-    }
-    async function onLeave(el, done) {
-      await new Promise((resolve) => requestAnimationFrame(resolve));
-      const { x, y, sx, sy, speed } = getDimensions(
-        props2.target,
-        el
-      );
-      const animation = animate.animate(
-        el,
-        [
-          {},
-          {
-            transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
-            opacity: 0
-          }
-        ],
-        {
-          duration: 125 * speed,
-          easing: animate.easingAccelerate
-        }
-      );
-      animation.finished.then(() => done());
-    }
-    function onAfterLeave(el) {
-      el.style.removeProperty("pointer-events");
-    }
-    return (_ctx, _cache) => {
-      return props2.target ? (vue.openBlock(), vue.createBlock(vue.Transition, {
-        key: 0,
-        name: "ev-dialog-transition",
-        css: false,
-        onBeforeEnter,
-        onEnter,
-        onAfterEnter,
-        onBeforeLeave,
-        onLeave,
-        onAfterLeave
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      })) : (vue.openBlock(), vue.createBlock(vue.Transition, {
-        key: 1,
-        name: "ev-dialog-transition"
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }));
-    };
-  }
-});
-const makeEvDialogProps = props.propsFactory(
-  {
-    fullscreen: Boolean,
-    retainFocus: {
-      type: Boolean,
-      default: true
-    },
-    scrollable: Boolean,
-    showHeader: {
-      type: Boolean,
-      default: true
-    },
-    ...EvOverlay_vue_vue_type_script_setup_true_lang.makeEvOverlayProps({
-      origin: "center center",
-      scrollStrategy: "block",
-      positionStrategy: "static",
-      transition: {
-        component: _sfc_main$4
-      },
-      zIndex: 2400
-    }),
-    __instance: null
-  },
-  "EvDialog"
-);
-const DialogSize = {
-  default: "medium",
-  small: "small",
-  medium: "medium",
-  large: "large",
-  xLarge: "x-large"
-};
-const DialogSizeToWidth = {
-  [DialogSize.small]: 400,
-  [DialogSize.medium]: 600,
-  [DialogSize.large]: 800,
-  [DialogSize.xLarge]: 968
-};
-const _export_sfc = (sfc, props2) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props2) {
-    target[key] = val;
-  }
-  return target;
-};
-const _sfc_main$3 = {};
-const _hoisted_1$2 = { class: "ev-dialog--body is-scrollable" };
-function _sfc_render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ]);
-}
-const EvDialogBody = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$1]]);
-const _sfc_main$2 = {};
-const _hoisted_1$1 = { class: "ev-dialog--footer" };
-function _sfc_render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ]);
-}
-const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
-const _hoisted_1 = { class: "ev-dialog---header" };
-const makeEvDialogHeaderProps = props.propsFactory(
-  {
-    modelValue: Boolean
-  },
-  "EvDialogHeader"
-);
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvDialogHeader",
-  props: {
-    ...makeEvDialogHeaderProps()
-  },
-  setup(__props) {
-    const props2 = __props;
-    const isActive = modelProxy.useModelProxy(props2, "modelValue");
-    function close() {
-      isActive.value = false;
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.renderSlot(_ctx.$slots, "default"),
-        vue.createVNode(EvButton_vue_vue_type_script_setup_true_lang._sfc_main, {
-          rounded: "",
-          variant: "subtle",
-          icon: vue.unref(CancelIcon.CancelIcon),
-          onClick: _cache[0] || (_cache[0] = ($event) => close())
-        }, null, 8, ["icon"])
-      ]);
-    };
-  }
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvDialog",
-  props: {
-    ...makeEvDialogProps()
-  },
-  setup(__props, { expose: __expose }) {
-    const props2 = __props;
-    const slots = vue.useSlots();
-    const overlayRef = vue.ref();
-    const isActive = modelProxy.useModelProxy(props2, "modelValue");
-    const isFullscreen = modelProxy.useModelProxy(props2, "fullscreen");
-    const overlayProps = vue.computed(() => {
-      return helpers.filterComponentProps(EvOverlay_vue_vue_type_script_setup_true_lang._sfc_main, props2);
-    });
-    const activatorProps = vue.computed(() => {
-      return vue.mergeProps(
-        {
-          "aria-haspopup": "dialog",
-          "aria-expanded": String(isActive.value)
-        },
-        props2.activatorProps
-      );
-    });
-    const width = vue.computed(() => {
-      const size = props2.width ?? DialogSizeToWidth[DialogSize.medium];
-      return DialogSizeToWidth[size] ?? size;
-    });
-    function onFocusin(e) {
-      var _a, _b;
-      const previousEl = e.relatedTarget;
-      const targetEl = e.target;
-      if (previousEl !== targetEl && ((_a = overlayRef.value) == null ? void 0 : _a.contentEl) && ((_b = overlayRef.value) == null ? void 0 : _b.isTopGlobal) && ![document, overlayRef.value.contentEl].includes(targetEl) && !overlayRef.value.contentEl.contains(targetEl)) {
-        const focusable = router.getFocusableChildren(overlayRef.value.contentEl);
-        if (!focusable.length) {
-          return;
-        }
-        const firstEl = focusable[0];
-        const lastEl = focusable[focusable.length - 1];
-        if (previousEl === firstEl) {
-          lastEl.focus();
-        } else {
-          firstEl.focus();
-        }
-      }
-    }
-    if (helpers.Browser.hasWindow) {
-      vue.watch(
-        () => isActive.value && props2.retainFocus,
-        (value) => {
-          if (value) {
-            document.addEventListener("focusin", onFocusin);
-          } else {
-            document.removeEventListener("focusin", onFocusin);
-          }
-        },
-        {
-          immediate: true
-        }
-      );
-    }
-    vue.watch(isActive, async (value) => {
-      var _a, _b;
-      await vue.nextTick();
-      if (value) {
-        (_a = overlayRef.value.contentEl) == null ? void 0 : _a.focus({ preventScroll: true });
-      } else {
-        (_b = overlayRef.value.activatorEl) == null ? void 0 : _b.focus({ preventScroll: true });
-      }
-    });
-    function close() {
-      isActive.value = false;
-    }
-    provideDialog(props2.__instance);
-    __expose({
-      close
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(EvOverlay_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
-        ref_key: "overlayRef",
-        ref: overlayRef
-      }, overlayProps.value, {
-        modelValue: vue.unref(isActive),
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(isActive) ? isActive.value = $event : null),
-        "aria-modal": "true",
-        role: "dialog",
-        class: [
-          "ev-dialog",
-          {
-            "is-fullscreen": vue.unref(isFullscreen),
-            "is-scrollable": props2.scrollable
-          },
-          props2.class
-        ],
-        style: props2.style,
-        "activator-props": activatorProps.value,
-        width: width.value
-      }), vue.createSlots({
-        default: vue.withCtx(() => [
-          vue.unref(slots).container ? vue.renderSlot(_ctx.$slots, "container", { key: 0 }) : (vue.openBlock(), vue.createBlock(EvSurface_vue_vue_type_script_setup_true_lang._sfc_main, {
-            key: 1,
-            class: "ev-dialog--surface",
-            elevation: "overlay",
-            rounded: "small"
-          }, {
-            default: vue.withCtx(() => [
-              props2.showHeader ? (vue.openBlock(), vue.createBlock(_sfc_main$1, {
-                key: 0,
-                modelValue: vue.unref(isActive),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(isActive) ? isActive.value = $event : null)
-              }, {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "header")
-                ]),
-                _: 3
-              }, 8, ["modelValue"])) : vue.createCommentVNode("", true),
-              vue.createVNode(EvDialogBody, null, {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }),
-              vue.unref(slots).footer ? (vue.openBlock(), vue.createBlock(EvDialogFooter, { key: 1 }, {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "footer")
-                ]),
-                _: 3
-              })) : vue.createCommentVNode("", true)
-            ]),
-            _: 3
-          }))
-        ]),
-        _: 2
-      }, [
-        vue.unref(slots).activator ? {
-          name: "activator",
-          fn: vue.withCtx(({ isActive: isActive2, props: props22 }) => [
-            vue.renderSlot(_ctx.$slots, "activator", {
-              isActive: isActive2,
-              props: props22
-            })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["modelValue", "class", "style", "activator-props", "width"]);
-    };
-  }
-});
-exports.DialogSize = DialogSize;
-exports.DialogSizeToWidth = DialogSizeToWidth;
-exports.EvDialogServiceSymbol = EvDialogServiceSymbol;
-exports._sfc_main = _sfc_main;
-exports.injectDialog = injectDialog;
-exports.makeEvDialogProps = makeEvDialogProps;
-exports.useDialog = useDialog;
-//# sourceMappingURL=EvDialog.vue_vue_type_script_setup_true_lang-En-sXlEX.cjs.map

package/dist/cjs/EvDialog.vue_vue_type_script_setup_true_lang-En-sXlEX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvDialog.vue_vue_type_script_setup_true_lang-En-sXlEX.cjs","sources":["../../src/composables/dialog.ts","../../src/components/EvDialog/EvDialogTransition.vue","../../src/components/EvDialog/EvDialog.ts","../../src/components/EvDialog/EvDialogBody.vue","../../src/components/EvDialog/EvDialogFooter.vue","../../src/components/EvDialog/EvDialogHeader.vue","../../src/components/EvDialog/EvDialog.vue"],"sourcesContent":["import { inject, InjectionKey, provide } from \"vue\";\nimport { EvDialogInstance } from \"@/components/EvDialog/EvDialogInstance.ts\";\nimport { EvDialogServiceOpener } from \"@/components/EvDialog/EvDialogServiceOpener.ts\";\n\nexport const EvDialogServiceSymbol: InjectionKey<EvDialogServiceOpener> =\n    Symbol.for(\"ev:dialog-service\");\nexport const EvDialogInstanceSymbol: InjectionKey<\n    EvDialogInstance | undefined\n> = Symbol.for(\"ev:dialog-instance\");\n\n/**\n * # useDialog\n *\n * Requires that the App has provided `EvDialogService`.\n */\nexport function useDialog(): EvDialogServiceOpener {\n    const dialogService = inject(EvDialogServiceSymbol);\n    if (!dialogService) {\n        throw new Error(\"Evance UI: Unable to find injected dialog service\");\n    }\n    return dialogService;\n}\n\n/**\n * # injectDialog\n */\nexport function injectDialog(): EvDialogInstance | undefined {\n    return inject(EvDialogInstanceSymbol);\n}\n\n/**\n * # provideDialog\n * @param instance\n */\nexport function provideDialog(instance: EvDialogInstance | undefined) {\n    provide(EvDialogInstanceSymbol, instance);\n}\n","<script lang=\"ts\">\nimport { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\n\n/**\n * # makeEvDialogTransitionProps\n * We could export these if we need to later, but I don't see a need for that yet.\n */\nexport const makeEvDialogTransitionProps = propsFactory(\n    {\n        target: [Object, Array] as PropType<\n            HTMLElement | [x: number, y: number]\n        >,\n    },\n    \"EvDialogTransition\",\n);\n</script>\n\n<script setup lang=\"ts\">\nimport {\n    adjustedBoundingRect,\n    animate,\n    easingAccelerate,\n    easingDecelerate,\n    getTargetRect,\n} from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvDialogTransitionProps(),\n});\n\n/**\n * ## getDimensions\n *\n * @param target\n * @param el\n */\nfunction getDimensions(\n    target: HTMLElement | [x: number, y: number],\n    el: HTMLElement,\n) {\n    const targetRect = getTargetRect(target);\n    const elRect = adjustedBoundingRect(el);\n    const [originX, originY] = getComputedStyle(el)\n        .transformOrigin.split(\" \")\n        .map((v) => parseFloat(v));\n    const [anchorSide, anchorOffset] = getComputedStyle(el)\n        .getPropertyValue(\"--ev-overlay-position\")\n        .split(\" \");\n\n    let offsetX = targetRect.left + targetRect.width / 2;\n    if (anchorSide === \"left\" || anchorOffset === \"left\") {\n        offsetX -= targetRect.width / 2;\n    } else if (anchorSide === \"right\" || anchorOffset === \"right\") {\n        offsetX += targetRect.width / 2;\n    }\n\n    let offsetY = targetRect.top + targetRect.height / 2;\n    if (anchorSide === \"top\" || anchorOffset === \"top\") {\n        offsetY -= targetRect.height / 2;\n    } else if (anchorSide === \"bottom\" || anchorOffset === \"bottom\") {\n        offsetY += targetRect.height / 2;\n    }\n\n    const tsx = targetRect.width / elRect.width;\n    const tsy = targetRect.height / elRect.height;\n    const maxs = Math.max(1, tsx, tsy);\n    const sx = tsx / maxs || 0;\n    const sy = tsy / maxs || 0;\n\n    // Animate elements larger than 12% of the screen area up to 1.5x slower\n    const asa =\n        (elRect.width * elRect.height) /\n        (window.innerWidth * window.innerHeight);\n    const speed = asa > 0.12 ? Math.min(1.5, (asa - 0.12) * 10 + 1) : 1;\n\n    return {\n        x: offsetX - (originX + elRect.left),\n        y: offsetY - (originY + elRect.top),\n        sx,\n        sy,\n        speed,\n    };\n}\n\n/**\n * ## onBeforeEnter\n *\n * @param el\n */\nfunction onBeforeEnter(el: Element) {\n    (el as HTMLElement).style.pointerEvents = \"none\";\n    (el as HTMLElement).style.visibility = \"hidden\";\n}\n\n/**\n * ## onEnter\n *\n * @param el\n * @param done\n */\nasync function onEnter(el: Element, done: () => void) {\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n\n    (el as HTMLElement).style.visibility = \"\";\n\n    const { x, y, sx, sy, speed } = getDimensions(\n        props.target!,\n        el as HTMLElement,\n    );\n\n    const animation = animate(\n        el,\n        [\n            {\n                transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,\n                opacity: 0,\n            },\n            {},\n        ],\n        {\n            duration: 225 * speed,\n            easing: easingDecelerate,\n        },\n    );\n    animation.finished.then(() => done());\n}\n\n/**\n * ## onAfterEnter\n *\n * @param el\n */\nfunction onAfterEnter(el: Element) {\n    (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/**\n * ## onBeforeLeave\n *\n * @param el\n */\nfunction onBeforeLeave(el: Element) {\n    (el as HTMLElement).style.pointerEvents = \"none\";\n}\n\n/**\n * ## onLeave\n *\n * @param el\n * @param done\n */\nasync function onLeave(el: Element, done: () => void) {\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    const { x, y, sx, sy, speed } = getDimensions(\n        props.target!,\n        el as HTMLElement,\n    );\n    const animation = animate(\n        el,\n        [\n            {},\n            {\n                transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,\n                opacity: 0,\n            },\n        ],\n        {\n            duration: 125 * speed,\n            easing: easingAccelerate,\n        },\n    );\n    animation.finished.then(() => done());\n}\n\n/**\n * ## onAfterLeave\n *\n * @param el\n */\nfunction onAfterLeave(el: Element) {\n    (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n</script>\n\n<template>\n    <transition\n        v-if=\"props.target\"\n        name=\"ev-dialog-transition\"\n        :css=\"false\"\n        @before-enter=\"onBeforeEnter\"\n        @enter=\"onEnter\"\n        @after-enter=\"onAfterEnter\"\n        @before-leave=\"onBeforeLeave\"\n        @leave=\"onLeave\"\n        @after-leave=\"onAfterLeave\">\n        <slot />\n    </transition>\n    <transition v-else name=\"ev-dialog-transition\">\n        <slot />\n    </transition>\n</template>\n","import { propsFactory } from \"@/util\";\nimport { makeEvOverlayProps } from \"@/components/EvOverlay\";\nimport EvDialogTransition from \"@/components/EvDialog/EvDialogTransition.vue\";\n\n/**\n * # makeEvDialogProps\n */\nexport const makeEvDialogProps = propsFactory(\n    {\n        fullscreen: Boolean,\n        retainFocus: {\n            type: Boolean,\n            default: true,\n        },\n        scrollable: Boolean,\n        showHeader: {\n            type: Boolean,\n            default: true,\n        },\n\n        ...makeEvOverlayProps({\n            origin: \"center center\" as const,\n            scrollStrategy: \"block\" as const,\n            positionStrategy: \"static\" as const,\n            transition: {\n                component: EvDialogTransition,\n            },\n            zIndex: 2400,\n        }),\n\n        __instance: null,\n    },\n    \"EvDialog\",\n);\n\nexport const DialogSize = {\n    default: \"medium\",\n    small: \"small\",\n    medium: \"medium\",\n    large: \"large\",\n    xLarge: \"x-large\",\n} as const;\nexport type DialogSizeProp = (typeof DialogSize)[keyof typeof DialogSize];\nexport const DialogSizeToWidth: Record<string, number> = {\n    [DialogSize.small]: 400,\n    [DialogSize.medium]: 600,\n    [DialogSize.large]: 800,\n    [DialogSize.xLarge]: 968,\n};\n","<script setup lang=\"ts\"></script>\n\n<template>\n    <div class=\"ev-dialog--body is-scrollable\">\n        <slot />\n    </div>\n</template>\n","<script setup lang=\"ts\"></script>\n\n<template>\n    <div class=\"ev-dialog--footer\">\n        <slot />\n    </div>\n</template>\n","<script lang=\"ts\">\nimport { propsFactory } from \"@/util\";\n\nexport const makeEvDialogHeaderProps = propsFactory(\n    {\n        modelValue: Boolean,\n    },\n    \"EvDialogHeader\",\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { useModelProxy } from \"@/composables/modelProxy.ts\";\nimport { CancelIcon } from \"@/icons\";\nimport EvButton from \"../EvButton/EvButton.vue\";\n\nconst props = defineProps({\n    ...makeEvDialogHeaderProps(),\n});\nconst isActive = useModelProxy(props, \"modelValue\");\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n}\n</script>\n\n<template>\n    <div class=\"ev-dialog---header\">\n        <slot />\n\n        <ev-button rounded variant=\"subtle\" :icon=\"CancelIcon\" @click=\"close()\" />\n    </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * `<ev-dialog>`\n */\nimport \"./EvDialog.scss\";\nimport {\n    DialogSize,\n    DialogSizeToWidth,\n    makeEvDialogProps,\n} from \"./EvDialog.ts\";\nimport { computed, mergeProps, nextTick, ref, watch } from \"vue\";\nimport { EvOverlay } from \"@/components/EvOverlay\";\nimport EvSurface from \"@/components/EvSurface/EvSurface.vue\";\nimport { Browser, filterComponentProps, getFocusableChildren } from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy.ts\";\nimport EvDialogBody from \"@/components/EvDialog/EvDialogBody.vue\";\nimport EvDialogFooter from \"@/components/EvDialog/EvDialogFooter.vue\";\nimport EvDialogHeader from \"@/components/EvDialog/EvDialogHeader.vue\";\nimport { provideDialog } from \"@/composables/dialog.ts\";\n\nconst props = defineProps({\n    ...makeEvDialogProps(),\n});\nconst slots = defineSlots<{\n    activator(): never;\n    container(): never;\n    default(): never;\n    footer(): never;\n    header(): never;\n}>();\nconst overlayRef = ref();\nconst isActive = useModelProxy(props, \"modelValue\");\nconst isFullscreen = useModelProxy(props, \"fullscreen\");\nconst overlayProps = computed(() => {\n    return filterComponentProps(EvOverlay, props);\n});\n\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-haspopup\": \"dialog\",\n            \"aria-expanded\": String(isActive.value),\n        },\n        props.activatorProps,\n    );\n});\n\n/**\n * ## Width\n *\n * We want to standardise dialog sizes. So we can intercept the `width` prop.\n *\n * - 'small'\n * - 'medium'\n * - 'large'\n * - 'x-large'\n */\nconst width = computed(() => {\n    const size = props.width ?? DialogSizeToWidth[DialogSize.medium];\n    return DialogSizeToWidth[size] ?? size;\n});\n\n/**\n * ## onFocusin\n *\n * When the user opens the dialog and presses tab (for example)\n * we can apply focus to the first available and focusable element.\n *\n * 1. The dialog MUST be the top-most open dialog.\n * 2. The target element MUST be the document nor the content of the dialog.\n * 3. The target element isn't within the dialog content.\n *\n * If the conditions above are met then we can refocus the user into the\n * first/last available focusable element.\n *\n * @param e\n */\nfunction onFocusin(e: FocusEvent) {\n    const previousEl = e.relatedTarget as HTMLElement | null;\n    const targetEl = e.target as HTMLElement | null;\n\n    if (\n        previousEl !== targetEl &&\n        overlayRef.value?.contentEl &&\n        overlayRef.value?.isTopGlobal &&\n        ![document, overlayRef.value.contentEl].includes(targetEl) &&\n        !overlayRef.value.contentEl.contains(targetEl)\n    ) {\n        const focusable = getFocusableChildren(overlayRef.value.contentEl);\n        if (!focusable.length) {\n            return;\n        }\n        const firstEl = focusable[0];\n        const lastEl = focusable[focusable.length - 1];\n        if (previousEl === firstEl) {\n            lastEl.focus();\n        } else {\n            firstEl.focus();\n        }\n    }\n}\n\n/**\n * If the browser window is available (not SSR)\n * then we need to add the focusin event listen when the dialog is open\n * and then remove the event listener when it is closed.\n */\nif (Browser.hasWindow) {\n    watch(\n        () => isActive.value && props.retainFocus,\n        (value) => {\n            if (value) {\n                document.addEventListener(\"focusin\", onFocusin);\n            } else {\n                document.removeEventListener(\"focusin\", onFocusin);\n            }\n        },\n        {\n            immediate: true,\n        },\n    );\n}\n\n/**\n * Watch for changes to the `modelValue` when the dialog is opened\n * focus on the content element. When it is closed revert focus\n * to the activator element if it is available.\n */\nwatch(isActive, async (value) => {\n    await nextTick();\n    if (value) {\n        overlayRef.value!.contentEl?.focus({ preventScroll: true });\n    } else {\n        overlayRef.value!.activatorEl?.focus({ preventScroll: true });\n    }\n});\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n}\n\nprovideDialog(props.__instance);\n\ndefineExpose({\n    close,\n});\n</script>\n\n<template>\n    <ev-overlay\n        ref=\"overlayRef\"\n        v-bind=\"overlayProps\"\n        v-model=\"isActive\"\n        aria-modal=\"true\"\n        role=\"dialog\"\n        :class=\"[\n            'ev-dialog',\n            {\n                'is-fullscreen': isFullscreen,\n                'is-scrollable': props.scrollable,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :activator-props=\"activatorProps\"\n        :width=\"width\">\n        <template v-if=\"slots.activator\" #activator=\"{ isActive, props }\">\n            <slot name=\"activator\" :is-active=\"isActive\" :props=\"props\" />\n        </template>\n\n        <slot v-if=\"slots.container\" name=\"container\" />\n        <ev-surface\n            v-else\n            class=\"ev-dialog--surface\"\n            elevation=\"overlay\"\n            rounded=\"small\">\n            <ev-dialog-header v-if=\"props.showHeader\" v-model=\"isActive\">\n                <slot name=\"header\" />\n            </ev-dialog-header>\n            <ev-dialog-body>\n                <slot />\n            </ev-dialog-body>\n            <ev-dialog-footer v-if=\"slots.footer\">\n                <slot name=\"footer\" />\n            </ev-dialog-footer>\n        </ev-surface>\n    </ev-overlay>\n</template>\n"],"names":["inject","provide","propsFactory","getTargetRect","adjustedBoundingRect","props","animate","easingDecelerate","easingAccelerate","makeEvOverlayProps","EvDialogTransition","_sfc_render","_openBlock","_createElementBlock","_hoisted_1","useModelProxy","_useSlots","ref","computed","filterComponentProps","EvOverlay","mergeProps","getFocusableChildren","Browser","watch","nextTick"],"mappings":"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"}

package/dist/cjs/EvDivider.vue_vue_type_script_setup_true_lang-BjFOZFjF.cjs

@@ -1,81 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.1 | MIT License */
-const vue = require("vue");
-const hasSlotWithContent = require("./hasSlotWithContent-CBY0YfhO.cjs");
-const appearance = require("./appearance-BUdBnEii.cjs");
-const isFunctions = require("./is-functions-C47LnllD.cjs");
-const modifiers = require("./modifiers-B6u3j3R5.cjs");
-const numbers = require("./numbers-C3HRf3rz.cjs");
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "ev-divider--line" }, null, -1);
-const _hoisted_2 = { class: "ev-divider--content" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "ev-divider--line" }, null, -1);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvDivider",
-  props: {
-    appearance: { default: "default" },
-    borderStyle: { default: "solid" },
-    thickness: { default: 1 },
-    opacity: { default: void 0 },
-    vertical: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    vue.useCssVars((_ctx) => ({
-      "2b2d32f0": borderColor.value,
-      "dee96750": borderOpacity.value,
-      "2c11213e": borderStyle.value,
-      "2c443153": borderWidth.value
-    }));
-    const slots = vue.useSlots();
-    const hasDefaultSlot = hasSlotWithContent.hasSlotWithContent(slots, "default");
-    const borderColor = vue.computed(() => {
-      return props.appearance !== "default" ? `var(--text-${props.appearance})` : null;
-    });
-    const borderOpacity = vue.computed(() => {
-      if (!props.opacity) {
-        return null;
-      }
-      if (numbers.isIntegerish(props.opacity)) {
-        return +props.opacity / 100;
-      }
-      if (isFunctions.isCssVariable(props.opacity)) {
-        return `var(${props.opacity})`;
-      }
-      return null;
-    });
-    const borderStyle = vue.computed(() => {
-      return props.borderStyle !== "solid" ? props.borderStyle : null;
-    });
-    const borderWidth = vue.computed(() => {
-      return props.thickness > 1 ? props.thickness + "px" : null;
-    });
-    const classNames = vue.computed(() => {
-      return [
-        {
-          "is-horizontal": !props.vertical,
-          "is-vertical": props.vertical
-        },
-        modifiers.appearanceModifier(props.appearance, [appearance.Appearance.default])
-      ];
-    });
-    return (_ctx, _cache) => {
-      return vue.unref(hasDefaultSlot) ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(["ev-divider", classNames.value]),
-        role: "separator"
-      }, [
-        _hoisted_1,
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _hoisted_3
-      ], 2)) : (vue.openBlock(), vue.createElementBlock("hr", {
-        key: 1,
-        class: vue.normalizeClass(["ev-divider", classNames.value]),
-        role: "separator"
-      }, null, 2));
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-//# sourceMappingURL=EvDivider.vue_vue_type_script_setup_true_lang-BjFOZFjF.cjs.map

package/dist/cjs/EvDivider.vue_vue_type_script_setup_true_lang-BjFOZFjF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvDivider.vue_vue_type_script_setup_true_lang-BjFOZFjF.cjs","sources":["../../src/components/EvDivider/EvDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvDivider\n *\n * `<ev-divider />`\n */\nimport \"./EvDivider.scss\";\nimport { computed, useSlots } from \"vue\";\nimport { hasSlotWithContent } from \"@/composables/hasSlotWithContent.ts\";\nimport {\n    Appearance,\n    appearanceModifier,\n    AppearanceProp,\n    isCssVariable,\n    isIntegerish,\n} from \"@/util\";\n\n/**\n * ## Divider Border Style\n */\ntype BorderStyle = \"solid\" | \"dashed\" | \"dotted\";\n\n/**\n * ## Divider Props\n */\ninterface DividerProps {\n    appearance?: AppearanceProp;\n    borderStyle?: BorderStyle;\n    thickness?: number;\n    opacity?: number | string;\n    vertical?: boolean;\n}\nconst props = withDefaults(defineProps<DividerProps>(), {\n    appearance: \"default\",\n    borderStyle: \"solid\",\n    opacity: undefined,\n    thickness: 1,\n    vertical: false,\n});\n\nconst slots = useSlots();\nconst hasDefaultSlot = hasSlotWithContent(slots, \"default\");\n\nconst borderColor = computed(() => {\n    return props.appearance !== \"default\"\n        ? `var(--text-${props.appearance})`\n        : null;\n});\n\nconst borderOpacity = computed(() => {\n    if (!props.opacity) {\n        return null;\n    }\n    if (isIntegerish(props.opacity)) {\n        return +props.opacity / 100;\n    }\n    if (isCssVariable(props.opacity)) {\n        return `var(${props.opacity})`;\n    }\n    return null;\n});\n\nconst borderStyle = computed(() => {\n    return props.borderStyle !== \"solid\" ? props.borderStyle : null;\n});\n\nconst borderWidth = computed(() => {\n    return props.thickness > 1 ? props.thickness + \"px\" : null;\n});\n\nconst classNames = computed(() => {\n    return [\n        {\n            \"is-horizontal\": !props.vertical,\n            \"is-vertical\": props.vertical,\n        },\n        appearanceModifier(props.appearance, [Appearance.default]),\n    ];\n});\n</script>\n\n<template>\n    <div\n        v-if=\"hasDefaultSlot\"\n        class=\"ev-divider\"\n        role=\"separator\"\n        :class=\"classNames\">\n        <hr class=\"ev-divider--line\" />\n        <div class=\"ev-divider--content\"><slot /></div>\n        <hr class=\"ev-divider--line\" />\n    </div>\n    <hr v-else class=\"ev-divider\" role=\"separator\" :class=\"classNames\" />\n</template>\n\n<style>\n.ev-divider {\n    --border-color: v-bind(borderColor);\n    --border-opacity: v-bind(borderOpacity);\n    --border-style: v-bind(borderStyle);\n    --border-width: v-bind(borderWidth);\n}\n</style>\n"],"names":["useSlots","hasSlotWithContent","computed","isIntegerish","isCssVariable","appearanceModifier","Appearance"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,QAAQA,IAAAA;AACR,UAAA,iBAAiBC,mBAAAA,mBAAmB,OAAO,SAAS;AAEpD,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,eAAe,YACtB,cAAc,MAAM,UAAU,MAC9B;AAAA,IAAA,CACT;AAEK,UAAA,gBAAgBA,IAAAA,SAAS,MAAM;AAC7B,UAAA,CAAC,MAAM,SAAS;AACT,eAAA;AAAA,MACX;AACI,UAAAC,QAAA,aAAa,MAAM,OAAO,GAAG;AACtB,eAAA,CAAC,MAAM,UAAU;AAAA,MAC5B;AACI,UAAAC,YAAA,cAAc,MAAM,OAAO,GAAG;AACvB,eAAA,OAAO,MAAM,OAAO;AAAA,MAC/B;AACO,aAAA;AAAA,IAAA,CACV;AAEK,UAAA,cAAcF,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,gBAAgB,UAAU,MAAM,cAAc;AAAA,IAAA,CAC9D;AAEK,UAAA,cAAcA,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,YAAY,IAAI,MAAM,YAAY,OAAO;AAAA,IAAA,CACzD;AAEK,UAAA,aAAaA,IAAAA,SAAS,MAAM;AACvB,aAAA;AAAA,QACH;AAAA,UACI,iBAAiB,CAAC,MAAM;AAAA,UACxB,eAAe,MAAM;AAAA,QACzB;AAAA,QACAG,UAAAA,mBAAmB,MAAM,YAAY,CAACC,WAAA,WAAW,OAAO,CAAC;AAAA,MAAA;AAAA,IAC7D,CACH;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvDrawer.vue_vue_type_script_setup_true_lang-C7Dj_zOe.cjs

@@ -1,93 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.1 | MIT License */
-const vue = require("vue");
-const EvDialog_vue_vue_type_script_setup_true_lang = require("./EvDialog.vue_vue_type_script_setup_true_lang-En-sXlEX.cjs");
-const helpers = require("./helpers-kEoXV5Dy.cjs");
-const props = require("./props-NPw_hoii.cjs");
-const modelProxy = require("./modelProxy-uCEe0w-S.cjs");
-const EvDrawerServiceSymbol = Symbol.for("ev:drawer-service");
-const EvDrawerInstanceSymbol = Symbol.for("ev:drawer-instance");
-function useDrawer() {
-  const service = vue.inject(EvDrawerServiceSymbol);
-  if (!service) {
-    throw new Error("Evance UI: Unable to find injected drawer service");
-  }
-  return service;
-}
-function injectDrawer() {
-  return vue.inject(EvDrawerInstanceSymbol);
-}
-function provideDrawer(instance) {
-  vue.provide(EvDrawerInstanceSymbol, instance);
-}
-const makeEvDrawerProps = props.propsFactory(
-  {
-    position: {
-      type: String,
-      default: "left"
-    },
-    ...helpers.omit(EvDialog_vue_vue_type_script_setup_true_lang.makeEvDialogProps(), ["position"])
-  },
-  "EvDrawer"
-);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvDrawer",
-  props: {
-    ...makeEvDrawerProps()
-  },
-  setup(__props, { expose: __expose }) {
-    const props2 = __props;
-    const dialogProps = vue.computed(() => {
-      return helpers.omit(helpers.filterComponentProps(EvDialog_vue_vue_type_script_setup_true_lang._sfc_main, props2), ["position"]);
-    });
-    const isActive = modelProxy.useModelProxy(props2, "modelValue");
-    const dialogRef = vue.ref();
-    const positionClass = vue.computed(() => {
-      return `is-position-${props2.position}`;
-    });
-    const transition = vue.computed(() => {
-      return `ev-drawer--transition-${props2.position}`;
-    });
-    const overlayWidth = vue.computed(() => {
-      if (props2.position === "top" || props2.position === "bottom") {
-        return "100%";
-      }
-      return props2.width ?? "medium";
-    });
-    function close() {
-      isActive.value = false;
-    }
-    provideDrawer(props2.__instance);
-    __expose({
-      close
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(EvDialog_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
-        ref_key: "dialogRef",
-        ref: dialogRef
-      }, dialogProps.value, {
-        modelValue: vue.unref(isActive),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(isActive) ? isActive.value = $event : null),
-        class: ["ev-drawer", positionClass.value, props2.class],
-        style: props2.style,
-        transition: transition.value,
-        width: overlayWidth.value
-      }), vue.createSlots({ _: 2 }, [
-        vue.renderList(_ctx.$slots, (slot, name) => {
-          return {
-            name,
-            fn: vue.withCtx((slotProps) => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(slot), vue.normalizeProps(vue.guardReactiveProps(slotProps)), null, 16))
-            ])
-          };
-        })
-      ]), 1040, ["modelValue", "class", "style", "transition", "width"]);
-    };
-  }
-});
-exports.EvDrawerServiceSymbol = EvDrawerServiceSymbol;
-exports._sfc_main = _sfc_main;
-exports.injectDrawer = injectDrawer;
-exports.makeEvDrawerProps = makeEvDrawerProps;
-exports.useDrawer = useDrawer;
-//# sourceMappingURL=EvDrawer.vue_vue_type_script_setup_true_lang-C7Dj_zOe.cjs.map

package/dist/cjs/EvDrawer.vue_vue_type_script_setup_true_lang-C7Dj_zOe.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvDrawer.vue_vue_type_script_setup_true_lang-C7Dj_zOe.cjs","sources":["../../src/composables/drawer.ts","../../src/components/EvDrawer/EvDrawer.ts","../../src/components/EvDrawer/EvDrawer.vue"],"sourcesContent":["import { inject, InjectionKey, provide } from \"vue\";\nimport { EvDrawerInstance } from \"@/components/EvDrawer/EvDrawerInstance.ts\";\nimport { EvDrawerServiceOpener } from \"@/components/EvDrawer/EvDrawerServiceOpener.ts\";\n\nexport const EvDrawerServiceSymbol: InjectionKey<EvDrawerServiceOpener> =\n    Symbol.for(\"ev:drawer-service\");\nexport const EvDrawerInstanceSymbol: InjectionKey<\n    EvDrawerInstance | undefined\n> = Symbol.for(\"ev:drawer-instance\");\n\n/**\n * # useDrawer\n *\n * Requires that the App has provided `EvDrawerService`.\n */\nexport function useDrawer(): EvDrawerServiceOpener {\n    const service = inject(EvDrawerServiceSymbol);\n    if (!service) {\n        throw new Error(\"Evance UI: Unable to find injected drawer service\");\n    }\n    return service;\n}\n\n/**\n * # injectDrawer\n */\nexport function injectDrawer(): EvDrawerInstance | undefined {\n    return inject(EvDrawerInstanceSymbol);\n}\n\n/**\n * # provideDrawer\n * @param instance\n */\nexport function provideDrawer(instance: EvDrawerInstance | undefined) {\n    provide(EvDrawerInstanceSymbol, instance);\n}\n","import { omit, PhysicalSide, propsFactory } from \"@/util\";\nimport { makeEvDialogProps } from \"@/components\";\nimport { PropType } from \"vue\";\n\nexport const makeEvDrawerProps = propsFactory(\n    {\n        position: {\n            type: String as PropType<PhysicalSide>,\n            default: \"left\",\n        },\n\n        ...omit(makeEvDialogProps(), [\"position\"]),\n    },\n    \"EvDrawer\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvDrawer.scss\";\nimport { EvDialog } from \"@/components/EvDialog\";\nimport { makeEvDrawerProps } from \"@/components/EvDrawer/EvDrawer.ts\";\nimport { computed, ref } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy.ts\";\nimport { provideDrawer } from \"@/composables/drawer.ts\";\n\nconst props = defineProps({\n    ...makeEvDrawerProps(),\n});\nconst dialogProps = computed(() => {\n    return omit(filterComponentProps(EvDialog, props), [\"position\"]);\n});\nconst isActive = useModelProxy(props, \"modelValue\");\nconst dialogRef = ref<typeof EvDialog>();\n\nconst positionClass = computed(() => {\n    return `is-position-${props.position}`;\n});\n\nconst transition = computed(() => {\n    return `ev-drawer--transition-${props.position}`;\n});\n\nconst overlayWidth = computed(() => {\n    if (props.position === \"top\" || props.position === \"bottom\") {\n        return \"100%\";\n    }\n    return props.width ?? \"medium\";\n});\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n}\n\nprovideDrawer(props.__instance);\n\ndefineExpose({\n    close,\n});\n</script>\n\n<template>\n    <ev-dialog\n        ref=\"dialogRef\"\n        v-bind=\"dialogProps\"\n        v-model=\"isActive\"\n        :class=\"['ev-drawer', positionClass, props.class]\"\n        :style=\"props.style\"\n        :transition=\"transition\"\n        :width=\"overlayWidth\">\n        <template\n            v-for=\"(slot, name) in $slots\"\n            :key=\"name\"\n            #[name]=\"slotProps\">\n            <component :is=\"slot\" v-bind=\"slotProps\" />\n        </template>\n    </ev-dialog>\n</template>\n"],"names":["inject","provide","propsFactory","omit","makeEvDialogProps","computed","filterComponentProps","EvDialog","props","useModelProxy","ref"],"mappings":";;;;;;;AAIa,MAAA,wBACT,OAAO,IAAI,mBAAmB;AACrB,MAAA,yBAET,OAAO,IAAI,oBAAoB;AAO5B,SAAS,YAAmC;AACzC,QAAA,UAAUA,WAAO,qBAAqB;AAC5C,MAAI,CAAC,SAAS;AACJ,UAAA,IAAI,MAAM,mDAAmD;AAAA,EACvE;AACO,SAAA;AACX;AAKO,SAAS,eAA6C;AACzD,SAAOA,IAAAA,OAAO,sBAAsB;AACxC;AAMO,SAAS,cAAc,UAAwC;AAClEC,cAAQ,wBAAwB,QAAQ;AAC5C;AChCO,MAAM,oBAAoBC,MAAA;AAAA,EAC7B;AAAA,IACI,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAGC,aAAKC,6CAAAA,qBAAqB,CAAC,UAAU,CAAC;AAAA,EAC7C;AAAA,EACA;AACJ;;;;;;;;ACFM,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC/B,aAAOF,QAAAA,KAAKG,QAAAA,qBAAqBC,6CAAA,WAAUC,MAAK,GAAG,CAAC,UAAU,CAAC;AAAA,IAAA,CAClE;AACK,UAAA,WAAWC,WAAAA,cAAcD,QAAO,YAAY;AAClD,UAAM,YAAYE,IAAAA;AAEZ,UAAA,gBAAgBL,IAAAA,SAAS,MAAM;AAC1B,aAAA,eAAeG,OAAM,QAAQ;AAAA,IAAA,CACvC;AAEK,UAAA,aAAaH,IAAAA,SAAS,MAAM;AACvB,aAAA,yBAAyBG,OAAM,QAAQ;AAAA,IAAA,CACjD;AAEK,UAAA,eAAeH,IAAAA,SAAS,MAAM;AAChC,UAAIG,OAAM,aAAa,SAASA,OAAM,aAAa,UAAU;AAClD,eAAA;AAAA,MACX;AACA,aAAOA,OAAM,SAAS;AAAA,IAAA,CACzB;AAKD,aAAS,QAAQ;AACb,eAAS,QAAQ;AAAA,IACrB;AAEA,kBAAcA,OAAM,UAAU;AAEjB,aAAA;AAAA,MACT;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}