@evance/evance-ui 1.1.9 → 1.1.11

package/dist/esm/composables/display.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"display.mjs","sources":["../../../src/composables/display.ts"],"sourcesContent":["import {\n    computed,\n    inject,\n    InjectionKey,\n    isRef,\n    reactive,\n    Ref,\n    shallowRef,\n    toRefs,\n    watchEffect,\n} from \"vue\";\nimport {\n    Browser,\n    consoleWarn,\n    isBoolean,\n    isObject,\n    isString,\n    mergeDeep,\n    spaceSeparatedValues,\n    toCamelCase,\n    toKebabCase,\n    toWebUnit,\n    trimEnd,\n} from \"@/util\";\nimport { ResponsiveProp, ResponsivePropObject } from \"@/components\";\n\n/**\n * # Breakpoints\n * Excludes `xs` as this is the smallest size - not really a breakpoint.\n */\nexport const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"xxl\"] as const;\n\nexport type Breakpoint = (typeof breakpoints)[number];\n\nexport type DisplayBreakpoint = \"xs\" | Breakpoint;\n\nexport type DisplayThresholds = {\n    [key in DisplayBreakpoint]: number;\n};\n\nexport interface DisplayOptions {\n    mobileBreakpoint?: number | DisplayBreakpoint;\n    thresholds?: Partial<DisplayThresholds>;\n}\n\nexport interface InternalDisplayOptions {\n    mobileBreakpoint: number | DisplayBreakpoint;\n    thresholds: DisplayThresholds;\n}\n\nexport type SSROptions =\n    | boolean\n    | {\n          clientWidth: number;\n          clientHeight?: number;\n      };\n\nexport interface DisplayPlatform {\n    android: boolean;\n    ios: boolean;\n    cordova: boolean;\n    electron: boolean;\n    chrome: boolean;\n    edge: boolean;\n    firefox: boolean;\n    opera: boolean;\n    win: boolean;\n    mac: boolean;\n    linux: boolean;\n    touch: boolean;\n    ssr: boolean;\n}\n\nexport interface DisplayInstance {\n    xs: Ref<boolean>;\n    sm: Ref<boolean>;\n    md: Ref<boolean>;\n    lg: Ref<boolean>;\n    xl: Ref<boolean>;\n    xxl: Ref<boolean>;\n    xsUp: Ref<boolean>;\n    smUp: Ref<boolean>;\n    mdUp: Ref<boolean>;\n    lgUp: Ref<boolean>;\n    xlUp: Ref<boolean>;\n    xxlUp: Ref<boolean>;\n    smDown: Ref<boolean>;\n    mdDown: Ref<boolean>;\n    lgDown: Ref<boolean>;\n    xlDown: Ref<boolean>;\n    name: Ref<DisplayBreakpoint>;\n    height: Ref<number>;\n    width: Ref<number>;\n    mobile: Ref<boolean>;\n    mobileBreakpoint: Ref<number | DisplayBreakpoint>;\n    platform: Ref<DisplayPlatform>;\n    thresholds: Ref<DisplayThresholds>;\n\n    /** @internal */\n    ssr: boolean;\n\n    hasActiveRule(rules: DisplayRuleListProp): boolean;\n\n    update(): void;\n}\n\nconst parseDisplayOptions = (\n    options: DisplayOptions = defaultDisplayOptions,\n) => {\n    return mergeDeep(defaultDisplayOptions, options) as InternalDisplayOptions;\n};\n\nfunction getClientWidth(ssr?: SSROptions) {\n    return Browser.hasWindow && !ssr\n        ? window.innerWidth\n        : (isObject(ssr) && ssr.clientWidth) || 0;\n}\n\nfunction getClientHeight(ssr?: SSROptions) {\n    return Browser.hasWindow && !ssr\n        ? window.innerHeight\n        : (isObject(ssr) && ssr.clientHeight) || 0;\n}\n\nfunction getPlatform(ssr?: SSROptions): DisplayPlatform {\n    const userAgent =\n        Browser.hasWindow && !ssr ? window.navigator.userAgent : \"ssr\";\n\n    function isUserAgent(regexp: RegExp) {\n        return Boolean(userAgent.match(regexp));\n    }\n\n    return {\n        android: isUserAgent(/android/i),\n        ios: isUserAgent(/iphone|ipad|ipod/i),\n        cordova: isUserAgent(/cordova/i),\n        electron: isUserAgent(/electron/i),\n        chrome: isUserAgent(/chrome/i),\n        edge: isUserAgent(/edge/i),\n        firefox: isUserAgent(/firefox/i),\n        opera: isUserAgent(/opera/i),\n        win: isUserAgent(/win/i),\n        mac: isUserAgent(/mac/i),\n        linux: isUserAgent(/linux/i),\n        touch: Browser.supportsTouch,\n        ssr: userAgent === \"ssr\",\n    };\n}\n\nexport const DisplaySymbol: InjectionKey<DisplayInstance> =\n    Symbol.for(\"ev:display\");\n\nexport const defaultDisplayOptions: DisplayOptions = {\n    mobileBreakpoint: \"lg\",\n    thresholds: {\n        xs: 0,\n        sm: 600,\n        md: 960,\n        lg: 1200,\n        xl: 1600,\n        xxl: 2400,\n    },\n};\n\n/**\n * # Create Display\n * @param options\n * @param ssr\n */\nexport function createDisplay(\n    options?: DisplayOptions,\n    ssr?: SSROptions,\n): DisplayInstance {\n    const { thresholds, mobileBreakpoint } = parseDisplayOptions(options);\n\n    const height = shallowRef(getClientHeight(ssr));\n    const platform = shallowRef(getPlatform(ssr));\n    const state = reactive({} as DisplayInstance);\n    const width = shallowRef(getClientWidth(ssr));\n\n    function updateSize() {\n        height.value = getClientHeight();\n        width.value = getClientWidth();\n    }\n\n    function update() {\n        updateSize();\n        platform.value = getPlatform();\n    }\n\n    function hasActiveRule(rules: DisplayRuleListProp): boolean\n    {\n        const rulesInternal = toDisplayRuleArray(rules);\n        for (const rule of rulesInternal) {\n            if (!isString(rule)) {\n                continue;\n            }\n            if (!isDisplayRule(rule)) {\n                consoleWarn(\n                    `The display rule '${rule}' is not valid and will be ignored.`,\n                );\n                continue;\n            }\n            const displayKey = toDisplayStateKey(rule);\n            const displayState = state[displayKey as keyof DisplayInstance];\n            if (displayState) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    // eslint-disable-next-line max-statements\n    watchEffect(() => {\n        const xs = width.value < thresholds.sm;\n        const sm = width.value < thresholds.md && !xs;\n        const md = width.value < thresholds.lg && !(sm || xs);\n        const lg = width.value < thresholds.xl && !(md || sm || xs);\n        const xl = width.value < thresholds.xxl && !(lg || md || sm || xs);\n        const xxl = width.value >= thresholds.xxl;\n        const name = xs\n            ? \"xs\"\n            : sm\n              ? \"sm\"\n              : md\n                ? \"md\"\n                : lg\n                  ? \"lg\"\n                  : xl\n                    ? \"xl\"\n                    : \"xxl\";\n        const breakpointValue =\n            typeof mobileBreakpoint === \"number\"\n                ? mobileBreakpoint\n                : thresholds[mobileBreakpoint];\n        const mobile = width.value < breakpointValue;\n\n        state.xs = xs;\n        state.sm = sm;\n        state.md = md;\n        state.lg = lg;\n        state.xl = xl;\n        state.xxl = xxl;\n        state.xsUp = true;\n        state.smUp = !xs;\n        state.mdUp = !(xs || sm);\n        state.lgUp = !(xs || sm || md);\n        state.xlUp = !(xs || sm || md || lg);\n        state.xxlUp = !(xs || sm || md || lg || xl);\n        state.smDown = !(md || lg || xl || xxl);\n        state.mdDown = !(lg || xl || xxl);\n        state.lgDown = !(xl || xxl);\n        state.xlDown = !xxl;\n        state.name = name;\n        state.height = height.value;\n        state.width = width.value;\n        state.mobile = mobile;\n        state.mobileBreakpoint = mobileBreakpoint;\n        state.platform = platform.value;\n        state.thresholds = thresholds;\n    });\n\n    if (Browser.hasWindow) {\n        window.addEventListener(\"resize\", updateSize, { passive: true });\n    }\n\n    return {\n        ...toRefs(state),\n        update,\n        hasActiveRule,\n        ssr: !!ssr,\n    };\n}\n\n/**\n * # Use Display (from Symbol);\n */\nexport function useDisplay() {\n    const display = inject(DisplaySymbol);\n    if (!display) {\n        throw new Error(\n            \"Evance UI: Could not find `ev:display` injection symbol\",\n        );\n    }\n    return display;\n}\n\n/**\n * # Display Point Options\n *\n * These are listed in order of calculation priority.\n */\nexport const displayRules = [\n    \"xxl\",\n    \"xl\",\n    \"lg\",\n    \"md\",\n    \"sm\",\n    \"xs\",\n    \"xxlOnly\",\n    \"xlOnly\",\n    \"lgOnly\",\n    \"mdOnly\",\n    \"smOnly\",\n    \"xsOnly\",\n    \"xxlUp\",\n    \"xlUp\",\n    \"lgUp\",\n    \"mdUp\",\n    \"smUp\",\n    \"xsUp\",\n    \"smDown\",\n    \"mdDown\",\n    \"lgDown\",\n    \"xlDown\",\n] as const;\nexport const displayRulesKebab = [\n    \"xxl-only\",\n    \"xl-only\",\n    \"lg-only\",\n    \"md-only\",\n    \"sm-only\",\n    \"xs-only\",\n    \"xxl-up\",\n    \"xl-up\",\n    \"lg-up\",\n    \"md-up\",\n    \"sm-up\",\n    \"xs-up\",\n    \"sm-down\",\n    \"md-down\",\n    \"lg-down\",\n    \"xl-down\",\n] as const;\n\nexport type DisplayRuleSuffix = \"only\" | \"up\" | \"down\";\nexport type DisplayRuleKey = (typeof displayRules)[number];\nexport type DisplayRuleKebab = (typeof displayRulesKebab)[number];\nexport type DisplayRuleValue = number | string;\nexport type DisplayRuleObject = {\n    [key in DisplayRuleKey]?: DisplayRuleValue;\n};\nexport type DisplayRuleProp = DisplayRuleValue | DisplayRuleObject;\nexport type DisplayRuleListProp =\n    | DisplayRuleKey\n    | DisplayRuleKey[]\n    | DisplayRuleKebab\n    | DisplayRuleKebab[]\n    | { [key in DisplayRuleKey]?: DisplayRuleSuffix };\n\n/** Visibility props */\nexport type VisibilityRuleProp = DisplayRuleListProp | boolean;\n\n/**\n * # calculateDisplayRuleValue\n *\n * @param rules\n */\nexport function calculateDisplayRuleValue(\n    rules?: DisplayRuleObject | DisplayRuleValue,\n) {\n    const display = useDisplay();\n    if (!isObject(rules)) {\n        return toWebUnit(rules);\n    }\n    for (const ruleKey of displayRules) {\n        const displayKey = toDisplayStateKey(ruleKey);\n        const displayState = display[displayKey as keyof DisplayInstance];\n        if (isRef(displayState) && displayState.value && !!rules[ruleKey]) {\n            return toWebUnit(rules[ruleKey]);\n        }\n    }\n    return undefined;\n}\n\n/**\n * # To Display Key\n *\n * @param displayRule\n */\nexport function toDisplayStateKey(displayRule: string): string {\n    if (toDisplayStateKey.cache.has(displayRule)) {\n        return toDisplayStateKey.cache.get(displayRule)!;\n    }\n    let value = toCamelCase(displayRule);\n    if (isDisplayBreakpoint(value)) {\n        value = `${value}Up`;\n    }\n    value = trimEnd(value, \"Only\");\n    toKebabCase.cache.set(displayRule, value);\n    return value;\n}\ntoDisplayStateKey.cache = new Map<string, string>();\n\n/**\n * # To Display Rule Kebab\n *\n * @param displayRule\n */\nexport function toDisplayRuleKebab(displayRule: string): string {\n    if (toDisplayRuleKebab.cache.has(displayRule)) {\n        return toDisplayRuleKebab.cache.get(displayRule)!;\n    }\n    let value = toKebabCase(displayRule);\n    if (isDisplayBreakpoint(value)) {\n        value = `${value}-up`;\n    }\n    toDisplayRuleKebab.cache.set(displayRule, value);\n    return value;\n}\ntoDisplayRuleKebab.cache = new Map<string, string>();\n\n/**\n * # isDisplayRule\n *\n * @param value\n * @param acceptKebabs\n */\nexport function isDisplayRule(\n    value: unknown,\n    acceptKebabs: boolean = true,\n): value is DisplayRuleKey | DisplayRuleKebab {\n    return (\n        displayRules.includes(value as DisplayRuleKey) ||\n        (acceptKebabs && displayRulesKebab.includes(value as DisplayRuleKebab))\n    );\n}\n\n/**\n * # isDisplayBreakpoint\n *\n * @param value\n */\nexport function isDisplayBreakpoint(\n    value: unknown,\n): value is DisplayBreakpoint {\n    return [\"xs\", ...breakpoints].includes(value as DisplayBreakpoint);\n}\n\n/**\n * # createBreakpointClasses\n *\n * @param props\n * @param propName\n * @param prefix\n * @param useXs\n */\nexport function useBreakpointClasses<\n    PropsObject extends object,\n    PropName extends Extract<keyof PropsObject, string>,\n    Prefix extends string | undefined,\n    UseXs extends boolean,\n>(\n    props: PropsObject,\n    propName: PropName,\n    prefix: Prefix = undefined as Prefix,\n    useXs: UseXs = false as UseXs,\n) {\n    return computed(() => {\n        const prop = props[propName] as ResponsiveProp;\n        if (!prop) {\n            return [];\n        }\n        const classes = [];\n        const values =\n            typeof prop !== \"object\"\n                ? ({ xs: prop } as ResponsivePropObject)\n                : prop;\n        for (const [breakpoint, value] of Object.entries(values)) {\n            const className = [];\n            if (prefix) {\n                className.push(prefix);\n            }\n            if (useXs || breakpoint !== \"xs\") {\n                className.push(breakpoint);\n            }\n            className.push(value);\n            classes.push(className.join(\"-\"));\n        }\n        return classes;\n    });\n}\n\n/**\n * # useDisplayRuleClasses\n *\n * @param props\n * @param propName\n * @param prefix\n */\nexport function useDisplayRuleClasses<\n    PropsObject extends object,\n    PropName extends Extract<keyof PropsObject, string>,\n    Prefix extends string | undefined,\n>(\n    props: PropsObject,\n    propName: PropName,\n    prefix: Prefix = undefined as Prefix,\n) {\n    return computed(() => {\n        const classes = [];\n        const rules = toDisplayRuleArray(props[propName]);\n        for (const rule of rules) {\n            if (!isString(rule)) {\n                // Gracefully ignore anything that is not a string.\n                continue;\n            }\n            if (!isDisplayRule(rule)) {\n                consoleWarn(\n                    `The display rule '${rule}' is not valid and will be ignored.`,\n                );\n                continue;\n            }\n            const suffix = toDisplayRuleKebab(rule);\n            classes.push(`${prefix}-${suffix}`);\n        }\n        return classes;\n    });\n}\n\n/**\n * # toDisplayRuleArray\n *\n * @param prop\n */\nexport function toDisplayRuleArray(prop: unknown): string[] {\n    if (Array.isArray(prop)) {\n        return prop;\n    }\n    if (isString(prop)) {\n        return spaceSeparatedValues(prop as string);\n    }\n    if (isObject(prop)) {\n        return <string[]>Object.entries(prop)\n            .map(([key, value]) => {\n                if (isBoolean(value)) {\n                    return value ? key : undefined;\n                }\n                return isString(value)\n                    ? `${key}-${value.toLowerCase()}`\n                    : undefined;\n            })\n            .filter((value) => value !== undefined);\n    }\n    return [];\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"display.mjs","sources":["../../../src/composables/display.ts"],"sourcesContent":["import {\n    computed,\n    inject,\n    InjectionKey,\n    isRef,\n    reactive,\n    Ref,\n    shallowRef,\n    toRefs,\n    watchEffect,\n} from \"vue\";\nimport {\n    Browser,\n    consoleWarn,\n    isBoolean,\n    isObject,\n    isString,\n    mergeDeep,\n    spaceSeparatedValues,\n    toCamelCase,\n    toKebabCase,\n    toWebUnit,\n    trimEnd,\n} from \"@/util\";\nimport { ResponsiveProp, ResponsivePropObject } from \"@/components\";\n\n/**\n * # Breakpoints\n * Excludes `xs` as this is the smallest size - not really a breakpoint.\n */\nexport const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"xxl\"] as const;\n\nexport type Breakpoint = (typeof breakpoints)[number];\n\nexport type DisplayBreakpoint = \"xs\" | Breakpoint;\n\nexport type DisplayThresholds = {\n    [key in DisplayBreakpoint]: number;\n};\n\nexport interface DisplayOptions {\n    mobileBreakpoint?: number | DisplayBreakpoint;\n    thresholds?: Partial<DisplayThresholds>;\n}\n\nexport interface InternalDisplayOptions {\n    mobileBreakpoint: number | DisplayBreakpoint;\n    thresholds: DisplayThresholds;\n}\n\nexport type SSROptions =\n    | boolean\n    | {\n          clientWidth: number;\n          clientHeight?: number;\n      };\n\nexport interface DisplayPlatform {\n    android: boolean;\n    ios: boolean;\n    cordova: boolean;\n    electron: boolean;\n    chrome: boolean;\n    edge: boolean;\n    firefox: boolean;\n    opera: boolean;\n    win: boolean;\n    mac: boolean;\n    linux: boolean;\n    touch: boolean;\n    ssr: boolean;\n}\n\nexport interface DisplayInstance {\n    xs: Ref<boolean>;\n    sm: Ref<boolean>;\n    md: Ref<boolean>;\n    lg: Ref<boolean>;\n    xl: Ref<boolean>;\n    xxl: Ref<boolean>;\n    xsUp: Ref<boolean>;\n    smUp: Ref<boolean>;\n    mdUp: Ref<boolean>;\n    lgUp: Ref<boolean>;\n    xlUp: Ref<boolean>;\n    xxlUp: Ref<boolean>;\n    smDown: Ref<boolean>;\n    mdDown: Ref<boolean>;\n    lgDown: Ref<boolean>;\n    xlDown: Ref<boolean>;\n    name: Ref<DisplayBreakpoint>;\n    height: Ref<number>;\n    width: Ref<number>;\n    mobile: Ref<boolean>;\n    mobileBreakpoint: Ref<number | DisplayBreakpoint>;\n    platform: Ref<DisplayPlatform>;\n    thresholds: Ref<DisplayThresholds>;\n\n    /** @internal */\n    ssr: boolean;\n\n    hasActiveRule(rules: DisplayRuleListProp): boolean;\n\n    update(): void;\n}\n\nconst parseDisplayOptions = (\n    options: DisplayOptions = defaultDisplayOptions,\n) => {\n    return mergeDeep(defaultDisplayOptions, options) as InternalDisplayOptions;\n};\n\nfunction getClientWidth(ssr?: SSROptions) {\n    return Browser.hasWindow && !ssr\n        ? window.innerWidth\n        : (isObject(ssr) && ssr.clientWidth) || 0;\n}\n\nfunction getClientHeight(ssr?: SSROptions) {\n    return Browser.hasWindow && !ssr\n        ? window.innerHeight\n        : (isObject(ssr) && ssr.clientHeight) || 0;\n}\n\nfunction getPlatform(ssr?: SSROptions): DisplayPlatform {\n    const userAgent =\n        Browser.hasWindow && !ssr ? window.navigator.userAgent : \"ssr\";\n\n    function isUserAgent(regexp: RegExp) {\n        return Boolean(userAgent.match(regexp));\n    }\n\n    return {\n        android: isUserAgent(/android/i),\n        ios: isUserAgent(/iphone|ipad|ipod/i),\n        cordova: isUserAgent(/cordova/i),\n        electron: isUserAgent(/electron/i),\n        chrome: isUserAgent(/chrome/i),\n        edge: isUserAgent(/edge/i),\n        firefox: isUserAgent(/firefox/i),\n        opera: isUserAgent(/opera/i),\n        win: isUserAgent(/win/i),\n        mac: isUserAgent(/mac/i),\n        linux: isUserAgent(/linux/i),\n        touch: Browser.supportsTouch,\n        ssr: userAgent === \"ssr\",\n    };\n}\n\nexport const DisplaySymbol: InjectionKey<DisplayInstance> =\n    Symbol.for(\"ev:display\");\n\nexport const defaultDisplayOptions: DisplayOptions = {\n    mobileBreakpoint: \"lg\",\n    thresholds: {\n        xs: 0,\n        sm: 600,\n        md: 960,\n        lg: 1200,\n        xl: 1600,\n        xxl: 2400,\n    },\n};\n\n/**\n * # Create Display\n * @param options\n * @param ssr\n */\nexport function createDisplay(\n    options?: DisplayOptions,\n    ssr?: SSROptions,\n): DisplayInstance {\n    const { thresholds, mobileBreakpoint } = parseDisplayOptions(options);\n\n    const height = shallowRef(getClientHeight(ssr));\n    const platform = shallowRef(getPlatform(ssr));\n    const state = reactive({} as DisplayInstance);\n    const width = shallowRef(getClientWidth(ssr));\n\n    function updateSize() {\n        height.value = getClientHeight();\n        width.value = getClientWidth();\n    }\n\n    function update() {\n        updateSize();\n        platform.value = getPlatform();\n    }\n\n    function hasActiveRule(rules: DisplayRuleListProp): boolean\n    {\n        const rulesInternal = toDisplayRuleArray(rules);\n        for (const rule of rulesInternal) {\n            if (!isString(rule)) {\n                continue;\n            }\n            if (!isDisplayRule(rule)) {\n                consoleWarn(\n                    `The display rule '${rule}' is not valid and will be ignored.`,\n                );\n                continue;\n            }\n            const displayKey = toDisplayStateKey(rule);\n            const displayState = state[displayKey as keyof DisplayInstance];\n            if (displayState) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    // eslint-disable-next-line max-statements\n    watchEffect(() => {\n        const xs = width.value < thresholds.sm;\n        const sm = width.value < thresholds.md && !xs;\n        const md = width.value < thresholds.lg && !(sm || xs);\n        const lg = width.value < thresholds.xl && !(md || sm || xs);\n        const xl = width.value < thresholds.xxl && !(lg || md || sm || xs);\n        const xxl = width.value >= thresholds.xxl;\n        const name = xs\n            ? \"xs\"\n            : sm\n              ? \"sm\"\n              : md\n                ? \"md\"\n                : lg\n                  ? \"lg\"\n                  : xl\n                    ? \"xl\"\n                    : \"xxl\";\n        const breakpointValue =\n            typeof mobileBreakpoint === \"number\"\n                ? mobileBreakpoint\n                : thresholds[mobileBreakpoint];\n        const mobile = width.value < breakpointValue;\n\n        state.xs = xs;\n        state.sm = sm;\n        state.md = md;\n        state.lg = lg;\n        state.xl = xl;\n        state.xxl = xxl;\n        state.xsUp = true;\n        state.smUp = !xs;\n        state.mdUp = !(xs || sm);\n        state.lgUp = !(xs || sm || md);\n        state.xlUp = !(xs || sm || md || lg);\n        state.xxlUp = !(xs || sm || md || lg || xl);\n        state.smDown = !(md || lg || xl || xxl);\n        state.mdDown = !(lg || xl || xxl);\n        state.lgDown = !(xl || xxl);\n        state.xlDown = !xxl;\n        state.name = name;\n        state.height = height.value;\n        state.width = width.value;\n        state.mobile = mobile;\n        state.mobileBreakpoint = mobileBreakpoint;\n        state.platform = platform.value;\n        state.thresholds = thresholds;\n    });\n\n    if (Browser.hasWindow) {\n        window.addEventListener(\"resize\", updateSize, { passive: true });\n    }\n\n    return {\n        ...toRefs(state),\n        update,\n        hasActiveRule,\n        ssr: !!ssr,\n    };\n}\n\n/**\n * # Use Display (from Symbol);\n */\nexport function useDisplay() {\n    const display = inject(DisplaySymbol);\n    if (!display) {\n        throw new Error(\n            \"Evance UI: Could not find `ev:display` injection symbol\",\n        );\n    }\n    return display;\n}\n\n/**\n * # Display Point Options\n *\n * These are listed in order of calculation priority.\n */\nexport const displayRules = [\n    \"xxl\",\n    \"xl\",\n    \"lg\",\n    \"md\",\n    \"sm\",\n    \"xs\",\n    \"xxlOnly\",\n    \"xlOnly\",\n    \"lgOnly\",\n    \"mdOnly\",\n    \"smOnly\",\n    \"xsOnly\",\n    \"xxlUp\",\n    \"xlUp\",\n    \"lgUp\",\n    \"mdUp\",\n    \"smUp\",\n    \"xsUp\",\n    \"smDown\",\n    \"mdDown\",\n    \"lgDown\",\n    \"xlDown\",\n] as const;\nexport const displayRulesKebab = [\n    \"xxl-only\",\n    \"xl-only\",\n    \"lg-only\",\n    \"md-only\",\n    \"sm-only\",\n    \"xs-only\",\n    \"xxl-up\",\n    \"xl-up\",\n    \"lg-up\",\n    \"md-up\",\n    \"sm-up\",\n    \"xs-up\",\n    \"sm-down\",\n    \"md-down\",\n    \"lg-down\",\n    \"xl-down\",\n] as const;\n\nexport type DisplayRuleSuffix = \"only\" | \"up\" | \"down\";\nexport type DisplayRuleKey = (typeof displayRules)[number];\nexport type DisplayRuleKebab = (typeof displayRulesKebab)[number];\nexport type DisplayRuleValue = number | string;\nexport type DisplayRuleObject = {\n    [key in DisplayRuleKey]?: DisplayRuleValue;\n};\nexport type DisplayRuleProp = DisplayRuleValue | DisplayRuleObject;\nexport type DisplayRuleListProp =\n    | DisplayRuleKey\n    | DisplayRuleKey[]\n    | DisplayRuleKebab\n    | DisplayRuleKebab[]\n    | { [key in DisplayRuleKey]?: DisplayRuleSuffix };\n\n/** Visibility props */\nexport type VisibilityRuleProp = DisplayRuleListProp | boolean;\n\n/**\n * # calculateDisplayRuleValue\n *\n * @param rules\n */\nexport function calculateDisplayRuleValue(\n    rules?: DisplayRuleObject | DisplayRuleValue,\n) {\n    const display = useDisplay();\n    if (!isObject(rules)) {\n        return toWebUnit(rules);\n    }\n    for (const ruleKey of displayRules) {\n        const displayKey = toDisplayStateKey(ruleKey);\n        const displayState = display[displayKey as keyof DisplayInstance];\n        if (isRef(displayState) && displayState.value && !!rules[ruleKey]) {\n            return toWebUnit(rules[ruleKey]);\n        }\n    }\n    return undefined;\n}\n\n/**\n * # To Display Key\n *\n * @param displayRule\n */\nexport function toDisplayStateKey(displayRule: string): string {\n    if (toDisplayStateKey.cache.has(displayRule)) {\n        return toDisplayStateKey.cache.get(displayRule)!;\n    }\n    let value = toCamelCase(displayRule);\n    if (isDisplayBreakpoint(value)) {\n        value = `${value}Up`;\n    }\n    value = trimEnd(value, \"Only\");\n    toKebabCase.cache.set(displayRule, value);\n    return value;\n}\ntoDisplayStateKey.cache = new Map<string, string>();\n\n/**\n * # To Display Rule Kebab\n *\n * @param displayRule\n */\nexport function toDisplayRuleKebab(displayRule: string): string {\n    if (toDisplayRuleKebab.cache.has(displayRule)) {\n        return toDisplayRuleKebab.cache.get(displayRule)!;\n    }\n    let value = toKebabCase(displayRule);\n    if (isDisplayBreakpoint(value)) {\n        value = `${value}-up`;\n    }\n    toDisplayRuleKebab.cache.set(displayRule, value);\n    return value;\n}\ntoDisplayRuleKebab.cache = new Map<string, string>();\n\n/**\n * # isDisplayRule\n *\n * @param value\n * @param acceptKebabs\n */\nexport function isDisplayRule(\n    value: unknown,\n    acceptKebabs: boolean = true,\n): value is DisplayRuleKey | DisplayRuleKebab {\n    return (\n        displayRules.includes(value as DisplayRuleKey) ||\n        (acceptKebabs && displayRulesKebab.includes(value as DisplayRuleKebab))\n    );\n}\n\n/**\n * # isDisplayBreakpoint\n *\n * @param value\n */\nexport function isDisplayBreakpoint(\n    value: unknown,\n): value is DisplayBreakpoint {\n    return [\"xs\", ...breakpoints].includes(value as DisplayBreakpoint);\n}\n\n/**\n * # createBreakpointClasses\n *\n * @param props\n * @param propName\n * @param prefix\n * @param useXs\n */\nexport function useBreakpointClasses<\n    PropsObject extends object,\n    PropName extends Extract<keyof PropsObject, string>,\n    Prefix extends string | undefined,\n    UseXs extends boolean,\n>(\n    props: PropsObject,\n    propName: PropName,\n    prefix: Prefix = undefined as Prefix,\n    useXs: UseXs = false as UseXs,\n) {\n    return computed(() => {\n        const prop = props[propName] as ResponsiveProp;\n        if (!prop) {\n            return [];\n        }\n        const classes = [];\n        const values =\n            typeof prop !== \"object\"\n                ? ({ xs: prop } as ResponsivePropObject)\n                : prop;\n        for (const [breakpoint, value] of Object.entries(values)) {\n            const className = [];\n            if (prefix) {\n                className.push(prefix);\n            }\n            if (useXs || breakpoint !== \"xs\") {\n                className.push(breakpoint);\n            }\n            className.push(value);\n            classes.push(className.join(\"-\"));\n        }\n        return classes;\n    });\n}\n\n/**\n * # useDisplayRuleClasses\n *\n * @param props\n * @param propName\n * @param prefix\n */\nexport function useDisplayRuleClasses<\n    PropsObject extends object,\n    PropName extends Extract<keyof PropsObject, string>,\n    Prefix extends string | undefined,\n>(\n    props: PropsObject,\n    propName: PropName,\n    prefix: Prefix = undefined as Prefix,\n) {\n    return computed(() => {\n        const classes = [];\n        const rules = toDisplayRuleArray(props[propName]);\n        for (const rule of rules) {\n            if (!isString(rule)) {\n                // Gracefully ignore anything that is not a string.\n                continue;\n            }\n            if (!isDisplayRule(rule)) {\n                consoleWarn(\n                    `The display rule '${rule}' is not valid and will be ignored.`,\n                );\n                continue;\n            }\n            const suffix = toDisplayRuleKebab(rule);\n            classes.push(`${prefix}-${suffix}`);\n        }\n        return classes;\n    });\n}\n\n/**\n * # toDisplayRuleArray\n *\n * @param prop\n */\nexport function toDisplayRuleArray(prop: unknown): string[] {\n    if (Array.isArray(prop)) {\n        return prop;\n    }\n    if (isString(prop)) {\n        return spaceSeparatedValues(prop as string);\n    }\n    if (isObject(prop)) {\n        return <string[]>Object.entries(prop)\n            .map(([key, value]) => {\n                if (isBoolean(value)) {\n                    return value ? key : undefined;\n                }\n                return isString(value)\n                    ? `${key}-${value.toLowerCase()}`\n                    : undefined;\n            })\n            .filter((value) => value !== undefined);\n    }\n    return [];\n}"],"names":["breakpoints","parseDisplayOptions","options","defaultDisplayOptions","mergeDeep","getClientWidth","ssr","Browser","isObject","getClientHeight","getPlatform","userAgent","isUserAgent","regexp","DisplaySymbol","createDisplay","thresholds","mobileBreakpoint","height","shallowRef","platform","state","reactive","width","updateSize","update","hasActiveRule","rules","rulesInternal","toDisplayRuleArray","rule","isString","isDisplayRule","consoleWarn","displayKey","toDisplayStateKey","watchEffect","xs","sm","md","lg","xl","xxl","name","breakpointValue","mobile","toRefs","useDisplay","display","inject","displayRules","displayRulesKebab","calculateDisplayRuleValue","toWebUnit","ruleKey","displayState","isRef","displayRule","value","toCamelCase","isDisplayBreakpoint","trimEnd","toKebabCase","toDisplayRuleKebab","acceptKebabs","useBreakpointClasses","props","propName","prefix","useXs","computed","prop","classes","values","breakpoint","className","useDisplayRuleClasses","suffix","spaceSeparatedValues","key","isBoolean"],"mappings":"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"}

