@evance/evance-ui 1.0.7 → 1.0.9

package/dist/cjs/modelProxy-D24X-iVS.cjs

@@ -0,0 +1,60 @@
+"use strict";
+/*! Evance UI v1.0.8 | MIT License */
+const vue = require("vue");
+const components = require("./components-CdCsQ68d.cjs");
+const strings = require("./strings-BkuQa6qg.cjs");
+const toggleScope = require("./toggleScope-USTgJIHG.cjs");
+function hasProp(vueInstance, propName) {
+  var _a;
+  return !!((_a = vueInstance.props) == null ? void 0 : _a.hasOwnProperty(propName));
+}
+function useModelProxy(props, modelName, defaultValue, transformIn = (value) => value, transformOut = (value) => value) {
+  const component = components.getCurrentComponent("useModelProxy");
+  const modelRef = vue.ref(
+    props[modelName] !== void 0 ? props[modelName] : defaultValue
+  );
+  const modelNameKebab = strings.toKebabCase(modelName);
+  const isCheckKebabName = modelName !== modelNameKebab;
+  const isModelAvailable = vue.computed(() => {
+    void props[modelName];
+    return hasProp(component, modelName) && hasProp(component, `onUpdate:${modelName}`) || isCheckKebabName && hasProp(component, modelNameKebab) && hasProp(component, `onUpdate:${modelNameKebab}`);
+  });
+  toggleScope.useToggleScope(
+    () => !isModelAvailable.value,
+    () => {
+      vue.watch(
+        () => props[modelName],
+        (value) => {
+          modelRef.value = value;
+        }
+      );
+    }
+  );
+  const model = vue.computed({
+    get() {
+      const externalValue = props[modelName];
+      return transformIn(
+        isModelAvailable.value ? externalValue : modelRef.value
+      );
+    },
+    set(internalValue) {
+      const newValue = transformOut(internalValue);
+      const value = vue.toRaw(
+        isModelAvailable.value ? props[modelName] : modelRef.value
+      );
+      if (value === newValue || transformIn(value) === internalValue) {
+        return;
+      }
+      modelRef.value = newValue;
+      component.emit(`update:${modelName}`, newValue);
+    }
+  });
+  Object.defineProperty(model, "externalValue", {
+    get: () => {
+      return isModelAvailable.value ? props[modelName] : modelRef.value;
+    }
+  });
+  return model;
+}
+exports.useModelProxy = useModelProxy;
+//# sourceMappingURL=modelProxy-D24X-iVS.cjs.map

package/dist/cjs/modelProxy-D24X-iVS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modelProxy-D24X-iVS.cjs","sources":["../../src/composables/modelProxy.ts"],"sourcesContent":["import { ComponentInternalInstance, computed, ref, toRaw, watch } from \"vue\";\nimport type { Ref } from \"vue\";\nimport { EventProp, getCurrentComponent, toKebabCase } from \"@/util\";\nimport { useToggleScope } from \"./toggleScope\";\n\ntype InnerVal<T> = T extends any[] ? Readonly<T> : T;\n\n/**\n * ## Has Prop\n *\n * Returns `true` if the `vueInstance` supplied has the `propName` in its list of props.\n *\n * @param vueInstance\n * @param propName\n */\nfunction hasProp(\n    vueInstance: ComponentInternalInstance,\n    propName: string,\n): boolean {\n    return !!vueInstance.props?.hasOwnProperty(propName);\n}\n\n/**\n * # Model Proxy\n */\nexport function useModelProxy<\n    PropsObject extends object &\n        Partial<{\n            [key in ModelName as `onUpdate:${ModelName}`]:\n                | EventProp\n                | undefined;\n        }>,\n    ModelName extends Extract<keyof PropsObject, string>,\n    Inner = PropsObject[ModelName],\n>(\n    props: PropsObject,\n    modelName: ModelName,\n    defaultValue?: PropsObject[ModelName],\n    transformIn: (modelValue?: PropsObject[ModelName]) => Inner = (\n        value: any,\n    ) => value,\n    transformOut: (modelValue: Inner) => PropsObject[ModelName] = (\n        value: any,\n    ) => value,\n) {\n    const component: ComponentInternalInstance =\n        getCurrentComponent(\"useModelProxy\");\n    const modelRef: Ref<PropsObject[ModelName]> = ref(\n        props[modelName] !== undefined ? props[modelName] : defaultValue,\n    ) as Ref<PropsObject[ModelName]>;\n    const modelNameKebab: string = toKebabCase(modelName);\n    const isCheckKebabName: boolean = modelName !== modelNameKebab;\n    const isModelAvailable = computed(() => {\n        // Ignore evaluation of props[modelName]\n        void props[modelName];\n        return (\n            (hasProp(component, modelName) &&\n                hasProp(component, `onUpdate:${modelName}`)) ||\n            (isCheckKebabName &&\n                hasProp(component, modelNameKebab) &&\n                hasProp(component, `onUpdate:${modelNameKebab}`))\n        );\n    });\n\n    // Watch changes on the original model\n    useToggleScope(\n        () => !isModelAvailable.value,\n        () => {\n            watch(\n                () => props[modelName],\n                (value) => {\n                    modelRef.value = value;\n                },\n            );\n        },\n    );\n\n    // Define a computed model\n    const model = computed({\n        get(): any {\n            const externalValue = props[modelName];\n            return transformIn(\n                isModelAvailable.value ? externalValue : modelRef.value,\n            );\n        },\n        set(internalValue): void {\n            const newValue = transformOut(internalValue);\n            const value = toRaw(\n                isModelAvailable.value ? props[modelName] : modelRef.value,\n            );\n            // Ignore if the value has not changed\n            if (value === newValue || transformIn(value) === internalValue) {\n                return;\n            }\n            modelRef.value = newValue;\n            component.emit(`update:${modelName}`, newValue);\n        },\n    }) as any as Ref<InnerVal<any>> & {\n        readonly externalValue: PropsObject[ModelName];\n    };\n\n    // Define an externalValue property to our model\n    Object.defineProperty(model, \"externalValue\", {\n        get: () => {\n            return isModelAvailable.value ? props[modelName] : modelRef.value;\n        },\n    });\n\n    return model;\n}\n"],"names":["getCurrentComponent","ref","toKebabCase","computed","useToggleScope","watch","toRaw"],"mappings":";;;;;;AAeA,SAAS,QACL,aACA,UACO;;AACP,SAAO,CAAC,GAAC,iBAAY,UAAZ,mBAAmB,eAAe;AAC/C;AAKgB,SAAA,cAUZ,OACA,WACA,cACA,cAA8D,CAC1D,UACC,OACL,eAA8D,CAC1D,UACC,OACP;AACQ,QAAA,YACFA,+BAAoB,eAAe;AACvC,QAAM,WAAwCC,IAAA;AAAA,IAC1C,MAAM,SAAS,MAAM,SAAY,MAAM,SAAS,IAAI;AAAA,EAAA;AAElD,QAAA,iBAAyBC,oBAAY,SAAS;AACpD,QAAM,mBAA4B,cAAc;AAC1C,QAAA,mBAAmBC,IAAAA,SAAS,MAAM;AAEpC,SAAK,MAAM,SAAS;AACpB,WACK,QAAQ,WAAW,SAAS,KACzB,QAAQ,WAAW,YAAY,SAAS,EAAE,KAC7C,oBACG,QAAQ,WAAW,cAAc,KACjC,QAAQ,WAAW,YAAY,cAAc,EAAE;AAAA,EAAA,CAE1D;AAGDC,cAAA;AAAA,IACI,MAAM,CAAC,iBAAiB;AAAA,IACxB,MAAM;AACFC,UAAA;AAAA,QACI,MAAM,MAAM,SAAS;AAAA,QACrB,CAAC,UAAU;AACP,mBAAS,QAAQ;AAAA,QACrB;AAAA,MAAA;AAAA,IAER;AAAA,EAAA;AAIJ,QAAM,QAAQF,IAAAA,SAAS;AAAA,IACnB,MAAW;AACD,YAAA,gBAAgB,MAAM,SAAS;AAC9B,aAAA;AAAA,QACH,iBAAiB,QAAQ,gBAAgB,SAAS;AAAA,MAAA;AAAA,IAE1D;AAAA,IACA,IAAI,eAAqB;AACf,YAAA,WAAW,aAAa,aAAa;AAC3C,YAAM,QAAQG,IAAA;AAAA,QACV,iBAAiB,QAAQ,MAAM,SAAS,IAAI,SAAS;AAAA,MAAA;AAGzD,UAAI,UAAU,YAAY,YAAY,KAAK,MAAM,eAAe;AAC5D;AAAA,MACJ;AACA,eAAS,QAAQ;AACjB,gBAAU,KAAK,UAAU,SAAS,IAAI,QAAQ;AAAA,IAClD;AAAA,EAAA,CACH;AAKM,SAAA,eAAe,OAAO,iBAAiB;AAAA,IAC1C,KAAK,MAAM;AACP,aAAO,iBAAiB,QAAQ,MAAM,SAAS,IAAI,SAAS;AAAA,IAChE;AAAA,EAAA,CACH;AAEM,SAAA;AACX;;"}

