@sectile/vue 0.2.1

package/dist/listbox.js

@@ -0,0 +1,258 @@
+import { computed, defineComponent, h, inject, mergeProps, nextTick, provide, ref, shallowRef, watch, } from 'vue';
+import { createListboxControllerFromItems, getListboxItemAttributes, getListboxRootAttributes, } from '@sectile/dom/listbox';
+import { Primitive } from './primitive.js';
+import { visuallyHiddenInputStyle } from './internal/native-input.js';
+import { hiddenSelectSubmissionCapabilities, useCompositeFormControl } from './internal/form-control.js';
+import { useHostDirection } from './host-provider.js';
+const listboxRootContextKey = Symbol('SectileListboxRoot');
+const listboxItemContextKey = Symbol('SectileListboxItem');
+const listboxPartProps = {
+    as: { type: [String, Object, Function], default: 'span' },
+    asChild: { type: Boolean, default: false },
+};
+export const ListboxRoot = defineComponent({
+    name: 'SectileListboxRoot',
+    inheritAttrs: false,
+    props: {
+        items: { type: Array, required: true },
+        selectionMode: { type: String, default: 'single' },
+        modelValue: { type: [String, Array], default: undefined },
+        defaultValue: { type: [String, Array], default: undefined },
+        disabledItems: { type: Array, default: () => [] },
+        disabled: { type: Boolean, default: false },
+        readonly: { type: Boolean, default: false },
+        orientation: { type: String, default: 'vertical' },
+        name: { type: String, default: undefined },
+        form: { type: String, default: undefined },
+        required: { type: Boolean, default: false },
+        textValue: { type: Function, default: undefined },
+        as: { type: [String, Object, Function], default: 'div' },
+        asChild: { type: Boolean, default: false },
+    },
+    emits: {
+        'update:modelValue': (_value) => true,
+        highlight: (_value) => true,
+        activate: (_value) => true,
+    },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        const direction = useHostDirection();
+        const rootElement = ref(null);
+        const submissionElement = ref(null);
+        const participation = useCompositeFormControl({
+            root: rootElement,
+            submissions: [{ element: submissionElement, capabilities: hiddenSelectSubmissionCapabilities }],
+        });
+        const controlled = props.modelValue !== undefined;
+        const controller = shallowRef(createController(controlled, toIDs(controlled ? props.modelValue : props.defaultValue, props.selectionMode), { ...props, direction: direction.value }, emit));
+        const snapshot = shallowRef(controller.value.getSnapshot());
+        const rebuild = () => {
+            const value = controlled
+                ? toIDs(props.modelValue, props.selectionMode)
+                : snapshot.value.state.selection.selected;
+            controller.value = createController(controlled, value, { ...props, direction: direction.value }, emit);
+            snapshot.value = controller.value.getSnapshot();
+        };
+        watch(() => props.modelValue, (value) => {
+            if (!controlled || value === undefined)
+                return;
+            const result = controller.value.syncControlledValues({
+                value: toIDs(value, props.selectionMode),
+            });
+            if (!result.ok)
+                throw new TypeError(result.error.message);
+            snapshot.value = result.value;
+        });
+        watch([() => props.items, () => props.selectionMode, () => props.disabledItems,
+            () => props.disabled, () => props.readonly, () => props.orientation, () => props.textValue, direction], rebuild);
+        const selectedIDs = computed(() => snapshot.value.state.selection.selected);
+        const highlightedValue = computed(() => snapshot.value.state.cursor.current);
+        const disabled = computed(() => props.disabled);
+        const readonly = computed(() => props.readonly);
+        const disabledItems = computed(() => new Set(props.disabledItems));
+        const slotProps = computed(() => Object.freeze({
+            value: fromIDs(selectedIDs.value, props.selectionMode),
+            highlightedValue: highlightedValue.value,
+            disabled: disabled.value,
+            readonly: readonly.value,
+        }));
+        const applyResult = (result, root) => {
+            if (!result.ok)
+                return false;
+            snapshot.value = result.snapshot;
+            applyEffects(result.commands, emit);
+            if (root !== undefined)
+                void nextTick(() => focusListboxItem(root, result.snapshot.state.cursor.current));
+            return true;
+        };
+        const select = (id, target) => {
+            const event = props.selectionMode === 'multiple'
+                ? { type: 'toggle', id }
+                : { type: 'activate', id };
+            applyResult(controller.value.handleEvent(event), target.closest('[role="listbox"]'));
+        };
+        const handleKeydown = (event) => {
+            const result = controller.value.handleKeyboardInput(event);
+            if (!applyResult(result, event.currentTarget))
+                return;
+            event.preventDefault();
+        };
+        provide(listboxRootContextKey, {
+            selectedIDs,
+            highlightedValue,
+            disabled,
+            readonly,
+            disabledItems,
+            select,
+        });
+        const rootAttributes = computed(() => getListboxRootAttributes({
+            selectionMode: props.selectionMode,
+            orientation: props.orientation,
+            direction: direction.value,
+            disabled: props.disabled,
+            readOnly: props.readonly,
+        }));
+        return () => {
+            const root = h(Primitive, mergeProps(attrs, rootAttributes.value, {
+                as: props.as, asChild: props.asChild, onKeydown: handleKeydown,
+                elementRef: (element) => { rootElement.value = element; },
+            }, participation.controlProps.value), { default: () => slots['default']?.(slotProps.value) });
+            if (!participation.participating && props.name === undefined && props.form === undefined && !props.required)
+                return root;
+            return [root, h('select', {
+                    ref: submissionElement,
+                    name: props.name,
+                    form: props.form,
+                    required: props.required,
+                    multiple: props.selectionMode === 'multiple',
+                    tabindex: -1,
+                    'aria-hidden': 'true',
+                    style: visuallyHiddenInputStyle,
+                }, props.items.map((id) => h('option', {
+                    value: id,
+                    selected: selectedIDs.value.includes(id),
+                }, id)))];
+        };
+    },
+});
+export const ListboxItem = defineComponent({
+    name: 'SectileListboxItem',
+    inheritAttrs: false,
+    props: {
+        value: { type: String, required: true },
+        disabled: { type: Boolean, default: false },
+        as: { type: [String, Object, Function], default: 'div' },
+        asChild: { type: Boolean, default: false },
+    },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useListboxRootContext('ListboxItem');
+        const slotProps = computed(() => Object.freeze({
+            value: props.value,
+            selected: root.selectedIDs.value.includes(props.value),
+            highlighted: root.highlightedValue.value === props.value,
+            disabled: root.disabled.value || props.disabled || root.disabledItems.value.has(props.value),
+        }));
+        provide(listboxItemContextKey, { slotProps });
+        const attributes = computed(() => getListboxItemAttributes({
+            cursor: { current: root.highlightedValue.value },
+            selection: { has: (id) => root.selectedIDs.value.includes(id) },
+        }, { id: props.value, disabled: props.disabled }, { disabled: slotProps.value.disabled }));
+        const handleClick = (event) => {
+            if (!event.defaultPrevented && !slotProps.value.disabled) {
+                root.select(props.value, event.currentTarget);
+            }
+        };
+        return () => h(Primitive, mergeProps(attrs, attributes.value, { as: props.as, asChild: props.asChild, onClick: handleClick }), { default: () => slots['default']?.(slotProps.value) });
+    },
+});
+export const ListboxItemText = defineComponent({
+    name: 'SectileListboxItemText',
+    inheritAttrs: false,
+    props: listboxPartProps,
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const item = useListboxItemContext('ListboxItemText');
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as,
+            asChild: props.asChild,
+            'data-scope': 'listbox',
+            'data-part': 'item-text',
+            'data-state': item.slotProps.value.selected ? 'checked' : 'unchecked',
+        }), { default: () => slots['default']?.(item.slotProps.value) });
+    },
+});
+export const ListboxItemIndicator = defineComponent({
+    name: 'SectileListboxItemIndicator',
+    inheritAttrs: false,
+    props: listboxPartProps,
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const item = useListboxItemContext('ListboxItemIndicator');
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as,
+            asChild: props.asChild,
+            hidden: !item.slotProps.value.selected,
+            'aria-hidden': 'true',
+            'data-scope': 'listbox',
+            'data-part': 'item-indicator',
+            'data-state': item.slotProps.value.selected ? 'checked' : 'unchecked',
+        }), { default: () => slots['default']?.(item.slotProps.value) });
+    },
+});
+function useListboxRootContext(part) {
+    const context = inject(listboxRootContextKey);
+    if (context === undefined)
+        throw new TypeError(`${part} must be used inside ListboxRoot.`);
+    return context;
+}
+function useListboxItemContext(part) {
+    const context = inject(listboxItemContextKey);
+    if (context === undefined)
+        throw new TypeError(`${part} must be used inside ListboxItem.`);
+    return context;
+}
+function createController(controlled, value, props, emit) {
+    const result = createListboxControllerFromItems({
+        items: props.items,
+        selectionMode: props.selectionMode,
+        disabledItems: props.disabledItems,
+        disabled: props.disabled,
+        readOnly: props.readonly,
+        orientation: props.orientation,
+        direction: props.direction,
+        typeahead: { textValue: props.textValue ?? ((id) => id) },
+        ...(controlled ? { value } : { defaultValue: value }),
+        defaultHighlightedValue: value[0] ?? props.items.find((id) => !props.disabledItems.includes(id)) ?? null,
+        onValueChange: (change) => emit('update:modelValue', fromIDs(change.value, props.selectionMode)),
+        onHighlightedValueChange: (change) => emit('highlight', change.value),
+    });
+    if (!result.ok)
+        throw new TypeError(result.error.message);
+    return result.value;
+}
+function applyEffects(effects, emit) {
+    for (const effect of effects) {
+        if (effect.type === 'dispatch-activation')
+            emit('activate', effect.id);
+    }
+}
+function toIDs(value, mode) {
+    if (value === undefined || value === '')
+        return [];
+    if (Array.isArray(value))
+        return mode === 'single' ? value.slice(0, 1) : value;
+    return [value];
+}
+function fromIDs(value, mode) {
+    return mode === 'single' ? value[0] ?? '' : value;
+}
+function focusListboxItem(root, id) {
+    if (id === null)
+        return;
+    for (const item of root.querySelectorAll('[data-listbox-id]')) {
+        if (item.dataset['listboxId'] === id)
+            item.focus();
+    }
+}
+//# sourceMappingURL=listbox.js.map

package/dist/listbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.js","sourceRoot":"","sources":["../src/listbox.ts"],"names":[],"mappings":"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"}

package/dist/menu-button.d.ts

@@ -0,0 +1,2 @@
+export { MenuButtonContent, MenuButtonRoot, MenuButtonTrigger, MenuItem, MenuSeparator, MenuSubContent, type MenuButtonRootProps, type MenuItemProps, type MenuItemSlotProps, type MenuPartProps, type MenuRootSlotProps, type MenuSubContentProps, } from './menu.js';
+//# sourceMappingURL=menu-button.d.ts.map

package/dist/menu-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../src/menu-button.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,aAAa,EACb,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,WAAW,CAAC"}

package/dist/menu-button.js

@@ -0,0 +1,2 @@
+export { MenuButtonContent, MenuButtonRoot, MenuButtonTrigger, MenuItem, MenuSeparator, MenuSubContent, } from './menu.js';
+//# sourceMappingURL=menu-button.js.map

package/dist/menu-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.js","sourceRoot":"","sources":["../src/menu-button.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,aAAa,EACb,cAAc,GAOf,MAAM,WAAW,CAAC"}