package/dist/esm/composables/drawer.mjs

@@ -1,25 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { provide, inject } from "vue";
-const EvDrawerServiceSymbol = Symbol.for("ev:drawer-service");
-const EvDrawerInstanceSymbol = Symbol.for("ev:drawer-instance");
-function useDrawer() {
-  const service = inject(EvDrawerServiceSymbol);
-  if (!service) {
-    throw new Error("Evance UI: Unable to find injected drawer service");
-  }
-  return service;
-}
-function injectDrawer() {
-  return inject(EvDrawerInstanceSymbol);
-}
-function provideDrawer(instance) {
-  provide(EvDrawerInstanceSymbol, instance);
-}
-export {
-  EvDrawerInstanceSymbol,
-  EvDrawerServiceSymbol,
-  injectDrawer,
-  provideDrawer,
-  useDrawer
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),t=Symbol.for("ev:drawer-service"),o=Symbol.for("ev:drawer-instance");function n(){const e=r.inject(t);if(!e)throw new Error("Evance UI: Unable to find injected drawer service");return e}function c(){return r.inject(o)}function i(e){r.provide(o,e)}exports.EvDrawerInstanceSymbol=o;exports.EvDrawerServiceSymbol=t;exports.injectDrawer=c;exports.provideDrawer=i;exports.useDrawer=n;
 //# sourceMappingURL=drawer.mjs.map