package/dist/cjs/modifiers-BuCOPdyz.cjs

@@ -0,0 +1,33 @@
+"use strict";
+/*! Evance UI v1.0.8 | MIT License */
+const isFunctions = require("./is-functions-C_TW6rKE.cjs");
+const strings = require("./strings-BkuQa6qg.cjs");
+function makeClassName(value, prefix = "", exclude = []) {
+  if (!value || exclude.some((exclusion) => {
+    if (exclusion instanceof RegExp) {
+      return exclusion.test(value);
+    }
+    return value === exclusion;
+  })) {
+    return void 0;
+  }
+  const kebabValue = strings.toKebabCase(value);
+  return `${prefix}-${kebabValue}`;
+}
+function sizeModifier(value, exclude = []) {
+  if (!isFunctions.isString(value)) {
+    return void 0;
+  }
+  return makeClassName(value, "is-size", exclude);
+}
+function appearanceModifier(value, exclude = []) {
+  return makeClassName(value, "is-appearance", exclude);
+}
+function variantModifier(value, exclude = []) {
+  return makeClassName(value, "is-variant", exclude);
+}
+exports.appearanceModifier = appearanceModifier;
+exports.makeClassName = makeClassName;
+exports.sizeModifier = sizeModifier;
+exports.variantModifier = variantModifier;
+//# sourceMappingURL=modifiers-BuCOPdyz.cjs.map

package/dist/cjs/modifiers-BuCOPdyz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modifiers-BuCOPdyz.cjs","sources":["../../src/util/modifiers.ts"],"sourcesContent":["import { isString, toKebabCase } from \"../util\";\n\n/**\n * ## Make Class Name\n * Accepts a string `value` and a `prefix` to be combined and separated by a dash (\"-\").\n * The value will be converted into \"kebab-case\".\n * @param value\n * @param prefix\n * @param exclude\n */\nexport function makeClassName(\n    value?: string,\n    prefix: string = \"\",\n    exclude: (string | RegExp)[] = [],\n): string | undefined {\n    if (\n        !value ||\n        exclude.some((exclusion) => {\n            if (exclusion instanceof RegExp) {\n                return exclusion.test(value);\n            }\n            return value === exclusion;\n        })\n    ) {\n        return undefined;\n    }\n    const kebabValue = toKebabCase(value);\n    return `${prefix}-${kebabValue}`;\n}\n\n/**\n * ## Make a Size Modifier Class Name\n * @param value\n * @param exclude\n */\nexport function sizeModifier(\n    value?: string | number,\n    exclude: (string | RegExp)[] = [],\n): string | undefined {\n    if (!isString(value)) {\n        return undefined;\n    }\n    return makeClassName(value, \"is-size\", exclude);\n}\n\n/**\n * ## Make an Appearance Modifier Class Name\n * @param value\n * @param exclude\n */\nexport function appearanceModifier(\n    value: string,\n    exclude: (string | RegExp)[] = [],\n): string | undefined {\n    return makeClassName(value, \"is-appearance\", exclude);\n}\n\n/**\n * ## Make a Variant Modifier Class Name\n * @param value\n * @param exclude\n */\nexport function variantModifier(\n    value: string,\n    exclude: (string | RegExp)[] = [],\n): string | undefined {\n    return makeClassName(value, \"is-variant\", exclude);\n}\n"],"names":["toKebabCase","isString"],"mappings":";;;;AAUO,SAAS,cACZ,OACA,SAAiB,IACjB,UAA+B,CAAA,GACb;AAClB,MACI,CAAC,SACD,QAAQ,KAAK,CAAC,cAAc;AACxB,QAAI,qBAAqB,QAAQ;AACtB,aAAA,UAAU,KAAK,KAAK;AAAA,IAC/B;AACA,WAAO,UAAU;AAAA,EAAA,CACpB,GACH;AACS,WAAA;AAAA,EACX;AACM,QAAA,aAAaA,oBAAY,KAAK;AAC7B,SAAA,GAAG,MAAM,IAAI,UAAU;AAClC;AAOO,SAAS,aACZ,OACA,UAA+B,IACb;AACd,MAAA,CAACC,YAAAA,SAAS,KAAK,GAAG;AACX,WAAA;AAAA,EACX;AACO,SAAA,cAAc,OAAO,WAAW,OAAO;AAClD;AAOO,SAAS,mBACZ,OACA,UAA+B,IACb;AACX,SAAA,cAAc,OAAO,iBAAiB,OAAO;AACxD;AAOO,SAAS,gBACZ,OACA,UAA+B,IACb;AACX,SAAA,cAAc,OAAO,cAAc,OAAO;AACrD;;;;;"}

package/dist/cjs/numbers-CfMZyU21.cjs

@@ -0,0 +1,9 @@
+"use strict";
+/*! Evance UI v1.0.8 | MIT License */
+const IntegerishPattern = /^\d+$/;
+function isIntegerish(value) {
+  return IntegerishPattern.test(value.toString());
+}
+exports.IntegerishPattern = IntegerishPattern;
+exports.isIntegerish = isIntegerish;
+//# sourceMappingURL=numbers-CfMZyU21.cjs.map

package/dist/cjs/numbers-CfMZyU21.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"numbers-CfMZyU21.cjs","sources":["../../src/util/numbers.ts"],"sourcesContent":["/**\n * # Integerish Pattern\n */\nexport const IntegerishPattern: RegExp = /^\\d+$/;\n\n/**\n * # Is Integerish\n * @param value\n */\nexport function isIntegerish(value: string | number): boolean {\n    return IntegerishPattern.test(value.toString());\n}\n"],"names":[],"mappings":";;AAGO,MAAM,oBAA4B;AAMlC,SAAS,aAAa,OAAiC;AAC1D,SAAO,kBAAkB,KAAK,MAAM,SAAU,CAAA;AAClD;;;"}

package/dist/cjs/props-3YojFZoC.cjs

@@ -0,0 +1,24 @@
+"use strict";
+/*! Evance UI v1.0.8 | MIT License */
+function propsFactory(props, source) {
+  return (defaults) => {
+    return Object.keys(props).reduce((obj, prop) => {
+      const isObjectDefinition = typeof props[prop] === "object" && props[prop] != null && !Array.isArray(props[prop]);
+      const definition = isObjectDefinition ? props[prop] : { type: props[prop] };
+      if (defaults && prop in defaults) {
+        obj[prop] = {
+          ...definition,
+          default: defaults[prop]
+        };
+      } else {
+        obj[prop] = definition;
+      }
+      if (source && !obj[prop].source) {
+        obj[prop].source = source;
+      }
+      return obj;
+    }, {});
+  };
+}
+exports.propsFactory = propsFactory;
+//# sourceMappingURL=props-3YojFZoC.cjs.map

