@evance/evance-ui 1.0.1 → 1.0.2

package/dist/cjs/EvWindow.vue_vue_type_script_setup_true_lang-DvbsL9WL.cjs

@@ -0,0 +1,249 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+const vue = require("vue");
+const EvWindowItem_vue_vue_type_script_setup_true_lang = require("./EvWindowItem.vue_vue_type_script_setup_true_lang-D2lnBQ5x.cjs");
+const locale = require("./locale-JzsQHC4U.cjs");
+const group = require("./group-CQ4i1N2n.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-BF7zKdvs.cjs");
+const helpers = require("./helpers-kEoXV5Dy.cjs");
+const handleGesture = (wrapper) => {
+  const { touchstartX, touchendX, touchstartY, touchendY } = wrapper;
+  const dirRatio = 0.5;
+  const minDistance = 16;
+  wrapper.offsetX = touchendX - touchstartX;
+  wrapper.offsetY = touchendY - touchstartY;
+  if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {
+    wrapper.left && touchendX < touchstartX - minDistance && wrapper.left(wrapper);
+    wrapper.right && touchendX > touchstartX + minDistance && wrapper.right(wrapper);
+  }
+  if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {
+    wrapper.up && touchendY < touchstartY - minDistance && wrapper.up(wrapper);
+    wrapper.down && touchendY > touchstartY + minDistance && wrapper.down(wrapper);
+  }
+};
+function touchstart(event, wrapper) {
+  var _a;
+  const touch = event.changedTouches[0];
+  wrapper.touchstartX = touch.clientX;
+  wrapper.touchstartY = touch.clientY;
+  (_a = wrapper.start) == null ? void 0 : _a.call(wrapper, { originalEvent: event, ...wrapper });
+}
+function touchend(event, wrapper) {
+  var _a;
+  const touch = event.changedTouches[0];
+  wrapper.touchendX = touch.clientX;
+  wrapper.touchendY = touch.clientY;
+  (_a = wrapper.end) == null ? void 0 : _a.call(wrapper, { originalEvent: event, ...wrapper });
+  handleGesture(wrapper);
+}
+function touchmove(event, wrapper) {
+  var _a;
+  const touch = event.changedTouches[0];
+  wrapper.touchmoveX = touch.clientX;
+  wrapper.touchmoveY = touch.clientY;
+  (_a = wrapper.move) == null ? void 0 : _a.call(wrapper, { originalEvent: event, ...wrapper });
+}
+function createHandlers(value = {}) {
+  const wrapper = {
+    touchstartX: 0,
+    touchstartY: 0,
+    touchendX: 0,
+    touchendY: 0,
+    touchmoveX: 0,
+    touchmoveY: 0,
+    offsetX: 0,
+    offsetY: 0,
+    left: value.left,
+    right: value.right,
+    up: value.up,
+    down: value.down,
+    start: value.start,
+    move: value.move,
+    end: value.end
+  };
+  return {
+    touchstart: (e) => touchstart(e, wrapper),
+    touchend: (e) => touchend(e, wrapper),
+    touchmove: (e) => touchmove(e, wrapper)
+  };
+}
+function mounted(el, binding) {
+  var _a;
+  const value = binding.value;
+  const target = (value == null ? void 0 : value.parent) ? el.parentElement : el;
+  const options = (value == null ? void 0 : value.options) ?? { passive: true };
+  const uid = (_a = binding.instance) == null ? void 0 : _a.$.uid;
+  if (!target || !uid) {
+    return;
+  }
+  const handlers = createHandlers(binding.value);
+  target._touchHandlers = target._touchHandlers ?? /* @__PURE__ */ Object.create(null);
+  target._touchHandlers[uid] = handlers;
+  helpers.keys(handlers).forEach((eventName) => {
+    target.addEventListener(eventName, handlers[eventName], options);
+  });
+}
+function unmounted(el, binding) {
+  var _a, _b;
+  const target = ((_a = binding.value) == null ? void 0 : _a.parent) ? el.parentElement : el;
+  const uid = (_b = binding.instance) == null ? void 0 : _b.$.uid;
+  if (!(target == null ? void 0 : target._touchHandlers) || !uid) {
+    return;
+  }
+  const handlers = target._touchHandlers[uid];
+  helpers.keys(handlers).forEach((eventName) => {
+    target.removeEventListener(eventName, handlers[eventName]);
+  });
+  delete target._touchHandlers[uid];
+}
+const Touch = {
+  mounted,
+  unmounted
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-window--controls"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "ev-window--control-placeholder"
+};
+const _hoisted_3 = {
+  key: 3,
+  class: "ev-window--control-placeholder"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvWindow",
+  props: {
+    ...EvWindowItem_vue_vue_type_script_setup_true_lang.makeEvWindowProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const { isRtl } = locale.useRtl();
+    const { t } = locale.useLocaleFunctions();
+    const group$1 = group.useGroup(props, EvWindowItem_vue_vue_type_script_setup_true_lang.EvWindowGroupSymbol);
+    const rootRef = vue.ref();
+    const isRtlReverse = vue.computed(
+      () => isRtl.value ? !props.reverse : props.reverse
+    );
+    const isReversed = vue.shallowRef(false);
+    const transition = vue.computed(() => {
+      const axis = props.direction === "vertical" ? "y" : "x";
+      const reverse = isRtlReverse.value ? !isReversed.value : isReversed.value;
+      const direction = reverse ? "-reverse" : "";
+      return `ev-window-${axis}${direction}-transition`;
+    });
+    const transitionCount = vue.shallowRef(0);
+    const transitionHeight = vue.ref(void 0);
+    const activeIndex = vue.computed(() => {
+      return group$1.items.value.findIndex(
+        (item) => group$1.selected.value.includes(item.id)
+      );
+    });
+    vue.watch(activeIndex, (newVal, oldVal) => {
+      const itemsLength = group$1.items.value.length;
+      const lastIndex = itemsLength - 1;
+      if (itemsLength <= 2) {
+        isReversed.value = newVal < oldVal;
+      } else if (newVal === lastIndex && oldVal === 0) {
+        isReversed.value = true;
+      } else if (newVal === 0 && oldVal === lastIndex) {
+        isReversed.value = false;
+      } else {
+        isReversed.value = newVal < oldVal;
+      }
+    });
+    vue.provide(EvWindowItem_vue_vue_type_script_setup_true_lang.EvWindowSymbol, {
+      transition,
+      isReversed,
+      transitionCount,
+      transitionHeight,
+      rootRef
+    });
+    const canMoveBack = vue.computed(() => props.continuous || activeIndex.value !== 0);
+    const canMoveForward = vue.computed(
+      () => props.continuous || activeIndex.value !== group$1.items.value.length - 1
+    );
+    function previous() {
+      canMoveBack.value && group$1.previous();
+    }
+    function next() {
+      canMoveForward.value && group$1.next();
+    }
+    const touchOptions = vue.computed(() => {
+      if (props.touch === false)
+        return props.touch;
+      const options = {
+        left: () => {
+          isRtlReverse.value ? previous() : next();
+        },
+        right: () => {
+          isRtlReverse.value ? next() : previous();
+        },
+        start: ({ originalEvent }) => {
+          originalEvent.stopPropagation();
+        }
+      };
+      return {
+        ...options,
+        ...props.touch === true ? {} : props.touch
+      };
+    });
+    const previousProps = vue.computed(() => {
+      return {
+        icon: isRtl.value ? props.iconNext : props.iconPrevious,
+        class: `ev-window--${isRtlReverse.value ? "right" : "left"}`,
+        onClick: group$1.previous,
+        ariaLabel: t("carousel.previous")
+      };
+    });
+    const nextProps = vue.computed(() => {
+      return {
+        icon: isRtl.value ? props.iconPrevious : props.iconNext,
+        class: `ev-window--${isRtlReverse.value ? "left" : "right"}`,
+        onClick: group$1.next,
+        ariaLabel: t("carousel.next")
+      };
+    });
+    const vTouch = Touch;
+    return (_ctx, _cache) => {
+      return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.tag), {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: vue.normalizeClass([
+          "ev-window",
+          {
+            "is-show-arrows-on-hover": props.showArrows === "hover"
+          },
+          props.class
+        ]),
+        style: vue.normalizeStyle(props.style)
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: "ev-window--container",
+            style: vue.normalizeStyle({
+              height: transitionHeight.value
+            })
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({ group: vue.unref(group$1) }))),
+            props.showArrows !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+              canMoveBack.value ? vue.renderSlot(_ctx.$slots, "previous", vue.normalizeProps(vue.mergeProps({ key: 0 }, { props: previousProps.value })), () => [
+                vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), vue.normalizeProps(vue.guardReactiveProps(previousProps.value)), null, 16)
+              ]) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2)),
+              canMoveForward.value ? vue.renderSlot(_ctx.$slots, "next", vue.normalizeProps(vue.mergeProps({ key: 2 }, { props: nextProps.value })), () => [
+                vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), vue.normalizeProps(vue.guardReactiveProps(nextProps.value)), null, 16)
+              ]) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3))
+            ])) : vue.createCommentVNode("", true)
+          ], 4)
+        ]),
+        _: 3
+      }, 8, ["class", "style"])), [
+        [vue.unref(vTouch), touchOptions.value]
+      ]);
+    };
+  }
+});
+exports.Touch = Touch;
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=EvWindow.vue_vue_type_script_setup_true_lang-DvbsL9WL.cjs.map

