@evance/evance-ui 1.0.1 → 1.0.2

package/dist/esm/EvImg.vue_vue_type_script_setup_true_lang-DJLc9gQC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvImg.vue_vue_type_script_setup_true_lang-DJLc9gQC.mjs","sources":["../../src/components/EvImg/EvImg.ts","../../src/components/EvImg/EvImg.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeEvResponsiveProps } from \"@/components/EvResponsive/EvResponsive.ts\";\nimport { makeEvTransitionProps } from \"@/components/EvTransition\";\nimport { PropType } from \"vue\";\n\nexport const makeEvImgProps = propsFactory(\n    {\n        alt: String,\n        cover: Boolean,\n        crossorigin: String as PropType<\"\" | \"anonymous\" | \"use-credentials\">,\n        draggable: {\n            type: [Boolean, String] as PropType<boolean | \"true\" | \"false\">,\n            default: undefined,\n        },\n        eager: Boolean,\n        gradient: String,\n        lazySrc: String,\n        options: {\n            type: Object as PropType<IntersectionObserverInit>,\n            // For more information on types, navigate to:\n            // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n            default: () => ({\n                root: undefined,\n                rootMargin: undefined,\n                threshold: undefined,\n            }),\n        },\n        position: String,\n        referrerpolicy: String as PropType<\n            | \"no-referrer\"\n            | \"no-referrer-when-downgrade\"\n            | \"origin\"\n            | \"origin-when-cross-origin\"\n            | \"same-origin\"\n            | \"strict-origin\"\n            | \"strict-origin-when-cross-origin\"\n            | \"unsafe-url\"\n        >,\n        sizes: String,\n        src: {\n            type: [String, Object] as PropType<string | EvImgSrcObject>,\n            default: \"\",\n        },\n        srcset: String,\n\n        ...makeEvResponsiveProps(),\n        ...makeComponentProps(),\n        ...makeEvTransitionProps(),\n    },\n    \"EvImg\",\n);\n\nexport interface EvImgSrcObject {\n    src?: string;\n    srcset?: string;\n    lazySrc?: string;\n    aspect?: string | number;\n}\n\nexport type EvImgSlots = {\n    default: never;\n    placeholder: never;\n    error: never;\n    sources: never;\n};\n","<script setup lang=\"ts\">\r\n/**\r\n * `<ev-img>`\r\n */\r\nimport \"./EvImg.scss\";\r\nimport { makeEvImgProps, EvImgSrcObject } from \"./EvImg.ts\";\r\nimport { EvResponsive } from \"@/components/EvResponsive\";\r\nimport { EvTransition, useEvTransition } from \"@/components/EvTransition\";\r\nimport {\r\n    computed,\r\n    ComputedRef,\r\n    nextTick,\r\n    onBeforeMount,\r\n    onBeforeUnmount,\r\n    onMounted,\r\n    ref,\r\n    shallowRef,\r\n    watch,\r\n} from \"vue\";\r\nimport { Browser, filterComponentProps, isObject, toWebUnit } from \"@/util\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvImgProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    default(): never;\r\n    error(): never;\r\n    placeholder(): never;\r\n    sources(): never;\r\n}>();\r\nconst emit = defineEmits([\"loadstart\", \"load\", \"error\"]);\r\n\r\nconst currentSrc = shallowRef(\"\");\r\nconst image = ref<HTMLImageElement>();\r\nconst state = shallowRef<\"idle\" | \"loading\" | \"loaded\" | \"error\">(\r\n    props.eager ? \"loading\" : \"idle\",\r\n);\r\nconst naturalWidth = shallowRef<number>();\r\nconst naturalHeight = shallowRef<number>();\r\nconst transition = useEvTransition(props);\r\n\r\nconst normalisedSrc: ComputedRef<EvImgSrcObject> = computed(() => {\r\n    const imgSrc = props as EvImgSrcObject | { src: EvImgSrcObject };\r\n\r\n    return isObject(imgSrc.src)\r\n        ? {\r\n              src: imgSrc.src.src,\r\n              srcset: props.srcset || imgSrc.src.srcset,\r\n              lazySrc: props.lazySrc || imgSrc.src.lazySrc,\r\n              aspect: props.aspectRatio || imgSrc.src.aspect || 0,\r\n          }\r\n        : {\r\n              src: props.src,\r\n              srcset: props.srcset,\r\n              lazySrc: props.lazySrc,\r\n              aspect: props.aspectRatio || 0,\r\n          };\r\n});\r\n\r\nconst aspectRatio = computed(() => {\r\n    return (\r\n        normalisedSrc.value.aspect ||\r\n        naturalWidth.value! / naturalHeight.value! ||\r\n        0\r\n    );\r\n});\r\n\r\nconst objectFitClasses = computed(() => {\r\n    return {\r\n        \"is-object-cover\": props.cover,\r\n        \"is-object-contain\": !props.cover,\r\n    };\r\n});\r\n\r\n/**\r\n * ## getSrc\r\n */\r\nfunction getSrc() {\r\n    const img = image.value;\r\n    if (img) {\r\n        currentSrc.value = img.currentSrc || img.src;\r\n    }\r\n}\r\n\r\n/**\r\n * ## init\r\n *\r\n * @param isIntersecting\r\n */\r\nfunction init(isIntersecting?: boolean) {\r\n    if (props.eager && isIntersecting) {\r\n        return;\r\n    }\r\n    if (Browser.supportsIntersection && !isIntersecting && !props.eager) {\r\n        return;\r\n    }\r\n    state.value = \"loading\";\r\n\r\n    if (normalisedSrc.value.lazySrc) {\r\n        const lazyImg = new Image();\r\n        lazyImg.src = normalisedSrc.value.lazySrc;\r\n        pollForSize(lazyImg, null);\r\n    }\r\n\r\n    if (!normalisedSrc.value.src) {\r\n        return;\r\n    }\r\n\r\n    nextTick(() => {\r\n        emit(\"loadstart\", image.value?.currentSrc || normalisedSrc.value.src);\r\n        setTimeout(() => {\r\n            if (image.value?.complete) {\r\n                if (!image.value.naturalWidth) {\r\n                    onError();\r\n                }\r\n                if (state.value === \"error\") {\r\n                    return;\r\n                }\r\n                if (!aspectRatio.value) {\r\n                    pollForSize(image.value, null);\r\n                }\r\n                if (state.value === \"loading\") {\r\n                    onLoad();\r\n                }\r\n            } else {\r\n                if (!aspectRatio.value) {\r\n                    pollForSize(image.value!);\r\n                }\r\n                getSrc();\r\n            }\r\n        });\r\n    });\r\n}\r\n\r\n/**\r\n * ## onError\r\n */\r\nfunction onError() {\r\n    state.value = \"error\";\r\n    emit(\"error\", image.value?.currentSrc || normalisedSrc.value.src);\r\n}\r\n\r\n/**\r\n * ## onLoad\r\n */\r\nfunction onLoad() {\r\n    getSrc();\r\n    pollForSize(image.value!);\r\n    state.value = \"loaded\";\r\n    emit(\"load\", image.value?.currentSrc || normalisedSrc.value.src);\r\n}\r\n\r\nlet timer = -1;\r\nfunction pollForSize(img: HTMLImageElement, timeout: number | null = 100) {\r\n    const poll = () => {\r\n        clearTimeout(timer);\r\n        if (!img) {\r\n            return;\r\n        }\r\n        if (!img?.complete && state.value === \"loading\" && timeout != null) {\r\n            timer = window.setTimeout(poll, timeout);\r\n            return;\r\n        }\r\n        const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img;\r\n        if (imgHeight || imgWidth) {\r\n            naturalWidth.value = imgWidth;\r\n            naturalHeight.value = imgHeight;\r\n        } else if (\r\n            img.currentSrc.endsWith(\".svg\") ||\r\n            img.currentSrc.startsWith(\"data:image/svg+xml\")\r\n        ) {\r\n            naturalWidth.value = 1;\r\n            naturalHeight.value = 1;\r\n        }\r\n    };\r\n    poll();\r\n}\r\n\r\nwatch(\r\n    () => props.src,\r\n    () => {\r\n        if (state.value !== \"idle\") {\r\n            state.value = \"idle\";\r\n            nextTick(() => {\r\n                init(true);\r\n            });\r\n        }\r\n    },\r\n);\r\n\r\nwatch(aspectRatio, (val, oldVal) => {\r\n    if (!val && oldVal && image.value) {\r\n        pollForSize(image.value);\r\n    }\r\n});\r\n\r\nonBeforeMount(() => init());\r\n\r\nif (Browser.hasWindow) {\r\n    const windowWidth = ref(window.innerWidth);\r\n    const onWindowResize = () => {\r\n        windowWidth.value = window.innerWidth;\r\n    };\r\n    onMounted(() => {\r\n        window.addEventListener(\"resize\", onWindowResize);\r\n        onWindowResize();\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n        window.removeEventListener(\"resize\", onWindowResize);\r\n    });\r\n\r\n    watch(windowWidth, (newWidth, oldWidth) => {\r\n        if (newWidth != oldWidth) {\r\n            getSrc();\r\n        }\r\n    });\r\n}\r\n\r\nconst isBooted = shallowRef(false);\r\n{\r\n    const stop = watch(aspectRatio, (val) => {\r\n        if (val) {\r\n            // Doesn't work with nextTick, idk why\r\n            requestAnimationFrame(() => {\r\n                requestAnimationFrame(() => {\r\n                    isBooted.value = true;\r\n                });\r\n            });\r\n            stop();\r\n        }\r\n    });\r\n}\r\n\r\nconst isLoaded = computed(() => {\r\n    return state.value === \"loaded\";\r\n});\r\n\r\nconst responsiveProps = computed(() =>\r\n    filterComponentProps(EvResponsive, props),\r\n);\r\n\r\nconst imgProps = computed(() => ({\r\n    src: normalisedSrc.value.src,\r\n    srcset: normalisedSrc.value.srcset,\r\n    alt: props.alt,\r\n    crossorigin: props.crossorigin,\r\n    referrerpolicy: props.referrerpolicy,\r\n    draggable: props.draggable,\r\n    sizes: props.sizes,\r\n}));\r\n</script>\r\n\r\n<template>\r\n    <ev-responsive\r\n        v-intersect.once=\"{\r\n            handler: init,\r\n            options: props.options,\r\n        }\"\r\n        :class=\"[\r\n            'ev-img',\r\n            {\r\n                'is-booting': !isBooted,\r\n            },\r\n            props.class,\r\n        ]\"\r\n        :style=\"[\r\n            {\r\n                width: toWebUnit(\r\n                    props.width === 'auto' ? naturalWidth : props.width,\r\n                ),\r\n            },\r\n            props.style,\r\n        ]\"\r\n        v-bind=\"responsiveProps\"\r\n        :aria-label=\"props.alt\"\r\n        :aspect-ratio=\"aspectRatio\"\r\n        :role=\"props.alt ? 'img' : undefined\">\r\n        <template #additional>\r\n            <ev-transition\r\n                v-if=\"normalisedSrc.src && state !== 'idle'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <picture\r\n                    v-if=\"slots.sources\"\r\n                    v-show=\"isLoaded\"\r\n                    class=\"ev-img--picture\">\r\n                    <slot name=\"sources\" />\r\n                    <img\r\n                        ref=\"image\"\r\n                        :class=\"['ev-img--img', objectFitClasses]\"\r\n                        :style=\"{ objectPosition: props.position }\"\r\n                        v-bind=\"imgProps\"\r\n                        @load=\"onLoad\"\r\n                        @error=\"onError\" />\r\n                </picture>\r\n                <img\r\n                    v-else\r\n                    v-show=\"isLoaded\"\r\n                    ref=\"image\"\r\n                    :class=\"['ev-img--img', objectFitClasses]\"\r\n                    :style=\"{ objectPosition: props.position }\"\r\n                    v-bind=\"imgProps\"\r\n                    @load=\"onLoad\"\r\n                    @error=\"onError\" />\r\n            </ev-transition>\r\n\r\n            <ev-transition :transition=\"transition\">\r\n                <img\r\n                    v-if=\"normalisedSrc.lazySrc && state !== 'loaded'\"\r\n                    :class=\"[\r\n                        'ev-img--img',\r\n                        'ev-img--preload',\r\n                        objectFitClasses,\r\n                    ]\"\r\n                    :style=\"{ objectPosition: props.position }\"\r\n                    :src=\"normalisedSrc.lazySrc\"\r\n                    :alt=\"props.alt\"\r\n                    :crossorigin=\"props.crossorigin\"\r\n                    :referrerpolicy=\"props.referrerpolicy\"\r\n                    :draggable=\"props.draggable\" />\r\n            </ev-transition>\r\n\r\n            <div\r\n                v-if=\"props.gradient\"\r\n                class=\"ev-img--gradient\"\r\n                :style=\"{\r\n                    backgroundImage: `linear-gradient(${props.gradient})`,\r\n                }\"></div>\r\n\r\n            <ev-transition\r\n                v-if=\"slots.placeholder\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div\r\n                    v-if=\"\r\n                        state === 'loading' ||\r\n                        (state === 'error' && !slots.error)\r\n                    \"\r\n                    class=\"ev-img--placeholder\">\r\n                    <slot name=\"placeholder\" />\r\n                </div>\r\n            </ev-transition>\r\n\r\n            <ev-transition v-if=\"slots.error\" :transition=\"transition\" appear>\r\n                <div class=\"ev-img--error\">\r\n                    <slot name=\"error\" />\r\n                </div>\r\n            </ev-transition>\r\n        </template>\r\n        <template #default>\r\n            <slot name=\"default\" />\r\n        </template>\r\n    </ev-responsive>\r\n</template>\r\n"],"names":["_useSlots","_a","EvResponsive"],"mappings":"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"}