package/dist/cjs/props-3YojFZoC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props-3YojFZoC.cjs","sources":["../../src/util/props.ts"],"sourcesContent":["import type { IfAny } from \"@vue/shared\"; // eslint-disable-line vue/prefer-import-from-vue\nimport type { ComponentObjectPropsOptions, Prop, PropType } from \"vue\";\n\n/**\n * # Props Factory\n *\n * Creates a factory function for props definitions.\n * This is used to define props in a composable then override\n * default values in an implementing component.\n *\n * @example Simplified signature\n * (props: Props) => (defaults?: Record<keyof props, any>) => Props\n *\n * @example Usage\n * const makeProps = propsFactory({\n *   foo: String,\n * })\n *\n * defineComponent({\n *   props: {\n *     ...makeProps({\n *       foo: 'a',\n *     }),\n *   },\n *   setup (props) {\n *     // would be \"string | undefined\", now \"string\" because a default has been provided\n *     props.foo\n *   },\n * }\n *\n * Copied from Vuetify\n * @see https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/propsFactory.ts\n */\nexport function propsFactory<PropsOptions extends ComponentObjectPropsOptions>(\n    props: PropsOptions,\n    source: string,\n) {\n    return <Defaults extends PartialKeys<PropsOptions> = {}>(\n        defaults?: Defaults,\n    ): AppendDefault<PropsOptions, Defaults> => {\n        return Object.keys(props).reduce<any>((obj, prop) => {\n            const isObjectDefinition =\n                typeof props[prop] === \"object\" &&\n                props[prop] != null &&\n                !Array.isArray(props[prop]);\n            const definition = isObjectDefinition\n                ? props[prop]\n                : { type: props[prop] };\n\n            if (defaults && prop in defaults) {\n                obj[prop] = {\n                    ...definition,\n                    default: defaults[prop],\n                };\n            } else {\n                obj[prop] = definition;\n            }\n\n            if (source && !obj[prop].source) {\n                obj[prop].source = source;\n            }\n\n            return obj;\n        }, {});\n    };\n}\n\ntype AppendDefault<\n    T extends ComponentObjectPropsOptions,\n    D extends PartialKeys<T>,\n> = {\n    [P in keyof T]-?: unknown extends D[P]\n        ? T[P]\n        : T[P] extends Record<string, unknown>\n          ? Omit<T[P], \"type\" | \"default\"> & {\n                type: PropType<MergeDefault<T[P], D[P]>>;\n                default: MergeDefault<T[P], D[P]>;\n            }\n          : {\n                type: PropType<MergeDefault<T[P], D[P]>>;\n                default: MergeDefault<T[P], D[P]>;\n            };\n};\n\ntype MergeDefault<T, D> = unknown extends D\n    ? InferPropType<T>\n    : NonNullable<InferPropType<T>> | D;\n\n/**\n * Like `Partial<T>` but doesn't care what the value is\n */\ntype PartialKeys<T> = { [P in keyof T]?: unknown };\n\n// Copied from Vue\ntype InferPropType<T> = [T] extends [null]\n    ? any // null & true would fail to infer\n    : [T] extends [{ type: null | true }]\n      ? // As TS issue https://github.com/Microsoft/TypeScript/issues/14829\n        // somehow `ObjectConstructor` when inferred from { (): T } becomes `any`\n        // `BooleanConstructor` when inferred from PropConstructor(with PropMethod) becomes `Boolean`\n        any\n      : [T] extends [ObjectConstructor | { type: ObjectConstructor }]\n        ? Record<string, any>\n        : [T] extends [BooleanConstructor | { type: BooleanConstructor }]\n          ? boolean\n          : [T] extends [DateConstructor | { type: DateConstructor }]\n            ? Date\n            : [T] extends [(infer U)[] | { type: (infer U)[] }]\n              ? U extends DateConstructor\n                  ? Date | InferPropType<U>\n                  : InferPropType<U>\n              : [T] extends [Prop<infer V, infer D>]\n                ? unknown extends V\n                    ? IfAny<V, V, D>\n                    : V\n                : T;\n"],"names":[],"mappings":";;AAiCgB,SAAA,aACZ,OACA,QACF;AACE,SAAO,CACH,aACwC;AACxC,WAAO,OAAO,KAAK,KAAK,EAAE,OAAY,CAAC,KAAK,SAAS;AACjD,YAAM,qBACF,OAAO,MAAM,IAAI,MAAM,YACvB,MAAM,IAAI,KAAK,QACf,CAAC,MAAM,QAAQ,MAAM,IAAI,CAAC;AACxB,YAAA,aAAa,qBACb,MAAM,IAAI,IACV,EAAE,MAAM,MAAM,IAAI;AAEpB,UAAA,YAAY,QAAQ,UAAU;AAC9B,YAAI,IAAI,IAAI;AAAA,UACR,GAAG;AAAA,UACH,SAAS,SAAS,IAAI;AAAA,QAAA;AAAA,MAC1B,OACG;AACH,YAAI,IAAI,IAAI;AAAA,MAChB;AAEA,UAAI,UAAU,CAAC,IAAI,IAAI,EAAE,QAAQ;AACzB,YAAA,IAAI,EAAE,SAAS;AAAA,MACvB;AAEO,aAAA;AAAA,IACX,GAAG,CAAE,CAAA;AAAA,EAAA;AAEb;;"}

package/dist/cjs/resizeObserver-CsYPXkp-.cjs

@@ -0,0 +1,46 @@
+"use strict";
+/*! Evance UI v1.0.8 | MIT License */
+const vue = require("vue");
+const helpers = require("./helpers-CtzYj-kY.cjs");
+function useResizeObserver(callback, box = "content") {
+  const resizeRef = vue.ref();
+  const contentRect = vue.ref();
+  if (helpers.Browser.hasWindow) {
+    const observer = new ResizeObserver(
+      (entries) => {
+        if (!entries.length) {
+          return;
+        }
+        if (box === "content") {
+          contentRect.value = entries[0].contentRect;
+        } else {
+          contentRect.value = entries[0].target.getBoundingClientRect();
+        }
+      }
+    );
+    vue.onBeforeUnmount(() => {
+      observer.disconnect();
+    });
+    vue.watch(
+      resizeRef,
+      (newValue, oldValue) => {
+        if (oldValue) {
+          observer.unobserve(helpers.refElement(oldValue));
+          contentRect.value = void 0;
+        }
+        if (newValue) {
+          observer.observe(helpers.refElement(newValue));
+        }
+      },
+      {
+        flush: "post"
+      }
+    );
+  }
+  return {
+    resizeRef,
+    contentRect: vue.readonly(contentRect)
+  };
+}
+exports.useResizeObserver = useResizeObserver;
+//# sourceMappingURL=resizeObserver-CsYPXkp-.cjs.map

