@evance/evance-ui 1.0.7 → 1.0.8

package/dist/esm/EvWindow.vue_vue_type_script_setup_true_lang-Czc5PeYN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvWindow.vue_vue_type_script_setup_true_lang-Czc5PeYN.mjs","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\";\nimport { GroupProps, useGroup } from \"@/composables/group\";\nimport { computed, provide, ref, shallowRef, watch } from \"vue\";\nimport { TouchHandlers, Touch } from \"@/directives\";\nimport { EvButton } from \"@/components\";\nimport { IconValue } from \"@/composables/icons\";\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":[],"mappings":"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"}

package/dist/esm/EvWindowItem.mjs

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { _, b } from "./EvWindowItem.vue_vue_type_script_setup_true_lang-CibxL5ve.mjs";
+export {
+  _ as EvWindowItem,
+  b as makeEvWindowItemProps
+};
+//# sourceMappingURL=EvWindowItem.mjs.map

package/dist/esm/EvWindowItem.mjs.map

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

package/dist/esm/EvWindowItem.vue_vue_type_script_setup_true_lang-CibxL5ve.mjs

@@ -0,0 +1,204 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { shallowRef, computed, watch, onMounted, readonly, defineComponent, inject, openBlock, createBlock, unref, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createCommentVNode, vShow, nextTick } from "vue";
+import { p as propsFactory } from "./props-B_DkM75x.mjs";
+import { m as makeComponentProps } from "./component-Cl3SkL4K.mjs";
+import { m as makeGroupItemProps, u as useGroupItem } from "./groupItem-Dw8r4eE2.mjs";
+import { m as makeTagProps } from "./tag-C32PgN3Y.mjs";
+import { I as IconProp } from "./icons-CPwjz9RV.mjs";
+import { A as ArrowBackIcon } from "./ArrowBackIcon-CqWYONmu.mjs";
+import { A as ArrowContinueIcon } from "./ArrowContinueIcon-CSOeE1So.mjs";
+import { a as isString } from "./is-functions-t4AT-bOe.mjs";
+import { t as toWebUnit } from "./units-BR1hftKk.mjs";
+import { E as EvTransition } from "./EvTransition-Db3CtBur.mjs";
+const EvWindowSymbol = Symbol.for("ev:window");
+const EvWindowGroupSymbol = Symbol.for("ev:window-group");
+const makeEvWindowProps = propsFactory(
+  {
+    continuous: Boolean,
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    disabled: Boolean,
+    iconNext: {
+      type: IconProp,
+      default: ArrowContinueIcon
+    },
+    iconPrevious: {
+      type: IconProp,
+      default: 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
+    },
+    ...makeComponentProps(),
+    ...makeTagProps()
+  },
+  "EvWindow"
+);
+const makeLazyProps = propsFactory(
+  {
+    eager: Boolean
+  },
+  "lazy"
+);
+function useLazy(props, active) {
+  const isBooted = shallowRef(false);
+  const hasContent = computed(
+    () => isBooted.value || props.eager || active.value
+  );
+  watch(active, () => isBooted.value = true);
+  function onAfterLeave() {
+    if (!props.eager) {
+      isBooted.value = false;
+    }
+  }
+  return { isBooted, hasContent, onAfterLeave };
+}
+const makeEvWindowItemProps = propsFactory(
+  {
+    reverseTransition: {
+      type: [Boolean, String],
+      default: void 0
+    },
+    transition: {
+      type: [Boolean, String],
+      default: void 0
+    },
+    ...makeComponentProps(),
+    ...makeGroupItemProps(),
+    ...makeLazyProps()
+  },
+  "EvWindowItem"
+);
+function useSsrBoot() {
+  const isBooted = shallowRef(false);
+  onMounted(() => {
+    window.requestAnimationFrame(() => {
+      isBooted.value = true;
+    });
+  });
+  const ssrBootStyles = computed(
+    () => !isBooted.value ? {
+      transition: "none !important"
+    } : void 0
+  );
+  return { ssrBootStyles, isBooted: readonly(isBooted) };
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvWindowItem",
+  props: {
+    ...makeEvWindowItemProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const window2 = inject(EvWindowSymbol);
+    const groupItem = useGroupItem(
+      props,
+      EvWindowGroupSymbol
+    );
+    const { isBooted } = useSsrBoot();
+    if (!window2 || !groupItem) {
+      throw new Error("Evance UI: EvWindowItem must be used inside EvWindow");
+    }
+    const isTransitioning = shallowRef(false);
+    const hasTransition = computed(
+      () => isBooted.value && (window2.isReversed.value ? props.reverseTransition !== false : props.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 = toWebUnit(
+          (_a = window2.rootRef.value) == null ? void 0 : _a.clientHeight
+        );
+      }
+      window2.transitionCount.value += 1;
+    }
+    function onTransitionCancelled() {
+      onAfterTransition();
+    }
+    function onEnterTransition(el) {
+      if (!isTransitioning.value) {
+        return;
+      }
+      nextTick(() => {
+        if (!hasTransition.value || !isTransitioning.value || !window2) {
+          return;
+        }
+        window2.transitionHeight.value = toWebUnit(el.clientHeight);
+      });
+    }
+    const transition = computed(() => {
+      const name = window2.isReversed.value ? props.reverseTransition : props.transition;
+      return !hasTransition.value ? false : {
+        name: !isString(name) ? window2.transition.value : name,
+        onBeforeEnter: onBeforeTransition,
+        onAfterEnter: onAfterTransition,
+        onEnterCancelled: onTransitionCancelled,
+        onBeforeLeave: onBeforeTransition,
+        onAfterLeave: onAfterTransition,
+        onLeaveCancelled: onTransitionCancelled,
+        onEnter: onEnterTransition
+      };
+    });
+    const { hasContent } = useLazy(props, groupItem.isSelected);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(EvTransition), {
+        transition: transition.value,
+        disabled: !unref(isBooted)
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            class: normalizeClass(["ev-window-item", props.class]),
+            style: normalizeStyle(props.style)
+          }, [
+            unref(hasContent) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
+          ], 6), [
+            [vShow, unref(groupItem).isSelected.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["transition", "disabled"]);
+    };
+  }
+});
+export {
+  EvWindowSymbol as E,
+  _sfc_main as _,
+  EvWindowGroupSymbol as a,
+  makeEvWindowItemProps as b,
+  makeEvWindowProps as m
+};
+//# sourceMappingURL=EvWindowItem.vue_vue_type_script_setup_true_lang-CibxL5ve.mjs.map

