@evance/evance-ui 1.0.2 → 1.0.3

package/dist/cjs/EvVirtualScroll.vue_vue_type_script_setup_true_lang-DbsaObui.cjs

@@ -1,294 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.1 | MIT License */
-const vue = require("vue");
-const props = require("./props-NPw_hoii.cjs");
-const dimensions = require("./dimensions-XIPHhrWz.cjs");
-const component = require("./component-BP9_V6Yp.cjs");
-const helpers = require("./helpers-kEoXV5Dy.cjs");
-const resizeObserver = require("./resizeObserver-CQ2McnGM.cjs");
-const display = require("./display-CEfQojrZ.cjs");
-const components = require("./components-D8al01ti.cjs");
-const scroll = require("./scroll-CR9L2L0A.cjs");
-const units = require("./units-CtZImGlc.cjs");
-const toggleScope = require("./toggleScope-vQM_STmo.cjs");
-const UP = -1;
-const DOWN = 1;
-const makeVirtualProps = props.propsFactory(
-  {
-    itemHeight: {
-      type: [Number, String],
-      default: 48
-    }
-  },
-  "virtual"
-);
-function useVirtual(props2, items, offset) {
-  const first = vue.shallowRef(0);
-  const baseItemHeight = vue.shallowRef(props2.itemHeight);
-  const itemHeight = vue.computed({
-    get: () => parseInt(baseItemHeight.value ?? 0, 10),
-    set(val) {
-      baseItemHeight.value = val;
-    }
-  });
-  const containerRef = vue.ref();
-  const { resizeRef, contentRect } = resizeObserver.useResizeObserver();
-  vue.watchEffect(() => {
-    resizeRef.value = containerRef.value;
-  });
-  const display$1 = display.useDisplay();
-  const sizeMap = /* @__PURE__ */ new Map();
-  let sizes = Array.from({ length: items.value.length });
-  const visibleItems = vue.computed(() => {
-    const availableHeight = !contentRect.value || containerRef.value === document.documentElement ? display$1.height.value : contentRect.value.height;
-    const height = availableHeight - 0;
-    return Math.ceil(height / itemHeight.value * 1.7 + 1);
-  });
-  function handleItemResize(index, height) {
-    itemHeight.value = Math.max(itemHeight.value, height);
-    sizes[index] = height;
-    sizeMap.set(items.value[index], height);
-  }
-  function calculateOffset(index) {
-    return sizes.slice(0, index).reduce((acc, val) => {
-      return acc + (val || itemHeight.value);
-    }, 0);
-  }
-  function calculateMidPointIndex(scrollTop) {
-    const end = items.value.length;
-    let middle = 0;
-    let middleOffset = 0;
-    while (middleOffset < scrollTop && middle < end) {
-      middleOffset += sizes[middle++] || itemHeight.value;
-    }
-    return middle - 1;
-  }
-  let lastScrollTop = 0;
-  function handleScroll() {
-    if (!containerRef.value || !contentRect.value) {
-      return;
-    }
-    const height = contentRect.value.height - 56;
-    const scrollTop = containerRef.value.scrollTop;
-    const direction = scrollTop < lastScrollTop ? UP : DOWN;
-    const midPointIndex = calculateMidPointIndex(scrollTop + height / 2);
-    const buffer = Math.round(visibleItems.value / 3);
-    const firstIndex = midPointIndex - buffer;
-    const lastIndex = first.value + buffer * 2 - 1;
-    if (direction === UP && midPointIndex <= lastIndex) {
-      first.value = helpers.clamp(firstIndex, 0, items.value.length);
-    } else if (direction === DOWN && midPointIndex >= lastIndex) {
-      first.value = helpers.clamp(
-        firstIndex,
-        0,
-        items.value.length - visibleItems.value
-      );
-    }
-    lastScrollTop = scrollTop;
-  }
-  function scrollToIndex(index) {
-    if (!containerRef.value) {
-      return;
-    }
-    containerRef.value.scrollTop = calculateOffset(index);
-  }
-  const last = vue.computed(() => {
-    return Math.min(items.value.length, first.value + visibleItems.value);
-  });
-  const computedItems = vue.computed(() => {
-    return items.value.slice(first.value, last.value).map((item, index) => ({
-      raw: item,
-      index: index + first.value
-    }));
-  });
-  const paddingTop = vue.computed(() => {
-    return calculateOffset(first.value);
-  });
-  const paddingBottom = vue.computed(() => {
-    return calculateOffset(items.value.length) - calculateOffset(last.value);
-  });
-  vue.watch(
-    () => items.value.length,
-    () => {
-      sizes = helpers.createRange(items.value.length).map(() => itemHeight.value);
-      sizeMap.forEach((height, item) => {
-        const index = items.value.indexOf(item);
-        if (index === -1) {
-          sizeMap.delete(item);
-        } else {
-          sizes[index] = height;
-        }
-      });
-    }
-  );
-  return {
-    containerRef,
-    computedItems,
-    itemHeight,
-    paddingTop,
-    paddingBottom,
-    scrollToIndex,
-    handleScroll,
-    handleItemResize
-  };
-}
-const makeEvVirtualScrollProps = props.propsFactory(
-  {
-    items: {
-      type: Array,
-      default: () => []
-    },
-    renderless: Boolean,
-    ...makeVirtualProps(),
-    ...component.makeComponentProps(),
-    ...dimensions.makeDimensionsProps()
-  },
-  "EvVirtualScroll"
-);
-const makeEvVirtualScrollItemProps = props.propsFactory(
-  {
-    renderless: Boolean,
-    ...component.makeComponentProps()
-  },
-  "EvVirtualScrollItem"
-);
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "EvVirtualScrollItem",
-  props: {
-    ...makeEvVirtualScrollItemProps()
-  },
-  emits: ["update:height"],
-  setup(__props, { emit }) {
-    const props2 = __props;
-    const attrs = vue.useAttrs();
-    const { resizeRef, contentRect } = resizeObserver.useResizeObserver(void 0, "border");
-    vue.watch(
-      () => {
-        var _a;
-        return (_a = contentRect.value) == null ? void 0 : _a.height;
-      },
-      (height) => {
-        if (height != null) {
-          emit("update:height", height);
-        }
-      }
-    );
-    return (_ctx, _cache) => {
-      return props2.renderless ? vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({ key: 0 }, { itemRef: vue.toRef(vue.unref(resizeRef)) }))) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        key: 1,
-        ref_key: "resizeRef",
-        ref: resizeRef,
-        class: ["ev-virtual-scroll--item", props2.class],
-        style: props2.style
-      }, vue.unref(attrs)), [
-        vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({ itemRef: vue.toRef(vue.unref(resizeRef)) })))
-      ], 16));
-    };
-  }
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvVirtualScroll",
-  props: {
-    ...makeEvVirtualScrollProps()
-  },
-  setup(__props, { expose: __expose }) {
-    const props2 = __props;
-    const component2 = components.getCurrentComponent("EvVirtualScroll");
-    const dimensionStyles = dimensions.useDimensions(props2);
-    const {
-      containerRef,
-      handleScroll,
-      handleItemResize,
-      scrollToIndex,
-      paddingTop,
-      paddingBottom,
-      computedItems
-    } = useVirtual(props2, vue.toRef(props2, "items"));
-    toggleScope.useToggleScope(
-      () => props2.renderless,
-      () => {
-        vue.onMounted(() => {
-          var _a;
-          containerRef.value = scroll.getScrollParent(
-            component2.vnode.el,
-            true
-          );
-          (_a = containerRef.value) == null ? void 0 : _a.addEventListener("scroll", handleScroll);
-        });
-        vue.onScopeDispose(() => {
-          var _a;
-          (_a = containerRef.value) == null ? void 0 : _a.removeEventListener("scroll", handleScroll);
-        });
-      }
-    );
-    __expose({
-      scrollToIndex
-    });
-    return (_ctx, _cache) => {
-      return props2.renderless ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-        vue.createElementVNode("div", {
-          class: "ev-virtual-scroll--spacer",
-          style: vue.normalizeStyle({ paddingTop: vue.unref(units.toWebUnit)(vue.unref(paddingTop)) })
-        }, null, 4),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(computedItems), (item) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$1, {
-            key: item.index,
-            renderless: props2.renderless,
-            "onUpdate:height": (height) => vue.unref(handleItemResize)(item.index, height)
-          }, {
-            default: vue.withCtx(({ itemRef }) => [
-              vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({ item: item.raw, index: item.index, itemRef })))
-            ]),
-            _: 2
-          }, 1032, ["renderless", "onUpdate:height"]);
-        }), 128)),
-        vue.createElementVNode("div", {
-          class: "ev-virtual-scroll--spacer",
-          style: vue.normalizeStyle({ paddingBottom: vue.unref(units.toWebUnit)(vue.unref(paddingBottom)) })
-        }, null, 4)
-      ], 64)) : (vue.openBlock(), vue.createElementBlock("div", {
-        key: 1,
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: vue.normalizeClass(["ev-virtual-scroll", props2.class]),
-        style: vue.normalizeStyle([vue.unref(dimensionStyles), props2.style]),
-        onScroll: _cache[0] || (_cache[0] = //@ts-ignore
-        (...args) => vue.unref(handleScroll) && vue.unref(handleScroll)(...args))
-      }, [
-        vue.createElementVNode("div", {
-          class: "ev-virtual-scroll--container",
-          style: vue.normalizeStyle([
-            {
-              paddingTop: vue.unref(units.toWebUnit)(vue.unref(paddingTop)),
-              paddingBottom: vue.unref(units.toWebUnit)(vue.unref(paddingBottom))
-            }
-          ])
-        }, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(computedItems), (item) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$1, {
-              key: item.index,
-              renderless: props2.renderless,
-              "onUpdate:height": (height) => vue.unref(handleItemResize)(item.index, height)
-            }, {
-              default: vue.withCtx(({ itemRef }) => [
-                vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({
-                  item: item.raw,
-                  index: item.index,
-                  itemRef
-                })))
-              ]),
-              _: 2
-            }, 1032, ["renderless", "onUpdate:height"]);
-          }), 128))
-        ], 4)
-      ], 38));
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvVirtualScrollItemProps = makeEvVirtualScrollItemProps;
-exports.makeEvVirtualScrollProps = makeEvVirtualScrollProps;
-//# sourceMappingURL=EvVirtualScroll.vue_vue_type_script_setup_true_lang-DbsaObui.cjs.map