package/dist/cjs/resizeObserver-CsYPXkp-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizeObserver-CsYPXkp-.cjs","sources":["../../src/composables/resizeObserver.ts"],"sourcesContent":["import { onBeforeUnmount, readonly, ref, watch } from \"vue\";\nimport type { DeepReadonly, Ref } from \"vue\";\nimport { Browser, refElement } from \"../util\";\n\ninterface ResizeState {\n    resizeRef: Ref<HTMLElement | undefined>;\n    contentRect: DeepReadonly<Ref<DOMRectReadOnly | undefined>>;\n}\n\n/**\n * # Resize Observer\n * @param callback\n * @param box\n */\nexport function useResizeObserver(\n    callback?: ResizeObserverCallback,\n    box: \"content\" | \"border\" = \"content\",\n): ResizeState {\n    const resizeRef = ref<HTMLElement>();\n    const contentRect = ref<DOMRectReadOnly>();\n\n    if (Browser.hasWindow) {\n        const observer = new ResizeObserver(\n            (entries: ResizeObserverEntry[]) => {\n                callback?.(entries, observer);\n                if (!entries.length) {\n                    return;\n                }\n                if (box === \"content\") {\n                    contentRect.value = entries[0].contentRect;\n                } else {\n                    contentRect.value =\n                        entries[0].target.getBoundingClientRect();\n                }\n            },\n        );\n\n        onBeforeUnmount(() => {\n            observer.disconnect();\n        });\n\n        watch(\n            resizeRef,\n            (newValue, oldValue) => {\n                if (oldValue) {\n                    observer.unobserve(refElement(oldValue));\n                    contentRect.value = undefined;\n                }\n\n                if (newValue) {\n                    observer.observe(refElement(newValue));\n                }\n            },\n            {\n                flush: \"post\",\n            },\n        );\n    }\n\n    return {\n        resizeRef,\n        contentRect: readonly(contentRect),\n    };\n}\n"],"names":["ref","Browser","onBeforeUnmount","watch","refElement","readonly"],"mappings":";;;;AAcgB,SAAA,kBACZ,UACA,MAA4B,WACjB;AACX,QAAM,YAAYA,IAAAA;AAClB,QAAM,cAAcA,IAAAA;AAEpB,MAAIC,QAAAA,QAAQ,WAAW;AACnB,UAAM,WAAW,IAAI;AAAA,MACjB,CAAC,YAAmC;AAE5B,YAAA,CAAC,QAAQ,QAAQ;AACjB;AAAA,QACJ;AACA,YAAI,QAAQ,WAAW;AACP,sBAAA,QAAQ,QAAQ,CAAC,EAAE;AAAA,QAAA,OAC5B;AACH,sBAAY,QACR,QAAQ,CAAC,EAAE,OAAO;QAC1B;AAAA,MACJ;AAAA,IAAA;AAGJC,QAAAA,gBAAgB,MAAM;AAClB,eAAS,WAAW;AAAA,IAAA,CACvB;AAEDC,QAAA;AAAA,MACI;AAAA,MACA,CAAC,UAAU,aAAa;AACpB,YAAI,UAAU;AACD,mBAAA,UAAUC,mBAAW,QAAQ,CAAC;AACvC,sBAAY,QAAQ;AAAA,QACxB;AAEA,YAAI,UAAU;AACD,mBAAA,QAAQA,mBAAW,QAAQ,CAAC;AAAA,QACzC;AAAA,MACJ;AAAA,MACA;AAAA,QACI,OAAO;AAAA,MACX;AAAA,IAAA;AAAA,EAER;AAEO,SAAA;AAAA,IACH;AAAA,IACA,aAAaC,aAAS,WAAW;AAAA,EAAA;AAEzC;;"}

package/dist/cjs/router-CY9j9SRs.cjs

@@ -0,0 +1,94 @@
+"use strict";
+/*! Evance UI v1.0.8 | MIT License */
+const vue = require("vue");
+const helpers = require("./helpers-CtzYj-kY.cjs");
+const events = require("./events-BktYxCR7.cjs");
+const isFunctions = require("./is-functions-C_TW6rKE.cjs");
+const props = require("./props-3YojFZoC.cjs");
+function isClickableLink(props2, attrs) {
+  return vue.computed(() => {
+    return !!(props2.href || props2.to) || events.hasEventListener(attrs, "click") || events.hasEventListener(props2, "click");
+  });
+}
+function isRouterLinkOrHref(props2) {
+  return vue.computed(() => {
+    return !!(props2.href || props2.to);
+  });
+}
+const makeRouterLinkOrHrefProps = props.propsFactory(
+  {
+    href: String,
+    replace: Boolean,
+    to: [String, Object],
+    exact: Boolean
+  },
+  "router"
+);
+function useRouterLinkOrHref(props2, attrs) {
+  const routerLink = vue.resolveDynamicComponent("RouterLink");
+  const isLink = isRouterLinkOrHref(props2);
+  const isClickable = isClickableLink(props2, attrs);
+  if (isFunctions.isString(routerLink)) {
+    return {
+      isLink,
+      isClickable,
+      href: vue.toRef(props2, "href")
+    };
+  }
+  const link = props2.to ? routerLink.useLink(props2) : void 0;
+  return {
+    isLink,
+    isClickable,
+    route: link == null ? void 0 : link.route,
+    navigate: link == null ? void 0 : link.navigate,
+    isActive: link && vue.computed(
+      () => {
+        var _a, _b;
+        return props2.exact ? (_a = link.isExactActive) == null ? void 0 : _a.value : (_b = link.isActive) == null ? void 0 : _b.value;
+      }
+    ),
+    isExactActive: link == null ? void 0 : link.isExactActive,
+    href: vue.computed(() => props2.to ? link == null ? void 0 : link.route.value.href : props2.href)
+  };
+}
+let isTransitioning = false;
+function useBackButton(router, callback) {
+  let isPopped = false;
+  let removeBefore;
+  let removeAfter;
+  function onPopState(e) {
+    var _a;
+    if ((_a = e.state) == null ? void 0 : _a.replaced) {
+      return;
+    }
+    isPopped = true;
+    setTimeout(() => isPopped = false);
+  }
+  if (helpers.Browser.hasWindow) {
+    vue.nextTick(() => {
+      window.addEventListener("popstate", onPopState);
+      removeBefore = router == null ? void 0 : router.beforeEach((to, from, next) => {
+        if (!isTransitioning) {
+          setTimeout(() => {
+            return isPopped ? callback(next) : next();
+          });
+        } else {
+          isPopped ? callback(next) : next();
+        }
+        isTransitioning = true;
+      });
+      removeAfter = router == null ? void 0 : router.afterEach(() => {
+        isTransitioning = false;
+      });
+    });
+    vue.onScopeDispose(() => {
+      window.removeEventListener("popstate", onPopState);
+      removeBefore == null ? void 0 : removeBefore();
+      removeAfter == null ? void 0 : removeAfter();
+    });
+  }
+}
+exports.makeRouterLinkOrHrefProps = makeRouterLinkOrHrefProps;
+exports.useBackButton = useBackButton;
+exports.useRouterLinkOrHref = useRouterLinkOrHref;
+//# sourceMappingURL=router-CY9j9SRs.cjs.map