package/dist/esm/composables/drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.mjs","sources":["../../../src/composables/drawer.ts"],"sourcesContent":["import { inject, InjectionKey, provide } from \"vue\";\nimport { EvDrawerInstance } from \"@/components/EvDrawer/EvDrawerInstance\";\nimport { EvDrawerServiceOpener } from \"@/components/EvDrawer/EvDrawerServiceOpener\";\n\nexport const EvDrawerServiceSymbol: InjectionKey<EvDrawerServiceOpener> =\n    Symbol.for(\"ev:drawer-service\");\nexport const EvDrawerInstanceSymbol: InjectionKey<\n    EvDrawerInstance | undefined\n> = Symbol.for(\"ev:drawer-instance\");\n\n/**\n * # useDrawer\n *\n * Requires that the App has provided `EvDrawerService`.\n */\nexport function useDrawer(): EvDrawerServiceOpener {\n    const service = inject(EvDrawerServiceSymbol);\n    if (!service) {\n        throw new Error(\"Evance UI: Unable to find injected drawer service\");\n    }\n    return service;\n}\n\n/**\n * # injectDrawer\n */\nexport function injectDrawer(): EvDrawerInstance | undefined {\n    return inject(EvDrawerInstanceSymbol);\n}\n\n/**\n * # provideDrawer\n * @param instance\n */\nexport function provideDrawer(instance: EvDrawerInstance | undefined) {\n    provide(EvDrawerInstanceSymbol, instance);\n}\n"],"names":[],"mappings":";;AAIa,MAAA,wBACT,OAAO,IAAI,mBAAmB;AACrB,MAAA,yBAET,OAAO,IAAI,oBAAoB;AAO5B,SAAS,YAAmC;AACzC,QAAA,UAAU,OAAO,qBAAqB;AAC5C,MAAI,CAAC,SAAS;AACJ,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAEhE,SAAA;AACX;AAKO,SAAS,eAA6C;AACzD,SAAO,OAAO,sBAAsB;AACxC;AAMO,SAAS,cAAc,UAAwC;AAClE,UAAQ,wBAAwB,QAAQ;AAC5C;"}
+{"version":3,"file":"drawer.mjs","sources":["../../../src/composables/drawer.ts"],"sourcesContent":["import { inject, InjectionKey, provide } from \"vue\";\nimport { EvDrawerInstance } from \"@/components/EvDrawer/EvDrawerInstance\";\nimport { EvDrawerServiceOpener } from \"@/components/EvDrawer/EvDrawerServiceOpener\";\n\nexport const EvDrawerServiceSymbol: InjectionKey<EvDrawerServiceOpener> =\n    Symbol.for(\"ev:drawer-service\");\nexport const EvDrawerInstanceSymbol: InjectionKey<\n    EvDrawerInstance | undefined\n> = Symbol.for(\"ev:drawer-instance\");\n\n/**\n * # useDrawer\n *\n * Requires that the App has provided `EvDrawerService`.\n */\nexport function useDrawer(): EvDrawerServiceOpener {\n    const service = inject(EvDrawerServiceSymbol);\n    if (!service) {\n        throw new Error(\"Evance UI: Unable to find injected drawer service\");\n    }\n    return service;\n}\n\n/**\n * # injectDrawer\n */\nexport function injectDrawer(): EvDrawerInstance | undefined {\n    return inject(EvDrawerInstanceSymbol);\n}\n\n/**\n * # provideDrawer\n * @param instance\n */\nexport function provideDrawer(instance: EvDrawerInstance | undefined) {\n    provide(EvDrawerInstanceSymbol, instance);\n}\n"],"names":["EvDrawerServiceSymbol","EvDrawerInstanceSymbol","useDrawer","service","inject","injectDrawer","provideDrawer","instance","provide"],"mappings":"6IAIaA,EACT,OAAO,IAAI,mBAAmB,EACrBC,EAET,OAAO,IAAI,oBAAoB,EAO5B,SAASC,GAAmC,CACzC,MAAAC,EAAUC,SAAOJ,CAAqB,EAC5C,GAAI,CAACG,EACK,MAAA,IAAI,MAAM,mDAAmD,EAEhE,OAAAA,CACX,CAKO,SAASE,GAA6C,CACzD,OAAOD,EAAAA,OAAOH,CAAsB,CACxC,CAMO,SAASK,EAAcC,EAAwC,CAClEC,EAAA,QAAQP,EAAwBM,CAAQ,CAC5C"}

