@sectile/vue 0.2.1

package/dist/slider.js

@@ -0,0 +1,197 @@
+import { computed, defineComponent, h, inject, mergeProps, onBeforeUnmount, onMounted, provide, shallowRef, watch, } from 'vue';
+import { connectSlider, createSliderControllerFromRange, getSliderAttributes, getSliderInputAttributes, } from '@sectile/dom/slider';
+import { Primitive } from './primitive.js';
+import { hiddenInputSubmissionCapabilities, useCompositeFormControl, } from './internal/form-control.js';
+import { visuallyHiddenInputStyle } from './internal/native-input.js';
+import { usePartContract } from './internal/part-contract.js';
+const sliderKey = Symbol('SectileSliderRoot');
+const partProps = {
+    as: { type: [String, Object, Function], default: 'span' },
+    asChild: { type: Boolean, default: false },
+};
+export const SliderRoot = defineComponent({
+    name: 'SectileSliderRoot',
+    inheritAttrs: false,
+    props: {
+        min: { type: [Number, String], default: 0 },
+        max: { type: [Number, String], default: 100 },
+        step: { type: [Number, String], default: 1 },
+        modelValue: { type: [Number, String], default: undefined },
+        defaultValue: { type: [Number, String], default: 0 },
+        pageStep: { type: Number, default: 10 },
+        orientation: { type: String, default: 'horizontal' },
+        role: { type: String, default: 'slider' },
+        disabled: { type: Boolean, default: false },
+        readonly: { type: Boolean, default: false },
+        label: { type: String, default: undefined },
+        name: { type: String, default: undefined },
+        form: { type: String, default: undefined },
+        required: { type: Boolean, default: false },
+        formatValue: { type: Function, default: undefined },
+        as: { type: [String, Object, Function], default: 'div' },
+        asChild: { type: Boolean, default: false },
+    },
+    emits: { 'update:modelValue': (_value) => true },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        const controlled = props.modelValue !== undefined;
+        const result = createSliderControllerFromRange({
+            min: String(props.min),
+            max: String(props.max),
+            step: String(props.step),
+            page: props.pageStep,
+            ...(controlled ? { value: String(props.modelValue) } : { defaultValue: String(props.defaultValue) }),
+            disabled: props.disabled,
+            readOnly: props.readonly,
+            onValueChange: ({ value }) => emit('update:modelValue', String(value)),
+        });
+        if (!result.ok)
+            throw new TypeError(result.error.message);
+        const controller = result.value;
+        const snapshot = shallowRef(controller.getSnapshot());
+        const rootElement = shallowRef();
+        const track = shallowRef();
+        const thumb = shallowRef();
+        const submission = shallowRef();
+        const connection = shallowRef();
+        const refresh = () => { snapshot.value = controller.getSnapshot(); };
+        watch(() => props.modelValue, (value) => {
+            if (!controlled || value === undefined)
+                return;
+            const tick = controller.range.tickOf(String(value));
+            if (tick === null)
+                throw new TypeError('Slider modelValue must be an exact value in the configured range.');
+            const synced = controller.syncControlledValues({ value: tick });
+            if (!synced.ok)
+                throw new TypeError(synced.error.message);
+            snapshot.value = synced.value;
+            connection.value?.refreshAttributes();
+        });
+        const value = computed(() => controller.range.valueAt(snapshot.value.state.tick));
+        const state = computed(() => ({
+            value: value.value,
+            percentage: controller.range.count === 0 ? 0 : snapshot.value.state.tick / controller.range.count * 100,
+            disabled: props.disabled,
+            readonly: props.readonly,
+        }));
+        const orientation = computed(() => props.orientation);
+        const role = computed(() => props.role);
+        const label = computed(() => props.label);
+        const formatValue = computed(() => props.formatValue);
+        const part = usePartContract('slider', 'root');
+        const participation = useCompositeFormControl({
+            root: () => rootElement.value ?? null,
+            focusTarget: () => thumb.value ?? null,
+            submissions: [{
+                    element: () => submission.value ?? null,
+                    capabilities: hiddenInputSubmissionCapabilities,
+                }],
+        });
+        provide(sliderKey, { controller, state, orientation, role, root: rootElement, track, thumb, connection, label, formatValue, partContract: part, refresh });
+        return () => {
+            const root = h(Primitive, mergeProps(participation.controlProps.value, attrs, {
+                as: props.as, asChild: props.asChild,
+                elementRef: (element) => { rootElement.value = element instanceof HTMLElement ? element : undefined; },
+                'data-scope': part.scope, 'data-part': part.part,
+                'data-orientation': props.orientation,
+                'data-disabled': props.disabled ? '' : undefined,
+                'data-readonly': props.readonly ? '' : undefined,
+                style: { '--sectile-slider-percentage': `${state.value.percentage}%` },
+            }), { default: () => slots['default']?.(state.value) });
+            if (props.name === undefined && props.form === undefined && !props.required && !participation.participating)
+                return root;
+            return [root, h('input', mergeProps(getSliderInputAttributes(controller, {
+                    ...(props.name === undefined ? {} : { name: props.name }),
+                    ...(props.form === undefined ? {} : { form: props.form }),
+                    disabled: props.disabled,
+                }), {
+                    ref: (element) => { submission.value = element instanceof HTMLInputElement ? element : undefined; },
+                    required: props.required,
+                    style: visuallyHiddenInputStyle,
+                }))];
+        };
+    },
+});
+export const SliderTrack = defineComponent({
+    name: 'SectileSliderTrack', inheritAttrs: false, props: partProps,
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useSlider('SliderTrack');
+        const part = { scope: root.partContract.scope, part: root.partContract.parts['track'] ?? 'track' };
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild,
+            elementRef: (element) => { root.track.value = element instanceof HTMLElement ? element : undefined; },
+            'data-scope': part.scope, 'data-part': part.part, 'data-orientation': root.orientation.value,
+        }), { default: () => slots['default']?.(root.state.value) });
+    },
+});
+export const SliderRange = defineComponent({
+    name: 'SectileSliderRange', inheritAttrs: false, props: partProps,
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useSlider('SliderRange');
+        const part = { scope: root.partContract.scope, part: root.partContract.parts['range'] ?? 'range' };
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild,
+            'aria-hidden': 'true', 'data-scope': part.scope, 'data-part': part.part,
+            'data-percentage': String(root.state.value.percentage),
+            style: { '--sectile-slider-percentage': `${root.state.value.percentage}%` },
+        }), { default: () => slots['default']?.(root.state.value) });
+    },
+});
+export const SliderThumb = defineComponent({
+    name: 'SectileSliderThumb', inheritAttrs: false, props: partProps,
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useSlider('SliderThumb');
+        const part = { scope: root.partContract.scope, part: root.partContract.parts['thumb'] ?? 'thumb' };
+        const element = shallowRef();
+        onMounted(() => {
+            if (element.value === undefined)
+                throw new TypeError('SliderThumb did not render an HTMLElement.');
+            root.connection.value = connectSlider({
+                controller: root.controller,
+                root: element.value,
+                track: root.track.value ?? root.root.value ?? element.value,
+                scope: part.scope,
+                part: part.part,
+                orientation: root.orientation.value,
+                role: root.role.value,
+                disabled: root.state.value.disabled,
+                readOnly: root.state.value.readonly,
+                ...(root.label.value === undefined ? {} : { label: root.label.value }),
+                ...(root.formatValue.value === undefined ? {} : { formatValue: root.formatValue.value }),
+                onUpdate: root.refresh,
+            });
+        });
+        onBeforeUnmount(() => root.connection.value?.disconnect());
+        const attributes = computed(() => getSliderAttributes(root.controller, {
+            scope: part.scope,
+            part: part.part,
+            orientation: root.orientation.value,
+            role: root.role.value,
+            disabled: root.state.value.disabled,
+            readOnly: root.state.value.readonly,
+            ...(root.label.value === undefined ? {} : { label: root.label.value }),
+            ...(root.formatValue.value === undefined ? {} : { formatValue: root.formatValue.value }),
+        }));
+        return () => h(Primitive, mergeProps(attrs, attributes.value, {
+            as: props.as, asChild: props.asChild,
+            elementRef: (node) => {
+                element.value = node instanceof HTMLElement ? node : undefined;
+                root.thumb.value = element.value;
+            },
+            'data-scope': part.scope,
+            'data-part': part.part,
+            'data-percentage': String(root.state.value.percentage),
+            style: { '--sectile-slider-percentage': `${root.state.value.percentage}%` },
+        }), { default: () => slots['default']?.(root.state.value) });
+    },
+});
+function useSlider(part) {
+    const root = inject(sliderKey);
+    if (root === undefined)
+        throw new TypeError(`${part} must be used inside SliderRoot.`);
+    return root;
+}
+//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

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