package/dist/cjs/router-CY9j9SRs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-CY9j9SRs.cjs","sources":["../../src/composables/router.ts"],"sourcesContent":["import {\n    NavigationGuardNext,\n    RouteLocationRaw,\n    Router,\n    RouterLink,\n    useLink,\n    UseLinkOptions,\n} from \"vue-router\";\nimport {\n    computed,\n    ComputedRef,\n    nextTick,\n    onScopeDispose,\n    PropType,\n    Ref,\n    resolveDynamicComponent,\n    SetupContext,\n    toRef,\n} from \"vue\";\nimport {\n    Browser,\n    ClickEventListeners,\n    hasEventListener,\n    isString,\n    propsFactory,\n} from \"@/util\";\n\n/**\n * # RouterLink or Href Props\n *\n * We need to be able to accommodate `<a href=\"\">` links\n * as well as `<router-link to=\"...\">` links.\n *\n * This is an important distinction in Evance since we use both.\n *\n */\nexport interface RouterLinkOrHrefProps {\n    href?: string;\n    replace?: boolean;\n    to?: RouteLocationRaw;\n    exact?: boolean;\n}\n\n/**\n * # Use RouterLink or Href\n */\nexport interface UseRouterLinkOrHref\n    extends Omit<Partial<ReturnType<typeof useLink>>, \"href\"> {\n    isLink: ComputedRef<boolean>;\n    isClickable: ComputedRef<boolean>;\n    href: Ref<string | undefined>;\n}\n\n/**\n * # Is Clickable Link\n * @param props\n * @param attrs\n */\nexport function isClickableLink(\n    props: RouterLinkOrHrefProps & ClickEventListeners,\n    attrs: SetupContext[\"attrs\"],\n): ComputedRef<boolean> {\n    return computed(() => {\n        return (\n            !!(props.href || props.to) ||\n            hasEventListener(attrs, \"click\") ||\n            hasEventListener(props, \"click\")\n        );\n    });\n}\n\n/**\n * # Is RouterLink or Href\n * @param props\n */\nexport function isRouterLinkOrHref(\n    props: RouterLinkOrHrefProps,\n): ComputedRef<boolean> {\n    return computed(() => {\n        return !!(props.href || props.to);\n    });\n}\n\n/**\n * # Make Router Props\n */\nexport const makeRouterLinkOrHrefProps = propsFactory(\n    {\n        href: String,\n        replace: Boolean,\n        to: [String, Object] as PropType<RouteLocationRaw>,\n        exact: Boolean,\n    },\n    \"router\",\n);\n\n/**\n * # Use Router Link or Href\n *\n * This is heavily \"inspired\" by Vuetify.\n * https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/router.tsx\n *\n * @param props\n * @param attrs\n */\nexport function useRouterLinkOrHref(\n    props: RouterLinkOrHrefProps,\n    attrs: SetupContext[\"attrs\"],\n): UseRouterLinkOrHref {\n    const routerLink = resolveDynamicComponent(\"RouterLink\") as\n        | typeof RouterLink\n        | string;\n    const isLink = isRouterLinkOrHref(props);\n    const isClickable = isClickableLink(props, attrs);\n    if (isString(routerLink)) {\n        return {\n            isLink,\n            isClickable,\n            href: toRef(props, \"href\"),\n        };\n    }\n    const link = props.to\n        ? routerLink.useLink(props as UseLinkOptions)\n        : undefined;\n    return {\n        isLink,\n        isClickable,\n        route: link?.route,\n        navigate: link?.navigate,\n        isActive:\n            link &&\n            computed(() =>\n                props.exact ? link.isExactActive?.value : link.isActive?.value,\n            ),\n        isExactActive: link?.isExactActive,\n        href: computed(() => (props.to ? link?.route.value.href : props.href)),\n    };\n}\n\n/**\n * # Use Back Button\n *\n * Listen to PopStateEvents dispatched to the window every time the\n * active history entry changes between two history entries for the same document.\n *\n * We need this for navigation on single page apps.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/PopStateEvent\n */\nlet isTransitioning = false;\nexport function useBackButton(\n    router: Router | undefined,\n    callback: (next: NavigationGuardNext) => void,\n) {\n    let isPopped = false;\n    let removeBefore: (() => void) | undefined;\n    let removeAfter: (() => void) | undefined;\n\n    function onPopState(e: PopStateEvent) {\n        if (e.state?.replaced) {\n            return;\n        }\n        isPopped = true;\n        // Use setTimeout to be asynchronous\n        setTimeout(() => (isPopped = false));\n    }\n\n    if (Browser.hasWindow) {\n        nextTick(() => {\n            window.addEventListener(\"popstate\", onPopState);\n            removeBefore = router?.beforeEach((to, from, next) => {\n                if (!isTransitioning) {\n                    // Use setTimeout to be asynchronous\n                    setTimeout(() => {\n                        return isPopped ? callback(next) : next();\n                    });\n                } else {\n                    isPopped ? callback(next) : next();\n                }\n                isTransitioning = true;\n            });\n            removeAfter = router?.afterEach(() => {\n                isTransitioning = false;\n            });\n        });\n\n        onScopeDispose(() => {\n            window.removeEventListener(\"popstate\", onPopState);\n            removeBefore?.();\n            removeAfter?.();\n        });\n    }\n}\n"],"names":["props","computed","hasEventListener","propsFactory","resolveDynamicComponent","isString","toRef","Browser","nextTick","onScopeDispose"],"mappings":";;;;;;;AA0DgB,SAAA,gBACZA,QACA,OACoB;AACpB,SAAOC,aAAS,MAAM;AAClB,WACI,CAAC,EAAED,OAAM,QAAQA,OAAM,OACvBE,wBAAiB,OAAO,OAAO,KAC/BA,OAAiB,iBAAAF,QAAO,OAAO;AAAA,EAAA,CAEtC;AACL;AAMO,SAAS,mBACZA,QACoB;AACpB,SAAOC,aAAS,MAAM;AAClB,WAAO,CAAC,EAAED,OAAM,QAAQA,OAAM;AAAA,EAAA,CACjC;AACL;AAKO,MAAM,4BAA4BG,MAAA;AAAA,EACrC;AAAA,IACI,MAAM;AAAA,IACN,SAAS;AAAA,IACT,IAAI,CAAC,QAAQ,MAAM;AAAA,IACnB,OAAO;AAAA,EACX;AAAA,EACA;AACJ;AAWgB,SAAA,oBACZH,QACA,OACmB;AACb,QAAA,aAAaI,4BAAwB,YAAY;AAGjD,QAAA,SAAS,mBAAmBJ,MAAK;AACjC,QAAA,cAAc,gBAAgBA,QAAO,KAAK;AAC5C,MAAAK,YAAAA,SAAS,UAAU,GAAG;AACf,WAAA;AAAA,MACH;AAAA,MACA;AAAA,MACA,MAAMC,IAAAA,MAAMN,QAAO,MAAM;AAAA,IAAA;AAAA,EAEjC;AACA,QAAM,OAAOA,OAAM,KACb,WAAW,QAAQA,MAAuB,IAC1C;AACC,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA,OAAO,6BAAM;AAAA,IACb,UAAU,6BAAM;AAAA,IAChB,UACI,QACAC,IAAA;AAAA,MAAS,MACL;;AAAA,eAAAD,OAAM,SAAQ,UAAK,kBAAL,mBAAoB,SAAQ,UAAK,aAAL,mBAAe;AAAA;AAAA,IAC7D;AAAA,IACJ,eAAe,6BAAM;AAAA,IACrB,MAAMC,IAAS,SAAA,MAAOD,OAAM,KAAK,6BAAM,MAAM,MAAM,OAAOA,OAAM,IAAK;AAAA,EAAA;AAE7E;AAYA,IAAI,kBAAkB;AACN,SAAA,cACZ,QACA,UACF;AACE,MAAI,WAAW;AACX,MAAA;AACA,MAAA;AAEJ,WAAS,WAAW,GAAkB;;AAC9B,SAAA,OAAE,UAAF,mBAAS,UAAU;AACnB;AAAA,IACJ;AACW,eAAA;AAEA,eAAA,MAAO,WAAW,KAAM;AAAA,EACvC;AAEA,MAAIO,QAAAA,QAAQ,WAAW;AACnBC,QAAAA,SAAS,MAAM;AACJ,aAAA,iBAAiB,YAAY,UAAU;AAC9C,qBAAe,iCAAQ,WAAW,CAAC,IAAI,MAAM,SAAS;AAClD,YAAI,CAAC,iBAAiB;AAElB,qBAAW,MAAM;AACb,mBAAO,WAAW,SAAS,IAAI,IAAI,KAAK;AAAA,UAAA,CAC3C;AAAA,QAAA,OACE;AACQ,qBAAA,SAAS,IAAI,IAAI,KAAK;AAAA,QACrC;AACkB,0BAAA;AAAA,MAAA;AAER,oBAAA,iCAAQ,UAAU,MAAM;AAChB,0BAAA;AAAA,MAAA;AAAA,IACrB,CACJ;AAEDC,QAAAA,eAAe,MAAM;AACV,aAAA,oBAAoB,YAAY,UAAU;AAClC;AACD;AAAA,IAAA,CACjB;AAAA,EACL;AACJ;;;;"}