package/dist/esm/composables/filter.mjs

@@ -1,129 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { ref, computed, unref, watchEffect } from "vue";
-import { propsFactory } from "../util/props.mjs";
-import { wrapInArray, getPropertyValue } from "../util/helpers.mjs";
-const defaultFilter = (value, query, item) => {
-  if (value == null || query == null) {
-    return -1;
-  }
-  return value.toString().toLocaleLowerCase().indexOf(query.toString().toLocaleLowerCase());
-};
-const makeFilterProps = propsFactory(
-  {
-    filterFunction: Function,
-    filterKeyFunctions: Object,
-    filterKeys: [Array, String],
-    filterMode: {
-      type: String,
-      default: "intersection"
-    },
-    noFilter: Boolean
-  },
-  "filter"
-);
-function filterItems(items, query, options) {
-  var _a;
-  const array = [];
-  const filter = (options == null ? void 0 : options.default) ?? defaultFilter;
-  const keys = (options == null ? void 0 : options.filterKeys) ? wrapInArray(options.filterKeys) : false;
-  const customFiltersLength = Object.keys(
-    (options == null ? void 0 : options.filterKeyFunctions) ?? {}
-  ).length;
-  if (!(items == null ? void 0 : items.length)) {
-    return array;
-  }
-  loop: for (let i = 0; i < items.length; i++) {
-    const [item, transformed = item] = wrapInArray(items[i]);
-    const customMatches = {};
-    const defaultMatches = {};
-    let match = -1;
-    if (query && !(options == null ? void 0 : options.noFilter)) {
-      if (typeof item === "object") {
-        const filterKeys = keys || Object.keys(transformed);
-        for (const key of filterKeys) {
-          const value = getPropertyValue(
-            transformed,
-            key,
-            transformed
-          );
-          const keyFilter = (_a = options == null ? void 0 : options.filterKeyFunctions) == null ? void 0 : _a[key];
-          match = keyFilter ? keyFilter(value, query, item) : filter(value, query, item);
-          if (match !== -1 && match !== false) {
-            if (keyFilter) {
-              customMatches[key] = match;
-            } else {
-              defaultMatches[key] = match;
-            }
-          } else if ((options == null ? void 0 : options.filterMode) === "every") {
-            continue loop;
-          }
-        }
-      } else {
-        match = filter(item, query, item);
-        if (match !== -1 && match !== false) {
-          defaultMatches.title = match;
-        }
-      }
-      const defaultMatchesLength = Object.keys(defaultMatches).length;
-      const customMatchesLength = Object.keys(customMatches).length;
-      if (!defaultMatchesLength && !customMatchesLength) {
-        continue;
-      }
-      if ((options == null ? void 0 : options.filterMode) === "union" && customMatchesLength !== customFiltersLength && !defaultMatchesLength) {
-        continue;
-      }
-      if ((options == null ? void 0 : options.filterMode) === "intersection" && (customMatchesLength !== customFiltersLength || !defaultMatchesLength)) {
-        continue;
-      }
-    }
-    array.push({
-      index: i,
-      matches: { ...defaultMatches, ...customMatches }
-    });
-  }
-  return array;
-}
-function useFilter(props, items, query, options) {
-  const filteredItems = ref([]);
-  const filteredMatches = ref(
-    /* @__PURE__ */ new Map()
-  );
-  const transformedItems = computed(
-    () => unref(items)
-  );
-  watchEffect(() => {
-    const _query = typeof query === "function" ? query() : unref(query);
-    const strQuery = typeof _query !== "string" ? "" : String(_query);
-    const results = filterItems(transformedItems.value, strQuery, {
-      filterKeyFunctions: {
-        ...props.filterKeyFunctions,
-        ...unref(options == null ? void 0 : options.filterKeyFunctions)
-      },
-      default: props.filterFunction,
-      filterKeys: props.filterKeys,
-      filterMode: props.filterMode,
-      noFilter: props.noFilter
-    });
-    const originalItems = unref(items);
-    const _filteredItems = [];
-    const _filteredMatches = /* @__PURE__ */ new Map();
-    results.forEach(({ index, matches }) => {
-      const item = originalItems[index];
-      _filteredItems.push(item);
-      _filteredMatches.set(item.value, matches);
-    });
-    filteredItems.value = _filteredItems;
-    filteredMatches.value = _filteredMatches;
-  });
-  function getMatches(item) {
-    return filteredMatches.value.get(item.value);
-  }
-  return { filteredItems, filteredMatches, getMatches };
-}
-export {
-  defaultFilter,
-  filterItems,
-  makeFilterProps,
-  useFilter
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),w=require("../util/props.mjs"),v=require("../util/helpers.mjs"),I=(t,l,e)=>t==null||l==null?-1:t.toString().toLocaleLowerCase().indexOf(l.toString().toLocaleLowerCase()),x=w.propsFactory({filterFunction:Function,filterKeyFunctions:Object,filterKeys:[Array,String],filterMode:{type:String,default:"intersection"},noFilter:Boolean},"filter");function j(t,l,e){var M;const u=[],i=(e==null?void 0:e.default)??I,s=e!=null&&e.filterKeys?v.wrapInArray(e.filterKeys):!1,g=Object.keys((e==null?void 0:e.filterKeyFunctions)??{}).length;if(!(t!=null&&t.length))return u;e:for(let c=0;c<t.length;c++){const[f,y=f]=v.wrapInArray(t[c]),d={},a={};let r=-1;if(l&&!(e!=null&&e.noFilter)){if(typeof f=="object"){const m=s||Object.keys(y);for(const K of m){const b=v.getPropertyValue(y,K,y),k=(M=e==null?void 0:e.filterKeyFunctions)==null?void 0:M[K];if(r=k?k(b,l,f):i(b,l,f),r!==-1&&r!==!1)k?d[K]=r:a[K]=r;else if((e==null?void 0:e.filterMode)==="every")continue e}}else r=i(f,l,f),r!==-1&&r!==!1&&(a.title=r);const h=Object.keys(a).length,F=Object.keys(d).length;if(!h&&!F||(e==null?void 0:e.filterMode)==="union"&&F!==g&&!h||(e==null?void 0:e.filterMode)==="intersection"&&(F!==g||!h))continue}u.push({index:c,matches:{...a,...d}})}return u}function L(t,l,e,u){const i=n.ref([]),s=n.ref(new Map),g=n.computed(()=>n.unref(l));n.watchEffect(()=>{const c=typeof e=="function"?e():n.unref(e),f=typeof c!="string"?"":String(c),y=j(g.value,f,{filterKeyFunctions:{...t.filterKeyFunctions,...n.unref(u==null?void 0:u.filterKeyFunctions)},default:t.filterFunction,filterKeys:t.filterKeys,filterMode:t.filterMode,noFilter:t.noFilter}),d=n.unref(l),a=[],r=new Map;y.forEach(({index:h,matches:F})=>{const m=d[h];a.push(m),r.set(m.value,F)}),i.value=a,s.value=r});function M(c){return s.value.get(c.value)}return{filteredItems:i,filteredMatches:s,getMatches:M}}exports.defaultFilter=I;exports.filterItems=j;exports.makeFilterProps=x;exports.useFilter=L;
 //# sourceMappingURL=filter.mjs.map