package/dist/cjs/EvWindow.vue_vue_type_script_setup_true_lang-DvbsL9WL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvWindow.vue_vue_type_script_setup_true_lang-DvbsL9WL.cjs","sources":["../../src/directives/touch.ts","../../src/components/EvWindow/EvWindow.vue"],"sourcesContent":["// Utilities\nimport { keys } from \"@/util\";\n\n// Types\nimport type { DirectiveBinding } from \"vue\";\n\nexport interface TouchHandlers {\n    start?: (wrapperEvent: { originalEvent: TouchEvent } & TouchData) => void;\n    end?: (wrapperEvent: { originalEvent: TouchEvent } & TouchData) => void;\n    move?: (wrapperEvent: { originalEvent: TouchEvent } & TouchData) => void;\n    left?: (wrapper: TouchData) => void;\n    right?: (wrapper: TouchData) => void;\n    up?: (wrapper: TouchData) => void;\n    down?: (wrapper: TouchData) => void;\n}\n\nexport interface TouchData {\n    touchstartX: number;\n    touchstartY: number;\n    touchmoveX: number;\n    touchmoveY: number;\n    touchendX: number;\n    touchendY: number;\n    offsetX: number;\n    offsetY: number;\n}\n\nexport type TouchWrapper = TouchHandlers & TouchData;\n\nexport interface TouchValue extends TouchHandlers {\n    parent?: boolean;\n    options?: AddEventListenerOptions;\n}\n\nexport interface TouchStoredHandlers {\n    touchstart: (e: TouchEvent) => void;\n    touchend: (e: TouchEvent) => void;\n    touchmove: (e: TouchEvent) => void;\n}\n\nexport interface TouchDirectiveBinding extends Omit<DirectiveBinding, \"value\"> {\n    value?: TouchValue;\n}\n\nconst handleGesture = (wrapper: TouchWrapper) => {\n    const { touchstartX, touchendX, touchstartY, touchendY } = wrapper;\n    const dirRatio = 0.5;\n    const minDistance = 16;\n    wrapper.offsetX = touchendX - touchstartX;\n    wrapper.offsetY = touchendY - touchstartY;\n\n    if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {\n        wrapper.left &&\n            touchendX < touchstartX - minDistance &&\n            wrapper.left(wrapper);\n        wrapper.right &&\n            touchendX > touchstartX + minDistance &&\n            wrapper.right(wrapper);\n    }\n\n    if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {\n        wrapper.up &&\n            touchendY < touchstartY - minDistance &&\n            wrapper.up(wrapper);\n        wrapper.down &&\n            touchendY > touchstartY + minDistance &&\n            wrapper.down(wrapper);\n    }\n};\n\n/**\n * # touchstart\n * @param event\n * @param wrapper\n */\nfunction touchstart(event: TouchEvent, wrapper: TouchWrapper) {\n    const touch = event.changedTouches[0];\n    wrapper.touchstartX = touch.clientX;\n    wrapper.touchstartY = touch.clientY;\n\n    wrapper.start?.({ originalEvent: event, ...wrapper });\n}\n\n/**\n * # touchend\n * @param event\n * @param wrapper\n */\nfunction touchend(event: TouchEvent, wrapper: TouchWrapper) {\n    const touch = event.changedTouches[0];\n    wrapper.touchendX = touch.clientX;\n    wrapper.touchendY = touch.clientY;\n\n    wrapper.end?.({ originalEvent: event, ...wrapper });\n\n    handleGesture(wrapper);\n}\n\n/**\n * # touchmove\n * @param event\n * @param wrapper\n */\nfunction touchmove(event: TouchEvent, wrapper: TouchWrapper) {\n    const touch = event.changedTouches[0];\n    wrapper.touchmoveX = touch.clientX;\n    wrapper.touchmoveY = touch.clientY;\n\n    wrapper.move?.({ originalEvent: event, ...wrapper });\n}\n\n/**\n * # createHandlers\n * @param value\n */\nfunction createHandlers(value: TouchHandlers = {}): TouchStoredHandlers {\n    const wrapper = {\n        touchstartX: 0,\n        touchstartY: 0,\n        touchendX: 0,\n        touchendY: 0,\n        touchmoveX: 0,\n        touchmoveY: 0,\n        offsetX: 0,\n        offsetY: 0,\n        left: value.left,\n        right: value.right,\n        up: value.up,\n        down: value.down,\n        start: value.start,\n        move: value.move,\n        end: value.end,\n    };\n\n    return {\n        touchstart: (e: TouchEvent) => touchstart(e, wrapper),\n        touchend: (e: TouchEvent) => touchend(e, wrapper),\n        touchmove: (e: TouchEvent) => touchmove(e, wrapper),\n    };\n}\n\ntype TouchableElement = HTMLElement & {\n    _touchHandlers?: { [key: string | number]: TouchStoredHandlers };\n};\n\nfunction mounted(el: TouchableElement, binding: TouchDirectiveBinding) {\n    const value = binding.value;\n    const target = (value?.parent ? el.parentElement : el) as TouchableElement;\n    const options = value?.options ?? { passive: true };\n    const uid = binding.instance?.$.uid; // TODO: use custom uid generator\n\n    if (!target || !uid) {\n        return;\n    }\n\n    const handlers = createHandlers(binding.value);\n\n    target._touchHandlers = target._touchHandlers ?? Object.create(null);\n    target._touchHandlers![uid] = handlers;\n\n    keys(handlers).forEach((eventName) => {\n        target.addEventListener(eventName, handlers[eventName], options);\n    });\n}\n\nfunction unmounted(el: HTMLElement, binding: TouchDirectiveBinding) {\n    const target = (\n        binding.value?.parent ? el.parentElement : el\n    ) as TouchableElement;\n    const uid = binding.instance?.$.uid;\n\n    if (!target?._touchHandlers || !uid) {\n        return;\n    }\n\n    const handlers = target._touchHandlers[uid];\n\n    keys(handlers).forEach((eventName) => {\n        target.removeEventListener(eventName, handlers[eventName]);\n    });\n\n    delete target._touchHandlers[uid];\n}\n\nexport const Touch = {\n    mounted,\n    unmounted,\n};\n\nexport default Touch;\n","<script setup lang=\"ts\">\n/**\n * EvWindow\n * ---\n */\nimport \"./EvWindow.scss\";\nimport {\n    EvWindowGroupSymbol,\n    EvWindowSymbol,\n    makeEvWindowProps,\n} from \"./EvWindow.ts\";\nimport { useLocaleFunctions, useRtl } from \"@/composables/locale.ts\";\nimport { GroupProps, useGroup } from \"@/composables/group.ts\";\nimport { computed, provide, ref, shallowRef, watch } from \"vue\";\nimport { TouchHandlers, Touch } from \"@/directives\";\nimport { EvButton } from \"@/components\";\nimport { IconValue } from \"@/composables/icons.ts\";\n\nconst props = defineProps({\n    ...makeEvWindowProps(),\n});\ndefineSlots<{\n    default(): never;\n    next(props: {\n        props: {\n            icon: IconValue;\n            class: string;\n            onClick: () => void;\n            ariaLabel: string;\n        };\n    }): never;\n    previous(props: {\n        props: {\n            icon: IconValue;\n            class: string;\n            onClick: () => void;\n            ariaLabel: string;\n        };\n    }): never;\n}>();\n\nconst { isRtl } = useRtl();\nconst { t } = useLocaleFunctions();\nconst group = useGroup(props as any as GroupProps, EvWindowGroupSymbol);\nconst rootRef = ref();\nconst isRtlReverse = computed(() =>\n    isRtl.value ? !props.reverse : props.reverse,\n);\nconst isReversed = shallowRef(false);\n\nconst transition = computed(() => {\n    const axis = props.direction === \"vertical\" ? \"y\" : \"x\";\n    const reverse = isRtlReverse.value ? !isReversed.value : isReversed.value;\n    const direction = reverse ? \"-reverse\" : \"\";\n    return `ev-window-${axis}${direction}-transition`;\n});\nconst transitionCount = shallowRef(0);\nconst transitionHeight = ref<undefined | string>(undefined);\n\nconst activeIndex = computed(() => {\n    return group.items.value.findIndex((item) =>\n        group.selected.value.includes(item.id),\n    );\n});\n\nwatch(activeIndex, (newVal, oldVal) => {\n    const itemsLength = group.items.value.length;\n    const lastIndex = itemsLength - 1;\n    if (itemsLength <= 2) {\n        isReversed.value = newVal < oldVal;\n    } else if (newVal === lastIndex && oldVal === 0) {\n        isReversed.value = true;\n    } else if (newVal === 0 && oldVal === lastIndex) {\n        isReversed.value = false;\n    } else {\n        isReversed.value = newVal < oldVal;\n    }\n});\n\nprovide(EvWindowSymbol, {\n    transition,\n    isReversed,\n    transitionCount,\n    transitionHeight,\n    rootRef,\n});\n\nconst canMoveBack = computed(() => props.continuous || activeIndex.value !== 0);\nconst canMoveForward = computed(\n    () =>\n        props.continuous || activeIndex.value !== group.items.value.length - 1,\n);\n\nfunction previous() {\n    canMoveBack.value && group.previous();\n}\n\nfunction next() {\n    canMoveForward.value && group.next();\n}\n\nconst touchOptions = computed(() => {\n    if (props.touch === false) return props.touch;\n\n    const options: TouchHandlers = {\n        left: () => {\n            isRtlReverse.value ? previous() : next();\n        },\n        right: () => {\n            isRtlReverse.value ? next() : previous();\n        },\n        start: ({ originalEvent }) => {\n            originalEvent.stopPropagation();\n        },\n    };\n\n    return {\n        ...options,\n        ...(props.touch === true ? {} : props.touch),\n    };\n});\n\nconst previousProps = computed(() => {\n    return {\n        icon: isRtl.value ? props.iconNext : props.iconPrevious,\n        class: `ev-window--${isRtlReverse.value ? \"right\" : \"left\"}`,\n        onClick: group.previous,\n        ariaLabel: t(\"carousel.previous\"),\n    };\n});\n\nconst nextProps = computed(() => {\n    return {\n        icon: isRtl.value ? props.iconPrevious : props.iconNext,\n        class: `ev-window--${isRtlReverse.value ? \"left\" : \"right\"}`,\n        onClick: group.next,\n        ariaLabel: t(\"carousel.next\"),\n    };\n});\n\n// explicit directive declaration\nconst vTouch = Touch;\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        ref=\"rootRef\"\n        v-touch=\"touchOptions\"\n        :class=\"[\n            'ev-window',\n            {\n                'is-show-arrows-on-hover': props.showArrows === 'hover',\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <div\n            class=\"ev-window--container\"\n            :style=\"{\n                height: transitionHeight,\n            }\">\n            <slot name=\"default\" v-bind=\"{ group }\"></slot>\n\n            <div v-if=\"props.showArrows !== false\" class=\"ev-window--controls\">\n                <slot\n                    v-if=\"canMoveBack\"\n                    name=\"previous\"\n                    v-bind=\"{ props: previousProps }\">\n                    <ev-button v-bind=\"previousProps\" />\n                </slot>\n                <div v-else class=\"ev-window--control-placeholder\"></div>\n\n                <slot\n                    v-if=\"canMoveForward\"\n                    name=\"next\"\n                    v-bind=\"{ props: nextProps }\">\n                    <ev-button v-bind=\"nextProps\" />\n                </slot>\n                <div v-else class=\"ev-window--control-placeholder\"></div>\n            </div>\n        </div>\n    </component>\n</template>\n"],"names":["keys","useRtl","useLocaleFunctions","group","useGroup","EvWindowGroupSymbol","ref","computed","shallowRef","watch","provide","EvWindowSymbol"],"mappings":"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"}

