@sectile/vue 0.2.1

package/dist/combobox.js

@@ -0,0 +1,176 @@
+import { computed, defineComponent, h, inject, mergeProps, onBeforeUnmount, onMounted, provide, shallowRef, watch, } from 'vue';
+import { createCombobox, } from '@sectile/dom/combobox';
+import { createTextState } from '@sectile/dom/text';
+import { Primitive } from './primitive.js';
+import { useNativeInputFormControl } from './internal/form-control.js';
+const key = Symbol('SectileComboboxRoot');
+const partProps = { as: { type: [String, Object, Function], default: 'span' }, asChild: { type: Boolean, default: false } };
+export const ComboboxRoot = defineComponent({
+    name: 'SectileComboboxRoot', inheritAttrs: false,
+    props: {
+        items: { type: Array, required: true },
+        modelValue: { type: String, default: undefined }, defaultValue: { type: String, default: null },
+        inputValue: { type: String, default: undefined }, defaultInputValue: { type: String, default: '' },
+        open: { type: Boolean, default: undefined }, defaultOpen: { type: Boolean, default: false },
+        disabled: { type: Boolean, default: false }, readonly: { type: Boolean, default: false }, label: { type: String, default: undefined },
+        policies: { type: Object, default: undefined },
+        as: { type: [String, Object, Function], default: 'div' }, asChild: { type: Boolean, default: false },
+    },
+    emits: {
+        'update:modelValue': (_value) => true,
+        'update:inputValue': (_value) => true,
+        'update:open': (_value) => true,
+        highlight: (_value) => true,
+        accept: (_value) => true,
+    },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        const input = shallowRef();
+        const popup = shallowRef();
+        const connection = shallowRef();
+        const localValue = shallowRef(props.modelValue !== undefined ? props.modelValue : props.defaultValue);
+        const localInput = shallowRef(props.inputValue ?? props.defaultInputValue);
+        const localOpen = shallowRef(props.open ?? props.defaultOpen);
+        const highlighted = shallowRef(null);
+        const controlled = { value: props.modelValue !== undefined, input: props.inputValue !== undefined, open: props.open !== undefined };
+        const state = computed(() => Object.freeze({
+            value: props.modelValue !== undefined ? props.modelValue : localValue.value,
+            inputValue: props.inputValue ?? localInput.value, highlightedValue: highlighted.value,
+            open: props.open ?? localOpen.value, disabled: props.disabled, readonly: props.readonly,
+        }));
+        const refresh = () => {
+            const snapshot = connection.value?.getSnapshot().state;
+            if (snapshot === undefined)
+                return;
+            localValue.value = snapshot.selection.selected[0] ?? null;
+            localInput.value = snapshot.text.snapshot.text;
+            localOpen.value = snapshot.popupOpen;
+            highlighted.value = snapshot.cursor.current;
+            refreshItems();
+        };
+        const refreshItems = () => {
+            if (popup.value === undefined || connection.value === undefined)
+                return;
+            popup.value.querySelectorAll('[data-sectile-combobox-id]').forEach((element) => {
+                const id = element.dataset['sectileComboboxId'];
+                if (id !== undefined)
+                    connection.value?.setItemAttributes(element, { id, disabled: element.dataset['disabled'] === 'true' });
+            });
+        };
+        const connect = () => {
+            connection.value?.disconnect();
+            if (input.value === undefined)
+                return;
+            connection.value = createCombobox({
+                input: input.value, ...(popup.value === undefined ? {} : { popup: popup.value }), items: props.items,
+                ...(props.policies === undefined ? {} : { policies: props.policies }),
+                ...(controlled.value ? { value: props.modelValue } : { defaultValue: localValue.value }),
+                ...(controlled.input ? { inputState: createTextState(props.inputValue) } : { defaultInputState: createTextState(localInput.value) }),
+                ...(controlled.open ? { open: props.open } : { defaultOpen: localOpen.value }),
+                disabled: props.disabled, readOnly: props.readonly,
+                onValueChange: ({ value }) => { localValue.value = value; emit('update:modelValue', value); },
+                onInputStateChange: ({ value }) => { localInput.value = value.snapshot.text; emit('update:inputValue', value.snapshot.text); },
+                onOpenChange: ({ value }) => { localOpen.value = value; emit('update:open', value); },
+                onHighlightedValueChange: ({ value }) => { highlighted.value = value; emit('highlight', value); },
+                onAccept: (id) => emit('accept', id), onUpdate: refresh,
+            });
+            connection.value.setInputAttributes(props.label);
+            connection.value.setPopupAttributes(props.label);
+            refreshItems();
+            refresh();
+        };
+        provide(key, {
+            state, label: computed(() => props.label), connection: computed(() => connection.value),
+            registerInput: (element) => { input.value = element; }, registerPopup: (element) => { popup.value = element; },
+            registerItem: (element, id, disabled) => connection.value?.setItemAttributes(element, { id, disabled }),
+        });
+        onMounted(connect);
+        onBeforeUnmount(() => connection.value?.disconnect());
+        watch([() => props.items, () => props.disabled, () => props.readonly, () => props.label, () => props.policies], connect);
+        watch([() => props.modelValue, () => props.inputValue, () => props.open], () => {
+            if (connection.value === undefined)
+                return;
+            const result = connection.value.syncControlledValues({
+                ...(controlled.value ? { value: props.modelValue } : {}),
+                ...(controlled.input ? { inputState: createTextState(props.inputValue) } : {}),
+                ...(controlled.open ? { open: props.open } : {}),
+            });
+            if (!result.ok)
+                throw new TypeError(result.error.message);
+            refresh();
+        });
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild, 'data-scope': 'combobox', 'data-part': 'root',
+            'data-state': state.value.open ? 'open' : 'closed', 'data-disabled': props.disabled ? '' : undefined,
+            'data-readonly': props.readonly ? '' : undefined,
+        }), { default: () => slots['default']?.(state.value) });
+    },
+});
+export const ComboboxInput = defineComponent({
+    name: 'SectileComboboxInput', inheritAttrs: false,
+    props: { name: { type: String, default: undefined }, form: { type: String, default: undefined }, required: { type: Boolean, default: false }, as: { type: [String, Object, Function], default: 'input' }, asChild: { type: Boolean, default: false } },
+    setup(props, { attrs }) {
+        const root = useRoot('ComboboxInput');
+        const input = shallowRef(null);
+        const participation = useNativeInputFormControl(input);
+        const renderServerValue = typeof window === 'undefined';
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild, elementRef: (node) => {
+                input.value = node instanceof HTMLInputElement ? node : null;
+                root.registerInput(input.value ?? undefined);
+            },
+            type: 'text', role: 'combobox',
+            ...(renderServerValue ? { value: root.state.value.inputValue } : {}),
+            name: props.name, form: props.form, required: props.required,
+            disabled: root.state.value.disabled, readonly: root.state.value.readonly, 'aria-label': root.label.value,
+            'aria-autocomplete': 'list', 'aria-expanded': String(root.state.value.open),
+            'data-scope': 'combobox', 'data-part': 'input',
+        }, participation.controlProps.value));
+    },
+});
+export const ComboboxContent = defineComponent({
+    name: 'SectileComboboxContent', inheritAttrs: false,
+    props: { as: { type: [String, Object, Function], default: 'div' }, asChild: { type: Boolean, default: false } },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useRoot('ComboboxContent');
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild, elementRef: (node) => root.registerPopup(node instanceof HTMLElement ? node : undefined),
+            role: 'listbox', hidden: !root.state.value.open, 'aria-label': root.label.value,
+            'data-scope': 'combobox', 'data-part': 'content', 'data-state': root.state.value.open ? 'open' : 'closed',
+        }), { default: () => slots['default']?.(root.state.value) });
+    },
+});
+export const ComboboxItem = defineComponent({
+    name: 'SectileComboboxItem', inheritAttrs: false,
+    props: { value: { type: String, required: true }, disabled: { type: Boolean, default: false }, ...partProps },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useRoot('ComboboxItem');
+        const state = computed(() => ({
+            value: props.value, selected: root.state.value.value === props.value,
+            highlighted: root.state.value.highlightedValue === props.value, disabled: root.state.value.disabled || props.disabled,
+        }));
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild, elementRef: (node) => { if (node instanceof HTMLElement)
+                root.registerItem(node, props.value, state.value.disabled); },
+            role: 'option', 'aria-selected': String(state.value.selected), 'aria-disabled': state.value.disabled ? 'true' : undefined,
+            'data-sectile-combobox-id': props.value, 'data-disabled': state.value.disabled ? 'true' : undefined,
+            'data-scope': 'combobox', 'data-part': 'item', 'data-selected': state.value.selected ? '' : undefined,
+            'data-highlighted': state.value.highlighted ? '' : undefined,
+        }), { default: () => slots['default']?.(state.value) });
+    },
+});
+export const ComboboxEmpty = defineComponent({
+    name: 'SectileComboboxEmpty', inheritAttrs: false, props: partProps,
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useRoot('ComboboxEmpty');
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild, role: 'status', 'data-scope': 'combobox', 'data-part': 'empty',
+        }), { default: () => slots['default']?.(root.state.value) });
+    },
+});
+function useRoot(part) { const root = inject(key); if (root === undefined)
+    throw new TypeError(`${part} must be used inside ComboboxRoot.`); return root; }
+//# sourceMappingURL=combobox.js.map