package/dist/esm/composables/filter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter.mjs","sources":["../../../src/composables/filter.ts"],"sourcesContent":["import { getPropertyValue, propsFactory, wrapInArray } from \"@/util\";\nimport {\n    computed,\n    MaybeRef,\n    PropType,\n    ref,\n    Ref,\n    unref,\n    watchEffect,\n} from \"vue\";\n\n/**\n * - match without highlight\n * - single match (index), length already known\n * - single match (start, end)\n * - multiple matches (start, end), probably shouldn't overlap\n */\nexport type FilterMatch =\n    | boolean\n    | number\n    | [number, number]\n    | [number, number][];\nexport type FilterFunction = (\n    value: string,\n    query: string,\n    item?: InternalItem,\n) => FilterMatch;\nexport type FilterKeyFunctions = Record<string, FilterFunction>;\nexport type FilterKeys = string | string[];\nexport type FilterMode = \"some\" | \"every\" | \"union\" | \"intersection\";\n\n/**\n * # FilterProps\n */\nexport interface FilterProps {\n    filterFunction?: FilterFunction;\n    filterKeyFunctions?: FilterKeyFunctions;\n    filterKeys?: FilterKeys;\n    filterMode?: FilterMode;\n    noFilter?: boolean;\n}\n\n/**\n * # InternalItem\n */\nexport interface InternalItem<T = any> {\n    value: any;\n    raw: T;\n}\n\n/**\n * # defaultFilter\n * @param value\n * @param query\n * @param item\n */\nexport const defaultFilter: FilterFunction = (value, query, item) => {\n    if (value == null || query == null) {\n        return -1;\n    }\n    return value\n        .toString()\n        .toLocaleLowerCase()\n        .indexOf(query.toString().toLocaleLowerCase());\n};\n\n/**\n * # makeFilterProps\n */\nexport const makeFilterProps = propsFactory(\n    {\n        filterFunction: Function as PropType<FilterFunction>,\n        filterKeyFunctions: Object as PropType<FilterKeyFunctions>,\n        filterKeys: [Array, String] as PropType<FilterKeys>,\n        filterMode: {\n            type: String as PropType<FilterMode>,\n            default: \"intersection\",\n        },\n        noFilter: Boolean,\n    },\n    \"filter\",\n);\n\n/**\n * # filterItems\n * @param items\n * @param query\n * @param options\n */\nexport function filterItems(\n    items:\n        | readonly (readonly [item: InternalItem, transformed: {}])[]\n        | readonly InternalItem[],\n    query: string,\n    options?: {\n        filterKeyFunctions?: FilterKeyFunctions;\n        default?: FilterFunction;\n        filterKeys?: FilterKeys;\n        filterMode?: FilterMode;\n        noFilter?: boolean;\n    },\n) {\n    const array: { index: number; matches: Record<string, FilterMatch> }[] = [];\n    // always ensure we fall back to a functioning filter\n    const filter = options?.default ?? defaultFilter;\n    const keys = options?.filterKeys ? wrapInArray(options.filterKeys) : false;\n    const customFiltersLength = Object.keys(\n        options?.filterKeyFunctions ?? {},\n    ).length;\n\n    if (!items?.length) {\n        return array;\n    }\n\n    loop: for (let i = 0; i < items.length; i++) {\n        const [item, transformed = item] = wrapInArray(items[i]) as readonly [\n            InternalItem,\n            {},\n        ];\n        const customMatches: Record<string, FilterMatch> = {};\n        const defaultMatches: Record<string, FilterMatch> = {};\n        let match: FilterMatch = -1;\n\n        if (query && !options?.noFilter) {\n            if (typeof item === \"object\") {\n                const filterKeys = keys || Object.keys(transformed);\n\n                for (const key of filterKeys) {\n                    const value = getPropertyValue(\n                        transformed,\n                        key,\n                        transformed,\n                    );\n                    const keyFilter = options?.filterKeyFunctions?.[key];\n\n                    match = keyFilter\n                        ? keyFilter(value, query, item)\n                        : filter(value, query, item);\n\n                    if (match !== -1 && match !== false) {\n                        if (keyFilter) {\n                            customMatches[key] = match;\n                        } else {\n                            defaultMatches[key] = match;\n                        }\n                    } else if (options?.filterMode === \"every\") {\n                        continue loop;\n                    }\n                }\n            } else {\n                match = filter(item, query, item);\n                if (match !== -1 && match !== false) {\n                    defaultMatches.title = match;\n                }\n            }\n\n            const defaultMatchesLength = Object.keys(defaultMatches).length;\n            const customMatchesLength = Object.keys(customMatches).length;\n\n            if (!defaultMatchesLength && !customMatchesLength) {\n                continue;\n            }\n\n            if (\n                options?.filterMode === \"union\" &&\n                customMatchesLength !== customFiltersLength &&\n                !defaultMatchesLength\n            ) {\n                continue;\n            }\n\n            if (\n                options?.filterMode === \"intersection\" &&\n                (customMatchesLength !== customFiltersLength ||\n                    !defaultMatchesLength)\n            ) {\n                continue;\n            }\n        }\n\n        array.push({\n            index: i,\n            matches: { ...defaultMatches, ...customMatches },\n        });\n    }\n\n    return array;\n}\n\n/**\n * # useFilter\n * @param props\n * @param items\n * @param query\n * @param options\n */\nexport function useFilter<T extends InternalItem>(\n    props: FilterProps,\n    items: MaybeRef<T[]>,\n    query: Ref<string | undefined> | (() => string | undefined),\n    options?: {\n        transform?: (item: T) => {};\n        filterKeyFunctions?: MaybeRef<FilterKeyFunctions | undefined>;\n    },\n) {\n    const filteredItems: Ref<T[]> = ref([]);\n    const filteredMatches: Ref<Map<unknown, Record<string, FilterMatch>>> = ref(\n        new Map(),\n    );\n    const transformedItems = computed(() =>\n        options?.transform\n            ? unref(items).map(\n                  (item) => [item, options.transform!(item)] as const,\n              )\n            : unref(items),\n    );\n\n    watchEffect(() => {\n        const _query = typeof query === \"function\" ? query() : unref(query);\n        const strQuery = typeof _query !== \"string\" ? \"\" : String(_query);\n\n        const results = filterItems(transformedItems.value, strQuery, {\n            filterKeyFunctions: {\n                ...props.filterKeyFunctions,\n                ...unref(options?.filterKeyFunctions),\n            },\n            default: props.filterFunction,\n            filterKeys: props.filterKeys,\n            filterMode: props.filterMode,\n            noFilter: props.noFilter,\n        });\n\n        const originalItems = unref(items);\n        const _filteredItems: (typeof filteredItems)[\"value\"] = [];\n        const _filteredMatches: (typeof filteredMatches)[\"value\"] = new Map();\n        results.forEach(({ index, matches }) => {\n            const item = originalItems[index];\n            _filteredItems.push(item);\n            _filteredMatches.set(item.value, matches);\n        });\n        filteredItems.value = _filteredItems;\n        filteredMatches.value = _filteredMatches;\n    });\n\n    function getMatches(item: T) {\n        return filteredMatches.value.get(item.value);\n    }\n\n    return { filteredItems, filteredMatches, getMatches };\n}\n"],"names":[],"mappings":";;;;AAwDO,MAAM,gBAAgC,CAAC,OAAO,OAAO,SAAS;AAC7D,MAAA,SAAS,QAAQ,SAAS,MAAM;AACzB,WAAA;AAAA,EAAA;AAEJ,SAAA,MACF,SAAS,EACT,kBAAkB,EAClB,QAAQ,MAAM,WAAW,mBAAmB;AACrD;AAKO,MAAM,kBAAkB;AAAA,EAC3B;AAAA,IACI,gBAAgB;AAAA,IAChB,oBAAoB;AAAA,IACpB,YAAY,CAAC,OAAO,MAAM;AAAA,IAC1B,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,EACd;AAAA,EACA;AACJ;AAQgB,SAAA,YACZ,OAGA,OACA,SAOF;;AACE,QAAM,QAAmE,CAAC;AAEpE,QAAA,UAAS,mCAAS,YAAW;AACnC,QAAM,QAAO,mCAAS,cAAa,YAAY,QAAQ,UAAU,IAAI;AACrE,QAAM,sBAAsB,OAAO;AAAA,KAC/B,mCAAS,uBAAsB,CAAA;AAAA,EAAC,EAClC;AAEE,MAAA,EAAC,+BAAO,SAAQ;AACT,WAAA;AAAA,EAAA;AAGX,iBAAe,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACnC,UAAA,CAAC,MAAM,cAAc,IAAI,IAAI,YAAY,MAAM,CAAC,CAAC;AAIvD,UAAM,gBAA6C,CAAC;AACpD,UAAM,iBAA8C,CAAC;AACrD,QAAI,QAAqB;AAErB,QAAA,SAAS,EAAC,mCAAS,WAAU;AACzB,UAAA,OAAO,SAAS,UAAU;AAC1B,cAAM,aAAa,QAAQ,OAAO,KAAK,WAAW;AAElD,mBAAW,OAAO,YAAY;AAC1B,gBAAM,QAAQ;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,UACJ;AACM,gBAAA,aAAY,wCAAS,uBAAT,mBAA8B;AAExC,kBAAA,YACF,UAAU,OAAO,OAAO,IAAI,IAC5B,OAAO,OAAO,OAAO,IAAI;AAE3B,cAAA,UAAU,MAAM,UAAU,OAAO;AACjC,gBAAI,WAAW;AACX,4BAAc,GAAG,IAAI;AAAA,YAAA,OAClB;AACH,6BAAe,GAAG,IAAI;AAAA,YAAA;AAAA,UAC1B,YACO,mCAAS,gBAAe,SAAS;AAC/B,qBAAA;AAAA,UAAA;AAAA,QACb;AAAA,MACJ,OACG;AACK,gBAAA,OAAO,MAAM,OAAO,IAAI;AAC5B,YAAA,UAAU,MAAM,UAAU,OAAO;AACjC,yBAAe,QAAQ;AAAA,QAAA;AAAA,MAC3B;AAGJ,YAAM,uBAAuB,OAAO,KAAK,cAAc,EAAE;AACzD,YAAM,sBAAsB,OAAO,KAAK,aAAa,EAAE;AAEnD,UAAA,CAAC,wBAAwB,CAAC,qBAAqB;AAC/C;AAAA,MAAA;AAGJ,WACI,mCAAS,gBAAe,WACxB,wBAAwB,uBACxB,CAAC,sBACH;AACE;AAAA,MAAA;AAGJ,WACI,mCAAS,gBAAe,mBACvB,wBAAwB,uBACrB,CAAC,uBACP;AACE;AAAA,MAAA;AAAA,IACJ;AAGJ,UAAM,KAAK;AAAA,MACP,OAAO;AAAA,MACP,SAAS,EAAE,GAAG,gBAAgB,GAAG,cAAc;AAAA,IAAA,CAClD;AAAA,EAAA;AAGE,SAAA;AACX;AASO,SAAS,UACZ,OACA,OACA,OACA,SAIF;AACQ,QAAA,gBAA0B,IAAI,EAAE;AACtC,QAAM,kBAAkE;AAAA,wBAChE,IAAI;AAAA,EACZ;AACA,QAAM,mBAAmB;AAAA,IAAS,MAKxB,MAAM,KAAK;AAAA,EACrB;AAEA,cAAY,MAAM;AACd,UAAM,SAAS,OAAO,UAAU,aAAa,MAAM,IAAI,MAAM,KAAK;AAClE,UAAM,WAAW,OAAO,WAAW,WAAW,KAAK,OAAO,MAAM;AAEhE,UAAM,UAAU,YAAY,iBAAiB,OAAO,UAAU;AAAA,MAC1D,oBAAoB;AAAA,QAChB,GAAG,MAAM;AAAA,QACT,GAAG,MAAM,mCAAS,kBAAkB;AAAA,MACxC;AAAA,MACA,SAAS,MAAM;AAAA,MACf,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,MAClB,UAAU,MAAM;AAAA,IAAA,CACnB;AAEK,UAAA,gBAAgB,MAAM,KAAK;AACjC,UAAM,iBAAkD,CAAC;AACnD,UAAA,uCAA0D,IAAI;AACpE,YAAQ,QAAQ,CAAC,EAAE,OAAO,cAAc;AAC9B,YAAA,OAAO,cAAc,KAAK;AAChC,qBAAe,KAAK,IAAI;AACP,uBAAA,IAAI,KAAK,OAAO,OAAO;AAAA,IAAA,CAC3C;AACD,kBAAc,QAAQ;AACtB,oBAAgB,QAAQ;AAAA,EAAA,CAC3B;AAED,WAAS,WAAW,MAAS;AACzB,WAAO,gBAAgB,MAAM,IAAI,KAAK,KAAK;AAAA,EAAA;AAGxC,SAAA,EAAE,eAAe,iBAAiB,WAAW;AACxD;"}
+{"version":3,"file":"filter.mjs","sources":["../../../src/composables/filter.ts"],"sourcesContent":["import { getPropertyValue, propsFactory, wrapInArray } from \"@/util\";\nimport {\n    computed,\n    MaybeRef,\n    PropType,\n    ref,\n    Ref,\n    unref,\n    watchEffect,\n} from \"vue\";\n\n/**\n * - match without highlight\n * - single match (index), length already known\n * - single match (start, end)\n * - multiple matches (start, end), probably shouldn't overlap\n */\nexport type FilterMatch =\n    | boolean\n    | number\n    | [number, number]\n    | [number, number][];\nexport type FilterFunction = (\n    value: string,\n    query: string,\n    item?: InternalItem,\n) => FilterMatch;\nexport type FilterKeyFunctions = Record<string, FilterFunction>;\nexport type FilterKeys = string | string[];\nexport type FilterMode = \"some\" | \"every\" | \"union\" | \"intersection\";\n\n/**\n * # FilterProps\n */\nexport interface FilterProps {\n    filterFunction?: FilterFunction;\n    filterKeyFunctions?: FilterKeyFunctions;\n    filterKeys?: FilterKeys;\n    filterMode?: FilterMode;\n    noFilter?: boolean;\n}\n\n/**\n * # InternalItem\n */\nexport interface InternalItem<T = any> {\n    value: any;\n    raw: T;\n}\n\n/**\n * # defaultFilter\n * @param value\n * @param query\n * @param item\n */\nexport const defaultFilter: FilterFunction = (value, query, item) => {\n    if (value == null || query == null) {\n        return -1;\n    }\n    return value\n        .toString()\n        .toLocaleLowerCase()\n        .indexOf(query.toString().toLocaleLowerCase());\n};\n\n/**\n * # makeFilterProps\n */\nexport const makeFilterProps = propsFactory(\n    {\n        filterFunction: Function as PropType<FilterFunction>,\n        filterKeyFunctions: Object as PropType<FilterKeyFunctions>,\n        filterKeys: [Array, String] as PropType<FilterKeys>,\n        filterMode: {\n            type: String as PropType<FilterMode>,\n            default: \"intersection\",\n        },\n        noFilter: Boolean,\n    },\n    \"filter\",\n);\n\n/**\n * # filterItems\n * @param items\n * @param query\n * @param options\n */\nexport function filterItems(\n    items:\n        | readonly (readonly [item: InternalItem, transformed: {}])[]\n        | readonly InternalItem[],\n    query: string,\n    options?: {\n        filterKeyFunctions?: FilterKeyFunctions;\n        default?: FilterFunction;\n        filterKeys?: FilterKeys;\n        filterMode?: FilterMode;\n        noFilter?: boolean;\n    },\n) {\n    const array: { index: number; matches: Record<string, FilterMatch> }[] = [];\n    // always ensure we fall back to a functioning filter\n    const filter = options?.default ?? defaultFilter;\n    const keys = options?.filterKeys ? wrapInArray(options.filterKeys) : false;\n    const customFiltersLength = Object.keys(\n        options?.filterKeyFunctions ?? {},\n    ).length;\n\n    if (!items?.length) {\n        return array;\n    }\n\n    loop: for (let i = 0; i < items.length; i++) {\n        const [item, transformed = item] = wrapInArray(items[i]) as readonly [\n            InternalItem,\n            {},\n        ];\n        const customMatches: Record<string, FilterMatch> = {};\n        const defaultMatches: Record<string, FilterMatch> = {};\n        let match: FilterMatch = -1;\n\n        if (query && !options?.noFilter) {\n            if (typeof item === \"object\") {\n                const filterKeys = keys || Object.keys(transformed);\n\n                for (const key of filterKeys) {\n                    const value = getPropertyValue(\n                        transformed,\n                        key,\n                        transformed,\n                    );\n                    const keyFilter = options?.filterKeyFunctions?.[key];\n\n                    match = keyFilter\n                        ? keyFilter(value, query, item)\n                        : filter(value, query, item);\n\n                    if (match !== -1 && match !== false) {\n                        if (keyFilter) {\n                            customMatches[key] = match;\n                        } else {\n                            defaultMatches[key] = match;\n                        }\n                    } else if (options?.filterMode === \"every\") {\n                        continue loop;\n                    }\n                }\n            } else {\n                match = filter(item, query, item);\n                if (match !== -1 && match !== false) {\n                    defaultMatches.title = match;\n                }\n            }\n\n            const defaultMatchesLength = Object.keys(defaultMatches).length;\n            const customMatchesLength = Object.keys(customMatches).length;\n\n            if (!defaultMatchesLength && !customMatchesLength) {\n                continue;\n            }\n\n            if (\n                options?.filterMode === \"union\" &&\n                customMatchesLength !== customFiltersLength &&\n                !defaultMatchesLength\n            ) {\n                continue;\n            }\n\n            if (\n                options?.filterMode === \"intersection\" &&\n                (customMatchesLength !== customFiltersLength ||\n                    !defaultMatchesLength)\n            ) {\n                continue;\n            }\n        }\n\n        array.push({\n            index: i,\n            matches: { ...defaultMatches, ...customMatches },\n        });\n    }\n\n    return array;\n}\n\n/**\n * # useFilter\n * @param props\n * @param items\n * @param query\n * @param options\n */\nexport function useFilter<T extends InternalItem>(\n    props: FilterProps,\n    items: MaybeRef<T[]>,\n    query: Ref<string | undefined> | (() => string | undefined),\n    options?: {\n        transform?: (item: T) => {};\n        filterKeyFunctions?: MaybeRef<FilterKeyFunctions | undefined>;\n    },\n) {\n    const filteredItems: Ref<T[]> = ref([]);\n    const filteredMatches: Ref<Map<unknown, Record<string, FilterMatch>>> = ref(\n        new Map(),\n    );\n    const transformedItems = computed(() =>\n        options?.transform\n            ? unref(items).map(\n                  (item) => [item, options.transform!(item)] as const,\n              )\n            : unref(items),\n    );\n\n    watchEffect(() => {\n        const _query = typeof query === \"function\" ? query() : unref(query);\n        const strQuery = typeof _query !== \"string\" ? \"\" : String(_query);\n\n        const results = filterItems(transformedItems.value, strQuery, {\n            filterKeyFunctions: {\n                ...props.filterKeyFunctions,\n                ...unref(options?.filterKeyFunctions),\n            },\n            default: props.filterFunction,\n            filterKeys: props.filterKeys,\n            filterMode: props.filterMode,\n            noFilter: props.noFilter,\n        });\n\n        const originalItems = unref(items);\n        const _filteredItems: (typeof filteredItems)[\"value\"] = [];\n        const _filteredMatches: (typeof filteredMatches)[\"value\"] = new Map();\n        results.forEach(({ index, matches }) => {\n            const item = originalItems[index];\n            _filteredItems.push(item);\n            _filteredMatches.set(item.value, matches);\n        });\n        filteredItems.value = _filteredItems;\n        filteredMatches.value = _filteredMatches;\n    });\n\n    function getMatches(item: T) {\n        return filteredMatches.value.get(item.value);\n    }\n\n    return { filteredItems, filteredMatches, getMatches };\n}\n"],"names":["defaultFilter","value","query","item","makeFilterProps","propsFactory","filterItems","items","options","array","filter","keys","wrapInArray","customFiltersLength","loop","i","transformed","customMatches","defaultMatches","match","filterKeys","key","getPropertyValue","keyFilter","_a","defaultMatchesLength","customMatchesLength","useFilter","props","filteredItems","ref","filteredMatches","transformedItems","computed","unref","watchEffect","_query","strQuery","results","originalItems","_filteredItems","_filteredMatches","index","matches","getMatches"],"mappings":"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"}

