ropav 0.0.7 → 0.0.9

package/dist/useCollapse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCollapse.js","names":[],"sources":["../src/components/collapse/useCollapse.ts"],"sourcesContent":["import { computed, ref, toValue, useId } from 'vue';\nimport { bem } from '@/utils/bem';\nimport type {\n    CollapseContentProps,\n    CollapseContentRole,\n    CollapseOption,\n    CollapseRootProps,\n    CollapseSlotProps,\n    CollapseState,\n    CollapseTriggerProps,\n    CollapseTriggerSlotProps,\n    UseCollapseOptions,\n    UseCollapseReturn,\n} from './types';\n\nconst DEFAULT_ROLE: CollapseContentRole = 'region';\n\nfunction optionValue<T>(value: CollapseOption<T | undefined> | undefined) {\n    return toValue(value);\n}\n\nexport function useCollapse(\n    options: Readonly<UseCollapseOptions> = {},\n    emitOpenChange?: (open: boolean) => void,\n): UseCollapseReturn {\n    const generatedId = useId();\n    const uncontrolledOpen = ref(Boolean(optionValue<boolean>(options.defaultOpen)));\n\n    const id = computed(() => optionValue<string>(options.id) ?? `${generatedId}-collapse`);\n    const controlledOpen = computed(() => optionValue<boolean>(options.open));\n    const isDisabled = computed(() => Boolean(optionValue<boolean>(options.disabled)));\n    const isOpen = computed(() => Boolean(controlledOpen.value ?? uncontrolledOpen.value));\n    const state = computed<CollapseState>(() => (isOpen.value ? 'open' : 'closed'));\n    const shouldRenderContent = computed(\n        () => !optionValue<boolean>(options.unmountOnExit) || isOpen.value,\n    );\n\n    const rootClass = computed(() =>\n        bem('rp-collapse', {\n            open: isOpen.value,\n            closed: !isOpen.value,\n            disabled: isDisabled.value,\n        }),\n    );\n\n    const rootProps = computed<CollapseRootProps>(() => ({\n        class: rootClass.value,\n        'data-state': state.value,\n        'data-disabled': isDisabled.value || undefined,\n    }));\n\n    const contentSlotProps = computed<CollapseSlotProps>(() => ({\n        isOpen: isOpen.value,\n        open,\n        close,\n        toggle,\n    }));\n\n    const triggerProps = computed<CollapseTriggerProps>(() => ({\n        type: 'button',\n        disabled: isDisabled.value || undefined,\n        'aria-controls': id.value,\n        'aria-expanded': isOpen.value,\n        'aria-disabled': isDisabled.value || undefined,\n        onClick: onTriggerClick,\n    }));\n\n    const contentProps = computed<CollapseContentProps>(() => ({\n        class: 'rp-collapse__content',\n        id: id.value,\n        role: optionValue<CollapseContentRole>(options.role) ?? DEFAULT_ROLE,\n        'data-state': state.value,\n        'aria-hidden': isOpen.value ? undefined : 'true',\n        'aria-label': optionValue<string>(options.ariaLabel) || undefined,\n        'aria-labelledby': optionValue<string>(options.ariaLabelledby) || undefined,\n        'aria-describedby': optionValue<string>(options.ariaDescribedby) || undefined,\n    }));\n\n    const triggerSlotProps = computed<CollapseTriggerSlotProps>(() => ({\n        triggerProps: triggerProps.value,\n        ...contentSlotProps.value,\n    }));\n\n    function setOpen(nextOpen: boolean) {\n        if (isDisabled.value || nextOpen === isOpen.value) return;\n\n        if (controlledOpen.value === undefined) uncontrolledOpen.value = nextOpen;\n        options.onOpenChange?.(nextOpen);\n        emitOpenChange?.(nextOpen);\n    }\n\n    function open() {\n        setOpen(true);\n    }\n\n    function close() {\n        setOpen(false);\n    }\n\n    function toggle() {\n        setOpen(!isOpen.value);\n    }\n\n    function onTriggerClick() {\n        toggle();\n    }\n\n    return {\n        id,\n        state,\n        isDisabled,\n        isOpen,\n        shouldRenderContent,\n        rootClass,\n        rootProps,\n        triggerProps,\n        contentProps,\n        triggerSlotProps,\n        contentSlotProps,\n        setOpen,\n        open,\n        close,\n        toggle,\n    };\n}\n"],"mappings":";;;AAeA,IAAM,eAAoC;AAE1C,SAAS,YAAe,OAAkD;CACtE,OAAO,QAAQ,KAAK;AACxB;AAEA,SAAgB,YACZ,UAAwC,CAAC,GACzC,gBACiB;CACjB,MAAM,cAAc,MAAM;CAC1B,MAAM,mBAAmB,IAAI,QAAQ,YAAqB,QAAQ,WAAW,CAAC,CAAC;CAE/E,MAAM,KAAK,eAAe,YAAoB,QAAQ,EAAE,KAAK,GAAG,YAAY,UAAU;CACtF,MAAM,iBAAiB,eAAe,YAAqB,QAAQ,IAAI,CAAC;CACxE,MAAM,aAAa,eAAe,QAAQ,YAAqB,QAAQ,QAAQ,CAAC,CAAC;CACjF,MAAM,SAAS,eAAe,QAAQ,eAAe,SAAS,iBAAiB,KAAK,CAAC;CACrF,MAAM,QAAQ,eAA+B,OAAO,QAAQ,SAAS,QAAS;CAC9E,MAAM,sBAAsB,eAClB,CAAC,YAAqB,QAAQ,aAAa,KAAK,OAAO,KACjE;CAEA,MAAM,YAAY,eACd,IAAI,eAAe;EACf,MAAM,OAAO;EACb,QAAQ,CAAC,OAAO;EAChB,UAAU,WAAW;CACzB,CAAC,CACL;CAEA,MAAM,YAAY,gBAAmC;EACjD,OAAO,UAAU;EACjB,cAAc,MAAM;EACpB,iBAAiB,WAAW,SAAS,KAAA;CACzC,EAAE;CAEF,MAAM,mBAAmB,gBAAmC;EACxD,QAAQ,OAAO;EACf;EACA;EACA;CACJ,EAAE;CAEF,MAAM,eAAe,gBAAsC;EACvD,MAAM;EACN,UAAU,WAAW,SAAS,KAAA;EAC9B,iBAAiB,GAAG;EACpB,iBAAiB,OAAO;EACxB,iBAAiB,WAAW,SAAS,KAAA;EACrC,SAAS;CACb,EAAE;CAEF,MAAM,eAAe,gBAAsC;EACvD,OAAO;EACP,IAAI,GAAG;EACP,MAAM,YAAiC,QAAQ,IAAI,KAAK;EACxD,cAAc,MAAM;EACpB,eAAe,OAAO,QAAQ,KAAA,IAAY;EAC1C,cAAc,YAAoB,QAAQ,SAAS,KAAK,KAAA;EACxD,mBAAmB,YAAoB,QAAQ,cAAc,KAAK,KAAA;EAClE,oBAAoB,YAAoB,QAAQ,eAAe,KAAK,KAAA;CACxE,EAAE;CAEF,MAAM,mBAAmB,gBAA0C;EAC/D,cAAc,aAAa;EAC3B,GAAG,iBAAiB;CACxB,EAAE;CAEF,SAAS,QAAQ,UAAmB;EAChC,IAAI,WAAW,SAAS,aAAa,OAAO,OAAO;EAEnD,IAAI,eAAe,UAAU,KAAA,GAAW,iBAAiB,QAAQ;EACjE,QAAQ,eAAe,QAAQ;EAC/B,iBAAiB,QAAQ;CAC7B;CAEA,SAAS,OAAO;EACZ,QAAQ,IAAI;CAChB;CAEA,SAAS,QAAQ;EACb,QAAQ,KAAK;CACjB;CAEA,SAAS,SAAS;EACd,QAAQ,CAAC,OAAO,KAAK;CACzB;CAEA,SAAS,iBAAiB;EACtB,OAAO;CACX;CAEA,OAAO;EACH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACJ;AACJ"}