package/dist/esm/EvWindowItem.vue_vue_type_script_setup_true_lang-CibxL5ve.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvWindowItem.vue_vue_type_script_setup_true_lang-CibxL5ve.mjs","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\";\nimport { ComputedRef, Ref, InjectionKey, PropType } from \"vue\";\nimport { GroupItemProvide } from \"@/composables/groupItem\";\nimport { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { IconProp } from \"@/composables/icons\";\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\";\nimport { makeGroupItemProps } from \"@/composables/groupItem\";\nimport { makeLazyProps } from \"@/composables/lazy\";\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\";\nimport { EvWindowGroupSymbol, EvWindowSymbol } from \"../EvWindow\";\nimport { EvTransition } from \"@/components/EvTransition\";\nimport { GroupItemProps, useGroupItem } from \"@/composables/groupItem\";\nimport { useSsrBoot } from \"@/composables/ssrBoot\";\nimport { isString, toWebUnit } from \"@/util\";\nimport { useLazy } from \"@/composables/lazy\";\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":["window"],"mappings":"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"}

package/dist/esm/LinkExternalIcon-CmDGcXhd.mjs

@@ -0,0 +1,23 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M14 5h3.657l-4.72 4.72 1.414 1.414L19 6.485V10h2V5a2 2 0 0 0-2-2h-5v2Z" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", { d: "M17 12v5H7V7h5V5H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-5h-2Z" }, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const LinkExternalIcon = { render };
+export {
+  LinkExternalIcon as L
+};
+//# sourceMappingURL=LinkExternalIcon-CmDGcXhd.mjs.map

package/dist/esm/LinkExternalIcon-CmDGcXhd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkExternalIcon-CmDGcXhd.mjs","sources":["../../src/icons/editor/glyph/LinkExternalIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: \"24\",\n  height: \"24\",\n  fill: \"currentColor\",\n  viewBox: \"0 0 24 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M14 5h3.657l-4.72 4.72 1.414 1.414L19 6.485V10h2V5a2 2 0 0 0-2-2h-5v2Z\" }, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M17 12v5H7V7h5V5H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-5h-2Z\" }, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_4))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AACX;AACA,MAAM,aAA0BA,mCAAoB,QAAQ,EAAE,GAAG,4EAA4E,MAAM,EAAE;AACrJ,MAAM,aAA0BA,mCAAoB,QAAQ,EAAE,GAAG,+EAA+E,MAAM,EAAE;AACxJ,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAY,GAAEC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,mBAAA,EAAE,OAAc;"}