package/dist/esm/EvKbd.mjs

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { _, m } from "./EvKbd.vue_vue_type_script_setup_true_lang-DwYCbTN1.mjs";
+export {
+  _ as EvKbd,
+  m as makeEvKbdProps
+};
+//# sourceMappingURL=EvKbd.mjs.map

package/dist/esm/EvKbd.mjs.map

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

package/dist/esm/EvKbd.vue_vue_type_script_setup_true_lang-DwYCbTN1.mjs

@@ -0,0 +1,42 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { p as propsFactory } from "./props-DiPGFtXP.mjs";
+import { m as makeComponentProps } from "./component-B1Vu4b6F.mjs";
+import { I as InputSize } from "./appearance-ZesIGtFm.mjs";
+import { s as sizeModifier } from "./modifiers-CxxlSc0X.mjs";
+const makeEvKbdProps = propsFactory(
+  {
+    value: String,
+    size: String,
+    ...makeComponentProps()
+  },
+  "EvKbd"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvKbd",
+  props: {
+    ...makeEvKbdProps()
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("kbd", {
+        class: normalizeClass([
+          "ev-kbd",
+          props.class,
+          unref(sizeModifier)(props.size, [unref(InputSize).default])
+        ]),
+        style: normalizeStyle(props.style)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(props.value), 1)
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvKbdProps as m
+};
+//# sourceMappingURL=EvKbd.vue_vue_type_script_setup_true_lang-DwYCbTN1.mjs.map

package/dist/esm/EvKbd.vue_vue_type_script_setup_true_lang-DwYCbTN1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvKbd.vue_vue_type_script_setup_true_lang-DwYCbTN1.mjs","sources":["../../src/components/EvKbd/EvKbd.ts"],"sourcesContent":["import { InputSizeProp, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { PropType } from \"vue\";\n\nexport const makeEvKbdProps = propsFactory(\n    {\n        value: String,\n        size: String as PropType<InputSizeProp>,\n\n        ...makeComponentProps(),\n    },\n    \"EvKbd\",\n);\n"],"names":[],"mappings":";;;;;;AAIO,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IAEN,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvLabel.mjs

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { _, m } from "./EvLabel.vue_vue_type_script_setup_true_lang-BonVvMTI.mjs";
+export {
+  _ as EvLabel,
+  m as makeEvLabelProps
+};
+//# sourceMappingURL=EvLabel.mjs.map

package/dist/esm/EvLabel.mjs.map

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

package/dist/esm/EvLabel.vue_vue_type_script_setup_true_lang-BonVvMTI.mjs

@@ -0,0 +1,42 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { p as propsFactory } from "./props-DiPGFtXP.mjs";
+import { m as makeComponentProps } from "./component-B1Vu4b6F.mjs";
+const makeEvLabelProps = propsFactory(
+  {
+    text: String,
+    clickable: Boolean,
+    ...makeComponentProps()
+  },
+  "EvLabel"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvLabel",
+  props: {
+    ...makeEvLabelProps()
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass([
+          "ev-label",
+          {
+            "is-clickable": props.clickable
+          },
+          props.class
+        ]),
+        style: normalizeStyle(props.style)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(props.text), 1)
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvLabelProps as m
+};
+//# sourceMappingURL=EvLabel.vue_vue_type_script_setup_true_lang-BonVvMTI.mjs.map

package/dist/esm/EvLabel.vue_vue_type_script_setup_true_lang-BonVvMTI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvLabel.vue_vue_type_script_setup_true_lang-BonVvMTI.mjs","sources":["../../src/components/EvLabel/EvLabel.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\n\nexport const makeEvLabelProps = propsFactory(\n    {\n        text: String,\n        clickable: Boolean,\n\n        ...makeComponentProps(),\n    },\n    \"EvLabel\",\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,IACI,MAAM;AAAA,IACN,WAAW;AAAA,IAEX,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvLayout.mjs

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { _, m } from "./EvLayout.vue_vue_type_script_setup_true_lang-DmebdHMW.mjs";
+export {
+  _ as EvLayout,
+  m as makeEvLayoutProps
+};
+//# sourceMappingURL=EvLayout.mjs.map

package/dist/esm/EvLayout.mjs.map

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

package/dist/esm/EvLayout.vue_vue_type_script_setup_true_lang-DmebdHMW.mjs

@@ -0,0 +1,87 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, normalizeStyle, withCtx, renderSlot } from "vue";
+import { p as propsFactory } from "./props-DiPGFtXP.mjs";
+import { m as makeComponentProps } from "./component-B1Vu4b6F.mjs";
+import { m as makeTagProps } from "./tag-BExK_t_Z.mjs";
+import { a as useBreakpointClasses, u as useDisplayRuleClasses, c as calculateDisplayRuleValue } from "./display-DC1F6kUc.mjs";
+import { b as isBoolean, d as isEmpty } from "./is-functions-DDx5Oqi8.mjs";
+const makeEvLayoutProps = propsFactory(
+  {
+    align: [String, Object],
+    alignContent: [String, Object],
+    column: Boolean,
+    gutter: [String, Number, Object],
+    justify: [String, Object],
+    nowrap: Boolean,
+    hidden: [Boolean, String, Array],
+    height: [String, Number, Object],
+    width: [String, Number, Object],
+    ...makeComponentProps(),
+    ...makeTagProps()
+  },
+  "EvLayout"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvLayout",
+  props: {
+    ...makeEvLayoutProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const alignItemsClasses = useBreakpointClasses(props, "align", "align");
+    const alignContentClasses = useBreakpointClasses(
+      props,
+      "alignContent",
+      "align-content"
+    );
+    const justifyContentClasses = useBreakpointClasses(props, "justify", "justify");
+    const gutterClasses = useBreakpointClasses(props, "gutter", "gutter");
+    const hiddenClasses = useDisplayRuleClasses(props, "hidden", "hidden");
+    const hiddenAttribute = computed(() => {
+      return isBoolean(props.hidden) && props.hidden;
+    });
+    const heightStyles = computed(() => {
+      const value = calculateDisplayRuleValue(props.height);
+      if (isEmpty(value)) {
+        return void 0;
+      }
+      return { height: value };
+    });
+    const widthStyles = computed(() => {
+      const value = calculateDisplayRuleValue(props.width);
+      if (isEmpty(value)) {
+        return void 0;
+      }
+      return value === "grow" ? { flex: "1 0 auto", maxWidth: "100%", width: "100%" } : { flex: `0 0 ${value}`, maxWidth: value, width: value };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        class: normalizeClass([
+          "ev-layout",
+          {
+            "is-column": props.column,
+            "is-nowrap": props.nowrap
+          },
+          ...unref(alignItemsClasses),
+          ...unref(alignContentClasses),
+          ...unref(justifyContentClasses),
+          ...unref(gutterClasses),
+          ...unref(hiddenClasses),
+          props.class
+        ]),
+        style: normalizeStyle([props.style, widthStyles.value, heightStyles.value]),
+        hidden: hiddenAttribute.value
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "style", "hidden"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvLayoutProps as m
+};
+//# sourceMappingURL=EvLayout.vue_vue_type_script_setup_true_lang-DmebdHMW.mjs.map

package/dist/esm/EvLayout.vue_vue_type_script_setup_true_lang-DmebdHMW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvLayout.vue_vue_type_script_setup_true_lang-DmebdHMW.mjs","sources":["../../src/components/EvGrid/EvLayout/EvLayout.ts","../../src/components/EvGrid/EvLayout/EvLayout.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeTagProps } from \"@/composables/tag.ts\";\nimport {\n    DisplayBreakpoint,\n    DisplayRuleProp,\n    VisibilityRuleProp,\n} from \"@/composables/display.ts\";\nimport { PropType } from \"vue\";\n\n/** Align Items **/\nexport type AlignItemsValue =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"baseline\"\n    | \"stretch\";\nexport type AlignItemsObject = {\n    [key in DisplayBreakpoint]: AlignItemsValue;\n};\nexport type AlignItemsProp = AlignItemsValue | AlignItemsObject | undefined;\n\n/** Align Content **/\nexport type AlignContentValue =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"stretch\"\n    | \"space-between\"\n    | \"space-around\"\n    | \"space-evenly\";\nexport type AlignContentObject = {\n    [key in DisplayBreakpoint]: AlignContentValue;\n};\nexport type AlignContentProp =\n    | AlignContentValue\n    | AlignContentObject\n    | undefined;\n\n/** Justify Content **/\nexport type JustifyContentValue =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"space-between\"\n    | \"space-around\"\n    | \"space-evenly\";\nexport type JustifyContentObject = {\n    [key in DisplayBreakpoint]: JustifyContentValue;\n};\nexport type JustifyContentProp =\n    | JustifyContentValue\n    | JustifyContentObject\n    | undefined;\n\n/** Spacers **/\nexport type SpacerValue = number | string | undefined;\nexport type SpacerObject = {\n    [key in DisplayBreakpoint]: SpacerValue;\n};\nexport type SpacerProp = SpacerValue | SpacerObject | undefined;\n\n/**\n * # makeEvLayoutProps\n */\nexport const makeEvLayoutProps = propsFactory(\n    {\n        align: [String, Object] as PropType<AlignItemsProp>,\n        alignContent: [String, Object] as PropType<AlignContentProp>,\n        column: Boolean,\n        gutter: [String, Number, Object] as PropType<SpacerProp>,\n        justify: [String, Object] as PropType<JustifyContentProp>,\n        nowrap: Boolean,\n        hidden: [Boolean, String, Array] as PropType<VisibilityRuleProp>,\n        height: [String, Number, Object] as PropType<DisplayRuleProp>,\n        width: [String, Number, Object] as PropType<DisplayRuleProp>,\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvLayout\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvLayout.scss\";\nimport { makeEvLayoutProps } from \"./EvLayout.ts\";\nimport {\n    calculateDisplayRuleValue,\n    useBreakpointClasses,\n    useDisplayRuleClasses,\n} from \"@/composables/display.ts\";\nimport { computed } from \"vue\";\nimport { isBoolean, isEmpty } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvLayoutProps(),\n});\n\nconst alignItemsClasses = useBreakpointClasses(props, \"align\", \"align\");\nconst alignContentClasses = useBreakpointClasses(\n    props,\n    \"alignContent\",\n    \"align-content\",\n);\nconst justifyContentClasses = useBreakpointClasses(props, \"justify\", \"justify\");\nconst gutterClasses = useBreakpointClasses(props, \"gutter\", \"gutter\");\n\n/**\n * Hidden\n */\nconst hiddenClasses = useDisplayRuleClasses(props, \"hidden\", \"hidden\");\nconst hiddenAttribute = computed(() => {\n    return isBoolean(props.hidden) && props.hidden;\n});\n\n/**\n * Height\n */\nconst heightStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.height);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return { height: value };\n});\n\n/**\n * Width\n */\nconst widthStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.width);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return value === \"grow\"\n        ? { flex: \"1 0 auto\", maxWidth: \"100%\", width: \"100%\" }\n        : { flex: `0 0 ${value}`, maxWidth: value, width: value };\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-layout',\n            {\n                'is-column': props.column,\n                'is-nowrap': props.nowrap,\n            },\n            ...alignItemsClasses,\n            ...alignContentClasses,\n            ...justifyContentClasses,\n            ...gutterClasses,\n            ...hiddenClasses,\n            props.class,\n        ]\"\n        :style=\"[props.style, widthStyles, heightStyles]\"\n        :hidden=\"hiddenAttribute\">\n        <slot />\n    </component>\n</template>\n"],"names":[],"mappings":";;;;;;;AAiEO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,OAAO,CAAC,QAAQ,MAAM;AAAA,IACtB,cAAc,CAAC,QAAQ,MAAM;AAAA,IAC7B,QAAQ;AAAA,IACR,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,SAAS,CAAC,QAAQ,MAAM;AAAA,IACxB,QAAQ;AAAA,IACR,QAAQ,CAAC,SAAS,QAAQ,KAAK;AAAA,IAC/B,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAE9B,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,EACpB;AAAA,EACA;AACJ;;;;;;;;AClEA,UAAM,oBAAoB,qBAAqB,OAAO,SAAS,OAAO;AACtE,UAAM,sBAAsB;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAEJ,UAAM,wBAAwB,qBAAqB,OAAO,WAAW,SAAS;AAC9E,UAAM,gBAAgB,qBAAqB,OAAO,UAAU,QAAQ;AAKpE,UAAM,gBAAgB,sBAAsB,OAAO,UAAU,QAAQ;AAC/D,UAAA,kBAAkB,SAAS,MAAM;AACnC,aAAO,UAAU,MAAM,MAAM,KAAK,MAAM;AAAA,IAAA,CAC3C;AAKK,UAAA,eAAe,SAAS,MAAM;AAC1B,YAAA,QAAQ,0BAA0B,MAAM,MAAM;AAChD,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MACX;AACO,aAAA,EAAE,QAAQ;IAAM,CAC1B;AAKK,UAAA,cAAc,SAAS,MAAM;AACzB,YAAA,QAAQ,0BAA0B,MAAM,KAAK;AAC/C,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MACX;AACA,aAAO,UAAU,SACX,EAAE,MAAM,YAAY,UAAU,QAAQ,OAAO,OAAA,IAC7C,EAAE,MAAM,OAAO,KAAK,IAAI,UAAU,OAAO,OAAO;IAAM,CAC/D;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvList.mjs

@@ -0,0 +1,8 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { _, a, m } from "./EvList.vue_vue_type_script_setup_true_lang-Dmo2pOJY.mjs";
+export {
+  _ as EvList,
+  a as makeEvListChildrenProps,
+  m as makeEvListProps
+};
+//# sourceMappingURL=EvList.mjs.map

package/dist/esm/EvList.mjs.map

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

package/dist/esm/EvList.vue_vue_type_script_setup_true_lang-Dmo2pOJY.mjs

@@ -0,0 +1,233 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { computed, defineComponent, renderSlot, openBlock, createElementBlock, Fragment, renderList, normalizeProps, mergeProps, createVNode, guardReactiveProps, ref, shallowRef, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, unref, withCtx } from "vue";
+import { p as propsFactory } from "./props-DiPGFtXP.mjs";
+import { b as getPropertyValue, o as omit } from "./helpers-pCeamm7z.mjs";
+import { c as isDeepEqual, i as isObject, h as isArray } from "./is-functions-DDx5Oqi8.mjs";
+import { a as makeNestedProps, c as createList, _ as _sfc_main$2, u as useNestedList } from "./EvListItem.vue_vue_type_script_setup_true_lang-CN2NN8CF.mjs";
+import { m as makeComponentProps } from "./component-B1Vu4b6F.mjs";
+import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-Boi8XxS9.mjs";
+import { f as focusChild } from "./router-BLIhuWjm.mjs";
+const makeListItemsProps = propsFactory(
+  {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    itemTitle: {
+      type: [String, Array, Function],
+      default: "title"
+    },
+    itemValue: {
+      type: [String, Array, Function],
+      default: "value"
+    },
+    itemChildren: {
+      type: [Boolean, String, Array, Function],
+      default: "children"
+    },
+    itemProps: {
+      type: [Boolean, String, Array, Function],
+      default: "props"
+    },
+    returnObject: Boolean,
+    valueComparator: {
+      type: Function,
+      default: isDeepEqual
+    }
+  },
+  "list-items"
+);
+let lastItemKey = 0;
+function transformItem(props, item) {
+  const title = getPropertyValue(item, props.itemTitle, item);
+  const value = getPropertyValue(item, props.itemValue, title);
+  const children = getPropertyValue(item, props.itemChildren);
+  const itemProps = props.itemProps === true ? isObject(item) && item != null && !isArray(item) ? "children" in item ? omit(item, ["children"]) : item : void 0 : getPropertyValue(item, props.itemProps);
+  const transformedItemProps = {
+    title,
+    value,
+    ...itemProps
+  };
+  return {
+    key: ++lastItemKey,
+    title: String(transformedItemProps.title ?? ""),
+    value: transformedItemProps.value,
+    props: transformedItemProps,
+    children: isArray(children) ? transformItems(props, children) : void 0,
+    raw: item
+  };
+}
+function transformItems(props, items) {
+  const listItems = [];
+  for (const item of items) {
+    listItems.push(transformItem(props, item));
+  }
+  return listItems;
+}
+function useItems(props) {
+  const items = computed(() => {
+    return transformItems(props, props.items);
+  });
+  const hasNullItem = computed(() => {
+    return items.value.some((item) => item.value === null);
+  });
+  function transformIn(value) {
+    if (!hasNullItem.value) {
+      value = value.filter((v) => v !== null);
+    }
+    return value.map((v) => {
+      if (props.returnObject && typeof v === "string") {
+        return transformItem(props, v);
+      }
+      return items.value.find(
+        (item) => props.valueComparator(v, item.value)
+      ) || transformItem(props, v);
+    });
+  }
+  function transformOut(value) {
+    return props.returnObject ? value.map(({ raw }) => raw) : value.map(({ value: value2 }) => value2);
+  }
+  return { items, transformIn, transformOut };
+}
+const makeEvListProps = propsFactory(
+  {
+    disabled: Boolean,
+    tag: {
+      type: String,
+      default: "div"
+    },
+    itemType: {
+      type: String,
+      default: "type"
+    },
+    ...makeListItemsProps(),
+    ...makeNestedProps({
+      selectStrategy: "multi-any"
+    }),
+    ...makeComponentProps(),
+    ...makeDimensionsProps()
+  },
+  "EvList"
+);
+const makeEvListChildrenProps = propsFactory(
+  {
+    items: Array
+  },
+  "EvListChildren"
+);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "EvListChildren",
+  props: {
+    ...makeEvListChildrenProps()
+  },
+  setup(__props) {
+    const props = __props;
+    createList();
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", {}, () => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item) => {
+          return renderSlot(_ctx.$slots, "item", normalizeProps(mergeProps({
+            key: item.key
+          }, { item, props: item.props })), () => [
+            createVNode(_sfc_main$2, normalizeProps(guardReactiveProps(item.props)), null, 16)
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvList",
+  props: {
+    ...makeEvListProps()
+  },
+  emits: ["update:selected", "click:select"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { items } = useItems(props);
+    const { select } = useNestedList(props);
+    const containerRef = ref(void 0);
+    const isFocused = shallowRef(false);
+    const lastFocus = shallowRef(void 0);
+    const tabindex = computed(() => {
+      return props.disabled || isFocused.value ? -1 : 0;
+    });
+    const dimensions = useDimensions(props);
+    createList();
+    function onFocus(e) {
+      var _a;
+      if (!isFocused.value && !(e.relatedTarget && ((_a = containerRef.value) == null ? void 0 : _a.contains(e.relatedTarget))) && containerRef.value) {
+        if (lastFocus.value) {
+          lastFocus.value.focus();
+        } else {
+          focus();
+        }
+      }
+    }
+    function onFocusIn(e) {
+      isFocused.value = true;
+    }
+    function onFocusOut(e) {
+      isFocused.value = false;
+    }
+    function onKeyDown(e) {
+      const keys = {
+        ArrowDown: "next",
+        ArrowUp: "previous",
+        Home: "first",
+        End: "last"
+      };
+      const position = keys[e.key];
+      if (position && containerRef.value) {
+        focus(position);
+        e.preventDefault();
+      }
+    }
+    function focus(position) {
+      lastFocus.value = focusChild(containerRef == null ? void 0 : containerRef.value, position);
+    }
+    __expose({
+      focus,
+      select
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        ref_key: "containerRef",
+        ref: containerRef,
+        role: "listbox",
+        class: normalizeClass([
+          "ev-list",
+          {
+            "is-disabled": props.disabled
+          },
+          props.class
+        ]),
+        style: normalizeStyle([props.style, unref(dimensions)]),
+        tabindex: tabindex.value,
+        onKeydown: onKeyDown,
+        onFocus,
+        onFocusin: onFocusIn,
+        onFocusout: onFocusOut
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, { items: unref(items) }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["items"])
+        ]),
+        _: 3
+      }, 40, ["class", "style", "tabindex"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvListChildrenProps as a,
+  makeListItemsProps as b,
+  makeEvListProps as m,
+  transformItem as t,
+  useItems as u
+};
+//# sourceMappingURL=EvList.vue_vue_type_script_setup_true_lang-Dmo2pOJY.mjs.map

package/dist/esm/EvList.vue_vue_type_script_setup_true_lang-Dmo2pOJY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvList.vue_vue_type_script_setup_true_lang-Dmo2pOJY.mjs","sources":["../../src/composables/lists/list-items.ts","../../src/components/EvList/EvList.ts","../../src/components/EvList/EvListChildren.vue","../../src/components/EvList/EvList.vue"],"sourcesContent":["import {\n    getPropertyValue,\n    GetterPropertyKey,\n    isArray,\n    isDeepEqual,\n    isObject,\n    omit,\n    propsFactory,\n} from \"@/util\";\nimport { computed, PropType } from \"vue\";\nimport { ListItemProps } from \"@/components/EvList\";\n\n/**\n * # List Item\n */\nexport interface ListItem<T = any> {\n    key: number;\n    title: string;\n    value: any;\n    props: {\n        [key: string]: any;\n        title: string;\n        value: any;\n    };\n    children?: ListItem<T>[];\n    raw: T;\n}\n\n/**\n * # List Item Key\n *\n * Defines where to look for item information.\n *\n * For example: each Item might have a `title` property.\n * So an Item key may represent either an array index, or an object property.\n *\n * - `boolean` - Ignored\n * - `string` - Property name, or use Object path notation.\n * - `array` of strings or numbers represent nested lookup - each array element represents a key in the hierarchy\n */\nexport type ListItemKey = GetterPropertyKey;\n\n/**\n * # List Items Props\n *\n * - `items` - the array of items to render within a list.\n * - `item-title` - the title property/key to use as the title in each list item.\n * - `item-value` - the value property/key to use for selection per list item.\n * - `item-props` - the props to assign to each list item.\n * - `return-object` - return the full item object on selection if `true`, or the `item-value` if `false`.\n */\nexport interface ListItemsProps {\n    items: any[];\n    itemTitle: ListItemKey;\n    itemValue: ListItemKey;\n    itemChildren: ListItemKey;\n    itemProps: ListItemKey;\n    returnObject: boolean;\n    valueComparator: typeof isDeepEqual;\n}\n\n/**\n * # Make List Items Props\n *\n * Applies `ListItemProps` with the following defaults:\n *\n * - `items` - a blank array.\n * - `item-title` - 'title'\n * - `item-value` - 'value'\n * - `item-children` - 'children'\n * - `item-props` - 'props'\n * - `return-object` - `false`\n *\n * @see ListItemsProps\n */\nexport const makeListItemsProps = propsFactory(\n    {\n        items: {\n            type: Array as PropType<ListItemsProps[\"items\"]>,\n            default: () => [],\n        },\n        itemTitle: {\n            type: [String, Array, Function] as PropType<ListItemKey>,\n            default: \"title\",\n        },\n        itemValue: {\n            type: [String, Array, Function] as PropType<ListItemKey>,\n            default: \"value\",\n        },\n        itemChildren: {\n            type: [Boolean, String, Array, Function] as PropType<ListItemKey>,\n            default: \"children\",\n        },\n        itemProps: {\n            type: [Boolean, String, Array, Function] as PropType<ListItemKey>,\n            default: \"props\",\n        },\n        returnObject: Boolean,\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n    },\n    \"list-items\",\n);\n\n// Tracks unique item Ids\nlet lastItemKey = 0;\n\n/**\n * # Transform Item\n *\n * @param props\n * @param item\n */\nexport function transformItem(\n    props: Omit<ListItemProps, \"items\">,\n    item: any,\n): ListItem {\n    const title = getPropertyValue(item, props.itemTitle, item);\n    const value = getPropertyValue(item, props.itemValue, title);\n    const children = getPropertyValue(item, props.itemChildren);\n    const itemProps =\n        props.itemProps === true\n            ? isObject(item) && item != null && !isArray(item)\n                ? \"children\" in item\n                    ? omit(item, [\"children\"])\n                    : item\n                : undefined\n            : getPropertyValue(item, props.itemProps);\n\n    const transformedItemProps = {\n        title,\n        value,\n        ...itemProps,\n    };\n\n    return {\n        key: ++lastItemKey,\n        title: String(transformedItemProps.title ?? \"\"),\n        value: transformedItemProps.value,\n        props: transformedItemProps,\n        children: isArray(children)\n            ? transformItems(props, children)\n            : undefined,\n        raw: item,\n    };\n}\n\n/**\n * # Transform Items\n */\nexport function transformItems(\n    props: Omit<ListItemProps, \"items\">,\n    items: ListItemProps[\"items\"],\n) {\n    const listItems: ListItem[] = [];\n    for (const item of items) {\n        listItems.push(transformItem(props, item));\n    }\n    return listItems;\n}\n\n/**\n * # Use Items\n *\n * @param props\n */\nexport function useItems(props: any) {\n    const items = computed(() => {\n        return transformItems(props, props.items);\n    });\n\n    const hasNullItem = computed(() => {\n        return items.value.some((item) => item.value === null);\n    });\n\n    function transformIn(value: any[]): ListItem[] {\n        if (!hasNullItem.value) {\n            // When the model value is null, return an ListItem\n            // based on null only if null is one of the items\n            value = value.filter((v) => v !== null);\n        }\n\n        return value.map((v) => {\n            if (props.returnObject && typeof v === \"string\") {\n                // String model value means value is a custom input value\n                // Don't look up existing items if the model value is a string\n                return transformItem(props, v);\n            }\n            return (\n                items.value.find((item) =>\n                    props.valueComparator(v, item.value),\n                ) || transformItem(props, v)\n            );\n        });\n    }\n\n    function transformOut(value: ListItem[]): any[] {\n        return props.returnObject\n            ? value.map(({ raw }) => raw)\n            : value.map(({ value }) => value);\n    }\n\n    return { items, transformIn, transformOut };\n}\n","import { propsFactory } from \"@/util\";\nimport {\n    ListItem as DefaultListItem,\n    ListItemsProps as DefaultListItemProps,\n    makeListItemsProps,\n    makeNestedProps,\n} from \"@/composables/lists\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeDimensionsProps } from \"@/composables/dimensions.ts\";\n\n/**\n * # List Item Types\n */\nexport type ListItemType = \"item\" | \"subheader\" | \"divider\";\n\n/**\n * # List Item\n */\nexport interface ListItem extends DefaultListItem {\n    type?: ListItemType;\n}\n\n/**\n * # List Item Props\n */\nexport interface ListItemProps extends DefaultListItemProps {\n    itemType: string;\n}\n\n/**\n * # Make EvList Props\n */\nexport const makeEvListProps = propsFactory(\n    {\n        disabled: Boolean,\n        tag: {\n            type: String,\n            default: \"div\",\n        },\n        itemType: {\n            type: String,\n            default: \"type\",\n        },\n\n        ...makeListItemsProps(),\n        ...makeNestedProps({\n            selectStrategy: \"multi-any\",\n        }),\n        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvList\",\n);\n\n/**\n * # Make EvListChildren Props\n */\nexport const makeEvListChildrenProps = propsFactory(\n    {\n        items: Array as PropType<readonly ListItem[]>,\n    },\n    \"EvListChildren\",\n);\n","<script setup lang=\"ts\">\n/**\n * # EvListChildren\n *\n * A management component for rendering child items recursively.\n *\n * @todo: nested children + groups\n *        v-for=\"{ children, props: itemProps, type, raw: item } in props.items\"\n */\nimport EvListItem from \"../EvListItem/EvListItem.vue\";\nimport { ListItem, makeEvListChildrenProps } from \"./EvList.ts\";\nimport { createList } from \"@/composables/lists\";\n\nconst props = defineProps({\n    ...makeEvListChildrenProps(),\n});\n\ndefineSlots<{\n    default(): never;\n    item(props: { item: ListItem; props: any }): never;\n}>();\n\ncreateList();\n</script>\n\n<template>\n    <slot>\n        <template v-for=\"item in props.items\" :key=\"item.key\">\n            <slot name=\"item\" v-bind=\"{ item, props: item.props }\">\n                <ev-list-item v-bind=\"item.props\" />\n            </slot>\n        </template>\n    </slot>\n</template>\n","<script setup lang=\"ts\">\n/**\n * # EvList\n *\n * `<ev-list>`\n *\n * Uses:\n * - EvListItem - `<ev-list-item>`\n *\n * @todo: Nested items\n *\n * @see EvListItem\n */\nimport \"./EvList.scss\";\nimport { makeEvListProps } from \"./EvList.ts\";\nimport { computed, ref, shallowRef } from \"vue\";\nimport { focusChild, FocusPosition } from \"@/util\";\nimport {\n    createList,\n    NestedProps,\n    useItems,\n    useNestedList,\n} from \"@/composables/lists\";\nimport { useDimensions } from \"@/composables/dimensions.ts\";\nimport EvListChildren from \"./EvListChildren.vue\";\n\ndefineEmits([\"update:selected\", \"click:select\"]);\n\nconst props = defineProps({\n    ...makeEvListProps(),\n});\nconst { items } = useItems(props);\nconst { select } = useNestedList(props as NestedProps);\nconst containerRef = ref<HTMLElement | undefined>(undefined);\nconst isFocused = shallowRef(false);\nconst lastFocus = shallowRef<HTMLElement | undefined>(undefined);\nconst tabindex = computed(() => {\n    return props.disabled || isFocused.value ? -1 : 0;\n});\nconst dimensions = useDimensions(props);\n\n/**\n * Establish provide() and inject() functionality for list items.\n */\ncreateList();\n\n/**\n * # On Focus\n * Set or restore focus\n * @param e\n */\nfunction onFocus(e: FocusEvent): void {\n    if (\n        !isFocused.value &&\n        !(\n            e.relatedTarget &&\n            containerRef.value?.contains(e.relatedTarget as Node)\n        ) &&\n        containerRef.value\n    ) {\n        if (lastFocus.value) {\n            lastFocus.value.focus();\n        } else {\n            focus();\n        }\n    }\n}\n\n/**\n * # On Focus In\n * @param e\n */\nfunction onFocusIn(e: FocusEvent): void {\n    isFocused.value = true;\n}\n\n/**\n * # On Focus Out\n * @param e\n */\nfunction onFocusOut(e: FocusEvent): void {\n    isFocused.value = false;\n}\n\n/**\n * # On Key Down\n * @see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent): void {\n    const keys: { [key: string]: string } = {\n        ArrowDown: \"next\",\n        ArrowUp: \"previous\",\n        Home: \"first\",\n        End: \"last\",\n    };\n    const position = keys[e.key];\n    if (position && containerRef.value) {\n        focus(position as FocusPosition);\n        e.preventDefault();\n    }\n}\n\n/**\n * # Set Focus\n * @param position\n */\nfunction focus(position?: FocusPosition): void {\n    lastFocus.value = focusChild(containerRef?.value, position);\n}\n\ndefineExpose({\n    focus,\n    select,\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        ref=\"containerRef\"\n        role=\"listbox\"\n        :class=\"[\n            'ev-list',\n            {\n                'is-disabled': props.disabled,\n            },\n            props.class,\n        ]\"\n        :style=\"[props.style, dimensions]\"\n        :tabindex=\"tabindex\"\n        @keydown=\"onKeyDown\"\n        @focus=\"onFocus\"\n        @focusin=\"onFocusIn\"\n        @focusout=\"onFocusOut\">\n        <ev-list-children :items=\"items\">\n            <slot />\n        </ev-list-children>\n    </component>\n</template>\n"],"names":["value"],"mappings":"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"}

package/dist/esm/EvListItem.mjs

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { _, m } from "./EvListItem.vue_vue_type_script_setup_true_lang-CN2NN8CF.mjs";
+export {
+  _ as EvListItem,
+  m as makeEvListItemProps
+};
+//# sourceMappingURL=EvListItem.mjs.map

package/dist/esm/EvListItem.mjs.map

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