package/dist/useControlState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useControlState.js","names":[],"sources":["../src/composables/useControlState.ts"],"sourcesContent":["import { computed } from 'vue';\n\nexport interface ControlStateOptions {\n    id?: string;\n    disabled?: boolean;\n    required?: boolean;\n    invalid?: boolean;\n    valid?: boolean;\n    describedby?: string;\n    labelledby?: string;\n}\n\nexport interface ControlState {\n    id: string | undefined;\n    disabled: boolean;\n    required: boolean;\n    invalid: boolean;\n    valid: boolean;\n    ariaDescribedby: string | undefined;\n    ariaLabelledby: string | undefined;\n}\n\nfunction mergeIds(...values: Array<string | undefined>): string | undefined {\n    const ids = values.flatMap((value) => value?.split(/\\s+/) ?? []).filter(Boolean);\n    return ids.length > 0 ? Array.from(new Set(ids)).join(' ') : undefined;\n}\n\nexport function useControlState(options: ControlStateOptions = {}): ControlState {\n    const id = computed(() => options.id);\n    const disabled = computed(() => options.disabled ?? false);\n    const required = computed(() => options.required ?? false);\n    const invalid = computed(() => options.invalid ?? false);\n    const valid = computed(() => options.valid ?? false);\n\n    const ariaDescribedby = computed(() => mergeIds(options.describedby));\n    const ariaLabelledby = computed(() => mergeIds(options.labelledby));\n\n    return {\n        get id() {\n            return id.value;\n        },\n        get disabled() {\n            return disabled.value;\n        },\n        get required() {\n            return required.value;\n        },\n        get invalid() {\n            return invalid.value;\n        },\n        get valid() {\n            return valid.value;\n        },\n        get ariaDescribedby() {\n            return ariaDescribedby.value;\n        },\n        get ariaLabelledby() {\n            return ariaLabelledby.value;\n        },\n    };\n}\n"],"mappings":";;AAsBA,SAAS,SAAS,GAAG,QAAuD;CACxE,MAAM,MAAM,OAAO,SAAS,UAAU,OAAO,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,OAAO;CAC/E,OAAO,IAAI,SAAS,IAAI,MAAM,KAAK,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,KAAA;AACjE;AAEA,SAAgB,gBAAgB,UAA+B,CAAC,GAAiB;CAC7E,MAAM,KAAK,eAAe,QAAQ,EAAE;CACpC,MAAM,WAAW,eAAe,QAAQ,YAAY,KAAK;CACzD,MAAM,WAAW,eAAe,QAAQ,YAAY,KAAK;CACzD,MAAM,UAAU,eAAe,QAAQ,WAAW,KAAK;CACvD,MAAM,QAAQ,eAAe,QAAQ,SAAS,KAAK;CAEnD,MAAM,kBAAkB,eAAe,SAAS,QAAQ,WAAW,CAAC;CACpE,MAAM,iBAAiB,eAAe,SAAS,QAAQ,UAAU,CAAC;CAElE,OAAO;EACH,IAAI,KAAK;GACL,OAAO,GAAG;EACd;EACA,IAAI,WAAW;GACX,OAAO,SAAS;EACpB;EACA,IAAI,WAAW;GACX,OAAO,SAAS;EACpB;EACA,IAAI,UAAU;GACV,OAAO,QAAQ;EACnB;EACA,IAAI,QAAQ;GACR,OAAO,MAAM;EACjB;EACA,IAAI,kBAAkB;GAClB,OAAO,gBAAgB;EAC3B;EACA,IAAI,iBAAiB;GACjB,OAAO,eAAe;EAC1B;CACJ;AACJ"}

package/dist/useRequiredInject.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRequiredInject.js","names":[],"sources":["../src/composables/useRequiredInject.ts"],"sourcesContent":["import { inject, type InjectionKey } from 'vue';\n\nexport function useRequiredInject<T>(key: InjectionKey<T>, componentName: string): T {\n    const value = inject(key);\n    if (value == null) {\n        throw new Error(\n            `[Ropav] <${componentName}> must be used inside its parent provider component.`,\n        );\n    }\n    return value;\n}\n"],"mappings":";;AAEA,SAAgB,kBAAqB,KAAsB,eAA0B;CACjF,MAAM,QAAQ,OAAO,GAAG;CACxB,IAAI,SAAS,MACT,MAAM,IAAI,MACN,YAAY,cAAc,qDAC9B;CAEJ,OAAO;AACX"}

package/dist/x.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"x.js","names":[],"sources":[],"mappings":""}