package/dist/cjs/EvWindowItem.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvWindowItem_vue_vue_type_script_setup_true_lang = require("./EvWindowItem.vue_vue_type_script_setup_true_lang-D2lnBQ5x.cjs");
+exports.EvWindowItem = EvWindowItem_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.makeEvWindowItemProps = EvWindowItem_vue_vue_type_script_setup_true_lang.makeEvWindowItemProps;
+//# sourceMappingURL=EvWindowItem.cjs.map

package/dist/cjs/EvWindowItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvWindowItem.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/EvWindowItem.vue_vue_type_script_setup_true_lang-D2lnBQ5x.cjs

@@ -0,0 +1,202 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+const vue = require("vue");
+const props = require("./props-NPw_hoii.cjs");
+const component = require("./component-BP9_V6Yp.cjs");
+const groupItem = require("./groupItem-CGVI8NTl.cjs");
+const tag = require("./tag-Bql7Eyfp.cjs");
+const icons = require("./icons-CmCKH6kF.cjs");
+const ArrowContinueIcon = require("./ArrowContinueIcon-zWloRHK-.cjs");
+const isFunctions = require("./is-functions-C47LnllD.cjs");
+const units = require("./units-CtZImGlc.cjs");
+const EvTransition = require("./EvTransition-CAQqUplu.cjs");
+const EvWindowSymbol = Symbol.for("ev:window");
+const EvWindowGroupSymbol = Symbol.for("ev:window-group");
+const makeEvWindowProps = props.propsFactory(
+  {
+    continuous: Boolean,
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    disabled: Boolean,
+    iconNext: {
+      type: icons.IconProp,
+      default: ArrowContinueIcon.ArrowContinueIcon
+    },
+    iconPrevious: {
+      type: icons.IconProp,
+      default: ArrowContinueIcon.ArrowBackIcon
+    },
+    // TODO: mandatory should probably not be exposed but do this for now
+    mandatory: {
+      type: [Boolean, String],
+      default: "force"
+    },
+    modelValue: null,
+    reverse: Boolean,
+    selectedClass: {
+      type: String,
+      default: "is-active"
+    },
+    showArrows: {
+      type: [Boolean, String],
+      validator: (v) => typeof v === "boolean" || v === "hover"
+    },
+    touch: {
+      type: [Object, Boolean],
+      default: void 0
+    },
+    ...component.makeComponentProps(),
+    ...tag.makeTagProps()
+  },
+  "EvWindow"
+);
+const makeLazyProps = props.propsFactory(
+  {
+    eager: Boolean
+  },
+  "lazy"
+);
+function useLazy(props2, active) {
+  const isBooted = vue.shallowRef(false);
+  const hasContent = vue.computed(
+    () => isBooted.value || props2.eager || active.value
+  );
+  vue.watch(active, () => isBooted.value = true);
+  function onAfterLeave() {
+    if (!props2.eager) {
+      isBooted.value = false;
+    }
+  }
+  return { isBooted, hasContent, onAfterLeave };
+}
+const makeEvWindowItemProps = props.propsFactory(
+  {
+    reverseTransition: {
+      type: [Boolean, String],
+      default: void 0
+    },
+    transition: {
+      type: [Boolean, String],
+      default: void 0
+    },
+    ...component.makeComponentProps(),
+    ...groupItem.makeGroupItemProps(),
+    ...makeLazyProps()
+  },
+  "EvWindowItem"
+);
+function useSsrBoot() {
+  const isBooted = vue.shallowRef(false);
+  vue.onMounted(() => {
+    window.requestAnimationFrame(() => {
+      isBooted.value = true;
+    });
+  });
+  const ssrBootStyles = vue.computed(
+    () => !isBooted.value ? {
+      transition: "none !important"
+    } : void 0
+  );
+  return { ssrBootStyles, isBooted: vue.readonly(isBooted) };
+}
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvWindowItem",
+  props: {
+    ...makeEvWindowItemProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    const window2 = vue.inject(EvWindowSymbol);
+    const groupItem$1 = groupItem.useGroupItem(
+      props2,
+      EvWindowGroupSymbol
+    );
+    const { isBooted } = useSsrBoot();
+    if (!window2 || !groupItem$1) {
+      throw new Error("Evance UI: EvWindowItem must be used inside EvWindow");
+    }
+    const isTransitioning = vue.shallowRef(false);
+    const hasTransition = vue.computed(
+      () => isBooted.value && (window2.isReversed.value ? props2.reverseTransition !== false : props2.transition !== false)
+    );
+    function onAfterTransition() {
+      if (!isTransitioning.value || !window2) {
+        return;
+      }
+      isTransitioning.value = false;
+      if (window2.transitionCount.value > 0) {
+        window2.transitionCount.value -= 1;
+        if (window2.transitionCount.value === 0) {
+          window2.transitionHeight.value = void 0;
+        }
+      }
+    }
+    function onBeforeTransition() {
+      var _a;
+      if (isTransitioning.value || !window2) {
+        return;
+      }
+      isTransitioning.value = true;
+      if (window2.transitionCount.value === 0) {
+        window2.transitionHeight.value = units.toWebUnit(
+          (_a = window2.rootRef.value) == null ? void 0 : _a.clientHeight
+        );
+      }
+      window2.transitionCount.value += 1;
+    }
+    function onTransitionCancelled() {
+      onAfterTransition();
+    }
+    function onEnterTransition(el) {
+      if (!isTransitioning.value) {
+        return;
+      }
+      vue.nextTick(() => {
+        if (!hasTransition.value || !isTransitioning.value || !window2) {
+          return;
+        }
+        window2.transitionHeight.value = units.toWebUnit(el.clientHeight);
+      });
+    }
+    const transition = vue.computed(() => {
+      const name = window2.isReversed.value ? props2.reverseTransition : props2.transition;
+      return !hasTransition.value ? false : {
+        name: !isFunctions.isString(name) ? window2.transition.value : name,
+        onBeforeEnter: onBeforeTransition,
+        onAfterEnter: onAfterTransition,
+        onEnterCancelled: onTransitionCancelled,
+        onBeforeLeave: onBeforeTransition,
+        onAfterLeave: onAfterTransition,
+        onLeaveCancelled: onTransitionCancelled,
+        onEnter: onEnterTransition
+      };
+    });
+    const { hasContent } = useLazy(props2, groupItem$1.isSelected);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvTransition.EvTransition), {
+        transition: transition.value,
+        disabled: !vue.unref(isBooted)
+      }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives(vue.createElementVNode("div", {
+            class: vue.normalizeClass(["ev-window-item", props2.class]),
+            style: vue.normalizeStyle(props2.style)
+          }, [
+            vue.unref(hasContent) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true)
+          ], 6), [
+            [vue.vShow, vue.unref(groupItem$1).isSelected.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["transition", "disabled"]);
+    };
+  }
+});
+exports.EvWindowGroupSymbol = EvWindowGroupSymbol;
+exports.EvWindowSymbol = EvWindowSymbol;
+exports._sfc_main = _sfc_main;
+exports.makeEvWindowItemProps = makeEvWindowItemProps;
+exports.makeEvWindowProps = makeEvWindowProps;
+//# sourceMappingURL=EvWindowItem.vue_vue_type_script_setup_true_lang-D2lnBQ5x.cjs.map

