@evance/evance-ui 1.0.29 → 1.0.31

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

@@ -1,90 +0,0 @@
-/*! Evance UI v1.0.29 | MIT License */
-import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
-import { m as makeComponentProps } from "./component-BpYm1WT0.mjs";
-import { m as makeTagProps } from "./tag-DWO2V0QH.mjs";
-import { p as propsFactory } from "./props-CAutTSQJ.mjs";
-import { b as useBreakpointClasses, a as useDisplayRuleClasses, c as calculateDisplayRuleValue } from "./display-BWlGg_v4.mjs";
-import { b as isBoolean, d as isEmpty } from "./is-functions-013bziOv.mjs";
-const makeEvLayoutProps = propsFactory(
-  {
-    align: [String, Object],
-    alignContent: [String, Object],
-    column: Boolean,
-    gap: [String, Number, Object],
-    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 gapClasses = useBreakpointClasses(props, "gap", "ga");
-    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(gapClasses),
-          ...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-u9a9hYA9.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EvLayout.vue_vue_type_script_setup_true_lang-u9a9hYA9.mjs","sources":["../../src/components/EvGrid/EvLayout/EvLayout.ts","../../src/components/EvGrid/EvLayout/EvLayout.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport {\n    DisplayBreakpoint,\n    DisplayRuleProp,\n    VisibilityRuleProp,\n} from \"@/composables/display\";\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        gap: [String, Number, Object] as PropType<SpacerProp>,\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\";\nimport {\n    calculateDisplayRuleValue,\n    useBreakpointClasses,\n    useDisplayRuleClasses,\n} from \"@/composables/display\";\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\");\nconst gapClasses = useBreakpointClasses(props, \"gap\", \"ga\");\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            ...gapClasses,\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,KAAK,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC5B,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;;;;;;;;ACnEA,UAAM,oBAAoB,qBAAqB,OAAO,SAAS,OAAO;AACtE,UAAM,sBAAsB;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AACA,UAAM,wBAAwB,qBAAqB,OAAO,WAAW,SAAS;AAC9E,UAAM,gBAAgB,qBAAqB,OAAO,UAAU,QAAQ;AACpE,UAAM,aAAa,qBAAqB,OAAO,OAAO,IAAI;AAK1D,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,MAAA;AAEJ,aAAA,EAAE,QAAQ,MAAM;AAAA,IAAA,CAC1B;AAKK,UAAA,cAAc,SAAS,MAAM;AACzB,YAAA,QAAQ,0BAA0B,MAAM,KAAK;AAC/C,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEX,aAAO,UAAU,SACX,EAAE,MAAM,YAAY,UAAU,QAAQ,OAAO,OAAA,IAC7C,EAAE,MAAM,OAAO,KAAK,IAAI,UAAU,OAAO,OAAO,MAAM;AAAA,IAAA,CAC/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvLink.vue_vue_type_script_setup_true_lang-hriF4YyJ.mjs

@@ -1,77 +0,0 @@
-/*! Evance UI v1.0.29 | MIT License */
-import { defineComponent, useAttrs, useSlots, computed, createElementBlock, openBlock, unref, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { m as makeComponentProps } from "./component-BpYm1WT0.mjs";
-import { I as IconProp } from "./icons-B4ua57M8.mjs";
-import { m as makeRouterLinkOrHrefProps, u as useRouterLinkOrHref } from "./router-DxQ0Eqdx.mjs";
-import { p as propsFactory } from "./props-CAutTSQJ.mjs";
-import { _ as _sfc_main$1 } from "./EvIcon.vue_vue_type_style_index_0_lang-BcTzM7B4.mjs";
-import { L as LinkExternalIcon } from "./LinkExternalIcon-BEJaxr1D.mjs";
-import { u as useDefaults } from "./defaults-BaLKswI6.mjs";
-import { a as appearanceModifier } from "./modifiers-DQkZRYG0.mjs";
-const makeEvLinkProps = propsFactory(
-  {
-    appearance: {
-      type: String,
-      default: "default"
-    },
-    disabled: Boolean,
-    iconStart: IconProp,
-    iconEnd: IconProp,
-    text: String,
-    ...makeComponentProps(),
-    ...makeRouterLinkOrHrefProps()
-  },
-  "EvLink"
-);
-const _hoisted_1 = ["href"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvLink",
-  props: { ...makeEvLinkProps() },
-  setup(__props) {
-    const definedProps = __props;
-    const props = useDefaults(definedProps);
-    const attrs = useAttrs();
-    useSlots();
-    const link = useRouterLinkOrHref(props, attrs);
-    const appearanceClass = computed(() => appearanceModifier(props.appearance));
-    const iconEnd = computed(() => {
-      if (attrs.target === "_blank" && !props.iconEnd) {
-        return LinkExternalIcon;
-      }
-      return props.iconEnd;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("a", {
-        class: normalizeClass([
-          "ev-link",
-          {
-            "is-disabled": unref(props).disabled
-          },
-          appearanceClass.value,
-          unref(props).class
-        ]),
-        style: normalizeStyle(unref(props).style),
-        href: unref(link).href.value
-      }, [
-        unref(props).iconStart ? (openBlock(), createBlock(unref(_sfc_main$1), {
-          key: 0,
-          glyph: unref(props).iconStart,
-          class: "ev-link--icon-start"
-        }, null, 8, ["glyph"])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createTextVNode(toDisplayString(unref(props).text), 1)
-        ]),
-        iconEnd.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
-          key: 1,
-          glyph: iconEnd.value,
-          class: "ev-link--icon-end"
-        }, null, 8, ["glyph"])) : createCommentVNode("", true)
-      ], 14, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvLinkProps as m
-};
-//# sourceMappingURL=EvLink.vue_vue_type_script_setup_true_lang-hriF4YyJ.mjs.map

package/dist/esm/EvLink.vue_vue_type_script_setup_true_lang-hriF4YyJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvLink.vue_vue_type_script_setup_true_lang-hriF4YyJ.mjs","sources":["../../src/components/EvLink/EvLink.ts","../../src/components/EvLink/EvLink.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeRouterLinkOrHrefProps } from \"@/composables/router\";\n\nexport type LinkAppearance = \"default\" | \"subtle\";\n\nexport const makeEvLinkProps = propsFactory(\n    {\n        appearance: {\n            type: String as PropType<LinkAppearance>,\n            default: \"default\",\n        },\n        disabled: Boolean,\n        iconStart: IconProp,\n        iconEnd: IconProp,\n        text: String,\n        ...makeComponentProps(),\n        ...makeRouterLinkOrHrefProps(),\n    },\n    \"EvLink\",\n);","<script setup lang=\"ts\">\nimport \"./EvLink.scss\";\nimport { makeEvLinkProps } from \"./EvLink\";\nimport { computed, useAttrs } from \"vue\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\nimport { appearanceModifier } from \"@/util\";\nimport { useDefaults } from \"@/composables\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { LinkExternalIcon } from \"@/icons/editor\";\n\nconst definedProps = defineProps({ ...makeEvLinkProps() });\nconst props = useDefaults(definedProps);\n\nconst attrs = useAttrs();\nconst slots = defineSlots<{\n    default(): never;\n}>();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\n\nconst appearanceClass = computed(() => appearanceModifier(props.appearance));\n\nconst iconEnd = computed(() => {\n    if (attrs.target === \"_blank\" && !props.iconEnd) {\n        return LinkExternalIcon;\n    }\n    return props.iconEnd;\n});\n</script>\n\n<template>\n    <a\n        :class=\"[\n            'ev-link',\n            {\n                'is-disabled': props.disabled,\n            },\n            appearanceClass,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :href=\"link.href.value\">\n        <ev-icon\n            v-if=\"props.iconStart\"\n            :glyph=\"props.iconStart\"\n            class=\"ev-link--icon-start\" />\n        <slot>{{ props.text }}</slot>\n        <ev-icon v-if=\"iconEnd\" :glyph=\"iconEnd\" class=\"ev-link--icon-end\" />\n    </a>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;AAQO,MAAM,kBAAkB;AAAA,EAC3B;AAAA,IACI,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,MAAM;AAAA,IACN,GAAG,mBAAmB;AAAA,IACtB,GAAG,0BAA0B;AAAA,EACjC;AAAA,EACA;AACJ;;;;;;;ACRM,UAAA,QAAQ,YAAY,YAAY;AAEtC,UAAM,QAAQ,SAAS;AACTA;AAGR,UAAA,OAAO,oBAAoB,OAAgC,KAAK;AAEtE,UAAM,kBAAkB,SAAS,MAAM,mBAAmB,MAAM,UAAU,CAAC;AAErE,UAAA,UAAU,SAAS,MAAM;AAC3B,UAAI,MAAM,WAAW,YAAY,CAAC,MAAM,SAAS;AACtC,eAAA;AAAA,MAAA;AAEX,aAAO,MAAM;AAAA,IAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,233 +0,0 @@
-/*! Evance UI v1.0.29 | MIT License */
-import { computed, defineComponent, renderSlot, createElementBlock, openBlock, Fragment, renderList, normalizeProps, mergeProps, createVNode, guardReactiveProps, ref, shallowRef, createBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx } from "vue";
-import { a as getPropertyValue, o as omit } from "./helpers-BKv7T7oP.mjs";
-import { p as propsFactory } from "./props-CAutTSQJ.mjs";
-import { c as isDeepEqual, a as isObject, h as isArray } from "./is-functions-013bziOv.mjs";
-import { a as makeNestedProps, c as createList, _ as _sfc_main$2, u as useNestedList } from "./EvListItem.vue_vue_type_script_setup_true_lang-DPmxthm4.mjs";
-import { m as makeComponentProps } from "./component-BpYm1WT0.mjs";
-import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-7NDZ9dsF.mjs";
-import { f as focusChild } from "./events-B06NAQ04.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-Dke6zA3L.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EvList.vue_vue_type_script_setup_true_lang-Dke6zA3L.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\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\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\";\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\";\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\";\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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"}