package/dist/cjs/EvVirtualScroll.vue_vue_type_script_setup_true_lang-DbsaObui.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvVirtualScroll.vue_vue_type_script_setup_true_lang-DbsaObui.cjs","sources":["../../src/composables/virtual.ts","../../src/components/EvVirtualScroll/EvVirtualScroll.ts","../../src/components/EvVirtualScroll/EvVirtualScrollItem.vue","../../src/components/EvVirtualScroll/EvVirtualScroll.vue"],"sourcesContent":["import { clamp, createRange, propsFactory } from \"../util\";\nimport {\n    computed,\n    ComputedRef,\n    ref,\n    Ref,\n    shallowRef,\n    watch,\n    watchEffect,\n} from \"vue\";\nimport { useResizeObserver } from \"./resizeObserver.ts\";\nimport { useDisplay } from \"./display.ts\";\n\nconst UP = -1;\nconst DOWN = 1;\n\ntype VirtualProps = {\n    itemHeight?: number | string;\n};\n\nexport interface VirtualItem {\n    raw: any;\n    index: number;\n}\n\n/**\n * # Make Virtual Props\n */\nexport const makeVirtualProps = propsFactory(\n    {\n        itemHeight: {\n            type: [Number, String],\n            default: 48,\n        },\n    },\n    \"virtual\",\n);\n\n/**\n * # Use Virtual\n * @param props\n * @param items\n * @param offset\n */\nexport function useVirtual<T>(\n    props: VirtualProps,\n    items: Ref<readonly T[]>,\n    offset?: Ref<number>,\n) {\n    const first = shallowRef(0);\n    const baseItemHeight = shallowRef(props.itemHeight);\n    const itemHeight = computed({\n        get: () => parseInt((baseItemHeight.value ?? 0) as string, 10),\n        set(val) {\n            baseItemHeight.value = val;\n        },\n    });\n    const containerRef = ref<HTMLElement>();\n    const { resizeRef, contentRect } = useResizeObserver();\n    watchEffect(() => {\n        resizeRef.value = containerRef.value;\n    });\n    const display = useDisplay();\n\n    const sizeMap = new Map<any, number>();\n    let sizes = Array.from<number | null>({ length: items.value.length });\n    const visibleItems = computed(() => {\n        const availableHeight =\n            !contentRect.value ||\n            containerRef.value === document.documentElement\n                ? display.height.value\n                : contentRect.value.height;\n        const height = availableHeight - (offset?.value ?? 0);\n        return Math.ceil((height / itemHeight.value) * 1.7 + 1);\n    });\n\n    function handleItemResize(index: number, height: number) {\n        itemHeight.value = Math.max(itemHeight.value, height);\n        sizes[index] = height;\n        sizeMap.set(items.value[index], height);\n    }\n\n    function calculateOffset(index: number) {\n        return sizes.slice(0, index).reduce((acc, val) => {\n            return acc! + (val || itemHeight.value);\n        }, 0)!;\n    }\n\n    function calculateMidPointIndex(scrollTop: number) {\n        const end = items.value.length;\n        let middle = 0;\n        let middleOffset = 0;\n        while (middleOffset < scrollTop && middle < end) {\n            middleOffset += sizes[middle++] || itemHeight.value;\n        }\n        return middle - 1;\n    }\n\n    let lastScrollTop = 0;\n    function handleScroll() {\n        if (!containerRef.value || !contentRect.value) {\n            return;\n        }\n\n        const height = contentRect.value.height - 56;\n        const scrollTop = containerRef.value.scrollTop;\n        const direction = scrollTop < lastScrollTop ? UP : DOWN;\n\n        const midPointIndex = calculateMidPointIndex(scrollTop + height / 2);\n        const buffer = Math.round(visibleItems.value / 3);\n        const firstIndex = midPointIndex - buffer;\n        const lastIndex = first.value + buffer * 2 - 1;\n        if (direction === UP && midPointIndex <= lastIndex) {\n            first.value = clamp(firstIndex, 0, items.value.length);\n        } else if (direction === DOWN && midPointIndex >= lastIndex) {\n            first.value = clamp(\n                firstIndex,\n                0,\n                items.value.length - visibleItems.value,\n            );\n        }\n\n        lastScrollTop = scrollTop;\n    }\n\n    function scrollToIndex(index: number) {\n        if (!containerRef.value) {\n            return;\n        }\n        containerRef.value.scrollTop = calculateOffset(index);\n    }\n\n    const last = computed(() => {\n        return Math.min(items.value.length, first.value + visibleItems.value);\n    });\n\n    const computedItems: ComputedRef<VirtualItem[]> = computed(() => {\n        return items.value\n            .slice(first.value, last.value)\n            .map((item, index) => ({\n                raw: item,\n                index: index + first.value,\n            }));\n    });\n\n    const paddingTop = computed(() => {\n        return calculateOffset(first.value);\n    });\n\n    const paddingBottom = computed(() => {\n        return (\n            calculateOffset(items.value.length) - calculateOffset(last.value)\n        );\n    });\n\n    watch(\n        () => items.value.length,\n        () => {\n            sizes = createRange(items.value.length).map(() => itemHeight.value);\n            sizeMap.forEach((height, item) => {\n                const index = items.value.indexOf(item);\n                if (index === -1) {\n                    sizeMap.delete(item);\n                } else {\n                    sizes[index] = height;\n                }\n            });\n        },\n    );\n\n    return {\n        containerRef,\n        computedItems,\n        itemHeight,\n        paddingTop,\n        paddingBottom,\n        scrollToIndex,\n        handleScroll,\n        handleItemResize,\n    };\n}\n","import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeDimensionsProps } from \"@/composables/dimensions.ts\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeVirtualProps } from \"@/composables/virtual.ts\";\n\nexport interface EvVirtualScrollSlot<T> {\n    item: T;\n    index: number;\n}\n\n/**\n * # Make EvVirtualScroll Props\n */\nexport const makeEvVirtualScrollProps = propsFactory(\n    {\n        items: {\n            type: Array as PropType<readonly unknown[]>,\n            default: () => [],\n        },\n        renderless: Boolean,\n\n        ...makeVirtualProps(),\n        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvVirtualScroll\",\n);\n\n/**\n * # Make EvVirtualScrollItem Props\n */\nexport const makeEvVirtualScrollItemProps = propsFactory(\n    {\n        renderless: Boolean,\n        ...makeComponentProps(),\n    },\n    \"EvVirtualScrollItem\",\n);\n","<script setup lang=\"ts\">\nimport { Ref, toRef, useAttrs, watch } from \"vue\";\nimport { useResizeObserver } from \"../../composables/resizeObserver.ts\";\nimport { makeEvVirtualScrollItemProps } from \"./EvVirtualScroll.ts\";\n\ndefineOptions({\n    inheritAttrs: false,\n});\n\ndefineSlots<{\n    default(props: { itemRef: Ref<HTMLElement | undefined> }): any;\n}>();\n\nconst props = defineProps({\n    ...makeEvVirtualScrollItemProps(),\n});\n\nconst emit = defineEmits([\"update:height\"]);\nconst attrs = useAttrs();\n\nconst { resizeRef, contentRect } = useResizeObserver(undefined, \"border\");\n\nwatch(\n    () => contentRect.value?.height,\n    (height) => {\n        if (height != null) {\n            emit(\"update:height\", height);\n        }\n    },\n);\n</script>\n\n<template>\n    <template v-if=\"props.renderless\">\n        <slot name=\"default\" v-bind=\"{ itemRef: toRef(resizeRef) }\" />\n    </template>\n    <div\n        v-else\n        ref=\"resizeRef\"\n        :class=\"['ev-virtual-scroll--item', props.class]\"\n        :style=\"props.style\"\n        v-bind=\"attrs\">\n        <slot name=\"default\" v-bind=\"{ itemRef: toRef(resizeRef) }\" />\n    </div>\n</template>\n","<script setup lang=\"ts\">\nimport { makeEvVirtualScrollProps } from \"./EvVirtualScroll.ts\";\nimport { getCurrentComponent, getScrollParent, toWebUnit } from \"@/util\";\nimport { useDimensions } from \"@/composables/dimensions.ts\";\nimport { onMounted, onScopeDispose, Ref, toRef } from \"vue\";\nimport { useVirtual } from \"@/composables/virtual.ts\";\nimport { useToggleScope } from \"@/composables/toggleScope.ts\";\nimport EvVirtualScrollItem from \"./EvVirtualScrollItem.vue\";\n\nconst props = defineProps({\n    ...makeEvVirtualScrollProps(),\n});\nconst component = getCurrentComponent(\"EvVirtualScroll\");\nconst dimensionStyles = useDimensions(props);\nconst {\n    containerRef,\n    handleScroll,\n    handleItemResize,\n    scrollToIndex,\n    paddingTop,\n    paddingBottom,\n    computedItems,\n} = useVirtual(props, toRef(props, \"items\"));\n\nuseToggleScope(\n    () => props.renderless,\n    () => {\n        onMounted(() => {\n            containerRef.value = getScrollParent(\n                component.vnode.el as HTMLElement,\n                true,\n            );\n            containerRef.value?.addEventListener(\"scroll\", handleScroll);\n        });\n\n        onScopeDispose(() => {\n            containerRef.value?.removeEventListener(\"scroll\", handleScroll);\n        });\n    },\n);\n\ndefineExpose({\n    scrollToIndex,\n});\n\ndefineSlots<{\n    default(props: {\n        item: any;\n        index: number;\n        itemRef: Ref<HTMLElement | undefined>;\n    }): any;\n}>();\n</script>\n\n<template>\n    <template v-if=\"props.renderless\">\n        <div\n            class=\"ev-virtual-scroll--spacer\"\n            :style=\"{ paddingTop: toWebUnit(paddingTop) }\"></div>\n        <ev-virtual-scroll-item\n            v-for=\"item in computedItems\"\n            :key=\"item.index\"\n            :renderless=\"props.renderless\"\n            @update:height=\"(height) => handleItemResize(item.index, height)\">\n            <template #default=\"{ itemRef }\">\n                <slot v-bind=\"{ item: item.raw, index: item.index, itemRef }\" />\n            </template>\n        </ev-virtual-scroll-item>\n        <div\n            class=\"ev-virtual-scroll--spacer\"\n            :style=\"{ paddingBottom: toWebUnit(paddingBottom) }\"></div>\n    </template>\n\n    <div\n        v-else\n        ref=\"containerRef\"\n        :class=\"['ev-virtual-scroll', props.class]\"\n        :style=\"[dimensionStyles, props.style]\"\n        @scroll=\"handleScroll\">\n        <div\n            class=\"ev-virtual-scroll--container\"\n            :style=\"[\n                {\n                    paddingTop: toWebUnit(paddingTop),\n                    paddingBottom: toWebUnit(paddingBottom),\n                },\n            ]\">\n            <ev-virtual-scroll-item\n                v-for=\"item in computedItems\"\n                :key=\"item.index\"\n                :renderless=\"props.renderless\"\n                @update:height=\"\n                    (height) => handleItemResize(item.index, height)\n                \">\n                <template #default=\"{ itemRef }\">\n                    <slot\n                        name=\"default\"\n                        v-bind=\"{\n                            item: item.raw,\n                            index: item.index,\n                            itemRef,\n                        }\" />\n                </template>\n            </ev-virtual-scroll-item>\n        </div>\n    </div>\n</template>\n"],"names":["propsFactory","props","shallowRef","computed","ref","useResizeObserver","watchEffect","display","useDisplay","clamp","watch","createRange","makeComponentProps","makeDimensionsProps","useAttrs","component","getCurrentComponent","useDimensions","toRef","useToggleScope","onMounted","getScrollParent","onScopeDispose"],"mappings":"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"}

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