package/dist/cjs/EvWindowItem.vue_vue_type_script_setup_true_lang-D2lnBQ5x.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvWindowItem.vue_vue_type_script_setup_true_lang-D2lnBQ5x.cjs","sources":["../../src/components/EvWindow/EvWindow.ts","../../src/composables/lazy.ts","../../src/components/EvWindow/EvWindowItem/EvWindowItem.ts","../../src/composables/ssrBoot.ts","../../src/components/EvWindow/EvWindowItem/EvWindowItem.vue"],"sourcesContent":["import { GroupProvide } from \"@/composables/group.ts\";\nimport { ComputedRef, Ref, InjectionKey, PropType } from \"vue\";\nimport { GroupItemProvide } from \"@/composables/groupItem.ts\";\nimport { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeTagProps } from \"@/composables/tag.ts\";\nimport { IconProp } from \"@/composables/icons.ts\";\nimport { ArrowBackIcon, ArrowContinueIcon } from \"@/icons\";\nimport { TouchHandlers } from \"@/directives\";\n\nexport type EvWindowSlots = {\n    default: {\n        group: GroupProvide;\n    };\n};\n\nexport type WindowProvide = {\n    transition: ComputedRef<undefined | string>;\n    transitionCount: Ref<number>;\n    transitionHeight: Ref<undefined | string>;\n    isReversed: Ref<boolean>;\n    rootRef: Ref<HTMLElement | undefined>;\n};\n\nexport const EvWindowSymbol: InjectionKey<WindowProvide> =\n    Symbol.for(\"ev:window\");\nexport const EvWindowGroupSymbol: InjectionKey<GroupItemProvide> =\n    Symbol.for(\"ev:window-group\");\n\nexport const makeEvWindowProps = propsFactory(\n    {\n        continuous: Boolean,\n        direction: {\n            type: String as PropType<\"horizontal\" | \"vertical\">,\n            default: \"horizontal\",\n        },\n        disabled: Boolean,\n        iconNext: {\n            type: IconProp,\n            default: ArrowContinueIcon,\n        },\n        iconPrevious: {\n            type: IconProp,\n            default: ArrowBackIcon,\n        },\n        // TODO: mandatory should probably not be exposed but do this for now\n        mandatory: {\n            type: [Boolean, String] as PropType<boolean | \"force\">,\n            default: \"force\" as const,\n        },\n        modelValue: null,\n        reverse: Boolean,\n        selectedClass: {\n            type: String,\n            default: \"is-active\",\n        },\n        showArrows: {\n            type: [Boolean, String],\n            validator: (v: any) => typeof v === \"boolean\" || v === \"hover\",\n        },\n        touch: {\n            type: [Object, Boolean] as PropType<boolean | TouchHandlers>,\n            default: undefined,\n        },\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvWindow\",\n);\n","import { propsFactory } from \"@/util\";\nimport { computed, Ref, shallowRef, watch } from \"vue\";\n\nexport const makeLazyProps = propsFactory(\n    {\n        eager: Boolean,\n    },\n    \"lazy\",\n);\n\n/**\n * # useLazy\n *\n * @param props\n * @param active\n */\nexport function useLazy(props: { eager: boolean }, active: Ref<boolean>) {\n    const isBooted = shallowRef(false);\n    const hasContent = computed(\n        () => isBooted.value || props.eager || active.value,\n    );\n\n    watch(active, () => (isBooted.value = true));\n\n    function onAfterLeave() {\n        if (!props.eager) {\n            isBooted.value = false;\n        }\n    }\n\n    return { isBooted, hasContent, onAfterLeave };\n}\n","import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeGroupItemProps } from \"@/composables/groupItem.ts\";\nimport { makeLazyProps } from \"@/composables/lazy.ts\";\n\nexport const makeEvWindowItemProps = propsFactory(\n    {\n        reverseTransition: {\n            type: [Boolean, String],\n            default: undefined,\n        },\n        transition: {\n            type: [Boolean, String],\n            default: undefined,\n        },\n\n        ...makeComponentProps(),\n        ...makeGroupItemProps(),\n        ...makeLazyProps(),\n    },\n    \"EvWindowItem\",\n);\n","import { computed, onMounted, readonly, shallowRef } from \"vue\";\n\n/**\n * # useSsrBoot\n */\nexport function useSsrBoot() {\n    const isBooted = shallowRef(false);\n\n    onMounted(() => {\n        window.requestAnimationFrame(() => {\n            isBooted.value = true;\n        });\n    });\n\n    const ssrBootStyles = computed(() =>\n        !isBooted.value\n            ? {\n                  transition: \"none !important\",\n              }\n            : undefined,\n    );\n\n    return { ssrBootStyles, isBooted: readonly(isBooted) };\n}\n","<script setup lang=\"ts\">\n/**\n * EvWindowItem\n */\nimport { computed, inject, nextTick, shallowRef } from \"vue\";\nimport { makeEvWindowItemProps } from \"./EvWindowItem.ts\";\nimport { EvWindowGroupSymbol, EvWindowSymbol } from \"../EvWindow.ts\";\nimport { EvTransition } from \"@/components/EvTransition\";\nimport { GroupItemProps, useGroupItem } from \"@/composables/groupItem.ts\";\nimport { useSsrBoot } from \"@/composables/ssrBoot.ts\";\nimport { isString, toWebUnit } from \"@/util\";\nimport { useLazy } from \"@/composables/lazy.ts\";\n\nconst props = defineProps({\n    ...makeEvWindowItemProps(),\n});\nconst window = inject(EvWindowSymbol);\nconst groupItem = useGroupItem(\n    props as any as GroupItemProps,\n    EvWindowGroupSymbol,\n);\nconst { isBooted } = useSsrBoot();\n\nif (!window || !groupItem) {\n    throw new Error(\"Evance UI: EvWindowItem must be used inside EvWindow\");\n}\n\nconst isTransitioning = shallowRef(false);\nconst hasTransition = computed(\n    () =>\n        isBooted.value &&\n        (window.isReversed.value\n            ? props.reverseTransition !== false\n            : props.transition !== false),\n);\n\n/**\n * ## onAfterTransition\n */\nfunction onAfterTransition() {\n    if (!isTransitioning.value || !window) {\n        return;\n    }\n    // Finalize transition state.\n    isTransitioning.value = false;\n    if (window.transitionCount.value > 0) {\n        window.transitionCount.value -= 1;\n\n        // Remove container height if we are out of transition.\n        if (window.transitionCount.value === 0) {\n            window.transitionHeight.value = undefined;\n        }\n    }\n}\n\n/**\n * ## onBeforeTransition\n */\nfunction onBeforeTransition() {\n    if (isTransitioning.value || !window) {\n        return;\n    }\n    // Initialize transition state here.\n    isTransitioning.value = true;\n    if (window.transitionCount.value === 0) {\n        // Set initial height for height transition.\n        window.transitionHeight.value = toWebUnit(\n            window.rootRef.value?.clientHeight,\n        );\n    }\n    window.transitionCount.value += 1;\n}\n\n/**\n * ## onTransitionCancelled\n */\nfunction onTransitionCancelled() {\n    onAfterTransition(); // This should have the same path as normal transition end.\n}\n\n/**\n * ## onEnterTransition\n * @param el\n */\nfunction onEnterTransition(el: Element) {\n    if (!isTransitioning.value) {\n        return;\n    }\n\n    nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!hasTransition.value || !isTransitioning.value || !window) {\n            return;\n        }\n        // Set transition target height.\n        window.transitionHeight.value = toWebUnit(el.clientHeight);\n    });\n}\n\nconst transition = computed(() => {\n    const name = window.isReversed.value\n        ? props.reverseTransition\n        : props.transition;\n\n    return !hasTransition.value\n        ? false\n        : {\n              name: !isString(name) ? window.transition.value : name,\n              onBeforeEnter: onBeforeTransition,\n              onAfterEnter: onAfterTransition,\n              onEnterCancelled: onTransitionCancelled,\n              onBeforeLeave: onBeforeTransition,\n              onAfterLeave: onAfterTransition,\n              onLeaveCancelled: onTransitionCancelled,\n              onEnter: onEnterTransition,\n          };\n});\n\nconst { hasContent } = useLazy(props, groupItem.isSelected);\n</script>\n\n<template>\n    <ev-transition :transition=\"transition\" :disabled=\"!isBooted\">\n        <div\n            v-show=\"groupItem.isSelected.value\"\n            :class=\"['ev-window-item', props.class]\"\n            :style=\"props.style\">\n            <slot v-if=\"hasContent\" />\n        </div>\n    </ev-transition>\n</template>\n"],"names":["propsFactory","IconProp","ArrowContinueIcon","ArrowBackIcon","makeComponentProps","makeTagProps","props","shallowRef","computed","watch","makeGroupItemProps","onMounted","readonly","window","inject","groupItem","useGroupItem","toWebUnit","nextTick","isString"],"mappings":"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"}