package/dist/esm/LocaleCode-ODVgMSFI.mjs

@@ -0,0 +1,64 @@
+/*! Evance UI v1.0.8 | 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;
+  }
+}
+export {
+  LocaleCode as L
+};
+//# sourceMappingURL=LocaleCode-ODVgMSFI.mjs.map

package/dist/esm/LocaleCode-ODVgMSFI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleCode-ODVgMSFI.mjs","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\";\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/esm/PlusIcon-CKopmMhf.mjs

@@ -0,0 +1,43 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { openBlock, createElementBlock, createElementVNode } from "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__ */ createElementVNode("path", {
+  d: "M19 13H5V11H19V13Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3$1 = [
+  _hoisted_2$1
+];
+function render$1(_ctx, _cache) {
+  return openBlock(), 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__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const PlusIcon = { render };
+export {
+  MinusIcon as M,
+  PlusIcon as P
+};
+//# sourceMappingURL=PlusIcon-CKopmMhf.mjs.map

package/dist/esm/PlusIcon-CKopmMhf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlusIcon-CKopmMhf.mjs","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,mCAAoB,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAMC,eAAa;AAAA,EACjBF;AACF;AAEO,SAASG,SAAO,MAAM,QAAQ;AACnC,SAAQC,UAAY,GAAEC,mBAAoB,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,mCAAoB,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQG,UAAY,GAAEC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,WAAA,EAAE,OAAc;"}

package/dist/esm/QuickfindIcon-BlITGzoj.mjs

@@ -0,0 +1,26 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+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__ */ createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M13.1253 14.4981C14.246 13.8497 15 12.6379 15 11.25C15 9.17893 13.3211 7.5 11.25 7.5C9.17893 7.5 7.5 9.17893 7.5 11.25C7.5 13.2507 9.06682 14.8855 11.0404 14.9942L12.6872 17.8467C12.2241 17.9471 11.7432 18 11.25 18C7.52208 18 4.5 14.9779 4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5C14.9779 4.5 18 7.52208 18 11.25C18 12.6321 17.5846 13.9172 16.8719 14.9872L19.4773 19.5H16.0132L14.6256 17.0966C14.6256 17.0966 14.6256 17.0966 14.6256 17.0966L13.1253 14.4981Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const QuickfindIcon = { render };
+export {
+  QuickfindIcon as Q
+};
+//# sourceMappingURL=QuickfindIcon-BlITGzoj.mjs.map

package/dist/esm/QuickfindIcon-BlITGzoj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickfindIcon-BlITGzoj.mjs","sources":["../../src/icons/glyph/QuickfindIcon.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  \"fill-rule\": \"evenodd\",\n  \"clip-rule\": \"evenodd\",\n  d: \"M13.1253 14.4981C14.246 13.8497 15 12.6379 15 11.25C15 9.17893 13.3211 7.5 11.25 7.5C9.17893 7.5 7.5 9.17893 7.5 11.25C7.5 13.2507 9.06682 14.8855 11.0404 14.9942L12.6872 17.8467C12.2241 17.9471 11.7432 18 11.25 18C7.52208 18 4.5 14.9779 4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5C14.9779 4.5 18 7.52208 18 11.25C18 12.6321 17.5846 13.9172 16.8719 14.9872L19.4773 19.5H16.0132L14.6256 17.0966C14.6256 17.0966 14.6256 17.0966 14.6256 17.0966L13.1253 14.4981Z\",\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":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAM,aAA0BA,mCAAoB,QAAQ;AAAA,EAC1D,aAAa;AAAA,EACb,aAAa;AAAA,EACb,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAY,GAAEC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,gBAAA,EAAE,OAAc;"}

package/dist/esm/SearchIcon-DvDTJ6Tp.mjs

@@ -0,0 +1,85 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1$3 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M20.0156 12L12 20.0156L3.98438 12L5.39063 10.5938L11.0156 16.1719L11.0156 3.98438L12.9844 3.98438L12.9844 16.1719L18.6094 10.5938L20.0156 12Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3$3 = [
+  _hoisted_2$3
+];
+function render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
+}
+const ArrowDownIcon = { render: render$3 };
+const _hoisted_1$2 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M4 12.0156L12.0156 4L20.0313 12.0156L18.625 13.4219L13 7.84375L13 20.0313L11.0312 20.0313L11.0313 7.84375L5.40625 13.4219L4 12.0156Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3$2 = [
+  _hoisted_2$2
+];
+function render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
+}
+const ArrowUpIcon = { render: render$2 };
+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__ */ createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M3 6H21V8H3V6ZM6 11H18V13H6V11ZM14 16H10V18H14V16Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3$1 = [
+  _hoisted_2$1
+];
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+}
+const FilterIcon = { 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__ */ createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M16 11C16 13.7614 13.7614 16 11 16C8.23858 16 6 13.7614 6 11C6 8.23858 8.23858 6 11 6C13.7614 6 16 8.23858 16 11ZM15.1922 16.6064C14.0236 17.4816 12.5723 18 11 18C7.13401 18 4 14.866 4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 12.5723 17.4816 14.0236 16.6064 15.1922L20.7213 19.3071L19.3071 20.7213L15.1922 16.6064Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const SearchIcon = { render };
+export {
+  ArrowUpIcon as A,
+  FilterIcon as F,
+  SearchIcon as S,
+  ArrowDownIcon as a
+};
+//# sourceMappingURL=SearchIcon-DvDTJ6Tp.mjs.map

package/dist/esm/SearchIcon-DvDTJ6Tp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon-DvDTJ6Tp.mjs","sources":["../../src/icons/glyph/ArrowDownIcon.svg","../../src/icons/glyph/ArrowUpIcon.svg","../../src/icons/glyph/FilterIcon.svg","../../src/icons/glyph/SearchIcon.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: \"M20.0156 12L12 20.0156L3.98438 12L5.39063 10.5938L11.0156 16.1719L11.0156 3.98438L12.9844 3.98438L12.9844 16.1719L18.6094 10.5938L20.0156 12Z\",\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: \"M4 12.0156L12.0156 4L20.0313 12.0156L18.625 13.4219L13 7.84375L13 20.0313L11.0312 20.0313L11.0313 7.84375L5.40625 13.4219L4 12.0156Z\",\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  \"fill-rule\": \"evenodd\",\n  \"clip-rule\": \"evenodd\",\n  d: \"M3 6H21V8H3V6ZM6 11H18V13H6V11ZM14 16H10V18H14V16Z\",\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  \"fill-rule\": \"evenodd\",\n  \"clip-rule\": \"evenodd\",\n  d: \"M16 11C16 13.7614 13.7614 16 11 16C8.23858 16 6 13.7614 6 11C6 8.23858 8.23858 6 11 6C13.7614 6 16 8.23858 16 11ZM15.1922 16.6064C14.0236 17.4816 12.5723 18 11 18C7.13401 18 4 14.866 4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 12.5723 17.4816 14.0236 16.6064 15.1922L20.7213 19.3071L19.3071 20.7213L15.1922 16.6064Z\",\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,mCAAoB,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAMC,eAAa;AAAA,EACjBF;AACF;AAEO,SAASG,SAAO,MAAM,QAAQ;AACnC,SAAQC,UAAY,GAAEC,mBAAoB,OAAON,cAAYG,YAAU;AACzE;AACA,MAAe,gBAAA,EAAE,QAAQC,SAAM;AClB/B,MAAMJ,eAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAMC,eAA0BC,mCAAoB,QAAQ;AAAA,EAC1D,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAMC,eAAa;AAAA,EACjBF;AACF;AAEO,SAASG,SAAO,MAAM,QAAQ;AACnC,SAAQC,UAAY,GAAEC,mBAAoB,OAAON,cAAYG,YAAU;AACzE;AACA,MAAe,cAAA,EAAE,QAAQC,SAAM;AClB/B,MAAMJ,eAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAMC,eAA0BC,mCAAoB,QAAQ;AAAA,EAC1D,aAAa;AAAA,EACb,aAAa;AAAA,EACb,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAMC,eAAa;AAAA,EACjBF;AACF;AAEO,SAASG,SAAO,MAAM,QAAQ;AACnC,SAAQC,UAAY,GAAEC,mBAAoB,OAAON,cAAYG,YAAU;AACzE;AACA,MAAe,aAAA,EAAE,QAAQC,SAAM;ACpB/B,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AACA,MAAM,aAA0BF,mCAAoB,QAAQ;AAAA,EAC1D,aAAa;AAAA,EACb,aAAa;AAAA,EACb,GAAG;AAAA,EACH,MAAM;AACR,GAAG,MAAM,EAAE;AACX,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQG,UAAY,GAAEC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,aAAA,EAAE,OAAc;"}