@evance/evance-ui 1.0.2 → 1.0.3

package/dist/esm/EvDatePickerYears.vue_vue_type_script_setup_true_lang-Bqe1b3Eg.mjs

@@ -0,0 +1,93 @@
+/*! Evance UI v1.0.2 | MIT License */
+import { defineComponent, computed, ref, onMounted, nextTick, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, Fragment, renderList, createBlock } from "vue";
+import { p as propsFactory } from "./props-3VncLxsE.mjs";
+import { _ as _sfc_main$1 } from "./EvList.vue_vue_type_script_setup_true_lang-Pun7cAb9.mjs";
+import { _ as _sfc_main$2 } from "./EvListItem.vue_vue_type_script_setup_true_lang-C064Hrd5.mjs";
+import { u as useModelProxy } from "./modelProxy-DMtI0M-b.mjs";
+import { u as useDate } from "./date-DZvyLTvn.mjs";
+import { w as wrapInArray } from "./helpers-BnZAsTjf.mjs";
+const makeEvDatePickerYearsProps = propsFactory(
+  {
+    min: null,
+    max: null,
+    modelValue: Number
+  },
+  "EvDatePickerYears"
+);
+const _hoisted_1 = { class: "ev-date-picker-years" };
+const offsetMin = -120;
+const offsetMax = 50;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvDatePickerYears",
+  props: {
+    ...makeEvDatePickerYearsProps()
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const dateAdapter = useDate();
+    const modelValue = useModelProxy(
+      props,
+      "modelValue",
+      void 0,
+      (value) => wrapInArray(value),
+      (value) => value[0] ?? null
+    );
+    const currentYear = dateAdapter.getYear(dateAdapter.date());
+    const items = computed(() => {
+      const minYear = props.min ? dateAdapter.getYear(props.min) : currentYear + offsetMin;
+      const maxYear = props.max ? dateAdapter.getYear(props.max) : currentYear + offsetMax;
+      const years = [];
+      for (let year = minYear; year <= maxYear; year++) {
+        const date = dateAdapter.setYear(dateAdapter.date(), year);
+        years.push({
+          title: dateAdapter.format(date, "year"),
+          value: year
+        });
+      }
+      return years.reverse();
+    });
+    const listRef = ref();
+    function scrollIntoView() {
+      var _a;
+      const selectedEl = (_a = listRef.value) == null ? void 0 : _a.$el.querySelector(".is-active");
+      if (selectedEl) {
+        selectedEl.scrollIntoView({
+          block: "center"
+        });
+      }
+    }
+    onMounted(async () => {
+      await nextTick();
+      scrollIntoView();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(_sfc_main$1), {
+          ref_key: "listRef",
+          ref: listRef,
+          selected: unref(modelValue),
+          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+          required: "",
+          "select-strategy": "single-any"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, i) => {
+              return openBlock(), createBlock(unref(_sfc_main$2), {
+                key: i,
+                title: item.title,
+                value: item.value
+              }, null, 8, ["title", "value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["selected"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvDatePickerYearsProps as m
+};
+//# sourceMappingURL=EvDatePickerYears.vue_vue_type_script_setup_true_lang-Bqe1b3Eg.mjs.map

package/dist/esm/EvDatePickerYears.vue_vue_type_script_setup_true_lang-Bqe1b3Eg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDatePickerYears.vue_vue_type_script_setup_true_lang-Bqe1b3Eg.mjs","sources":["../../src/components/EvDatePicker/EvDatePickerYears/EvDatePickerYears.ts","../../src/components/EvDatePicker/EvDatePickerYears/EvDatePickerYears.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\n\nexport const makeEvDatePickerYearsProps = propsFactory(\n    {\n        min: null as any as PropType<unknown>,\n        max: null as any as PropType<unknown>,\n        modelValue: Number,\n    },\n    \"EvDatePickerYears\",\n);\n","<script setup lang=\"ts\">\n/**\n * `<ev-date-picker-years>`\n */\nimport \"./EvDatePickerYears.scss\";\nimport { makeEvDatePickerYearsProps } from \"./EvDatePickerYears.ts\";\nimport { EvList } from \"@/components/EvList\";\nimport { EvListItem } from \"@/components/EvListItem\";\nimport { computed, nextTick, onMounted, ref } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy.ts\";\nimport { useDate } from \"@/composables/date/date.ts\";\nimport { wrapInArray } from \"@/util\";\n\nconst dateAdapter = useDate();\nconst props = defineProps({\n    ...makeEvDatePickerYearsProps(),\n});\ndefineEmits([\"update:modelValue\"]);\n\nconst modelValue = useModelProxy(\n    props,\n    \"modelValue\",\n    undefined,\n    (value) => wrapInArray(value),\n    (value) => value[0] ?? null,\n);\n\nconst offsetMin = -120;\nconst offsetMax = 50;\nconst currentYear = dateAdapter.getYear(dateAdapter.date());\n\nconst items = computed(() => {\n    const minYear = props.min\n        ? dateAdapter.getYear(props.min)\n        : currentYear + offsetMin;\n    const maxYear = props.max\n        ? dateAdapter.getYear(props.max)\n        : currentYear + offsetMax;\n\n    const years = [];\n    for (let year = minYear; year <= maxYear; year++) {\n        const date = dateAdapter.setYear(dateAdapter.date(), year);\n        years.push({\n            title: dateAdapter.format(date, \"year\"),\n            value: year,\n        });\n    }\n    return years.reverse();\n});\n\nconst listRef = ref();\nfunction scrollIntoView() {\n    const selectedEl = listRef.value?.$el.querySelector(\".is-active\");\n    if (selectedEl) {\n        // Now I need to get the selected item from the list\n        // this is a bit of a hack because I can't seem to get dynamic ref working.\n        selectedEl.scrollIntoView({\n            block: \"center\",\n        });\n    }\n}\n\nonMounted(async () => {\n    await nextTick();\n    scrollIntoView();\n});\n</script>\n\n<template>\n    <div class=\"ev-date-picker-years\">\n        <ev-list\n            ref=\"listRef\"\n            v-model:selected=\"modelValue\"\n            required\n            select-strategy=\"single-any\">\n            <ev-list-item\n                v-for=\"(item, i) in items\"\n                :key=\"i\"\n                :title=\"item.title\"\n                :value=\"item.value\" />\n        </ev-list>\n    </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;AAGO,MAAM,6BAA6B;AAAA,EACtC;AAAA,IACI,KAAK;AAAA,IACL,KAAK;AAAA,IACL,YAAY;AAAA,EAChB;AAAA,EACA;AACJ;;ACiBA,MAAM,YAAY;AAClB,MAAM,YAAY;;;;;;;;;AAflB,UAAM,cAAc;AAMpB,UAAM,aAAa;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,CAAC,UAAU,YAAY,KAAK;AAAA,MAC5B,CAAC,UAAU,MAAM,CAAC,KAAK;AAAA,IAAA;AAK3B,UAAM,cAAc,YAAY,QAAQ,YAAY,KAAM,CAAA;AAEpD,UAAA,QAAQ,SAAS,MAAM;AACnB,YAAA,UAAU,MAAM,MAChB,YAAY,QAAQ,MAAM,GAAG,IAC7B,cAAc;AACd,YAAA,UAAU,MAAM,MAChB,YAAY,QAAQ,MAAM,GAAG,IAC7B,cAAc;AAEpB,YAAM,QAAQ,CAAA;AACd,eAAS,OAAO,SAAS,QAAQ,SAAS,QAAQ;AAC9C,cAAM,OAAO,YAAY,QAAQ,YAAY,KAAA,GAAQ,IAAI;AACzD,cAAM,KAAK;AAAA,UACP,OAAO,YAAY,OAAO,MAAM,MAAM;AAAA,UACtC,OAAO;AAAA,QAAA,CACV;AAAA,MACL;AACA,aAAO,MAAM;IAAQ,CACxB;AAED,UAAM,UAAU;AAChB,aAAS,iBAAiB;;AACtB,YAAM,cAAa,aAAQ,UAAR,mBAAe,IAAI,cAAc;AACpD,UAAI,YAAY;AAGZ,mBAAW,eAAe;AAAA,UACtB,OAAO;AAAA,QAAA,CACV;AAAA,MACL;AAAA,IACJ;AAEA,cAAU,YAAY;AAClB,YAAM,SAAS;AACA;IAAA,CAClB;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvDefaultsProvider.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { _, m } from "./EvDefaultsProvider.vue_vue_type_script_setup_true_lang-Bmvlcl9p.mjs";
+/*! Evance UI v1.0.2 | MIT License */
+import { _, m } from "./EvDefaultsProvider.vue_vue_type_script_setup_true_lang-Ay8m_vz0.mjs";
 export {
   _ as EvDefaultsProvider,
   m as makeEvDefaultsProviderProps

package/dist/esm/EvDefaultsProvider.vue_vue_type_script_setup_true_lang-Ay8m_vz0.mjs

@@ -0,0 +1,38 @@
+/*! Evance UI v1.0.2 | MIT License */
+import { defineComponent, toRefs, renderSlot } from "vue";
+import { p as provideDefaults } from "./defaults-BykQKsgL.mjs";
+import { p as propsFactory } from "./props-3VncLxsE.mjs";
+const makeEvDefaultsProviderProps = propsFactory(
+  {
+    defaults: Object,
+    disabled: Boolean,
+    reset: [Number, String],
+    root: [Boolean, String],
+    scoped: Boolean
+  },
+  "EvDefaultsProvider"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvDefaultsProvider",
+  props: {
+    ...makeEvDefaultsProviderProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const { defaults, disabled, reset, root, scoped } = toRefs(props);
+    provideDefaults(defaults, {
+      reset,
+      root,
+      scoped,
+      disabled
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvDefaultsProviderProps as m
+};
+//# sourceMappingURL=EvDefaultsProvider.vue_vue_type_script_setup_true_lang-Ay8m_vz0.mjs.map

package/dist/esm/EvDefaultsProvider.vue_vue_type_script_setup_true_lang-Ay8m_vz0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDefaultsProvider.vue_vue_type_script_setup_true_lang-Ay8m_vz0.mjs","sources":["../../src/components/EvDefaultsProvider/EvDefaultsProvider.ts","../../src/components/EvDefaultsProvider/EvDefaultsProvider.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { DefaultsOptions } from \"@/composables/defaults.ts\";\nimport { PropType } from \"vue\";\n\nexport const makeEvDefaultsProviderProps = propsFactory(\n    {\n        defaults: Object as PropType<DefaultsOptions>,\n        disabled: Boolean,\n        reset: [Number, String],\n        root: [Boolean, String],\n        scoped: Boolean,\n    },\n    \"EvDefaultsProvider\",\n);\n","<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport { provideDefaults } from \"@/composables/defaults.ts\";\nimport { makeEvDefaultsProviderProps } from \"./EvDefaultsProvider.ts\";\n\nconst props = defineProps({\n    ...makeEvDefaultsProviderProps(),\n});\n\nconst { defaults, disabled, reset, root, scoped } = toRefs(props);\n\nprovideDefaults(defaults, {\n    reset,\n    root,\n    scoped,\n    disabled,\n});\n</script>\n\n<template>\n    <slot />\n</template>\n"],"names":[],"mappings":";;;;AAIO,MAAM,8BAA8B;AAAA,EACvC;AAAA,IACI,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO,CAAC,QAAQ,MAAM;AAAA,IACtB,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,QAAQ;AAAA,EACZ;AAAA,EACA;AACJ;;;;;;;;ACJM,UAAA,EAAE,UAAU,UAAU,OAAO,MAAM,OAAO,IAAI,OAAO,KAAK;AAEhE,oBAAgB,UAAU;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;;;;;;"}

package/dist/esm/EvDialog.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { D, a, _, m } from "./EvDialog.vue_vue_type_script_setup_true_lang-B7NRZyJZ.mjs";
+/*! Evance UI v1.0.2 | MIT License */
+import { D, a, _, m } from "./EvDialog.vue_vue_type_script_setup_true_lang-DsQeW839.mjs";
 export {
   D as DialogSize,
   a as DialogSizeToWidth,

package/dist/esm/EvDialog.vue_vue_type_script_setup_true_lang-DsQeW839.mjs

@@ -0,0 +1,407 @@
+/*! Evance UI v1.0.2 | MIT License */
+import { inject, provide, defineComponent, openBlock, createBlock, Transition, withCtx, renderSlot, createElementBlock, createVNode, unref, useSlots, ref, computed, mergeProps, watch, nextTick, isRef, createSlots, createCommentVNode } from "vue";
+import { p as propsFactory } from "./props-3VncLxsE.mjs";
+import { g as getTargetRect, f as adjustedBoundingRect, e as makeEvOverlayProps, _ as _sfc_main$6 } from "./EvOverlay.vue_vue_type_script_setup_true_lang-A5Ei3t7p.mjs";
+import { a as animate, c as easingDecelerate, b as easingAccelerate } from "./animate-D6qeIPXp.mjs";
+import { _ as _sfc_main$7 } from "./EvSurface.vue_vue_type_script_setup_true_lang-TUl_sgxB.mjs";
+import { f as filterComponentProps, B as Browser } from "./helpers-BnZAsTjf.mjs";
+import { g as getFocusableChildren } from "./router-DHg-dyak.mjs";
+import { u as useModelProxy } from "./modelProxy-DMtI0M-b.mjs";
+import { C as CancelIcon } from "./CancelIcon-BQ4LpM3b.mjs";
+import { _ as _sfc_main$5 } from "./EvButton.vue_vue_type_script_setup_true_lang-sd3Q9Lmx.mjs";
+const EvDialogServiceSymbol = Symbol.for("ev:dialog-service");
+const EvDialogInstanceSymbol = Symbol.for("ev:dialog-instance");
+function useDialog() {
+  const dialogService = inject(EvDialogServiceSymbol);
+  if (!dialogService) {
+    throw new Error("Evance UI: Unable to find injected dialog service");
+  }
+  return dialogService;
+}
+function injectDialog() {
+  return inject(EvDialogInstanceSymbol);
+}
+function provideDialog(instance) {
+  provide(EvDialogInstanceSymbol, instance);
+}
+const makeEvDialogTransitionProps = propsFactory(
+  {
+    target: [Object, Array]
+  },
+  "EvDialogTransition"
+);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "EvDialogTransition",
+  props: {
+    ...makeEvDialogTransitionProps()
+  },
+  setup(__props) {
+    const props = __props;
+    function getDimensions(target, el) {
+      const targetRect = getTargetRect(target);
+      const elRect = 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(
+        props.target,
+        el
+      );
+      const animation = animate(
+        el,
+        [
+          {
+            transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
+            opacity: 0
+          },
+          {}
+        ],
+        {
+          duration: 225 * speed,
+          easing: 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(
+        props.target,
+        el
+      );
+      const animation = animate(
+        el,
+        [
+          {},
+          {
+            transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
+            opacity: 0
+          }
+        ],
+        {
+          duration: 125 * speed,
+          easing: easingAccelerate
+        }
+      );
+      animation.finished.then(() => done());
+    }
+    function onAfterLeave(el) {
+      el.style.removeProperty("pointer-events");
+    }
+    return (_ctx, _cache) => {
+      return props.target ? (openBlock(), createBlock(Transition, {
+        key: 0,
+        name: "ev-dialog-transition",
+        css: false,
+        onBeforeEnter,
+        onEnter,
+        onAfterEnter,
+        onBeforeLeave,
+        onLeave,
+        onAfterLeave
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      })) : (openBlock(), createBlock(Transition, {
+        key: 1,
+        name: "ev-dialog-transition"
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }));
+    };
+  }
+});
+const makeEvDialogProps = propsFactory(
+  {
+    fullscreen: Boolean,
+    retainFocus: {
+      type: Boolean,
+      default: true
+    },
+    scrollable: Boolean,
+    showHeader: {
+      type: Boolean,
+      default: true
+    },
+    ...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, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    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 openBlock(), createElementBlock("div", _hoisted_1$2, [
+    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 openBlock(), createElementBlock("div", _hoisted_1$1, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
+const _hoisted_1 = { class: "ev-dialog---header" };
+const makeEvDialogHeaderProps = propsFactory(
+  {
+    modelValue: Boolean
+  },
+  "EvDialogHeader"
+);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "EvDialogHeader",
+  props: {
+    ...makeEvDialogHeaderProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const isActive = useModelProxy(props, "modelValue");
+    function close() {
+      isActive.value = false;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default"),
+        createVNode(_sfc_main$5, {
+          rounded: "",
+          variant: "subtle",
+          icon: unref(CancelIcon),
+          onClick: _cache[0] || (_cache[0] = ($event) => close())
+        }, null, 8, ["icon"])
+      ]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvDialog",
+  props: {
+    ...makeEvDialogProps()
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const slots = useSlots();
+    const overlayRef = ref();
+    const isActive = useModelProxy(props, "modelValue");
+    const isFullscreen = useModelProxy(props, "fullscreen");
+    const overlayProps = computed(() => {
+      return filterComponentProps(_sfc_main$6, props);
+    });
+    const activatorProps = computed(() => {
+      return mergeProps(
+        {
+          "aria-haspopup": "dialog",
+          "aria-expanded": String(isActive.value)
+        },
+        props.activatorProps
+      );
+    });
+    const width = computed(() => {
+      const size = props.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 = 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 (Browser.hasWindow) {
+      watch(
+        () => isActive.value && props.retainFocus,
+        (value) => {
+          if (value) {
+            document.addEventListener("focusin", onFocusin);
+          } else {
+            document.removeEventListener("focusin", onFocusin);
+          }
+        },
+        {
+          immediate: true
+        }
+      );
+    }
+    watch(isActive, async (value) => {
+      var _a, _b;
+      await 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(props.__instance);
+    __expose({
+      close
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$6), mergeProps({
+        ref_key: "overlayRef",
+        ref: overlayRef
+      }, overlayProps.value, {
+        modelValue: unref(isActive),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(isActive) ? isActive.value = $event : null),
+        "aria-modal": "true",
+        role: "dialog",
+        class: [
+          "ev-dialog",
+          {
+            "is-fullscreen": unref(isFullscreen),
+            "is-scrollable": props.scrollable
+          },
+          props.class
+        ],
+        style: props.style,
+        "activator-props": activatorProps.value,
+        width: width.value
+      }), createSlots({
+        default: withCtx(() => [
+          unref(slots).container ? renderSlot(_ctx.$slots, "container", { key: 0 }) : (openBlock(), createBlock(_sfc_main$7, {
+            key: 1,
+            class: "ev-dialog--surface",
+            elevation: "overlay",
+            rounded: "small"
+          }, {
+            default: withCtx(() => [
+              props.showHeader ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                modelValue: unref(isActive),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isActive) ? isActive.value = $event : null)
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "header")
+                ]),
+                _: 3
+              }, 8, ["modelValue"])) : createCommentVNode("", true),
+              createVNode(EvDialogBody, null, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }),
+              unref(slots).footer ? (openBlock(), createBlock(EvDialogFooter, { key: 1 }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "footer")
+                ]),
+                _: 3
+              })) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }))
+        ]),
+        _: 2
+      }, [
+        unref(slots).activator ? {
+          name: "activator",
+          fn: withCtx(({ isActive: isActive2, props: props2 }) => [
+            renderSlot(_ctx.$slots, "activator", {
+              isActive: isActive2,
+              props: props2
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue", "class", "style", "activator-props", "width"]);
+    };
+  }
+});
+export {
+  DialogSize as D,
+  EvDialogServiceSymbol as E,
+  _sfc_main as _,
+  DialogSizeToWidth as a,
+  injectDialog as i,
+  makeEvDialogProps as m,
+  useDialog as u
+};
+//# sourceMappingURL=EvDialog.vue_vue_type_script_setup_true_lang-DsQeW839.mjs.map

package/dist/esm/EvDialog.vue_vue_type_script_setup_true_lang-DsQeW839.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialog.vue_vue_type_script_setup_true_lang-DsQeW839.mjs","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":["EvDialogTransition","_sfc_render","_openBlock","_createElementBlock","_hoisted_1","_useSlots","EvOverlay"],"mappings":"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"}

package/dist/esm/EvDivider.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { _ } from "./EvDivider.vue_vue_type_script_setup_true_lang-NaauO5S0.mjs";
+/*! Evance UI v1.0.2 | MIT License */
+import { _ } from "./EvDivider.vue_vue_type_script_setup_true_lang-cLZk0aYR.mjs";
 export {
   _ as EvDivider
 };