package/dist/cjs/LocaleCode-DQEnAYU-.cjs

@@ -0,0 +1,63 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+class TranslationCode {
+  /**
+   * @param languageCode
+   * @param countryCode
+   */
+  constructor(languageCode, countryCode = null) {
+    this.languageCode = languageCode;
+    this.countryCode = countryCode;
+  }
+  get isRegional() {
+    return !(this.countryCode === null);
+  }
+  /**
+   * ## From String
+   *
+   * Accepts an Evance Locale Code string e.g. 'en-gb'.
+   * But will also accept 'en_GB'.
+   * @param code
+   */
+  static fromString(code) {
+    var _a;
+    const matches = code.match(/^([a-zA-Z]{2,3})(?:[_-]([a-zA-Z]{2,3}))?$/);
+    if (!matches) {
+      throw new Error(
+        `Evance UI: The string '${code}' is not a valid Locale string`
+      );
+    }
+    const languageCode = matches[1].toLowerCase();
+    const countryCode = ((_a = matches[2]) == null ? void 0 : _a.toUpperCase()) || null;
+    return new this(languageCode, countryCode);
+  }
+  /**
+   * ## To String
+   */
+  toString() {
+    return this.languageCode + (this.isRegional ? "-" + this.countryCode : "");
+  }
+}
+class LocaleCode extends TranslationCode {
+  /**
+   * @param languageCode
+   * @param countryCode
+   */
+  constructor(languageCode, countryCode) {
+    super(languageCode, countryCode);
+    this.languageCode = languageCode;
+    this.countryCode = countryCode;
+  }
+  /**
+   * ## To Translation Codes
+   */
+  toTranslationCodes() {
+    const codes = [this.toString()];
+    if (this.isRegional) {
+      codes.push(this.languageCode);
+    }
+    return codes;
+  }
+}
+exports.LocaleCode = LocaleCode;
+//# sourceMappingURL=LocaleCode-DQEnAYU-.cjs.map