package/dist/cjs/scroll-COWnziDz.cjs

@@ -0,0 +1,48 @@
+"use strict";
+/*! Evance UI v1.0.8 | MIT License */
+const isFunctions = require("./is-functions-C_TW6rKE.cjs");
+function getScrollParent(el, isIncludeHidden = false, axis = "y") {
+  while (el) {
+    if (isIncludeHidden ? isScrollable(el, axis) : hasScrollbar(el, axis)) {
+      return el;
+    }
+    el = el.parentElement;
+  }
+  return document.scrollingElement;
+}
+function getScrollParents(el, stopAt, axis = "y") {
+  const elements = [];
+  if (isFunctions.isElement(el) && isFunctions.isElement(stopAt) && !stopAt.contains(el)) {
+    return elements;
+  }
+  while (el) {
+    if (hasScrollbar(el, axis)) {
+      elements.push(el);
+    }
+    if (el === stopAt) {
+      break;
+    }
+    el = el.parentElement;
+  }
+  return elements;
+}
+function hasScrollbar(el, axis = "y") {
+  if (!isFunctions.isElement(el)) {
+    return false;
+  }
+  const style = window.getComputedStyle(el);
+  const hasScrollbarX = style.overflowX === "scroll" || style.overflowX === "auto" && el.scrollWidth > el.clientWidth;
+  const hasScrollbarY = style.overflowY === "scroll" || style.overflowY === "auto" && el.scrollHeight > el.clientHeight;
+  return (!axis || axis === "x") && hasScrollbarX || (!axis || axis === "y") && hasScrollbarY;
+}
+function isScrollable(el, axis = "y") {
+  if (!isFunctions.isElement(el)) {
+    return false;
+  }
+  const style = window.getComputedStyle(el);
+  return (!axis || axis === "x") && ["scroll", "auto"].includes(style.overflowX) || (!axis || axis === "y") && ["scroll", "auto"].includes(style.overflowY);
+}
+exports.getScrollParent = getScrollParent;
+exports.getScrollParents = getScrollParents;
+exports.hasScrollbar = hasScrollbar;
+//# sourceMappingURL=scroll-COWnziDz.cjs.map

package/dist/cjs/scroll-COWnziDz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-COWnziDz.cjs","sources":["../../src/util/scroll.ts"],"sourcesContent":["import { isElement } from \"./is-functions\";\nimport { Axis } from \"./dimensions\";\n\n/**\n * # Get Scroll Parent\n *\n * Get the closest parent element which is scrollable.\n *\n * @param el\n * @param isIncludeHidden\n * @param axis\n */\nexport function getScrollParent(\n    el?: Element,\n    isIncludeHidden = false,\n    axis: Axis | null = \"y\",\n): HTMLElement {\n    while (el) {\n        if (isIncludeHidden ? isScrollable(el, axis) : hasScrollbar(el, axis)) {\n            return el as HTMLElement;\n        }\n        el = el.parentElement!;\n    }\n    return document.scrollingElement as HTMLElement;\n}\n\n/**\n * # Get Scroll Parents\n *\n * Get all parent elements with a scrollbar in either the x-axis, y-axis,\n * or either if `axis` is supplied as `null`.\n *\n * Defaults to y-axis, since that's the most common use-case.\n *\n * @param el\n * @param stopAt\n * @param axis\n */\nexport function getScrollParents(\n    el: Element | undefined,\n    stopAt?: Element | null,\n    axis: Axis | null = \"y\",\n): HTMLElement[] {\n    const elements: HTMLElement[] = [];\n    if (isElement(el) && isElement(stopAt) && !stopAt!.contains(el)) {\n        return elements;\n    }\n    while (el) {\n        if (hasScrollbar(el, axis)) {\n            elements.push(el as HTMLElement);\n        }\n        if (el === stopAt) {\n            break;\n        }\n        el = el.parentElement!;\n    }\n    return elements;\n}\n\n/**\n * # Has Scrollbar?\n *\n * Determine whether an Element has a Scrollbar in either the x-axis, y-axis,\n * or either if `axis` is supplied as `null`.\n *\n * This does not necessarily mean it has a scroll amount.\n *\n * Defaults to y-axis, since that's the most common use-case.\n *\n * @param el\n * @param axis\n */\nexport function hasScrollbar(\n    el?: Element | null,\n    axis: Axis | null = \"y\",\n): boolean {\n    if (!isElement(el)) {\n        return false;\n    }\n    const style = window.getComputedStyle(el!);\n    const hasScrollbarX =\n        style.overflowX === \"scroll\" ||\n        (style.overflowX === \"auto\" && el!.scrollWidth > el!.clientWidth);\n    const hasScrollbarY =\n        style.overflowY === \"scroll\" ||\n        (style.overflowY === \"auto\" && el!.scrollHeight > el!.clientHeight);\n    return (\n        ((!axis || axis === \"x\") && hasScrollbarX) ||\n        ((!axis || axis === \"y\") && hasScrollbarY)\n    );\n}\n\n/**\n * # Is Scrollable?\n *\n * Determines whether an Element is scrollable in either the x-axis, y-axis,\n * or either if `axis` is supplied as `null`.\n *\n * Defaults to y-axis, since that's the most common use-case.\n *\n * @param el\n * @param axis\n */\nexport function isScrollable(\n    el: Element | null,\n    axis: Axis | null = \"y\",\n): boolean {\n    if (!isElement(el)) {\n        return false;\n    }\n    const style = window.getComputedStyle(el!);\n    return (\n        ((!axis || axis === \"x\") &&\n            [\"scroll\", \"auto\"].includes(style.overflowX)) ||\n        ((!axis || axis === \"y\") &&\n            [\"scroll\", \"auto\"].includes(style.overflowY))\n    );\n}\n"],"names":["isElement"],"mappings":";;;AAYO,SAAS,gBACZ,IACA,kBAAkB,OAClB,OAAoB,KACT;AACX,SAAO,IAAI;AACH,QAAA,kBAAkB,aAAa,IAAI,IAAI,IAAI,aAAa,IAAI,IAAI,GAAG;AAC5D,aAAA;AAAA,IACX;AACA,SAAK,GAAG;AAAA,EACZ;AACA,SAAO,SAAS;AACpB;AAcO,SAAS,iBACZ,IACA,QACA,OAAoB,KACP;AACb,QAAM,WAA0B,CAAA;AAC5B,MAAAA,YAAA,UAAU,EAAE,KAAKA,sBAAU,MAAM,KAAK,CAAC,OAAQ,SAAS,EAAE,GAAG;AACtD,WAAA;AAAA,EACX;AACA,SAAO,IAAI;AACH,QAAA,aAAa,IAAI,IAAI,GAAG;AACxB,eAAS,KAAK,EAAiB;AAAA,IACnC;AACA,QAAI,OAAO,QAAQ;AACf;AAAA,IACJ;AACA,SAAK,GAAG;AAAA,EACZ;AACO,SAAA;AACX;AAegB,SAAA,aACZ,IACA,OAAoB,KACb;AACH,MAAA,CAACA,YAAAA,UAAU,EAAE,GAAG;AACT,WAAA;AAAA,EACX;AACM,QAAA,QAAQ,OAAO,iBAAiB,EAAG;AACnC,QAAA,gBACF,MAAM,cAAc,YACnB,MAAM,cAAc,UAAU,GAAI,cAAc,GAAI;AACnD,QAAA,gBACF,MAAM,cAAc,YACnB,MAAM,cAAc,UAAU,GAAI,eAAe,GAAI;AAEpD,UAAA,CAAC,QAAQ,SAAS,QAAQ,kBAC1B,CAAC,QAAQ,SAAS,QAAQ;AAEpC;AAagB,SAAA,aACZ,IACA,OAAoB,KACb;AACH,MAAA,CAACA,YAAAA,UAAU,EAAE,GAAG;AACT,WAAA;AAAA,EACX;AACM,QAAA,QAAQ,OAAO,iBAAiB,EAAG;AAEnC,UAAA,CAAC,QAAQ,SAAS,QAChB,CAAC,UAAU,MAAM,EAAE,SAAS,MAAM,SAAS,MAC7C,CAAC,QAAQ,SAAS,QAChB,CAAC,UAAU,MAAM,EAAE,SAAS,MAAM,SAAS;AAEvD;;;;"}

