@sectile/vue 0.2.1

package/dist/reorder.js

@@ -0,0 +1,186 @@
+import { computed, defineComponent, h, inject, mergeProps, onBeforeUnmount, onMounted, provide, shallowRef, watch, } from 'vue';
+import { createReorder, } from '@sectile/dom/reorder';
+import { Primitive } from './primitive.js';
+const sequenceKey = Symbol('SectileSequenceReorderRoot');
+const treeKey = Symbol('SectileTreeReorderRoot');
+const rootProps = {
+    orientation: { type: String, default: 'vertical' },
+    disabled: { type: Boolean, default: false },
+    as: { type: [String, Object, Function], default: 'div' },
+    asChild: { type: Boolean, default: false },
+};
+export const SequenceReorderRoot = defineComponent({
+    name: 'SectileSequenceReorderRoot',
+    inheritAttrs: false,
+    props: {
+        ...rootProps,
+        items: { type: Array, required: true },
+    },
+    emits: { 'update:items': (_items) => true },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        const root = shallowRef();
+        const connection = shallowRef();
+        const current = shallowRef(props.items);
+        const registrations = new Map();
+        const connect = () => {
+            connection.value?.disconnect();
+            if (root.value === undefined)
+                return;
+            connection.value = createReorder({
+                root: root.value,
+                ids: props.items,
+                orientation: props.orientation,
+                disabled: props.disabled,
+                onOrderChange: (items) => {
+                    current.value = items;
+                    emit('update:items', items);
+                },
+            });
+            for (const [id, element] of registrations)
+                connection.value.setItemAttributes(element, id);
+            current.value = connection.value.getSnapshot().state.ids;
+        };
+        const items = computed(() => current.value);
+        provide(sequenceKey, {
+            items,
+            register: (element, id) => {
+                registrations.set(id, element);
+                connection.value?.setItemAttributes(element, id);
+            },
+        });
+        onMounted(connect);
+        onBeforeUnmount(() => connection.value?.disconnect());
+        watch([() => props.orientation, () => props.disabled], connect);
+        watch(() => props.items, (items) => {
+            const result = connection.value?.syncOrder(items);
+            current.value = result?.ok === true ? result.value.state.ids : items;
+        });
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as,
+            asChild: props.asChild,
+            elementRef: (element) => { root.value = element instanceof HTMLElement ? element : undefined; },
+            'data-scope': 'sequence-reorder',
+            'data-part': 'root',
+            'data-orientation': props.orientation,
+        }), { default: () => slots['default']?.({ items: items.value, disabled: props.disabled }) });
+    },
+});
+export const SequenceReorderItem = defineComponent({
+    name: 'SectileSequenceReorderItem',
+    inheritAttrs: false,
+    props: {
+        value: { type: String, required: true },
+        as: { type: [String, Object, Function], default: 'div' },
+        asChild: { type: Boolean, default: false },
+    },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useSequenceContext('SequenceReorderItem');
+        const position = computed(() => root.items.value.indexOf(props.value) + 1);
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as,
+            asChild: props.asChild,
+            elementRef: (element) => { if (element instanceof HTMLElement)
+                root.register(element, props.value); },
+            'data-scope': 'sequence-reorder',
+            'data-part': 'item',
+            'data-value': props.value,
+        }), { default: () => slots['default']?.({ value: props.value, position: position.value }) });
+    },
+});
+export const TreeReorderRoot = defineComponent({
+    name: 'SectileTreeReorderRoot',
+    inheritAttrs: false,
+    props: {
+        ...rootProps,
+        nodes: { type: Array, required: true },
+    },
+    emits: { 'update:nodes': (_nodes) => true },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        const root = shallowRef();
+        const connection = shallowRef();
+        const current = shallowRef(props.nodes);
+        const registrations = new Map();
+        const connect = () => {
+            connection.value?.disconnect();
+            if (root.value === undefined)
+                return;
+            connection.value = createReorder({
+                root: root.value,
+                nodes: props.nodes,
+                orientation: props.orientation,
+                disabled: props.disabled,
+                onOrderChange: (nodes) => {
+                    current.value = nodes;
+                    emit('update:nodes', nodes);
+                },
+            });
+            for (const [id, element] of registrations)
+                connection.value.setItemAttributes(element, id);
+            current.value = connection.value.getSnapshot().state.nodes;
+        };
+        const nodes = computed(() => current.value);
+        provide(treeKey, {
+            nodes,
+            register: (element, id) => {
+                registrations.set(id, element);
+                connection.value?.setItemAttributes(element, id);
+            },
+        });
+        onMounted(connect);
+        onBeforeUnmount(() => connection.value?.disconnect());
+        watch([() => props.orientation, () => props.disabled], connect);
+        watch(() => props.nodes, (nodes) => {
+            const result = connection.value?.syncOrder(nodes);
+            current.value = result?.ok === true ? result.value.state.nodes : nodes;
+        });
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as,
+            asChild: props.asChild,
+            elementRef: (element) => { root.value = element instanceof HTMLElement ? element : undefined; },
+            role: 'tree',
+            'data-scope': 'tree-reorder',
+            'data-part': 'root',
+            'data-orientation': props.orientation,
+        }), { default: () => slots['default']?.({ nodes: nodes.value, disabled: props.disabled }) });
+    },
+});
+export const TreeReorderItem = defineComponent({
+    name: 'SectileTreeReorderItem',
+    inheritAttrs: false,
+    props: {
+        value: { type: String, required: true },
+        as: { type: [String, Object, Function], default: 'div' },
+        asChild: { type: Boolean, default: false },
+    },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useTreeContext('TreeReorderItem');
+        const position = computed(() => root.nodes.value.findIndex((node) => node.id === props.value) + 1);
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as,
+            asChild: props.asChild,
+            elementRef: (element) => { if (element instanceof HTMLElement)
+                root.register(element, props.value); },
+            role: 'treeitem',
+            'data-scope': 'tree-reorder',
+            'data-part': 'item',
+            'data-value': props.value,
+        }), { default: () => slots['default']?.({ value: props.value, position: position.value }) });
+    },
+});
+function useSequenceContext(part) {
+    const context = inject(sequenceKey);
+    if (context === undefined)
+        throw new TypeError(`${part} must be used inside SequenceReorderRoot.`);
+    return context;
+}
+function useTreeContext(part) {
+    const context = inject(treeKey);
+    if (context === undefined)
+        throw new TypeError(`${part} must be used inside TreeReorderRoot.`);
+    return context;
+}
+//# sourceMappingURL=reorder.js.map