package/dist/cjs/LocaleCode-DQEnAYU-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleCode-DQEnAYU-.cjs","sources":["../../src/modules/Translation/TranslationCode.ts","../../src/modules/Locale/LocaleCode.ts"],"sourcesContent":["/**\n * # Translation Code\n *\n * Language Code: ISO 639-1 codes (required)\n * Country Code: ISO 3166-1 Alpha-2 country code (optional)\n */\nexport class TranslationCode {\n    /**\n     * @param languageCode\n     * @param countryCode\n     */\n    constructor(\n        public languageCode: string,\n        public countryCode: string | null = null,\n    ) {}\n\n    get isRegional(): boolean {\n        return !(this.countryCode === null);\n    }\n\n    /**\n     * ## From String\n     *\n     * Accepts an Evance Locale Code string e.g. 'en-gb'.\n     * But will also accept 'en_GB'.\n     * @param code\n     */\n    public static fromString(code: string) {\n        const matches = code.match(/^([a-zA-Z]{2,3})(?:[_-]([a-zA-Z]{2,3}))?$/);\n        if (!matches) {\n            throw new Error(\n                `Evance UI: The string '${code}' is not a valid Locale string`,\n            );\n        }\n        const languageCode = matches[1].toLowerCase();\n        const countryCode = matches[2]?.toUpperCase() || null;\n        return new this(languageCode, countryCode);\n    }\n\n    /**\n     * ## To String\n     */\n    public toString(): string {\n        return (\n            this.languageCode + (this.isRegional ? \"-\" + this.countryCode : \"\")\n        );\n    }\n}\n","import { TranslationCode } from \"@/modules/Translation/TranslationCode.ts\";\n\n/**\n * # Locale Code\n */\nexport class LocaleCode extends TranslationCode {\n    /**\n     * @param languageCode\n     * @param countryCode\n     */\n    constructor(\n        public languageCode: string,\n        public countryCode: string,\n    ) {\n        super(languageCode, countryCode);\n    }\n\n    /**\n     * ## To Translation Codes\n     */\n    public toTranslationCodes(): string[] {\n        const codes = [this.toString()];\n        if (this.isRegional) {\n            codes.push(this.languageCode);\n        }\n        return codes;\n    }\n}\n"],"names":[],"mappings":";;AAMO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzB,YACW,cACA,cAA6B,MACtC;AAFS,SAAA,eAAA;AACA,SAAA,cAAA;AAAA,EACR;AAAA,EAEH,IAAI,aAAsB;AACf,WAAA,EAAE,KAAK,gBAAgB;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,OAAc,WAAW,MAAc;;AAC7B,UAAA,UAAU,KAAK,MAAM,2CAA2C;AACtE,QAAI,CAAC,SAAS;AACV,YAAM,IAAI;AAAA,QACN,0BAA0B,IAAI;AAAA,MAAA;AAAA,IAEtC;AACA,UAAM,eAAe,QAAQ,CAAC,EAAE,YAAY;AAC5C,UAAM,gBAAc,aAAQ,CAAC,MAAT,mBAAY,kBAAiB;AAC1C,WAAA,IAAI,KAAK,cAAc,WAAW;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA,EAKO,WAAmB;AACtB,WACI,KAAK,gBAAgB,KAAK,aAAa,MAAM,KAAK,cAAc;AAAA,EAExE;AACJ;AC1CO,MAAM,mBAAmB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAK5C,YACW,cACA,aACT;AACE,UAAM,cAAc,WAAW;AAHxB,SAAA,eAAA;AACA,SAAA,cAAA;AAAA,EAGX;AAAA;AAAA;AAAA;AAAA,EAKO,qBAA+B;AAClC,UAAM,QAAQ,CAAC,KAAK,SAAU,CAAA;AAC9B,QAAI,KAAK,YAAY;AACX,YAAA,KAAK,KAAK,YAAY;AAAA,IAChC;AACO,WAAA;AAAA,EACX;AACJ;;"}

package/dist/cjs/PlusIcon-D_DMZt6E.cjs

@@ -0,0 +1,42 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+const vue = require("vue");
+const _hoisted_1$1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$1 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M19 13H5V11H19V13Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3$1 = [
+  _hoisted_2$1
+];
+function render$1(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+}
+const MinusIcon = { render: render$1 };
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M19 13H13V19H11V13H5C5.00005 12.3333 5.00005 11.6667 5 11H11V5H13V11H19V13Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const PlusIcon = { render };
+exports.MinusIcon = MinusIcon;
+exports.PlusIcon = PlusIcon;
+//# sourceMappingURL=PlusIcon-D_DMZt6E.cjs.map

package/dist/cjs/PlusIcon-D_DMZt6E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlusIcon-D_DMZt6E.cjs","sources":["../../src/icons/glyph/MinusIcon.svg","../../src/icons/glyph/PlusIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M19 13H5V11H19V13Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"M19 13H13V19H11V13H5C5.00005 12.3333 5.00005 11.6667 5 11H11V5H13V11H19V13Z\",\n  fill: \"currentColor\"\n}, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","render","_openBlock","_createElementBlock"],"mappings":";;;AAEA,MAAMA,eAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAMC,eAA0BC,oBAAmB,mBAAC,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAMC,eAAa;AAAA,EACjBF;AACF;AAEO,SAASG,SAAO,MAAM,QAAQ;AACnC,SAAQC,IAAAA,UAAY,GAAEC,IAAmB,mBAAC,OAAON,cAAYG,YAAU;AACzE;AACA,MAAe,YAAA,EAAE,QAAQC,SAAM;AClB/B,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAM,aAA0BF,oBAAmB,mBAAC,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQG,IAAAA,UAAY,GAAEC,IAAmB,mBAAC,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,WAAA,EAAE,OAAc;;;"}