package/dist/esm/composables/focus.mjs

@@ -1,24 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import "vue";
-import { propsFactory } from "../util/props.mjs";
-const makeFocusProps = propsFactory(
-  {
-    focused: Boolean
-  },
-  "focus"
-);
-function useAutofocus(props) {
-  return {
-    mounted: (el) => {
-      if (!props.autofocus) {
-        return;
-      }
-      el.focus();
-    }
-  };
-}
-export {
-  makeFocusProps,
-  useAutofocus
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("vue");const u=require("../util/props.mjs"),s=u.propsFactory({focused:Boolean},"focus");function r(o){return{mounted:e=>{o.autofocus&&e.focus()}}}exports.makeFocusProps=s;exports.useAutofocus=r;
 //# sourceMappingURL=focus.mjs.map

package/dist/esm/composables/focus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"focus.mjs","sources":["../../../src/composables/focus.ts"],"sourcesContent":["import { useModelProxy } from \"./modelProxy\";\nimport { computed, ref } from \"vue\";\nimport { Browser, propsFactory } from \"@/util\";\n\n/**\n * # Focus Props Type\n */\nexport interface FocusProps {\n    focused?: boolean;\n    \"onUpdate:focused\"?: ((focused: boolean) => any) | undefined;\n}\n\n/**\n * # Make Focus Props\n */\nexport const makeFocusProps = propsFactory(\n    {\n        focused: Boolean,\n    },\n    \"focus\",\n);\n\n/**\n * # Use Focus Composable\n */\nexport function useFocus(props: FocusProps) {\n    const isFocused = useModelProxy(props, \"focused\");\n    const isFocusedVisible = ref(false);\n    const focusClasses = computed(() => {\n        return {\n            \"is-focused\": isFocused.value,\n            \"is-focused-visible\": isFocusedVisible.value,\n        };\n    });\n\n    function focus(e?: Event): void {\n        isFocused.value = true;\n        const el: HTMLElement | null = e?.target as HTMLElement;\n        if (Browser.supportsFocusVisible && el?.matches(\":focus-visible\")) {\n            isFocusedVisible.value = true;\n        }\n    }\n\n    function blur(): void {\n        isFocused.value = false;\n        isFocusedVisible.value = false;\n    }\n\n    return { isFocused, isFocusedVisible, focusClasses, focus, blur };\n}\n\n/**\n * ## Auto Focus\n */\nexport interface AutofocusProps {\n    autofocus: boolean;\n}\n\n/**\n * # Use Auto Focus\n * @param props\n */\nexport function useAutofocus(props: AutofocusProps) {\n    return {\n        mounted: (el: HTMLElement) => {\n            if (!props.autofocus) {\n                return;\n            }\n            el.focus();\n        },\n    };\n}\n"],"names":[],"mappings":";;;AAeO,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,SAAS;AAAA,EACb;AAAA,EACA;AACJ;AA0CO,SAAS,aAAa,OAAuB;AACzC,SAAA;AAAA,IACH,SAAS,CAAC,OAAoB;AACtB,UAAA,CAAC,MAAM,WAAW;AAClB;AAAA,MAAA;AAEJ,SAAG,MAAM;AAAA,IAAA;AAAA,EAEjB;AACJ;"}
+{"version":3,"file":"focus.mjs","sources":["../../../src/composables/focus.ts"],"sourcesContent":["import { useModelProxy } from \"./modelProxy\";\nimport { computed, ref } from \"vue\";\nimport { Browser, propsFactory } from \"@/util\";\n\n/**\n * # Focus Props Type\n */\nexport interface FocusProps {\n    focused?: boolean;\n    \"onUpdate:focused\"?: ((focused: boolean) => any) | undefined;\n}\n\n/**\n * # Make Focus Props\n */\nexport const makeFocusProps = propsFactory(\n    {\n        focused: Boolean,\n    },\n    \"focus\",\n);\n\n/**\n * # Use Focus Composable\n */\nexport function useFocus(props: FocusProps) {\n    const isFocused = useModelProxy(props, \"focused\");\n    const isFocusedVisible = ref(false);\n    const focusClasses = computed(() => {\n        return {\n            \"is-focused\": isFocused.value,\n            \"is-focused-visible\": isFocusedVisible.value,\n        };\n    });\n\n    function focus(e?: Event): void {\n        isFocused.value = true;\n        const el: HTMLElement | null = e?.target as HTMLElement;\n        if (Browser.supportsFocusVisible && el?.matches(\":focus-visible\")) {\n            isFocusedVisible.value = true;\n        }\n    }\n\n    function blur(): void {\n        isFocused.value = false;\n        isFocusedVisible.value = false;\n    }\n\n    return { isFocused, isFocusedVisible, focusClasses, focus, blur };\n}\n\n/**\n * ## Auto Focus\n */\nexport interface AutofocusProps {\n    autofocus: boolean;\n}\n\n/**\n * # Use Auto Focus\n * @param props\n */\nexport function useAutofocus(props: AutofocusProps) {\n    return {\n        mounted: (el: HTMLElement) => {\n            if (!props.autofocus) {\n                return;\n            }\n            el.focus();\n        },\n    };\n}\n"],"names":["makeFocusProps","propsFactory","useAutofocus","props","el"],"mappings":"0KAeaA,EAAiBC,EAAA,aAC1B,CACI,QAAS,OACb,EACA,OACJ,EA0CO,SAASC,EAAaC,EAAuB,CACzC,MAAA,CACH,QAAUC,GAAoB,CACrBD,EAAM,WAGXC,EAAG,MAAM,CAAA,CAEjB,CACJ"}