package/dist/reorder.js.map

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

package/dist/select.d.ts

@@ -0,0 +1,352 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type SelectPolicies } from '@sectile/dom/select';
+import { type PrimitiveAs } from './primitive.js';
+export interface SelectRootProps {
+    readonly items: readonly string[];
+    readonly modelValue?: string | null;
+    readonly defaultValue?: string | null;
+    readonly open?: boolean;
+    readonly defaultOpen?: boolean;
+    readonly disabledItems?: readonly string[];
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly label?: string;
+    readonly name?: string;
+    readonly form?: string;
+    readonly required?: boolean;
+    readonly textValue?: (id: string) => string;
+    readonly policies?: SelectPolicies<string>;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export type SelectTextValueResolver = NonNullable<SelectRootProps['textValue']>;
+export interface SelectRootSlotProps {
+    readonly value: string | null;
+    readonly highlightedValue: string | null;
+    readonly open: boolean;
+    readonly disabled: boolean;
+    readonly: boolean;
+}
+export interface SelectItemProps {
+    readonly value: string;
+    readonly disabled?: boolean;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface SelectItemSlotProps {
+    readonly value: string;
+    readonly selected: boolean;
+    readonly highlighted: boolean;
+    readonly disabled: boolean;
+}
+export interface SelectPartProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export declare const SelectRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<readonly string[]>;
+        required: true;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: null;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabledItems: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textValue: {
+        type: PropType<SelectTextValueResolver>;
+        default: undefined;
+    };
+    policies: {
+        type: PropType<SelectPolicies<string>>;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: string | null) => boolean;
+    'update:open': (_value: boolean) => boolean;
+    highlight: (_value: string | null) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<readonly string[]>;
+        required: true;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: null;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabledItems: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textValue: {
+        type: PropType<SelectTextValueResolver>;
+        default: undefined;
+    };
+    policies: {
+        type: PropType<SelectPolicies<string>>;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onHighlight?: (_value: string | null) => any;
+    "onUpdate:modelValue"?: (_value: string | null) => any;
+    "onUpdate:open"?: (_value: boolean) => any;
+}>, {
+    modelValue: string;
+    defaultValue: string;
+    open: boolean;
+    defaultOpen: boolean;
+    disabledItems: readonly string[];
+    disabled: boolean;
+    readonly: boolean;
+    label: string;
+    name: string;
+    form: string;
+    required: boolean;
+    textValue: (id: string) => string;
+    policies: SelectPolicies<string>;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: SelectRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SelectValueChangeHandler = (value: string | null) => void;
+export type SelectOpenChangeHandler = (value: boolean) => void;
+export type SelectHighlightHandler = (value: string | null) => void;
+export declare const SelectTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: SelectRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const SelectValue: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+    placeholder: string;
+}, SlotsType<{
+    default: (props: SelectRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const SelectContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: SelectRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const SelectItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: SelectItemSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const SelectItemIndicator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: SelectItemSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=select.d.ts.map

package/dist/select.d.ts.map

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