package/dist/spin-button.d.ts

@@ -0,0 +1,272 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type SpinButtonOptions } from '@sectile/dom/spin-button';
+import { type PrimitiveAs } from './primitive.js';
+export interface SpinButtonRootProps {
+    readonly min: number | string;
+    readonly max: number | string;
+    readonly step?: number | string;
+    readonly pageStep?: number;
+    readonly modelValue?: number | string;
+    readonly defaultValue?: number | string;
+    readonly draft?: string | null;
+    readonly defaultDraft?: string | null;
+    readonly policies?: SpinButtonOptions['policies'];
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly label?: string;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface SpinButtonSlotProps {
+    readonly value: string;
+    readonly draft: string | null;
+    readonly text: string;
+    readonly disabled: boolean;
+    readonly: boolean;
+}
+export interface SpinButtonInputProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface SpinButtonTriggerProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export declare const SpinButtonRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    pageStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    defaultValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    draft: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultDraft: {
+        type: StringConstructor;
+        default: null;
+    };
+    policies: {
+        type: PropType<SpinButtonOptions['policies']>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: string) => boolean;
+    'update:draft': (_value: string | null) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    pageStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    defaultValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    draft: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultDraft: {
+        type: StringConstructor;
+        default: null;
+    };
+    policies: {
+        type: PropType<SpinButtonOptions['policies']>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:draft"?: (_value: string | null) => any;
+    "onUpdate:modelValue"?: (_value: string) => any;
+}>, {
+    step: string | number;
+    pageStep: number;
+    modelValue: string | number;
+    defaultValue: string | number;
+    draft: string;
+    defaultDraft: string;
+    policies: import("@sectile/core/spin-button").SpinButtonPolicies | undefined;
+    disabled: boolean;
+    readonly: boolean;
+    label: string;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: SpinButtonSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SpinButtonValueChangeHandler = (value: string) => void;
+export type SpinButtonDraftChangeHandler = (value: string | null) => void;
+export declare const SpinButtonInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        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<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    name: string;
+    form: string;
+    required: boolean;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: SpinButtonSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const SpinButtonIncrement: 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: SpinButtonSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const SpinButtonDecrement: 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: SpinButtonSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=spin-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spin-button.d.ts","sourceRoot":"","sources":["../src/spin-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAYL,KAAK,QAAQ,EAEb,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AACb,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AACD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACnB;AACD,MAAM,WAAW,oBAAoB;IAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE;AAC/F,MAAM,WAAW,sBAAsB;IAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE;AAmBjG,eAAO,MAAM,cAAc;;;;;;;;;;QAMf,IAAI;QAAoB,OAAO;;;QAC3B,IAAI;QAAU,OAAO;;;QACnB,IAAI;QAAoB,OAAO;;;QAC7B,IAAI;QAAoB,OAAO;;;QACtC,IAAI;QAAU,OAAO;;;QACd,IAAI;QAAU,OAAO;;;QACzB,IAAI,EAAY,QAAQ,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;QAAE,OAAO;;;QAChE,IAAI;QAAW,OAAO;;;QACtB,IAAI;QAAW,OAAO;;;QACzB,IAAI;QAAU,OAAO;;;QACxB,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAC7D,IAAI;QAAW,OAAO;;UAuEtB,UAAU;kCApES,MAAM,KAAG,OAAO;6BACrB,MAAM,GAAG,IAAI,KAAG,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAEZ,CAAC,KAAK,EAAE,mBAAmB,KAAK,UAAU;yEA2EhF,CAAC;AAEH,MAAM,MAAM,4BAA4B,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AACnE,MAAM,MAAM,4BAA4B,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;AAE1E,eAAO,MAAM,eAAe;;QAIhB,IAAI;QAAU,OAAO;;;QACrB,IAAI;QAAU,OAAO;;;QACjB,IAAI;QAAW,OAAO;;;QAC5B,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAC7D,IAAI;QAAW,OAAO;;UAYtB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAVe,CAAC,KAAK,EAAE,mBAAmB,KAAK,UAAU;yEAiChF,CAAC;AAEH,eAAO,MAAM,mBAAmB;;QAxJxB,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAC7D,IAAI;QAAW,OAAO;;UAkKlB,UAAU;;;;;;;;;;;;;aAHe,CAAC,KAAK,EAAE,mBAAmB,KAAK,UAAU;yEARV,CAAC;AAC3E,eAAO,MAAM,mBAAmB;;QAzJxB,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAC7D,IAAI;QAAW,OAAO;;UAkKlB,UAAU;;;;;;;;;;;;;aAHe,CAAC,KAAK,EAAE,mBAAmB,KAAK,UAAU;yEAPV,CAAC"}