package/dist/cjs/select-DJfH7I6h.cjs

@@ -0,0 +1,193 @@
+"use strict";
+/*! Evance UI v1.0.8 | MIT License */
+const helpers = require("./helpers-CtzYj-kY.cjs");
+const isFunctions = require("./is-functions-C_TW6rKE.cjs");
+const props = require("./props-3YojFZoC.cjs");
+const vue = require("vue");
+const modelProxy = require("./modelProxy-D24X-iVS.cjs");
+const singleSelectStrategy = {
+  showSelectAll: false,
+  allSelected: () => [],
+  select: ({ items, value }) => {
+    var _a;
+    return new Set(value ? [(_a = items[0]) == null ? void 0 : _a.value] : []);
+  },
+  selectAll: ({ selected }) => selected
+};
+const pageSelectStrategy = {
+  showSelectAll: true,
+  allSelected: ({ currentPage }) => currentPage,
+  select: ({ items, value, selected }) => {
+    for (const item of items) {
+      value ? selected.add(item.value) : selected.delete(item.value);
+    }
+    return selected;
+  },
+  selectAll: ({ value, currentPage, selected }) => pageSelectStrategy.select({ items: currentPage, value, selected })
+};
+const allSelectStrategy = {
+  showSelectAll: true,
+  allSelected: ({ allItems }) => allItems,
+  select: ({ items, value, selected }) => {
+    for (const item of items) {
+      value ? selected.add(item.value) : selected.delete(item.value);
+    }
+    return selected;
+  },
+  selectAll: ({ value, allItems, selected }) => allSelectStrategy.select({ items: allItems, value, selected })
+};
+const makeDataTableSelectProps = props.propsFactory(
+  {
+    showSelect: Boolean,
+    selectStrategy: {
+      type: [String, Object],
+      default: "page"
+    },
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    valueComparator: {
+      type: Function,
+      default: isFunctions.isDeepEqual
+    }
+  },
+  "DataTable-select"
+);
+const EvDataTableSelectionSymbol = Symbol.for("ev:data-table-selection");
+function provideSelection(props2, {
+  allItems,
+  currentPage
+}) {
+  const showSelect = vue.toRef(props2, "showSelect");
+  const lastToggledItem = vue.ref(null);
+  const selected = modelProxy.useModelProxy(
+    props2,
+    "modelValue",
+    props2.modelValue,
+    (v) => {
+      return new Set(
+        helpers.wrapInArray(v).map((v2) => {
+          var _a;
+          return ((_a = allItems.value.find(
+            (item) => props2.valueComparator(v2, item.value)
+          )) == null ? void 0 : _a.value) ?? v2;
+        })
+      );
+    },
+    (v) => {
+      return [...v.values()];
+    }
+  );
+  const allSelectable = vue.computed(
+    () => allItems.value.filter((item) => item.selectable)
+  );
+  const currentPageSelectable = vue.computed(
+    () => currentPage.value.filter((item) => item.selectable)
+  );
+  const selectStrategy = vue.computed(() => {
+    if (typeof props2.selectStrategy === "object") {
+      return props2.selectStrategy;
+    }
+    switch (props2.selectStrategy) {
+      case "single":
+        return singleSelectStrategy;
+      case "all":
+        return allSelectStrategy;
+      case "page":
+      default:
+        return pageSelectStrategy;
+    }
+  });
+  function isSelected(items) {
+    return helpers.wrapInArray(items).every(
+      (item) => selected.value.has(item.value)
+    );
+  }
+  function isSomeSelected(items) {
+    return helpers.wrapInArray(items).some(
+      (item) => selected.value.has(item.value)
+    );
+  }
+  function select(items, value) {
+    selected.value = selectStrategy.value.select({
+      items,
+      value,
+      selected: new Set(selected.value)
+    });
+  }
+  function toggleSelect(item, shiftPressed = false) {
+    const isItemSelected = isSelected([item]);
+    if (lastToggledItem.value && shiftPressed) {
+      const lastIndex = allSelectable.value.findIndex((v) => {
+        return props2.valueComparator(v, lastToggledItem.value);
+      });
+      const currentIndex = allSelectable.value.findIndex((v) => {
+        return props2.valueComparator(v, item);
+      });
+      if (lastIndex === -1 || currentIndex === -1) {
+        select([item], !isSelected([item]));
+        lastToggledItem.value = selected.value.size > 0 ? item : null;
+        return;
+      }
+      const [start, end] = lastIndex < currentIndex ? [lastIndex, currentIndex] : [currentIndex, lastIndex];
+      const rangeItems = allSelectable.value.slice(start, end + 1);
+      const isLastSelected = isSelected([lastToggledItem.value]);
+      const allOpposite = rangeItems.filter(
+        (i) => isSelected([i]) !== isLastSelected
+      );
+      select(allOpposite, isLastSelected);
+      if (isLastSelected === isItemSelected) {
+        select([item], !isItemSelected);
+      }
+    } else {
+      select([item], !isSelected([item]));
+    }
+    lastToggledItem.value = selected.value.size > 0 ? item : null;
+  }
+  function selectAll(value) {
+    lastToggledItem.value = null;
+    selected.value = selectStrategy.value.selectAll({
+      value,
+      allItems: allSelectable.value,
+      currentPage: currentPageSelectable.value,
+      selected: new Set(selected.value)
+    });
+  }
+  const someSelected = vue.computed(() => selected.value.size > 0);
+  const allSelected = vue.computed(() => {
+    const items = selectStrategy.value.allSelected({
+      allItems: allSelectable.value,
+      currentPage: currentPageSelectable.value
+    });
+    return !!items.length && isSelected(items);
+  });
+  const showSelectAll = vue.computed(
+    () => showSelect.value && selectStrategy.value.showSelectAll
+  );
+  const data = {
+    selected,
+    toggleSelect,
+    select,
+    selectAll,
+    isSelected,
+    isSomeSelected,
+    someSelected,
+    allSelected,
+    showSelect,
+    showSelectAll
+  };
+  vue.provide(EvDataTableSelectionSymbol, data);
+  return data;
+}
+function useSelection() {
+  const data = vue.inject(EvDataTableSelectionSymbol);
+  if (!data) {
+    throw new Error("Unable to `useSelection()`");
+  }
+  return data;
+}
+exports.makeDataTableSelectProps = makeDataTableSelectProps;
+exports.provideSelection = provideSelection;
+exports.useSelection = useSelection;
+//# sourceMappingURL=select-DJfH7I6h.cjs.map