@@ -1,249 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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":";;;;;;;;AA4CA,MAAM,gBAAgB,CAAC,YAA0B;AAC7C,QAAM,EAAE,aAAa,WAAW,aAAa,cAAc;AAC3D,QAAM,WAAW;AACjB,QAAM,cAAc;AACpB,UAAQ,UAAU,YAAY;AAC9B,UAAQ,UAAU,YAAY;AAE1B,MAAA,KAAK,IAAI,QAAQ,OAAO,IAAI,WAAW,KAAK,IAAI,QAAQ,OAAO,GAAG;AAClE,YAAQ,QACJ,YAAY,cAAc,eAC1B,QAAQ,KAAK,OAAO;AACxB,YAAQ,SACJ,YAAY,cAAc,eAC1B,QAAQ,MAAM,OAAO;AAAA,EAC7B;AAEI,MAAA,KAAK,IAAI,QAAQ,OAAO,IAAI,WAAW,KAAK,IAAI,QAAQ,OAAO,GAAG;AAClE,YAAQ,MACJ,YAAY,cAAc,eAC1B,QAAQ,GAAG,OAAO;AACtB,YAAQ,QACJ,YAAY,cAAc,eAC1B,QAAQ,KAAK,OAAO;AAAA,EAC5B;AACJ;AAOA,SAAS,WAAW,OAAmB,SAAuB;;AACpD,QAAA,QAAQ,MAAM,eAAe,CAAC;AACpC,UAAQ,cAAc,MAAM;AAC5B,UAAQ,cAAc,MAAM;AAE5B,gBAAQ,UAAR,iCAAgB,EAAE,eAAe,OAAO,GAAG;AAC/C;AAOA,SAAS,SAAS,OAAmB,SAAuB;;AAClD,QAAA,QAAQ,MAAM,eAAe,CAAC;AACpC,UAAQ,YAAY,MAAM;AAC1B,UAAQ,YAAY,MAAM;AAE1B,gBAAQ,QAAR,iCAAc,EAAE,eAAe,OAAO,GAAG;AAEzC,gBAAc,OAAO;AACzB;AAOA,SAAS,UAAU,OAAmB,SAAuB;;AACnD,QAAA,QAAQ,MAAM,eAAe,CAAC;AACpC,UAAQ,aAAa,MAAM;AAC3B,UAAQ,aAAa,MAAM;AAE3B,gBAAQ,SAAR,iCAAe,EAAE,eAAe,OAAO,GAAG;AAC9C;AAMA,SAAS,eAAe,QAAuB,IAAyB;AACpE,QAAM,UAAU;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM,MAAM;AAAA,IACZ,OAAO,MAAM;AAAA,IACb,IAAI,MAAM;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,OAAO,MAAM;AAAA,IACb,MAAM,MAAM;AAAA,IACZ,KAAK,MAAM;AAAA,EAAA;AAGR,SAAA;AAAA,IACH,YAAY,CAAC,MAAkB,WAAW,GAAG,OAAO;AAAA,IACpD,UAAU,CAAC,MAAkB,SAAS,GAAG,OAAO;AAAA,IAChD,WAAW,CAAC,MAAkB,UAAU,GAAG,OAAO;AAAA,EAAA;AAE1D;AAMA,SAAS,QAAQ,IAAsB,SAAgC;;AACnE,QAAM,QAAQ,QAAQ;AACtB,QAAM,UAAU,+BAAO,UAAS,GAAG,gBAAgB;AACnD,QAAM,WAAU,+BAAO,YAAW,EAAE,SAAS,KAAK;AAC5C,QAAA,OAAM,aAAQ,aAAR,mBAAkB,EAAE;AAE5B,MAAA,CAAC,UAAU,CAAC,KAAK;AACjB;AAAA,EACJ;AAEM,QAAA,WAAW,eAAe,QAAQ,KAAK;AAE7C,SAAO,iBAAiB,OAAO,kBAAkB,uBAAO,OAAO,IAAI;AAC5D,SAAA,eAAgB,GAAG,IAAI;AAE9BA,UAAAA,KAAK,QAAQ,EAAE,QAAQ,CAAC,cAAc;AAClC,WAAO,iBAAiB,WAAW,SAAS,SAAS,GAAG,OAAO;AAAA,EAAA,CAClE;AACL;AAEA,SAAS,UAAU,IAAiB,SAAgC;;AAChE,QAAM,WACF,aAAQ,UAAR,mBAAe,UAAS,GAAG,gBAAgB;AAEzC,QAAA,OAAM,aAAQ,aAAR,mBAAkB,EAAE;AAEhC,MAAI,EAAC,iCAAQ,mBAAkB,CAAC,KAAK;AACjC;AAAA,EACJ;AAEM,QAAA,WAAW,OAAO,eAAe,GAAG;AAE1CA,UAAAA,KAAK,QAAQ,EAAE,QAAQ,CAAC,cAAc;AAClC,WAAO,oBAAoB,WAAW,SAAS,SAAS,CAAC;AAAA,EAAA,CAC5D;AAEM,SAAA,OAAO,eAAe,GAAG;AACpC;AAEO,MAAM,QAAQ;AAAA,EACjB;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;AClJM,UAAA,EAAE,UAAUC,OAAAA;AACZ,UAAA,EAAE,MAAMC,OAAAA;AACR,UAAAC,UAAQC,MAAAA,SAAS,OAA4BC,iDAAmB,mBAAA;AACtE,UAAM,UAAUC,IAAAA;AAChB,UAAM,eAAeC,IAAA;AAAA,MAAS,MAC1B,MAAM,QAAQ,CAAC,MAAM,UAAU,MAAM;AAAA,IAAA;AAEnC,UAAA,aAAaC,eAAW,KAAK;AAE7B,UAAA,aAAaD,IAAAA,SAAS,MAAM;AAC9B,YAAM,OAAO,MAAM,cAAc,aAAa,MAAM;AACpD,YAAM,UAAU,aAAa,QAAQ,CAAC,WAAW,QAAQ,WAAW;AAC9D,YAAA,YAAY,UAAU,aAAa;AAClC,aAAA,aAAa,IAAI,GAAG,SAAS;AAAA,IAAA,CACvC;AACK,UAAA,kBAAkBC,eAAW,CAAC;AAC9B,UAAA,mBAAmBF,IAAAA,IAAwB,MAAS;AAEpD,UAAA,cAAcC,IAAAA,SAAS,MAAM;AACxB,aAAAJ,QAAM,MAAM,MAAM;AAAA,QAAU,CAAC,SAChCA,QAAM,SAAS,MAAM,SAAS,KAAK,EAAE;AAAA,MAAA;AAAA,IACzC,CACH;AAEKM,QAAAA,MAAA,aAAa,CAAC,QAAQ,WAAW;AAC7B,YAAA,cAAcN,QAAM,MAAM,MAAM;AACtC,YAAM,YAAY,cAAc;AAChC,UAAI,eAAe,GAAG;AAClB,mBAAW,QAAQ,SAAS;AAAA,MACrB,WAAA,WAAW,aAAa,WAAW,GAAG;AAC7C,mBAAW,QAAQ;AAAA,MACZ,WAAA,WAAW,KAAK,WAAW,WAAW;AAC7C,mBAAW,QAAQ;AAAA,MAAA,OAChB;AACH,mBAAW,QAAQ,SAAS;AAAA,MAChC;AAAA,IAAA,CACH;AAEDO,QAAAA,QAAQC,iDAAAA,gBAAgB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,cAAcJ,IAAS,SAAA,MAAM,MAAM,cAAc,YAAY,UAAU,CAAC;AAC9E,UAAM,iBAAiBA,IAAA;AAAA,MACnB,MACI,MAAM,cAAc,YAAY,UAAUJ,QAAM,MAAM,MAAM,SAAS;AAAA,IAAA;AAG7E,aAAS,WAAW;AACJ,kBAAA,SAASA,QAAM;IAC/B;AAEA,aAAS,OAAO;AACG,qBAAA,SAASA,QAAM;IAClC;AAEM,UAAA,eAAeI,IAAAA,SAAS,MAAM;AAChC,UAAI,MAAM,UAAU;AAAO,eAAO,MAAM;AAExC,YAAM,UAAyB;AAAA,QAC3B,MAAM,MAAM;AACK,uBAAA,QAAQ,SAAS,IAAI,KAAK;AAAA,QAC3C;AAAA,QACA,OAAO,MAAM;AACI,uBAAA,QAAQ,KAAK,IAAI,SAAS;AAAA,QAC3C;AAAA,QACA,OAAO,CAAC,EAAE,oBAAoB;AAC1B,wBAAc,gBAAgB;AAAA,QAClC;AAAA,MAAA;AAGG,aAAA;AAAA,QACH,GAAG;AAAA,QACH,GAAI,MAAM,UAAU,OAAO,KAAK,MAAM;AAAA,MAAA;AAAA,IAC1C,CACH;AAEK,UAAA,gBAAgBA,IAAAA,SAAS,MAAM;AAC1B,aAAA;AAAA,QACH,MAAM,MAAM,QAAQ,MAAM,WAAW,MAAM;AAAA,QAC3C,OAAO,cAAc,aAAa,QAAQ,UAAU,MAAM;AAAA,QAC1D,SAASJ,QAAM;AAAA,QACf,WAAW,EAAE,mBAAmB;AAAA,MAAA;AAAA,IACpC,CACH;AAEK,UAAA,YAAYI,IAAAA,SAAS,MAAM;AACtB,aAAA;AAAA,QACH,MAAM,MAAM,QAAQ,MAAM,eAAe,MAAM;AAAA,QAC/C,OAAO,cAAc,aAAa,QAAQ,SAAS,OAAO;AAAA,QAC1D,SAASJ,QAAM;AAAA,QACf,WAAW,EAAE,eAAe;AAAA,MAAA;AAAA,IAChC,CACH;AAGD,UAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}