package/dist/combobox.js.map

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

package/dist/date-field.d.ts

@@ -0,0 +1,15 @@
+import { type DateFieldOptions } from '@sectile/dom/date-field';
+export type DateValue = NonNullable<DateFieldOptions['value']>;
+export interface DateFieldProps {
+    readonly modelValue?: DateValue | null;
+    readonly defaultValue?: DateValue | null;
+    readonly policies?: DateFieldOptions['policies'];
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly required?: boolean;
+    readonly label?: string;
+    readonly native?: boolean;
+}
+export declare const DateField: import("vue").DefineComponent<import("./internal/native-field.js").NativeFieldPublicProps<import("@sectile/core/date-field").DateValue>>;
+export type DateFieldValueChangeHandler = (value: DateValue | null) => void;
+//# sourceMappingURL=date-field.d.ts.map

package/dist/date-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.d.ts","sourceRoot":"","sources":["../src/date-field.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzC,QAAQ,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,0IAcpB,CAAC;AACH,MAAM,MAAM,2BAA2B,GAAG,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC"}

package/dist/date-field.js

@@ -0,0 +1,19 @@
+import {} from 'vue';
+import { createDateField, formatDateValue, } from '@sectile/dom/date-field';
+import { createNativeFieldComponent } from './internal/native-field.js';
+export const DateField = createNativeFieldComponent({
+    name: 'SectileDateField',
+    scope: 'date-field',
+    inputMode: 'numeric',
+    nativeInputType: 'date',
+    placeholder: 'YYYY-MM-DD',
+    formatValue: formatDateValue,
+    valueType: Object,
+    create: (options) => createDateField({
+        ...options,
+        ...(options.policies === undefined
+            ? {}
+            : { policies: options.policies }),
+    }),
+});
+//# sourceMappingURL=date-field.js.map

package/dist/date-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.js","sourceRoot":"","sources":["../src/date-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,MAAM,KAAK,CAAC;AACpC,OAAO,EACL,eAAe,EACf,eAAe,GAGhB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,0BAA0B,EAAkC,MAAM,4BAA4B,CAAC;AAcxG,MAAM,CAAC,MAAM,SAAS,GAAG,0BAA0B,CAAY;IAC7D,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,SAAS;IACpB,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,YAAY;IACzB,WAAW,EAAE,eAAe;IAC5B,SAAS,EAAE,MAAoC;IAC/C,MAAM,EAAE,CAAC,OAA6C,EAAuB,EAAE,CAAC,eAAe,CAAC;QAC9F,GAAG,OAAO;QACV,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS;YAChC,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAqD,EAAE,CAAC;KACjF,CAAC;CACH,CAAC,CAAC"}