package/dist/cjs/select-DJfH7I6h.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-DJfH7I6h.cjs","sources":["../../src/components/EvDataTable/composables/select.ts"],"sourcesContent":["import { DataTableItemProps } from \"./items\";\nimport { EventProp, isDeepEqual, propsFactory, wrapInArray } from \"@/util\";\nimport {\n    computed,\n    inject,\n    InjectionKey,\n    PropType,\n    provide,\n    ref,\n    Ref,\n    toRef,\n} from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\n\nexport interface SelectableItem {\n    value: any;\n    selectable: boolean;\n}\n\nexport interface DataTableSelectStrategy {\n    showSelectAll: boolean;\n    allSelected: (data: {\n        allItems: SelectableItem[];\n        currentPage: SelectableItem[];\n    }) => SelectableItem[];\n    select: (data: {\n        items: SelectableItem[];\n        value: boolean;\n        selected: Set<unknown>;\n    }) => Set<unknown>;\n    selectAll: (data: {\n        value: boolean;\n        allItems: SelectableItem[];\n        currentPage: SelectableItem[];\n        selected: Set<unknown>;\n    }) => Set<unknown>;\n}\n\ntype SelectionProps = Pick<DataTableItemProps, \"itemValue\"> & {\n    modelValue: readonly any[];\n    selectStrategy: \"single\" | \"page\" | \"all\";\n    showSelect: boolean;\n    valueComparator: typeof isDeepEqual;\n    \"onUpdate:modelValue\"?: EventProp<[any[]]> | undefined;\n};\n\nconst singleSelectStrategy: DataTableSelectStrategy = {\n    showSelectAll: false,\n    allSelected: () => [],\n    select: ({ items, value }) => {\n        return new Set(value ? [items[0]?.value] : []);\n    },\n    selectAll: ({ selected }) => selected,\n};\n\nconst pageSelectStrategy: DataTableSelectStrategy = {\n    showSelectAll: true,\n    allSelected: ({ currentPage }) => currentPage,\n    select: ({ items, value, selected }) => {\n        for (const item of items) {\n            value ? selected.add(item.value) : selected.delete(item.value);\n        }\n        return selected;\n    },\n    selectAll: ({ value, currentPage, selected }) =>\n        pageSelectStrategy.select({ items: currentPage, value, selected }),\n};\n\nconst allSelectStrategy: DataTableSelectStrategy = {\n    showSelectAll: true,\n    allSelected: ({ allItems }) => allItems,\n    select: ({ items, value, selected }) => {\n        for (const item of items) {\n            value ? selected.add(item.value) : selected.delete(item.value);\n        }\n        return selected;\n    },\n    selectAll: ({ value, allItems, selected }) =>\n        allSelectStrategy.select({ items: allItems, value, selected }),\n};\n\nexport const makeDataTableSelectProps = propsFactory(\n    {\n        showSelect: Boolean,\n        selectStrategy: {\n            type: [String, Object] as PropType<\"single\" | \"page\" | \"all\">,\n            default: \"page\",\n        },\n        modelValue: {\n            type: Array as PropType<readonly any[]>,\n            default: () => [],\n        },\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n    },\n    \"DataTable-select\",\n);\n\nexport const EvDataTableSelectionSymbol: InjectionKey<\n    ReturnType<typeof provideSelection>\n> = Symbol.for(\"ev:data-table-selection\");\n\nexport function provideSelection(\n    props: SelectionProps,\n    {\n        allItems,\n        currentPage,\n    }: { allItems: Ref<SelectableItem[]>; currentPage: Ref<SelectableItem[]> },\n) {\n    const showSelect = toRef(props, \"showSelect\");\n    const lastToggledItem = ref<SelectableItem | null>(null);\n\n    const selected = useModelProxy(\n        props,\n        \"modelValue\",\n        props.modelValue,\n        (v) => {\n            return new Set(\n                wrapInArray(v).map((v) => {\n                    return (\n                        allItems.value.find((item) =>\n                            props.valueComparator(v, item.value),\n                        )?.value ?? v\n                    );\n                }),\n            );\n        },\n        (v) => {\n            return [...v.values()];\n        },\n    );\n\n    const allSelectable = computed(() =>\n        allItems.value.filter((item) => item.selectable),\n    );\n\n    const currentPageSelectable = computed(() =>\n        currentPage.value.filter((item) => item.selectable),\n    );\n\n    const selectStrategy = computed(() => {\n        if (typeof props.selectStrategy === \"object\") {\n            return props.selectStrategy;\n        }\n        switch (props.selectStrategy) {\n            case \"single\":\n                return singleSelectStrategy;\n            case \"all\":\n                return allSelectStrategy;\n            case \"page\":\n            default:\n                return pageSelectStrategy;\n        }\n    });\n\n    function isSelected(items: SelectableItem | SelectableItem[]) {\n        return wrapInArray(items).every((item) =>\n            selected.value.has(item.value),\n        );\n    }\n\n    function isSomeSelected(items: SelectableItem | SelectableItem[]) {\n        return wrapInArray(items).some((item) =>\n            selected.value.has(item.value),\n        );\n    }\n\n    function select(items: SelectableItem[], value: boolean) {\n        selected.value = selectStrategy.value.select({\n            items,\n            value,\n            selected: new Set(selected.value),\n        });\n    }\n\n    function toggleSelect(item: SelectableItem, shiftPressed: boolean = false) {\n        const isItemSelected = isSelected([item]);\n        if (lastToggledItem.value && shiftPressed) {\n            const lastIndex = allSelectable.value.findIndex((v) => {\n                return props.valueComparator(v, lastToggledItem.value);\n            });\n            const currentIndex = allSelectable.value.findIndex((v) => {\n                return props.valueComparator(v, item);\n            });\n            if (lastIndex === -1 || currentIndex === -1) {\n                select([item], !isSelected([item]));\n                lastToggledItem.value = selected.value.size > 0 ? item : null;\n                return;\n            }\n            const [start, end] =\n                lastIndex < currentIndex\n                    ? [lastIndex, currentIndex]\n                    : [currentIndex, lastIndex];\n            const rangeItems = allSelectable.value.slice(start, end + 1);\n            const isLastSelected = isSelected([lastToggledItem.value]);\n            const allOpposite = rangeItems.filter(\n                (i) => isSelected([i]) !== isLastSelected,\n            );\n            select(allOpposite, isLastSelected);\n            if (isLastSelected === isItemSelected) {\n                select([item], !isItemSelected);\n            }\n        } else {\n            select([item], !isSelected([item]));\n        }\n        lastToggledItem.value = selected.value.size > 0 ? item : null;\n    }\n\n    function selectAll(value: boolean) {\n        lastToggledItem.value = null;\n        selected.value = selectStrategy.value.selectAll({\n            value,\n            allItems: allSelectable.value,\n            currentPage: currentPageSelectable.value,\n            selected: new Set(selected.value),\n        });\n    }\n\n    const someSelected = computed(() => selected.value.size > 0);\n    const allSelected = computed(() => {\n        const items = selectStrategy.value.allSelected({\n            allItems: allSelectable.value,\n            currentPage: currentPageSelectable.value,\n        });\n        return !!items.length && isSelected(items);\n    });\n\n    const showSelectAll = computed(\n        () => showSelect.value && selectStrategy.value.showSelectAll,\n    );\n\n    const data = {\n        selected,\n        toggleSelect,\n        select,\n        selectAll,\n        isSelected,\n        isSomeSelected,\n        someSelected,\n        allSelected,\n        showSelect,\n        showSelectAll: showSelectAll,\n    };\n    provide(EvDataTableSelectionSymbol, data);\n    return data;\n}\n\nexport function useSelection() {\n    const data = inject(EvDataTableSelectionSymbol);\n    if (!data) {\n        throw new Error(\"Unable to `useSelection()`\");\n    }\n    return data;\n}\n"],"names":["propsFactory","isDeepEqual","props","toRef","ref","useModelProxy","wrapInArray","v","computed","provide","inject"],"mappings":"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"}