package/dist/esm/composables/form.mjs

@@ -1,36 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { provide, inject } from "vue";
-import { Form } from "../modules/Form/Form.mjs";
-import { propsFactory } from "../util/props.mjs";
-const FormKey = Symbol.for("ev:form");
-const makeFormProps = propsFactory(
-  {
-    data: Object,
-    disabled: Boolean,
-    readonly: Boolean,
-    modelValue: {
-      type: Boolean,
-      default: null
-    },
-    validateOn: {
-      type: String,
-      default: "input"
-    }
-  },
-  "form"
-);
-function createForm(props) {
-  const form = new Form(props);
-  provide(FormKey, form);
-  return form;
-}
-function useForm() {
-  return inject(FormKey, null);
-}
-export {
-  FormKey,
-  createForm,
-  makeFormProps,
-  useForm
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),n=require("../modules/Form/Form.mjs"),s=require("../util/props.mjs"),e=Symbol.for("ev:form"),a=s.propsFactory({data:Object,disabled:Boolean,readonly:Boolean,modelValue:{type:Boolean,default:null},validateOn:{type:String,default:"input"}},"form");function u(t){const o=new n.Form(t);return r.provide(e,o),o}function l(){return r.inject(e,null)}exports.FormKey=e;exports.createForm=u;exports.makeFormProps=a;exports.useForm=l;
 //# sourceMappingURL=form.mjs.map

package/dist/esm/composables/form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","sources":["../../../src/composables/form.ts"],"sourcesContent":["import { inject, InjectionKey, PropType, provide } from \"vue\";\r\nimport { ValidationError, FormFieldProps } from \"@/composables/validation\";\r\nimport { propsFactory } from \"@/util\";\r\nimport { Form } from \"@/modules/Form/Form\";\r\n\r\n/**\r\n * # Form Key\r\n * Used for provide/inject functions.\r\n */\r\nexport const FormKey: InjectionKey<any> = Symbol.for(\"ev:form\");\r\n\r\n/**\r\n * # Submit Event Promise\r\n */\r\nexport interface SubmitEventPromise\r\n    extends SubmitEvent,\r\n        Promise<FormValidationResult> {}\r\n\r\n/**\r\n * # Form Props\r\n */\r\nexport interface FormProps {\r\n    data?: object;\r\n    disabled?: boolean;\r\n    readonly?: boolean;\r\n    modelValue?: boolean | null;\r\n    \"onUpdate:modelValue\"?: ((val: boolean | null) => void) | undefined;\r\n    validateOn?: FormFieldProps[\"validateOn\"];\r\n}\r\n\r\n/**\r\n * # Form Validation Result\r\n */\r\nexport interface FormValidationResult {\r\n    valid: boolean;\r\n    errors: ValidationError[];\r\n    addErrors: (errors: ValidationError[]) => void;\r\n}\r\n\r\n/**\r\n * # Make Form Props\r\n */\r\nexport const makeFormProps = propsFactory(\r\n    {\r\n        data: Object,\r\n        disabled: Boolean,\r\n        readonly: Boolean,\r\n        modelValue: {\r\n            type: Boolean as PropType<boolean | null>,\r\n            default: null,\r\n        },\r\n        validateOn: {\r\n            type: String as PropType<FormProps[\"validateOn\"]>,\r\n            default: \"input\",\r\n        },\r\n    },\r\n    \"form\",\r\n);\r\n\r\n/**\r\n * # Create Form\r\n * @param props\r\n */\r\nexport function createForm(props: FormProps) {\r\n    const form = new Form(props);\r\n    provide(FormKey, form);\r\n    return form;\r\n}\r\n\r\n/**\r\n * # Use Form\r\n */\r\nexport function useForm() {\r\n    return inject(FormKey, null);\r\n}\r\n"],"names":[],"mappings":";;;;AASa,MAAA,UAA6B,OAAO,IAAI,SAAS;AAiCvD,MAAM,gBAAgB;AAAA,EACzB;AAAA,IACI,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA;AACJ;AAMO,SAAS,WAAW,OAAkB;AACnC,QAAA,OAAO,IAAI,KAAK,KAAK;AAC3B,UAAQ,SAAS,IAAI;AACd,SAAA;AACX;AAKO,SAAS,UAAU;AACf,SAAA,OAAO,SAAS,IAAI;AAC/B;"}
+{"version":3,"file":"form.mjs","sources":["../../../src/composables/form.ts"],"sourcesContent":["import { inject, InjectionKey, PropType, provide } from \"vue\";\r\nimport { ValidationError, FormFieldProps } from \"@/composables/validation\";\r\nimport { propsFactory } from \"@/util\";\r\nimport { Form } from \"@/modules/Form/Form\";\r\n\r\n/**\r\n * # Form Key\r\n * Used for provide/inject functions.\r\n */\r\nexport const FormKey: InjectionKey<any> = Symbol.for(\"ev:form\");\r\n\r\n/**\r\n * # Submit Event Promise\r\n */\r\nexport interface SubmitEventPromise\r\n    extends SubmitEvent,\r\n        Promise<FormValidationResult> {}\r\n\r\n/**\r\n * # Form Props\r\n */\r\nexport interface FormProps {\r\n    data?: object;\r\n    disabled?: boolean;\r\n    readonly?: boolean;\r\n    modelValue?: boolean | null;\r\n    \"onUpdate:modelValue\"?: ((val: boolean | null) => void) | undefined;\r\n    validateOn?: FormFieldProps[\"validateOn\"];\r\n}\r\n\r\n/**\r\n * # Form Validation Result\r\n */\r\nexport interface FormValidationResult {\r\n    valid: boolean;\r\n    errors: ValidationError[];\r\n    addErrors: (errors: ValidationError[]) => void;\r\n}\r\n\r\n/**\r\n * # Make Form Props\r\n */\r\nexport const makeFormProps = propsFactory(\r\n    {\r\n        data: Object,\r\n        disabled: Boolean,\r\n        readonly: Boolean,\r\n        modelValue: {\r\n            type: Boolean as PropType<boolean | null>,\r\n            default: null,\r\n        },\r\n        validateOn: {\r\n            type: String as PropType<FormProps[\"validateOn\"]>,\r\n            default: \"input\",\r\n        },\r\n    },\r\n    \"form\",\r\n);\r\n\r\n/**\r\n * # Create Form\r\n * @param props\r\n */\r\nexport function createForm(props: FormProps) {\r\n    const form = new Form(props);\r\n    provide(FormKey, form);\r\n    return form;\r\n}\r\n\r\n/**\r\n * # Use Form\r\n */\r\nexport function useForm() {\r\n    return inject(FormKey, null);\r\n}\r\n"],"names":["FormKey","makeFormProps","propsFactory","createForm","props","form","Form","provide","useForm","inject"],"mappings":"kNASaA,EAA6B,OAAO,IAAI,SAAS,EAiCjDC,EAAgBC,EAAA,aACzB,CACI,KAAM,OACN,SAAU,QACV,SAAU,QACV,WAAY,CACR,KAAM,QACN,QAAS,IACb,EACA,WAAY,CACR,KAAM,OACN,QAAS,OAAA,CAEjB,EACA,MACJ,EAMO,SAASC,EAAWC,EAAkB,CACnC,MAAAC,EAAO,IAAIC,EAAA,KAAKF,CAAK,EAC3BG,OAAAA,EAAA,QAAQP,EAASK,CAAI,EACdA,CACX,CAKO,SAASG,GAAU,CACf,OAAAC,EAAA,OAAOT,EAAS,IAAI,CAC/B"}

package/dist/esm/composables/group.mjs

@@ -1,182 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { reactive, onMounted, onBeforeUnmount, computed, toRef, provide } from "vue";
-import { useModelProxy } from "./modelProxy.mjs";
-import { isDeepEqual } from "../util/is-functions.mjs";
-import { wrapInArray } from "../util/helpers.mjs";
-import { findChildrenWithProvide } from "../util/children.mjs";
-import { propsFactory } from "../util/props.mjs";
-import { getCurrentComponent } from "../util/components.mjs";
-import { consoleWarn } from "../util/console.mjs";
-const makeGroupProps = propsFactory(
-  {
-    modelValue: {
-      type: null,
-      default: void 0
-    },
-    multiple: Boolean,
-    mandatory: [Boolean, String],
-    max: Number,
-    selectedClass: String,
-    selectedAppearance: String,
-    selectedVariant: String,
-    disabled: Boolean
-  },
-  "group"
-);
-function getItemIndex(items, value) {
-  const ids = getIds(items, [value]);
-  if (!ids.length) {
-    return -1;
-  }
-  return items.findIndex((item) => item.id === ids[0]);
-}
-function getIds(items, modelValue) {
-  const ids = [];
-  modelValue.forEach((value) => {
-    const item = items.find((item2) => isDeepEqual(value, item2.value));
-    const itemByIndex = items[value];
-    if ((item == null ? void 0 : item.value) != null) {
-      ids.push(item.id);
-    } else if (itemByIndex != null) {
-      ids.push(itemByIndex.id);
-    }
-  });
-  return ids;
-}
-function getValues(items, ids) {
-  const values = [];
-  ids.forEach((id) => {
-    const itemIndex = items.findIndex((item) => item.id === id);
-    if (~itemIndex) {
-      const item = items[itemIndex];
-      values.push(item.value != null ? item.value : itemIndex);
-    }
-  });
-  return values;
-}
-function useGroup(props, injectKey) {
-  let isUnmounted = false;
-  const items = reactive([]);
-  const selected = useModelProxy(
-    props,
-    "modelValue",
-    [],
-    (value) => {
-      return value == null ? [] : getIds(items, wrapInArray(value));
-    },
-    (value) => {
-      const values = getValues(items, value);
-      return props.multiple ? values : values[0];
-    }
-  );
-  const groupComponent = getCurrentComponent("useGroup");
-  function register(item, itemComponent) {
-    const unwrapped = item;
-    const key = Symbol.for(`${injectKey.description}:id`);
-    const children = findChildrenWithProvide(key, groupComponent == null ? void 0 : groupComponent.vnode);
-    const index = children.indexOf(itemComponent);
-    if (index > -1) {
-      items.splice(index, 0, unwrapped);
-    } else {
-      items.push(unwrapped);
-    }
-  }
-  function unregister(id) {
-    if (isUnmounted) {
-      return;
-    }
-    forceMandatoryValue();
-    const index = items.findIndex((item) => item.id === id);
-    items.splice(index, 1);
-  }
-  function forceMandatoryValue() {
-    const item = items.find((item2) => !item2.disabled);
-    if (item && props.mandatory === "force" && !selected.value.length) {
-      selected.value = [item.id];
-    }
-  }
-  onMounted(() => {
-    forceMandatoryValue();
-  });
-  onBeforeUnmount(() => {
-    isUnmounted = true;
-  });
-  function select(id, value) {
-    const item = items.find((item2) => item2.id === id);
-    if (value && (item == null ? void 0 : item.disabled)) {
-      return;
-    }
-    if (props.multiple) {
-      const internalValue = selected.value.slice();
-      const index = internalValue.findIndex((v) => v === id);
-      const isSelected = ~index;
-      value = value ?? !isSelected;
-      if (isSelected && props.mandatory && internalValue.length <= 1) {
-        return;
-      }
-      if (!isSelected && props.max != null && internalValue.length + 1 > props.max) {
-        return;
-      }
-      if (index < 0 && value) {
-        internalValue.push(id);
-      } else if (index >= 0 && !value) {
-        internalValue.splice(index, 1);
-      }
-      selected.value = internalValue;
-    } else {
-      const isSelected = selected.value.includes(id);
-      if (props.mandatory && isSelected) {
-        return;
-      }
-      selected.value = value ?? !isSelected ? [id] : [];
-    }
-  }
-  function step(offset) {
-    if (props.multiple) {
-      consoleWarn(
-        'This method is not supported when using "multiple" prop'
-      );
-    }
-    if (!selected.value.length) {
-      const item = items.find((item2) => !item2.disabled);
-      if (item) {
-        selected.value = [item.id];
-      }
-    } else {
-      const currentId = selected.value[0];
-      const currentIndex = items.findIndex((i) => i.id === currentId);
-      let newIndex = (currentIndex + offset) % items.length;
-      let newItem = items[newIndex];
-      while (newItem.disabled && newIndex !== currentIndex) {
-        newIndex = (newIndex + offset) % items.length;
-        newItem = items[newIndex];
-      }
-      if (newItem.disabled) {
-        return;
-      }
-      selected.value = [items[newIndex].id];
-    }
-  }
-  const state = {
-    register,
-    unregister,
-    selected,
-    select,
-    disabled: toRef(props, "disabled"),
-    previous: () => step(items.length - 1),
-    next: () => step(1),
-    isSelected: (id) => selected.value.includes(id),
-    selectedClass: computed(() => props.selectedClass),
-    selectedAppearance: computed(() => props.selectedAppearance),
-    selectedVariant: computed(() => props.selectedVariant),
-    items: computed(() => items),
-    getItemIndex: (value) => getItemIndex(items, value)
-  };
-  provide(injectKey, state);
-  return state;
-}
-export {
-  makeGroupProps,
-  useGroup
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),b=require("./modelProxy.mjs"),S=require("../util/is-functions.mjs"),q=require("../util/helpers.mjs"),V=require("../util/children.mjs"),w=require("../util/props.mjs"),P=require("../util/components.mjs"),B=require("../util/console.mjs"),C=w.propsFactory({modelValue:{type:null,default:void 0},multiple:Boolean,mandatory:[Boolean,String],max:Number,selectedClass:String,selectedAppearance:String,selectedVariant:String,disabled:Boolean},"group");function G(t,a){const o=g(t,[a]);return o.length?t.findIndex(e=>e.id===o[0]):-1}function g(t,a){const o=[];return a.forEach(e=>{const i=t.find(m=>S.isDeepEqual(e,m.value)),d=t[e];(i==null?void 0:i.value)!=null?o.push(i.id):d!=null&&o.push(d.id)}),o}function A(t,a){const o=[];return a.forEach(e=>{const i=t.findIndex(d=>d.id===e);if(~i){const d=t[i];o.push(d.value!=null?d.value:i)}}),o}function M(t,a){let o=!1;const e=c.reactive([]),i=b.useModelProxy(t,"modelValue",[],n=>n==null?[]:g(e,q.wrapInArray(n)),n=>{const l=A(e,n);return t.multiple?l:l[0]}),d=P.getCurrentComponent("useGroup");function m(n,l){const r=n,s=Symbol.for(`${a.description}:id`),f=V.findChildrenWithProvide(s,d==null?void 0:d.vnode).indexOf(l);f>-1?e.splice(f,0,r):e.push(r)}function v(n){if(o)return;p();const l=e.findIndex(r=>r.id===n);e.splice(l,1)}function p(){const n=e.find(l=>!l.disabled);n&&t.mandatory==="force"&&!i.value.length&&(i.value=[n.id])}c.onMounted(()=>{p()}),c.onBeforeUnmount(()=>{o=!0});function I(n,l){const r=e.find(s=>s.id===n);if(!(l&&(r!=null&&r.disabled)))if(t.multiple){const s=i.value.slice(),u=s.findIndex(y=>y===n),f=~u;if(l=l??!f,f&&t.mandatory&&s.length<=1||!f&&t.max!=null&&s.length+1>t.max)return;u<0&&l?s.push(n):u>=0&&!l&&s.splice(u,1),i.value=s}else{const s=i.value.includes(n);if(t.mandatory&&s)return;i.value=l??!s?[n]:[]}}function h(n){if(t.multiple&&B.consoleWarn('This method is not supported when using "multiple" prop'),i.value.length){const l=i.value[0],r=e.findIndex(f=>f.id===l);let s=(r+n)%e.length,u=e[s];for(;u.disabled&&s!==r;)s=(s+n)%e.length,u=e[s];if(u.disabled)return;i.value=[e[s].id]}else{const l=e.find(r=>!r.disabled);l&&(i.value=[l.id])}}const x={register:m,unregister:v,selected:i,select:I,disabled:c.toRef(t,"disabled"),previous:()=>h(e.length-1),next:()=>h(1),isSelected:n=>i.value.includes(n),selectedClass:c.computed(()=>t.selectedClass),selectedAppearance:c.computed(()=>t.selectedAppearance),selectedVariant:c.computed(()=>t.selectedVariant),items:c.computed(()=>e),getItemIndex:n=>G(e,n)};return c.provide(a,x),x}exports.makeGroupProps=C;exports.useGroup=M;
 //# sourceMappingURL=group.mjs.map