@sectile/vue 0.18.2 → 0.19.0

package/dist/toggle-group.js.map

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

package/dist/toolbar.js

@@ -1,2 +1,2 @@
-import{computed,defineComponent,h,inject,mergeProps,onBeforeUnmount,onMounted,provide,shallowRef,watch}from"vue";import{createToolbar}from"@sectile/dom/toolbar";import{Primitive}from"./primitive.js";import{useHostDirection}from"./host-provider.js";import{reconcileCollectionState}from"./internal/collection.js";import{useControlledStateInvariant}from"./internal/controlled-state.js";const key=Symbol("SectileToolbarRoot");const partProps={as:{type:[String,Object,Function],default:"div"},asChild:{type:Boolean,default:false}};const ToolbarRoot=defineComponent({name:"SectileToolbarRoot",inheritAttrs:false,props:{items:{type:Array,required:true},modelValue:{type:String,default:void 0},defaultValue:{type:String,default:null},disabledItems:{type:Array,default:()=>[]},disabled:{type:Boolean,default:false},orientation:{type:String,default:"horizontal"},label:{type:String,default:void 0},policies:{type:Object,default:void 0},as:{type:[String,Object,Function],default:"div"},asChild:{type:Boolean,default:false}},emits:{"update:modelValue":_value=>true,invoke:_value=>true},slots:Object,setup(props,{attrs,emit,slots}){const direction=useHostDirection();const root=shallowRef();const connection=shallowRef();const current=shallowRef(props.modelValue!==void 0?props.modelValue:props.defaultValue);const controlled=useControlledStateInvariant("ToolbarRoot","modelValue",()=>props.modelValue);const state=computed(()=>({highlightedValue:props.modelValue!==void 0?props.modelValue:current.value,disabled:props.disabled,orientation:props.orientation}));const refresh=()=>{if(connection.value!==void 0)current.value=connection.value.getSnapshot().state.cursor.current;refreshItems()};const refreshItems=()=>{if(root.value===void 0||connection.value===void 0)return;root.value.querySelectorAll("[data-sectile-toolbar-id]").forEach(element=>{const id=element.dataset["sectileToolbarId"];if(id!==void 0)connection.value?.setItemAttributes(element,id,props.disabledItems.includes(id))})};const connect=()=>{connection.value?.disconnect();if(root.value===void 0)return;const requested=controlled?props.modelValue:current.value;const reconciled=reconcileCollectionState(props.items,[],requested,props.disabledItems,"single",{preserveNullCurrent:true});current.value=reconciled.current;if(controlled&&requested!==reconciled.current)emit("update:modelValue",reconciled.current);connection.value=createToolbar({root:root.value,items:props.items,disabledItems:props.disabledItems,...props.policies===void 0?{}:{policies:props.policies},...controlled?{highlightedValue:reconciled.current}:{defaultHighlightedValue:reconciled.current},disabled:props.disabled,orientation:props.orientation,direction:direction.value,...props.label===void 0?{}:{label:props.label},onHighlightedValueChange:value=>{current.value=value;emit("update:modelValue",value)},onInvoke:value=>emit("invoke",value),onUpdate:refresh});refreshItems();refresh()};provide(key,{state,disabledItems:computed(()=>new Set(props.disabledItems)),register:(element,id,disabled)=>connection.value?.setItemAttributes(element,id,disabled)});onMounted(connect);onBeforeUnmount(()=>connection.value?.disconnect());watch([()=>props.items,()=>props.disabledItems,()=>props.disabled,()=>props.orientation,()=>props.label,()=>props.policies,direction],connect);watch(()=>props.modelValue,value=>{if(!controlled||value===void 0||connection.value===void 0)return;const result=connection.value.syncControlledValue(value);if(!result.ok)throw new TypeError(result.error.message);refresh()});return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,elementRef:node=>{root.value=node instanceof HTMLElement?node:void 0},role:"toolbar","aria-label":props.label,"aria-orientation":props.orientation,"aria-disabled":props.disabled?"true":void 0,dir:direction.value,"data-scope":"toolbar","data-part":"root","data-orientation":props.orientation}),{default:()=>slots["default"]?.(state.value)})}});const ToolbarItem=defineComponent({name:"SectileToolbarItem",inheritAttrs:false,props:{value:{type:String,required:true},disabled:{type:Boolean,default:false},as:{type:[String,Object,Function],default:"button"},asChild:{type:Boolean,default:false}},slots:Object,setup(props,{attrs,slots}){const root=useRoot();const state=computed(()=>({value:props.value,highlighted:root.state.value.highlightedValue===props.value,disabled:root.state.value.disabled||props.disabled||root.disabledItems.value.has(props.value)}));return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,type:props.as==="button"?"button":void 0,elementRef:node=>{if(node instanceof HTMLElement)root.register(node,props.value,state.value.disabled)},disabled:state.value.disabled&&props.as==="button"?true:void 0,"aria-disabled":state.value.disabled?"true":void 0,"data-sectile-toolbar-id":props.value,"data-scope":"toolbar","data-part":"item","data-highlighted":state.value.highlighted?"":void 0}),{default:()=>slots["default"]?.(state.value)})}});const ToolbarSeparator=defineComponent({name:"SectileToolbarSeparator",inheritAttrs:false,props:partProps,setup(props,{attrs}){const root=useRoot();return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,role:"separator","aria-orientation":root.state.value.orientation,"data-scope":"toolbar","data-part":"separator"}))}});function useRoot(){const root=inject(key);if(root===void 0)throw new TypeError("Toolbar parts must be used inside ToolbarRoot.");return root}export{ToolbarItem,ToolbarRoot,ToolbarSeparator};
+import{computed,defineComponent,h,inject,mergeProps,onBeforeUnmount,onMounted,provide,shallowRef,watch}from"vue";import{createToolbar}from"@sectile/dom/toolbar";import{Primitive}from"./primitive.js";import{useHostDirection}from"./host-provider.js";import{reconcileCollectionState}from"./internal/collection.js";import{useControlledStateInvariant}from"./internal/controlled-state.js";const key=Symbol("SectileToolbarRoot");const partProps={as:{type:[String,Object,Function],default:"div"},asChild:{type:Boolean,default:false}};const ToolbarRoot=defineComponent({name:"SectileToolbarRoot",inheritAttrs:false,props:{items:{type:Array,required:true},modelValue:{type:String,default:void 0},defaultValue:{type:String,default:null},disabledItems:{type:Array,default:()=>[]},disabled:{type:Boolean,default:false},orientation:{type:String,default:"horizontal"},label:{type:String,default:void 0},policies:{type:Object,default:void 0},as:{type:[String,Object,Function],default:"div"},asChild:{type:Boolean,default:false}},emits:{"update:modelValue":_value=>true,invoke:_value=>true},slots:Object,setup(props,{attrs,emit,slots}){const direction=useHostDirection();const root=shallowRef();const connection=shallowRef();const current=shallowRef(props.modelValue!==void 0?props.modelValue:props.defaultValue);const controlled=useControlledStateInvariant("ToolbarRoot","modelValue",()=>props.modelValue);const state=computed(()=>({highlightedValue:props.modelValue!==void 0?props.modelValue:current.value,disabled:props.disabled,orientation:props.orientation}));const refresh=()=>{if(connection.value!==void 0)current.value=connection.value.getSnapshot().state.cursor.current;refreshItems()};const refreshItems=()=>{if(root.value===void 0||connection.value===void 0)return;root.value.querySelectorAll("[data-sectile-toolbar-id]").forEach(element=>{const id=element.dataset["sectileToolbarId"];if(id!==void 0)connection.value?.setItemAttributes(element,id,props.disabledItems.includes(id))})};const connect=()=>{connection.value?.disconnect();if(root.value===void 0)return;const requested=controlled?props.modelValue:current.value;const reconciled=reconcileCollectionState(props.items,[],requested,props.disabledItems,"single",{preserveNullCurrent:true});current.value=reconciled.current;if(controlled&&requested!==reconciled.current)emit("update:modelValue",reconciled.current);connection.value=createToolbar({root:root.value,items:props.items,disabledItems:props.disabledItems,...props.policies===void 0?{}:{policies:props.policies},...controlled?{highlightedValue:reconciled.current}:{defaultHighlightedValue:reconciled.current},disabled:props.disabled,orientation:props.orientation,direction:direction.value,...props.label===void 0?{}:{label:props.label},onHighlightedValueChange:value=>{current.value=value;emit("update:modelValue",value)},onInvoke:value=>emit("invoke",value),onUpdate:refresh});refreshItems();refresh()};provide(key,{state,disabledItems:computed(()=>new Set(props.disabledItems)),register:(element,id,disabled)=>connection.value?.setItemAttributes(element,id,disabled)});onMounted(connect);onBeforeUnmount(()=>connection.value?.disconnect());watch([()=>props.items,()=>props.disabledItems,()=>props.disabled,()=>props.orientation,()=>props.label,()=>props.policies,direction],connect);watch(()=>props.modelValue,value=>{if(!controlled||value===void 0||connection.value===void 0)return;const result=connection.value.syncControlledValue(value);if(!result.ok)throw new TypeError(result.error.message);refresh()});return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,elementRef:node=>{root.value=node instanceof HTMLElement?node:void 0},role:"toolbar","aria-label":props.label,"aria-orientation":props.orientation,"aria-disabled":props.disabled?"true":void 0,dir:direction.value,"data-scope":"toolbar","data-part":"root","data-orientation":props.orientation}),{default:()=>slots["default"]?.(state.value)})}});const ToolbarItem=defineComponent({name:"SectileToolbarItem",inheritAttrs:false,props:{value:{type:String,required:true},disabled:{type:Boolean,default:false},as:{type:[String,Object,Function],default:"button"},asChild:{type:Boolean,default:false}},slots:Object,setup(props,{attrs,slots}){const root=useRoot();const state=computed(()=>({value:props.value,highlighted:root.state.value.highlightedValue===props.value,disabled:root.state.value.disabled||props.disabled||root.disabledItems.value.has(props.value)}));return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,type:props.as==="button"?"button":void 0,elementRef:node=>{if(node instanceof HTMLElement)root.register(node,props.value,state.value.disabled)},disabled:state.value.disabled&&props.as==="button"?true:void 0,"aria-disabled":state.value.disabled?"true":void 0,"data-sectile-toolbar-id":props.value,"data-scope":"toolbar","data-part":"item","data-highlighted":state.value.highlighted?"":void 0}),{default:()=>slots["default"]?.(state.value)})}});const ToolbarSeparator=defineComponent({name:"SectileToolbarSeparator",inheritAttrs:false,props:partProps,setup(props,{attrs}){const root=useRoot();return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,role:"separator","aria-orientation":root.state.value.orientation==="horizontal"?"vertical":"horizontal","data-scope":"toolbar","data-part":"separator"}))}});function useRoot(){const root=inject(key);if(root===void 0)throw new TypeError("Toolbar parts must be used inside ToolbarRoot.");return root}export{ToolbarItem,ToolbarRoot,ToolbarSeparator};
 //# sourceMappingURL=toolbar.js.map

package/dist/toolbar.js.map

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

package/dist/transfer.d.ts

@@ -0,0 +1,191 @@
+import { type DefineSetupFnComponent, type EmitsToProps, type PropType, type PublicProps, type SlotsType, type VNodeChild } from 'vue';
+import type { TreeNodeInput } from '@sectile/core/tree';
+import { type TransferControllerPolicies, type TransferMoveProposal, type TransferSide, type TransferTypeaheadOptions } from '@sectile/dom/transfer';
+import { type PrimitiveAs } from './primitive.js';
+export type { TransferSide, TransferMoveProposal, TransferControllerPolicies, TransferTypeaheadOptions } from '@sectile/dom/transfer';
+export interface TransferPartProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface TransferRootProps<ID extends string = string> extends TransferPartProps {
+    readonly nodes: readonly TreeNodeInput<ID>[];
+    readonly sourceId: NoInfer<ID>;
+    readonly targetId: NoInfer<ID>;
+    readonly controlled?: boolean;
+    readonly sourceValue?: readonly NoInfer<ID>[];
+    readonly defaultSourceValue?: readonly NoInfer<ID>[];
+    readonly targetValue?: readonly NoInfer<ID>[];
+    readonly defaultTargetValue?: readonly NoInfer<ID>[];
+    readonly sourceHighlightedValue?: NoInfer<ID> | null;
+    readonly defaultSourceHighlightedValue?: NoInfer<ID> | null;
+    readonly targetHighlightedValue?: NoInfer<ID> | null;
+    readonly defaultTargetHighlightedValue?: NoInfer<ID> | null;
+    readonly disabledItems?: readonly NoInfer<ID>[];
+    readonly policies?: TransferControllerPolicies<NoInfer<ID>>;
+    readonly typeahead?: TransferTypeaheadOptions<NoInfer<ID>>;
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly required?: boolean;
+    readonly name?: string;
+    readonly form?: string;
+}
+export interface TransferRootSlotProps<ID extends string = string> {
+    readonly nodes: readonly TreeNodeInput<ID>[];
+    readonly sourceItems: readonly ID[];
+    readonly targetItems: readonly ID[];
+    readonly sourceValue: readonly ID[];
+    readonly targetValue: readonly ID[];
+    readonly sourceHighlightedValue: ID | null;
+    readonly targetHighlightedValue: ID | null;
+    readonly disabled: boolean;
+    readonly: boolean;
+}
+export type TransferEmits<ID extends string = string> = {
+    'update:nodes': [nodes: readonly TreeNodeInput<NoInfer<ID>>[]];
+    move: [proposal: TransferMoveProposal<NoInfer<ID>>];
+    'update:sourceValue': [value: readonly NoInfer<ID>[]];
+    'update:targetValue': [value: readonly NoInfer<ID>[]];
+    'update:sourceHighlightedValue': [value: NoInfer<ID> | null];
+    'update:targetHighlightedValue': [value: NoInfer<ID> | null];
+    activate: [side: TransferSide, id: NoInfer<ID>];
+};
+export interface TransferSlots<ID extends string = string> {
+    default?: (state: TransferRootSlotProps<ID>) => VNodeChild;
+}
+export interface TransferExpose<ID extends string = string> {
+    readonly element: HTMLElement | null;
+    focus(side?: TransferSide): void;
+    move(from: TransferSide, ids?: readonly NoInfer<ID>[]): boolean;
+}
+export interface TransferListProps extends TransferPartProps {
+    readonly side: TransferSide;
+    readonly label?: string;
+}
+export interface TransferItemProps extends TransferPartProps {
+    readonly value: string;
+    readonly disabled?: never;
+}
+export interface TransferItemSlotProps {
+    readonly value: string;
+    readonly selected: boolean;
+    readonly highlighted: boolean;
+    readonly disabled: boolean;
+}
+export interface TransferMoveProps extends TransferPartProps {
+    readonly from: TransferSide;
+    readonly disabled?: boolean;
+}
+type RootProps<ID extends string> = TransferRootProps<ID> & PublicProps & EmitsToProps<TransferEmits<ID>>;
+type RootInstance<ID extends string> = InstanceType<DefineSetupFnComponent<TransferRootProps<ID>, TransferEmits<ID>, SlotsType<TransferSlots<ID>>>> & TransferExpose<ID>;
+export declare const TransferRoot: new <const ID extends string = string>(props: RootProps<ID>) => Omit<RootInstance<ID>, '$props'> & {
+    readonly $props: RootProps<ID>;
+};
+export declare const TransferList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: PropType<TransferSide>;
+        required: true;
+    };
+    label: StringConstructor;
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: PropType<TransferSide>;
+        required: true;
+    };
+    label: StringConstructor;
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<TransferSlots<string>>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const TransferItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: PropType<never>;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: PropType<never>;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default?: (state: TransferItemSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const TransferMove: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    from: {
+        type: PropType<TransferSide>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    from: {
+        type: PropType<TransferSide>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/transfer.js

@@ -0,0 +1,2 @@
+import{computed,defineComponent,h,inject,mergeProps,onBeforeUnmount,onMounted,onUpdated,provide,shallowRef,useId,watch}from'vue';import{getTransferItems,synchronizeTransferState}from'@sectile/core/transfer';import{unwrap}from'@sectile/core/result';import{connectTransfer,createTransferController}from'@sectile/dom/transfer';import{getListboxItemAttributes,getListboxRootAttributes}from'@sectile/dom/listbox';import{stableIDElementToken}from'@sectile/dom/identity';import{Primitive}from'./primitive.js';import{useHostActive,useHostDirection}from'./host-provider.js';import{useControlledStateInvariant}from'./internal/controlled-state.js';import{useNextTickTask}from'./internal/scheduled-task.js';import{sameIDs}from'./internal/collection.js';import{hiddenSelectSubmissionCapabilities,provideFormControlOwner,useCompositeFormControl,useFormControlFlags,useFormSubmissionProps}from'./form/control.js';import{visuallyHiddenInputStyle}from'./input/native-input.js';const key=/* @__PURE__ */Symbol('SectileTransfer'),listKey=/* @__PURE__ */Symbol('SectileTransferList');const empty=/* @__PURE__ */Object.freeze([]);const partProps={as:{type:[String,Object,Function],default:'div'},asChild:{type:Boolean,default:false}};function useRoot(name){const root=inject(key);if(!root)throw new TypeError(`${name} must be used inside TransferRoot.`);return root}function createExposure(target){let port=target;return{value:{get element(){return port?.element??null},focus:side=>port?.focus(side),move:(from,ids)=>port?.move(from,ids)??false},retire:()=>{port=undefined}}}const RootImplementation=/* @__PURE__ */defineComponent({__sectileFormLabelMode:'labelledby',name:'SectileTransferRoot',inheritAttrs:false,props:{nodes:{type:Array,required:true},sourceId:{type:String,required:true},targetId:{type:String,required:true},controlled:{type:Boolean,default:false},sourceValue:{type:Array,default:undefined},defaultSourceValue:{type:Array,default:()=>empty},targetValue:{type:Array,default:undefined},defaultTargetValue:{type:Array,default:()=>empty},sourceHighlightedValue:{type:String,default:undefined},defaultSourceHighlightedValue:{type:String,default:null},targetHighlightedValue:{type:String,default:undefined},defaultTargetHighlightedValue:{type:String,default:null},disabledItems:{type:Array,default:()=>empty},policies:{type:Object,default:undefined},typeahead:{type:Object,default:undefined},disabled:{type:Boolean,default:undefined},readonly:{type:Boolean,default:undefined},required:{type:Boolean,default:undefined},name:String,form:String,as:{type:[String,Object,Function],default:'div'},asChild:{type:Boolean,default:false}},emits:{'update:nodes':_value=>true,move:_value=>true,'update:sourceValue':_value=>true,'update:targetValue':_value=>true,'update:sourceHighlightedValue':_value=>true,'update:targetHighlightedValue':_value=>true,activate:(_side,_id)=>true},slots:Object,setup(props,{attrs,emit,slots,expose}){const element=shallowRef(),sourceRoot=shallowRef(),targetRoot=shallowRef(),submission=shallowRef();const controller=shallowRef(),accepted=shallowRef();const active=useHostActive(),direction=useHostDirection(),flags=useFormControlFlags(props);const disabled=computed(()=>flags.value.disabled),readonly=computed(()=>flags.value.readonly),required=computed(()=>flags.value.required);const snapshot=computed(()=>accepted.value.state),sourceItems=computed(()=>getTransferItems(snapshot.value,'source')),targetItems=computed(()=>getTransferItems(snapshot.value,'target'));const prefix=`sectile-transfer-${useId()}`,elementID=(side,id)=>`${prefix}-${side}-${stableIDElementToken(id)}`;const rows=new Map;let connection,alive=true,mounted=false,generation=0;let restore;const controlled={membership:useControlledStateInvariant('TransferRoot','controlled',()=>props.controlled?true:undefined),sourceValue:useControlledStateInvariant('TransferRoot','sourceValue',()=>props.sourceValue),targetValue:useControlledStateInvariant('TransferRoot','targetValue',()=>props.targetValue),sourceCursor:useControlledStateInvariant('TransferRoot','sourceHighlightedValue',()=>props.sourceHighlightedValue),targetCursor:useControlledStateInvariant('TransferRoot','targetHighlightedValue',()=>props.targetHighlightedValue)};const initial={nodes:props.nodes,sourceValue:props.defaultSourceValue,targetValue:props.defaultTargetValue,sourceCursor:props.defaultSourceHighlightedValue,targetCursor:props.defaultTargetHighlightedValue};const publish=()=>{if(alive&&controller.value)accepted.value=controller.value.getSnapshot()};const retire=()=>{const old=connection;connection=undefined;old?.disconnect()};const attach=()=>{retire();if(!alive||!mounted||!active.value||!sourceRoot.value||!targetRoot.value||!controller.value){if(!active.value)restore=undefined;return}try{connection=connectTransfer({controller:controller.value,sourceRoot:sourceRoot.value,targetRoot:targetRoot.value,direction:direction.value,getItemElementID:elementID,onActivate:(side,id)=>emit('activate',side,id),onUpdate:publish});for(const[node,row]of rows)connection.setItemAttributes(node,row);const pending=restore;restore=undefined;if(pending&&(pending.old.ownerDocument.activeElement===pending.old||pending.old.ownerDocument.activeElement===pending.old.ownerDocument.body))connection.focus(pending.side)}catch(error){try{retire()}catch{}throw error}};const attachment=useNextTickTask(attach),scheduleAttach=()=>{if(alive&&mounted)attachment.schedule()};const values=()=>({...controlled.membership?{nodes:props.nodes}:{},...controlled.sourceValue||controlled.sourceCursor?{source:{...controlled.sourceValue?{value:props.sourceValue}:{},...controlled.sourceCursor?{highlightedValue:props.sourceHighlightedValue}:{}}}:{},...controlled.targetValue||controlled.targetCursor?{target:{...controlled.targetValue?{value:props.targetValue}:{},...controlled.targetCursor?{highlightedValue:props.targetHighlightedValue}:{}}}:{}});const build=(reset=false,replacement)=>{if(!alive)return;const previous=reset?undefined:controller.value?.getSnapshot().state;const nodes=controlled.membership?props.nodes:replacement??(reset?initial.nodes:previous?.nodes??props.nodes);const prior=previous&&previous.sourceID===props.sourceId&&previous.targetID===props.targetId?unwrap(synchronizeTransferState(previous,{nodes},props.policies)):undefined;const sourceValue=controlled.sourceValue?props.sourceValue:prior?.source.selection.selected??initial.sourceValue;const targetValue=controlled.targetValue?props.targetValue:prior?.target.selection.selected??initial.targetValue;const sourceCursor=controlled.sourceCursor?props.sourceHighlightedValue:prior?prior.source.cursor.current:initial.sourceCursor;const targetCursor=controlled.targetCursor?props.targetHighlightedValue:prior?prior.target.cursor.current:initial.targetCursor;const nextGeneration=generation+1,current=()=>alive&&generation===nextGeneration;const next=unwrap(createTransferController({nodes,sourceID:props.sourceId,targetID:props.targetId,controlled:controlled.membership,direction:direction.value,disabled:disabled.value,readOnly:readonly.value,disabledItems:props.disabledItems,...props.policies===undefined?{}:{policies:props.policies},typeahead:props.typeahead??{textValue:id=>id},source:{...controlled.sourceValue?{value:sourceValue}:{defaultValue:sourceValue},...controlled.sourceCursor?{highlightedValue:sourceCursor}:{defaultHighlightedValue:sourceCursor}},target:{...controlled.targetValue?{value:targetValue}:{defaultValue:targetValue},...controlled.targetCursor?{highlightedValue:targetCursor}:{defaultHighlightedValue:targetCursor}},onMove:proposal=>{if(current()){emit('update:nodes',proposal.nodes);if(current())emit('move',proposal)}},onValueChange:(side,value)=>{if(current()){if(side==='source')emit('update:sourceValue',value);else emit('update:targetValue',value)}},onHighlightedValueChange:(side,value)=>{if(current()){if(side==='source')emit('update:sourceHighlightedValue',value);else emit('update:targetHighlightedValue',value)}},onUpdate:()=>{if(current())publish()}}));const old=controller.value;try{retire()}catch(error){try{next.dispose()}catch{}throw error}generation=nextGeneration;controller.value=next;old?.dispose();publish();scheduleAttach()};build();const state=computed(()=>({nodes:snapshot.value.nodes,sourceItems:sourceItems.value.ids,targetItems:targetItems.value.ids,sourceValue:snapshot.value.source.selection.selected,targetValue:snapshot.value.target.selection.selected,sourceHighlightedValue:snapshot.value.source.cursor.current,targetHighlightedValue:snapshot.value.target.cursor.current,disabled:disabled.value||!active.value,readonly:readonly.value}));const resetTask=useNextTickTask(()=>build(true));const submissionProps=useFormSubmissionProps({element:submission,capabilities:hiddenSelectSubmissionCapabilities},props);const participation=useCompositeFormControl({root:targetRoot,validationTarget:submission,submissions:[{element:submission,capabilities:hiddenSelectSubmissionCapabilities}],getValue:()=>targetItems.value.ids,isValueEqual:(left,right)=>Array.isArray(left)&&Array.isArray(right)&&sameIDs(left,right),reset:resetTask.schedule});provideFormControlOwner();provide(key,{state,snapshot,sourceItems,targetItems,controlProps:participation.controlProps,active,elementID,isDisabled:id=>{accepted.value;return!alive||disabled.value||!active.value||controller.value?.isDisabled(id)!==false},registerList:(side,node)=>{if(!alive)return;const ref=side==='source'?sourceRoot:targetRoot;if(ref.value===node)return;if(ref.value&&ref.value.contains(ref.value.ownerDocument.activeElement))restore={side,old:ref.value};ref.value=node;scheduleAttach()},registerItem:(side,node,id)=>{if(!alive)return;rows.set(node,{side,id});connection?.setItemAttributes(node,{side,id})},releaseItem:(node,id)=>{if(rows.get(node)?.id===id){rows.delete(node);connection?.releaseItem(node,id)}},move:from=>move(from)});const move=(from,ids)=>{if(!alive||!active.value)return false;return connection?connection.move(from,ids):controller.value?.handleEvent({type:'move',from,...ids===undefined?{}:{ids}}).ok===true};const exposure=createExposure({get element(){return element.value??null},focus(side='target'){if(alive&&active.value)(side==='source'?sourceRoot.value:targetRoot.value)?.focus()},move});expose(exposure.value);onMounted(()=>{mounted=true;attachment.cancel();attach()});onBeforeUnmount(()=>{alive=false;mounted=false;generation++;exposure.retire();attachment.cancel();resetTask.cancel();restore=undefined;try{retire()}finally{try{controller.value?.dispose()}finally{controller.value=undefined;rows.clear();element.value=undefined;sourceRoot.value=undefined;targetRoot.value=undefined;submission.value=undefined}}});watch(active,()=>{if(active.value){if(connection)connection.resume();else attach()}else{restore=undefined;connection?.suspend()}},{flush:'post'});watch([disabled,readonly],()=>{if(controller.value)unwrap(controller.value.syncInteraction({disabled:disabled.value,readOnly:readonly.value}));connection?.render()});watch([()=>props.sourceId,()=>props.targetId,()=>props.disabledItems,()=>props.policies,()=>props.typeahead,direction],()=>build());watch([()=>props.nodes,()=>props.sourceValue,()=>props.targetValue,()=>props.sourceHighlightedValue,()=>props.targetHighlightedValue],(next,before)=>{if(!alive||!controller.value)return;if(!controlled.membership&&next[0]!==before[0]){build(false,props.nodes);return}unwrap(connection?connection.syncControlledValues(values()):controller.value.syncControlledValues(values()));publish()},{flush:'post'});const submissionOptions=computed(()=>targetItems.value.ids.map(id=>h('option',{key:id,value:id,selected:true},id)));return()=>[h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,elementRef:node=>{element.value=typeof HTMLElement!=='undefined'&&node instanceof HTMLElement?node:undefined},'data-scope':'transfer','data-part':'root'}),{default:()=>slots.default?.(state.value)}),...participation.participating||props.name!==undefined||props.form!==undefined||required.value?[h('select',{ref:node=>{submission.value=typeof HTMLSelectElement!=='undefined'&&node instanceof HTMLSelectElement?node:undefined},...submissionProps.value,required:required.value,disabled:disabled.value,multiple:true,tabindex:-1,'aria-hidden':'true',style:visuallyHiddenInputStyle},submissionOptions.value)]:[]]}});export const TransferRoot=RootImplementation;export const TransferList=/* @__PURE__ */defineComponent({name:'SectileTransferList',inheritAttrs:false,props:{...partProps,side:{type:String,required:true},label:String},slots:Object,setup(props,{attrs,slots}){const root=useRoot('TransferList'),element=shallowRef(),side=computed(()=>props.side);provide(listKey,side);const unregister=()=>root.registerList(props.side,undefined);watch(side,(next,previous)=>{root.registerList(previous,undefined);root.registerList(next,element.value)});onBeforeUnmount(unregister);return()=>h(Primitive,mergeProps(attrs,props.side==='target'?root.controlProps.value:{},{as:props.as,asChild:props.asChild,elementRef:node=>{const next=typeof HTMLElement!=='undefined'&&node instanceof HTMLElement?node:undefined;element.value=next;root.registerList(props.side,next)},...getListboxRootAttributes({selectionMode:'multiple',disabled:root.state.value.disabled,readOnly:root.state.value.readonly,...props.label===undefined?{}:{label:props.label},...element.value?.getAttribute('aria-activedescendant')?{activeDescendantID:element.value.getAttribute('aria-activedescendant')}:{}}),'aria-disabled':root.state.value.disabled?'true':undefined,'aria-readonly':root.state.value.readonly?'true':undefined,'data-scope':'transfer','data-part':props.side}),{default:()=>slots.default?.(root.state.value)})}});export const TransferItem=/* @__PURE__ */defineComponent({name:'SectileTransferItem',inheritAttrs:false,props:{...partProps,value:{type:String,required:true},disabled:{type:null}},slots:Object,setup(props,{attrs,slots}){const root=useRoot('TransferItem'),side=inject(listKey);if(!side)throw new TypeError('TransferItem must be used inside TransferList.');const element=shallowRef();let registered;const release=()=>{if(registered){root.releaseItem(registered.node,registered.id);registered=undefined}};const register=()=>{release();if(element.value){registered={node:element.value,id:props.value};root.registerItem(side.value,element.value,props.value)}};onMounted(register);onUpdated(register);onBeforeUnmount(release);const selected=computed(()=>root.snapshot.value[side.value].selection),cursor=computed(()=>root.snapshot.value[side.value].cursor.current);const state=computed(()=>({value:props.value,selected:selected.value.has(props.value),highlighted:cursor.value===props.value,disabled:root.isDisabled(props.value)}));return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,elementRef:node=>{element.value=typeof HTMLElement!=='undefined'&&node instanceof HTMLElement?node:undefined},...getListboxItemAttributes({selection:selected.value,cursor:{current:cursor.value}},{id:props.value},{elementID:root.elementID(side.value,props.value),disabled:state.value.disabled}),hidden:!(side.value==='source'?root.sourceItems.value:root.targetItems.value).contains(props.value),'data-scope':'transfer','data-part':'item','data-transfer-side':side.value}),{default:()=>slots.default?.(state.value)})}});export const TransferMove=/* @__PURE__ */defineComponent({name:'SectileTransferMove',inheritAttrs:false,props:{as:{type:[String,Object,Function],default:'button'},asChild:{type:Boolean,default:false},from:{type:String,required:true},disabled:{type:Boolean,default:false}},setup(props,{attrs,slots}){const root=useRoot('TransferMove');return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,type:props.as==='button'?'button':undefined,disabled:props.disabled||root.state.value.disabled||root.state.value.readonly,'data-scope':'transfer','data-part':'move',onClick:event=>{if(!event.defaultPrevented&&!props.disabled)root.move(props.from)}}),slots)}});
+//# sourceMappingURL=transfer.js.map

package/dist/transfer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer.js","names":["computed","defineComponent","h","inject","mergeProps","onBeforeUnmount","onMounted","onUpdated","provide","shallowRef","useId","watch","getTransferItems","synchronizeTransferState","unwrap","connectTransfer","createTransferController","getListboxItemAttributes","getListboxRootAttributes","stableIDElementToken","Primitive","useHostActive","useHostDirection","useControlledStateInvariant","useNextTickTask","sameIDs","hiddenSelectSubmissionCapabilities","provideFormControlOwner","useCompositeFormControl","useFormControlFlags","useFormSubmissionProps","visuallyHiddenInputStyle","key","Symbol","listKey","empty","Object","freeze","partProps","as","type","String","Function","default","asChild","Boolean","useRoot","name","root","TypeError","createExposure","target","port","value","element","focus","side","move","from","ids","retire","undefined","RootImplementation","__sectileFormLabelMode","inheritAttrs","props","nodes","Array","required","sourceId","targetId","controlled","sourceValue","defaultSourceValue","targetValue","defaultTargetValue","sourceHighlightedValue","defaultSourceHighlightedValue","targetHighlightedValue","defaultTargetHighlightedValue","disabledItems","policies","typeahead","disabled","readonly","form","emits","_value","activate","_side","_id","slots","setup","attrs","emit","expose","sourceRoot","targetRoot","submission","controller","accepted","active","direction","flags","snapshot","state","sourceItems","targetItems","prefix","elementID","id","rows","Map","connection","alive","mounted","generation","restore","membership","sourceCursor","targetCursor","initial","publish","getSnapshot","old","disconnect","attach","getItemElementID","onActivate","onUpdate","node","row","setItemAttributes","pending","ownerDocument","activeElement","body","error","attachment","scheduleAttach","schedule","values","source","highlightedValue","build","reset","replacement","previous","prior","sourceID","targetID","selection","selected","cursor","current","nextGeneration","next","readOnly","textValue","defaultValue","defaultHighlightedValue","onMove","proposal","onValueChange","onHighlightedValueChange","dispose","resetTask","submissionProps","capabilities","participation","validationTarget","submissions","getValue","isValueEqual","left","right","isArray","controlProps","isDisabled","registerList","ref","contains","registerItem","set","releaseItem","get","delete","handleEvent","ok","exposure","cancel","clear","resume","suspend","flush","syncInteraction","render","before","syncControlledValues","submissionOptions","map","elementRef","HTMLElement","participating","HTMLSelectElement","multiple","tabindex","style","TransferRoot","TransferList","label","unregister","selectionMode","getAttribute","activeDescendantID","TransferItem","registered","release","register","has","highlighted","hidden","TransferMove","onClick","event","defaultPrevented"],"sources":["../src/transfer.ts"],"mappings":"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","ignoreList":[]}

package/dist/tree-grid.d.ts

@@ -4,6 +4,8 @@ import { type PrimitiveAs } from './primitive.js';
 import { type ConditionalPresenceProps } from './presence/conditional-presence.js';
 export interface TreeGridRootProps {
     readonly rows: readonly TreeGridRowInput<string, string>[];
+    /** Column labels rendered by TreeGridHeader; data row indexes remain one-based. */
+    readonly headers?: readonly string[];
     readonly getCellValue: (id: string) => string;
     readonly setCellValue: (id: string, value: string) => void;
     readonly modelValue?: string | null;
@@ -44,6 +46,16 @@ export interface TreeGridPartProps {
     readonly as?: PrimitiveAs;
     readonly asChild?: boolean;
 }
+export interface TreeGridHeaderCellProps extends TreeGridPartProps {
+    readonly columnIndex: number;
+}
+export interface TreeGridHeaderCellSlotProps {
+    readonly columnIndex: number;
+    readonly label: string;
+}
+export interface TreeGridGroupProps extends TreeGridPartProps, ConditionalPresenceProps {
+    readonly for: string;
+}
 export interface TreeGridEditorProps extends ConditionalPresenceProps {
     readonly for: string;
     readonly label?: string;
@@ -53,6 +65,10 @@ export declare const TreeGridRoot: import("vue").DefineComponent<import("vue").E
         type: PropType<readonly TreeGridRowInput<string, string>[]>;
         required: true;
     };
+    headers: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
     getCellValue: {
         type: PropType<TreeGridCellValueResolver>;
         required: true;
@@ -123,6 +139,10 @@ export declare const TreeGridRoot: import("vue").DefineComponent<import("vue").E
         type: PropType<readonly TreeGridRowInput<string, string>[]>;
         required: true;
     };
+    headers: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
     getCellValue: {
         type: PropType<TreeGridCellValueResolver>;
         required: true;
@@ -189,6 +209,7 @@ export declare const TreeGridRoot: import("vue").DefineComponent<import("vue").E
     "onUpdate:highlightedValue"?: (_value: string | null) => any;
     "onUpdate:modelValue"?: (_value: string | null) => any;
 }>, {
+    headers: readonly string[];
     modelValue: string | null;
     defaultValue: string | null;
     expandedValue: readonly string[];
@@ -209,6 +230,65 @@ export type TreeGridValueChangeHandler = (value: string | null) => void;
 export type TreeGridExpandedValueChangeHandler = (value: readonly string[]) => void;
 export type TreeGridHighlightedValueChangeHandler = (value: string | null) => void;
 export type TreeGridEditModeChangeHandler = (value: TreeGridEditMode) => void;
+/** Authored alongside data rows; the root owns the count and data-index offset. */
+export declare const TreeGridHeader: 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: {
+        readonly headers: readonly string[];
+    }) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const TreeGridHeaderCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>, () => 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;
+    };
+    columnIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: TreeGridHeaderCellSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const TreeGridRow: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     as: {
         type: PropType<PrimitiveAs>;
@@ -267,6 +347,48 @@ export declare const TreeGridRow: import("vue").DefineComponent<import("vue").Ex
 }, SlotsType<{
     default: (props: TreeGridRowSlotProps) => VNodeChild;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Rowgroup visibility borrows the root expansion owner and the shared Presence lifecycle. */
+export declare const TreeGridGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    forcePresent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    forcePresent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    forcePresent: boolean;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: TreeGridRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const TreeGridCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     as: {
         type: PropType<PrimitiveAs>;

package/dist/tree-grid.js

@@ -1,2 +1,2 @@
-import{computed,defineComponent,h,inject,mergeProps,onBeforeUnmount,onMounted,provide,shallowRef,watch}from"vue";import{createTreeGrid}from"@sectile/dom/tree-grid";import{Primitive}from"./primitive.js";import{collectionBranchIDs,reconcileCollectionState,sameIDs}from"./internal/collection.js";import{useControlledStateInvariant}from"./internal/controlled-state.js";import{conditionalPresenceProps,useConditionalPresence}from"./presence/conditional-presence.js";const key=Symbol("SectileTreeGridRoot");const partProps={as:{type:[String,Object,Function],default:"div"},asChild:{type:Boolean,default:false}};const TreeGridRoot=defineComponent({name:"SectileTreeGridRoot",inheritAttrs:false,props:{rows:{type:Array,required:true},getCellValue:{type:Function,required:true},setCellValue:{type:Function,required:true},modelValue:{type:String,default:void 0},defaultValue:{type:String,default:null},expandedValue:{type:Array,default:void 0},defaultExpandedValue:{type:Array,default:()=>[]},highlightedValue:{type:String,default:void 0},defaultHighlightedValue:{type:String,default:null},editMode:{type:String,default:void 0},defaultEditMode:{type:String,default:"navigation"},disabled:{type:Boolean,default:false},readonly:{type:Boolean,default:false},policies:{type:Object,default:void 0},as:{type:[String,Object,Function],default:"div"},asChild:{type:Boolean,default:false}},emits:{"update:modelValue":_value=>true,"update:expandedValue":_value=>true,"update:highlightedValue":_value=>true,"update:editMode":_value=>true},slots:Object,setup(props,{attrs,emit,slots}){const element=shallowRef();const connection=shallowRef();let connectionOwner;const localValue=shallowRef(props.modelValue!==void 0?props.modelValue:props.defaultValue);const localExpanded=shallowRef(props.expandedValue!==void 0?props.expandedValue:props.defaultExpandedValue);const localHighlight=shallowRef(props.highlightedValue!==void 0?props.highlightedValue:props.defaultHighlightedValue);const localEditMode=shallowRef(props.editMode??props.defaultEditMode);const controlled={value:useControlledStateInvariant("TreeGridRoot","modelValue",()=>props.modelValue),expanded:useControlledStateInvariant("TreeGridRoot","expandedValue",()=>props.expandedValue),highlighted:useControlledStateInvariant("TreeGridRoot","highlightedValue",()=>props.highlightedValue),editMode:useControlledStateInvariant("TreeGridRoot","editMode",()=>props.editMode)};const state=computed(()=>Object.freeze({value:props.modelValue!==void 0?props.modelValue:localValue.value,expandedValue:props.expandedValue!==void 0?props.expandedValue:localExpanded.value,highlightedValue:props.highlightedValue!==void 0?props.highlightedValue:localHighlight.value,editMode:props.editMode??localEditMode.value,disabled:props.disabled,readonly:props.readonly}));const expandedRows=computed(()=>new Set(state.value.expandedValue));const refreshParts=()=>{if(element.value===void 0||connection.value===void 0)return;connection.value.setGridAttributes(props.rows.length,maxTreeGridColumnCount(props.rows));element.value.querySelectorAll("[data-sectile-tree-grid-row]").forEach(node=>connection.value?.setRowAttributes(node,{rowIndex:numberData(node.dataset["rowIndex"],1),level:numberData(node.dataset["level"],1),...node.dataset["expandable"]===void 0?{}:{expanded:node.dataset["expanded"]!==void 0}}));element.value.querySelectorAll("[data-sectile-tree-grid-cell]").forEach(node=>{const id=node.dataset["sectileTreeGridCell"];if(id!==void 0)connection.value?.setCellAttributes(node,{id,columnIndex:numberData(node.dataset["columnIndex"],1)})});element.value.querySelectorAll("[data-sectile-tree-grid-disclosure]").forEach(node=>{const id=node.dataset["sectileTreeGridDisclosure"];if(id!==void 0)connection.value?.setDisclosureAttributes(node,id)});element.value.querySelectorAll("[data-sectile-tree-grid-editor]").forEach(node=>{const id=node.dataset["sectileTreeGridEditor"];if(id!==void 0)connection.value?.bindEditor(node,{id,...node.getAttribute("aria-label")===null?{}:{label:node.getAttribute("aria-label")}})})};const refresh=()=>{const snapshot=connection.value?.getSnapshot().state;if(snapshot===void 0)return;localValue.value=snapshot.selection.selected[0]??null;localExpanded.value=snapshot.expansion.ids;localHighlight.value=snapshot.cursor.current;localEditMode.value=snapshot.editMode;refreshParts()};const connect=()=>{const nextOwner=snapshotTreeGridConnectionOwner(props);if(connection.value!==void 0&&connectionOwner!==void 0&&sameTreeGridConnectionOwner(connectionOwner,nextOwner))return;connection.value?.disconnect();if(element.value===void 0)return;const cells=nextOwner.rows.flatMap(row=>row.cells.filter(id=>id!==null));const branches=collectionBranchIDs(nextOwner.rows);const requestedValue=controlled.value?props.modelValue:localValue.value;const requestedExpanded=controlled.expanded?props.expandedValue:localExpanded.value;const requestedHighlight=controlled.highlighted?props.highlightedValue:localHighlight.value;const reconciled=reconcileCollectionState(cells,requestedValue===null?[]:[requestedValue],requestedHighlight,[],"single",{preserveNullCurrent:true});const expanded=reconcileCollectionState(branches,requestedExpanded,null,[],"multiple",{preserveNullCurrent:true}).selected;const value=reconciled.selected[0]??null;const requestedEditMode=controlled.editMode?props.editMode:localEditMode.value;const editMode=reconciled.current===null&&requestedEditMode==="editing"?"navigation":requestedEditMode;localValue.value=value;localExpanded.value=expanded;localHighlight.value=reconciled.current;localEditMode.value=editMode;if(controlled.value&&requestedValue!==value)emit("update:modelValue",value);if(controlled.expanded&&!sameIDs(requestedExpanded,expanded))emit("update:expandedValue",expanded);if(controlled.highlighted&&requestedHighlight!==reconciled.current)emit("update:highlightedValue",reconciled.current);if(controlled.editMode&&props.editMode!==editMode)emit("update:editMode",editMode);connection.value=createTreeGrid({root:element.value,rows:nextOwner.rows,getCellValue:id=>props.getCellValue(id),setCellValue:(id,value2)=>props.setCellValue(id,value2),...controlled.value?{value}:{defaultValue:value},...controlled.expanded?{expandedValue:expanded}:{defaultExpandedValue:expanded},...controlled.highlighted?{highlightedValue:reconciled.current}:{defaultHighlightedValue:reconciled.current},...controlled.editMode?{editMode}:{defaultEditMode:editMode},disabled:nextOwner.disabled,readOnly:nextOwner.readonly,...props.policies===void 0?{}:{policies:props.policies},onValueChange:({value:value2})=>{localValue.value=value2;emit("update:modelValue",value2)},onExpandedValueChange:({value:value2})=>{localExpanded.value=value2;emit("update:expandedValue",value2)},onHighlightedValueChange:({value:value2})=>{localHighlight.value=value2;emit("update:highlightedValue",value2)},onEditModeChange:({value:value2})=>{localEditMode.value=value2;emit("update:editMode",value2)},onUpdate:refresh});connectionOwner=nextOwner;refreshParts();refresh()};let mounted=false;let editorFocused=false;let editorComposing=false;let reconnectPending=false;let reconnectTimer=null;const editorActive=()=>editorFocused||editorComposing;const requestConnect=()=>{if(editorActive()){reconnectPending=true;return}connect()};const schedulePendingConnect=()=>{if(editorActive()||!reconnectPending||reconnectTimer!==null)return;reconnectTimer=setTimeout(()=>{reconnectTimer=null;if(!mounted||editorActive())return;reconnectPending=false;connect()},0)};const setEditorFocused=focused=>{editorFocused=focused;schedulePendingConnect()};const setEditorComposing=composing=>{editorComposing=composing;schedulePendingConnect()};provide(key,{state,expandedRows,registerRow:(node,rowIndex,level,expanded)=>connection.value?.setRowAttributes(node,{rowIndex,level,...expanded===void 0?{}:{expanded}}),registerCell:(node,id,columnIndex)=>connection.value?.setCellAttributes(node,{id,columnIndex}),registerDisclosure:(node,id)=>connection.value?.setDisclosureAttributes(node,id),registerEditor:(node,id,label)=>connection.value?.bindEditor(node,{id,...label===void 0?{}:{label}}),setEditorFocused,setEditorComposing,handleEditorKeydown:event=>{if(connection.value?.handleKeyboardEvent(event)!==true)return;event.preventDefault();event.stopPropagation()}});onMounted(()=>{mounted=true;connect()});onBeforeUnmount(()=>{mounted=false;if(reconnectTimer!==null)clearTimeout(reconnectTimer);reconnectTimer=null;reconnectPending=false;editorFocused=false;editorComposing=false;connection.value?.disconnect()});watch([()=>props.rows,()=>props.getCellValue,()=>props.setCellValue,()=>props.disabled,()=>props.readonly,()=>props.policies],requestConnect);watch([()=>props.modelValue,()=>props.expandedValue,()=>props.highlightedValue,()=>props.editMode],()=>{if(connection.value===void 0)return;const result=connection.value.syncControlledValues({...controlled.value?{value:props.modelValue}:{},...controlled.expanded?{expandedValue:props.expandedValue}:{},...controlled.highlighted?{highlightedValue:props.highlightedValue}:{},...controlled.editMode?{editMode:props.editMode}:{}});if(!result.ok)throw new TypeError(result.error.message);refresh()});return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,elementRef:node=>{element.value=node instanceof HTMLElement?node:void 0},"data-scope":"tree-grid","data-part":"root","data-edit-mode":state.value.editMode}),{default:()=>slots["default"]?.(state.value)})}});const TreeGridRow=defineComponent({name:"SectileTreeGridRow",inheritAttrs:false,props:{value:{type:String,required:true},rowIndex:{type:Number,required:true},level:{type:Number,default:1},expandable:{type:Boolean,default:false},...partProps},slots:Object,setup(props,{attrs,slots}){const root=useRoot("TreeGridRow");const state=computed(()=>({...root.state.value,value:props.value,expanded:root.expandedRows.value.has(props.value)}));return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,elementRef:node=>{if(node instanceof HTMLElement)root.registerRow(node,props.rowIndex,props.level,props.expandable?state.value.expanded:void 0)},"data-sectile-tree-grid-row":props.value,"data-row-index":props.rowIndex,"data-level":props.level,"data-expandable":props.expandable?"":void 0,"data-expanded":props.expandable&&state.value.expanded?"":void 0,"data-scope":"tree-grid","data-part":"row"}),{default:()=>slots["default"]?.(state.value)})}});const TreeGridCell=defineComponent({name:"SectileTreeGridCell",inheritAttrs:false,props:{value:{type:String,required:true},columnIndex:{type:Number,required:true},...partProps},slots:Object,setup(props,{attrs,slots}){const root=useRoot("TreeGridCell");const state=computed(()=>({...root.state.value,value:props.value,selected:root.state.value.value===props.value,highlighted:root.state.value.highlightedValue===props.value,editing:root.state.value.highlightedValue===props.value&&root.state.value.editMode==="editing"}));return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,elementRef:node=>{if(node instanceof HTMLElement)root.registerCell(node,props.value,props.columnIndex)},"data-sectile-tree-grid-cell":props.value,"data-column-index":props.columnIndex,"data-scope":"tree-grid","data-part":"cell","data-selected":state.value.selected?"":void 0,"data-highlighted":state.value.highlighted?"":void 0,"data-editing":state.value.editing?"":void 0}),{default:()=>slots["default"]?.(state.value)})}});const TreeGridDisclosure=defineComponent({name:"SectileTreeGridDisclosure",inheritAttrs:false,props:{for:{type:String,required:true},as:{type:[String,Object,Function],default:"span"},asChild:{type:Boolean,default:false}},slots:Object,setup(props,{attrs,slots}){const root=useRoot("TreeGridDisclosure");const state=computed(()=>({...root.state.value,value:props.for,expanded:root.expandedRows.value.has(props.for)}));return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,type:props.as==="button"?"button":void 0,disabled:props.as==="button"?root.state.value.disabled:void 0,elementRef:node=>{if(node instanceof HTMLElement)root.registerDisclosure(node,props.for)},"data-sectile-tree-grid-disclosure":props.for,"data-scope":"tree-grid","data-part":"disclosure","data-state":state.value.expanded?"open":"closed"}),{default:()=>slots["default"]?.(state.value)})}});const TreeGridEditor=defineComponent({name:"SectileTreeGridEditor",inheritAttrs:false,props:{for:{type:String,required:true},label:{type:String,default:void 0},...conditionalPresenceProps},setup(props,{attrs}){const root=useRoot("TreeGridEditor");const editing=computed(()=>root.state.value.highlightedValue===props.for&&root.state.value.editMode==="editing");const forcePresent=computed(()=>props.forcePresent);const presence=useConditionalPresence(editing,forcePresent);return()=>{const inactivePresent=!editing.value&&presence.present.value;return h("input",mergeProps(attrs,{ref:node=>{const element=presence.register(node);if(element?.tagName==="INPUT")root.registerEditor(element,props.for,props.label)},hidden:presence.hidden.value,tabindex:inactivePresent?-1:void 0,onKeydown:root.handleEditorKeydown,onFocus:()=>root.setEditorFocused(true),onBlur:()=>root.setEditorFocused(false),onCompositionstart:()=>root.setEditorComposing(true),onCompositionend:()=>root.setEditorComposing(false),...inactivePresent?{inert:true,"aria-hidden":"true"}:{},disabled:root.state.value.disabled,readonly:root.state.value.readonly,"aria-label":props.label,"data-sectile-tree-grid-editor":props.for,"data-scope":"tree-grid","data-part":"editor","data-state":editing.value?"editing":"idle"}))}}});function numberData(value,fallback){const parsed=Number(value);return Number.isFinite(parsed)?parsed:fallback}function maxTreeGridColumnCount(rows){let maximum=0;for(const row of rows)maximum=Math.max(maximum,row.cells.length);return maximum}function useRoot(part){const root=inject(key);if(root===void 0)throw new TypeError(`${part} must be used inside TreeGridRoot.`);return root}function snapshotTreeGridConnectionOwner(props){return Object.freeze({rows:Object.freeze(props.rows.map(row=>Object.freeze({id:row.id,parentID:row.parentID,cells:Object.freeze([...row.cells])}))),disabled:props.disabled,readonly:props.readonly,eligible:props.policies?.eligible,boundary:props.policies?.boundary,maxScan:props.policies?.maxScan})}function sameTreeGridConnectionOwner(left,right){if(left.rows.length!==right.rows.length||left.disabled!==right.disabled||left.readonly!==right.readonly||left.eligible!==right.eligible||left.boundary!==right.boundary||left.maxScan!==right.maxScan)return false;for(let rowIndex=0;rowIndex<left.rows.length;rowIndex+=1){const leftRow=left.rows[rowIndex];const rightRow=right.rows[rowIndex];if(leftRow.id!==rightRow.id||leftRow.parentID!==rightRow.parentID||leftRow.cells.length!==rightRow.cells.length)return false;for(let column=0;column<leftRow.cells.length;column+=1){if(leftRow.cells[column]!==rightRow.cells[column])return false}}return true}export{TreeGridCell,TreeGridDisclosure,TreeGridEditor,TreeGridRoot,TreeGridRow};
+import{computed,defineComponent,h,inject,mergeProps,onBeforeUnmount,onMounted,provide,shallowRef,watch}from"vue";import{createTreeGrid}from"@sectile/dom/tree-grid";import{Primitive}from"./primitive.js";import{collectionBranchIDs,reconcileCollectionState,sameIDs}from"./internal/collection.js";import{useControlledStateInvariant}from"./internal/controlled-state.js";import{conditionalPresenceProps,useConditionalPresence}from"./presence/conditional-presence.js";const key=Symbol("SectileTreeGridRoot");const partProps={as:{type:[String,Object,Function],default:"div"},asChild:{type:Boolean,default:false}};const TreeGridRoot=defineComponent({name:"SectileTreeGridRoot",inheritAttrs:false,props:{rows:{type:Array,required:true},headers:{type:Array,default:()=>[]},getCellValue:{type:Function,required:true},setCellValue:{type:Function,required:true},modelValue:{type:String,default:void 0},defaultValue:{type:String,default:null},expandedValue:{type:Array,default:void 0},defaultExpandedValue:{type:Array,default:()=>[]},highlightedValue:{type:String,default:void 0},defaultHighlightedValue:{type:String,default:null},editMode:{type:String,default:void 0},defaultEditMode:{type:String,default:"navigation"},disabled:{type:Boolean,default:false},readonly:{type:Boolean,default:false},policies:{type:Object,default:void 0},as:{type:[String,Object,Function],default:"div"},asChild:{type:Boolean,default:false}},emits:{"update:modelValue":_value=>true,"update:expandedValue":_value=>true,"update:highlightedValue":_value=>true,"update:editMode":_value=>true},slots:Object,setup(props,{attrs,emit,slots}){const dataColumnCount=computed(()=>maxTreeGridColumnCount(props.rows));const headers=computed(()=>props.headers);const headerCount=computed(()=>headers.value.length===0?0:1);const columnCount=computed(()=>{if(headerCount.value&&headers.value.length<dataColumnCount.value){throw new TypeError("TreeGrid headers must label every data column.")}return Math.max(dataColumnCount.value,headers.value.length)});const element=shallowRef();const connection=shallowRef();let connectionOwner;const localValue=shallowRef(props.modelValue!==void 0?props.modelValue:props.defaultValue);const localExpanded=shallowRef(props.expandedValue!==void 0?props.expandedValue:props.defaultExpandedValue);const localHighlight=shallowRef(props.highlightedValue!==void 0?props.highlightedValue:props.defaultHighlightedValue);const localEditMode=shallowRef(props.editMode??props.defaultEditMode);const controlled={value:useControlledStateInvariant("TreeGridRoot","modelValue",()=>props.modelValue),expanded:useControlledStateInvariant("TreeGridRoot","expandedValue",()=>props.expandedValue),highlighted:useControlledStateInvariant("TreeGridRoot","highlightedValue",()=>props.highlightedValue),editMode:useControlledStateInvariant("TreeGridRoot","editMode",()=>props.editMode)};const state=computed(()=>Object.freeze({value:props.modelValue!==void 0?props.modelValue:localValue.value,expandedValue:props.expandedValue!==void 0?props.expandedValue:localExpanded.value,highlightedValue:props.highlightedValue!==void 0?props.highlightedValue:localHighlight.value,editMode:props.editMode??localEditMode.value,disabled:props.disabled,readonly:props.readonly}));const expandedRows=computed(()=>new Set(state.value.expandedValue));const refreshParts=()=>{if(element.value===void 0||connection.value===void 0)return;connection.value.setGridAttributes(props.rows.length+headerCount.value,columnCount.value);element.value.querySelectorAll("[data-sectile-tree-grid-row]").forEach(node=>connection.value?.setRowAttributes(node,{rowIndex:numberData(node.dataset["rowIndex"],1)+headerCount.value,level:numberData(node.dataset["level"],1),...node.dataset["expandable"]===void 0?{}:{expanded:node.dataset["expanded"]!==void 0}}));element.value.querySelectorAll("[data-sectile-tree-grid-cell]").forEach(node=>{const id=node.dataset["sectileTreeGridCell"];if(id!==void 0)connection.value?.setCellAttributes(node,{id,columnIndex:numberData(node.dataset["columnIndex"],1)})});element.value.querySelectorAll("[data-sectile-tree-grid-disclosure]").forEach(node=>{const id=node.dataset["sectileTreeGridDisclosure"];if(id!==void 0)connection.value?.setDisclosureAttributes(node,id)});element.value.querySelectorAll("[data-sectile-tree-grid-editor]").forEach(node=>{const id=node.dataset["sectileTreeGridEditor"];if(id!==void 0)connection.value?.bindEditor(node,{id,...node.getAttribute("aria-label")===null?{}:{label:node.getAttribute("aria-label")}})})};const refresh=()=>{const snapshot=connection.value?.getSnapshot().state;if(snapshot===void 0)return;localValue.value=snapshot.selection.selected[0]??null;localExpanded.value=snapshot.expansion.ids;localHighlight.value=snapshot.cursor.current;localEditMode.value=snapshot.editMode;refreshParts()};const connect=()=>{const nextOwner=snapshotTreeGridConnectionOwner(props);if(connection.value!==void 0&&connectionOwner!==void 0&&sameTreeGridConnectionOwner(connectionOwner,nextOwner))return;connection.value?.disconnect();if(element.value===void 0)return;const cells=nextOwner.rows.flatMap(row=>row.cells.filter(id=>id!==null));const branches=collectionBranchIDs(nextOwner.rows);const requestedValue=controlled.value?props.modelValue:localValue.value;const requestedExpanded=controlled.expanded?props.expandedValue:localExpanded.value;const requestedHighlight=controlled.highlighted?props.highlightedValue:localHighlight.value;const reconciled=reconcileCollectionState(cells,requestedValue===null?[]:[requestedValue],requestedHighlight,[],"single",{preserveNullCurrent:true});const expanded=reconcileCollectionState(branches,requestedExpanded,null,[],"multiple",{preserveNullCurrent:true}).selected;const value=reconciled.selected[0]??null;const requestedEditMode=controlled.editMode?props.editMode:localEditMode.value;const editMode=reconciled.current===null&&requestedEditMode==="editing"?"navigation":requestedEditMode;localValue.value=value;localExpanded.value=expanded;localHighlight.value=reconciled.current;localEditMode.value=editMode;if(controlled.value&&requestedValue!==value)emit("update:modelValue",value);if(controlled.expanded&&!sameIDs(requestedExpanded,expanded))emit("update:expandedValue",expanded);if(controlled.highlighted&&requestedHighlight!==reconciled.current)emit("update:highlightedValue",reconciled.current);if(controlled.editMode&&props.editMode!==editMode)emit("update:editMode",editMode);connection.value=createTreeGrid({root:element.value,rows:nextOwner.rows,getCellValue:id=>props.getCellValue(id),setCellValue:(id,value2)=>props.setCellValue(id,value2),...controlled.value?{value}:{defaultValue:value},...controlled.expanded?{expandedValue:expanded}:{defaultExpandedValue:expanded},...controlled.highlighted?{highlightedValue:reconciled.current}:{defaultHighlightedValue:reconciled.current},...controlled.editMode?{editMode}:{defaultEditMode:editMode},disabled:nextOwner.disabled,readOnly:nextOwner.readonly,...props.policies===void 0?{}:{policies:props.policies},onValueChange:({value:value2})=>{localValue.value=value2;emit("update:modelValue",value2)},onExpandedValueChange:({value:value2})=>{localExpanded.value=value2;emit("update:expandedValue",value2)},onHighlightedValueChange:({value:value2})=>{localHighlight.value=value2;emit("update:highlightedValue",value2)},onEditModeChange:({value:value2})=>{localEditMode.value=value2;emit("update:editMode",value2)},onUpdate:refresh});connectionOwner=nextOwner;refreshParts();refresh()};let mounted=false;let editorFocused;let editorComposing;let reconnectPending=false;let reconnectTimer=null;const editorActive=()=>editorFocused!==void 0||editorComposing!==void 0;const requestConnect=()=>{if(editorActive()){reconnectPending=true;return}connect()};const schedulePendingConnect=()=>{if(editorActive()||!reconnectPending||reconnectTimer!==null)return;reconnectTimer=setTimeout(()=>{reconnectTimer=null;if(!mounted||editorActive())return;reconnectPending=false;connect()},0)};const setEditorFocused=(node,focused)=>{if(focused)editorFocused=node;else if(editorFocused===node)editorFocused=void 0;schedulePendingConnect()};const setEditorComposing=(node,composing)=>{if(composing)editorComposing=node;else if(editorComposing===node)editorComposing=void 0;schedulePendingConnect()};provide(key,{state,expandedRows,headers,headerCount,registerRow:(node,rowIndex,level,expanded)=>connection.value?.setRowAttributes(node,{rowIndex:rowIndex+headerCount.value,level,...expanded===void 0?{}:{expanded}}),registerCell:(node,id,columnIndex)=>connection.value?.setCellAttributes(node,{id,columnIndex}),registerDisclosure:(node,id)=>connection.value?.setDisclosureAttributes(node,id),registerEditor:(node,id,label)=>connection.value?.bindEditor(node,{id,...label===void 0?{}:{label}}),unregisterEditor:node=>{connection.value?.unbindEditor(node);setEditorFocused(node,false);setEditorComposing(node,false)},setEditorFocused,setEditorComposing,handleEditorKeydown:event=>{if(connection.value?.handleKeyboardEvent(event)!==true)return;event.preventDefault();event.stopPropagation()}});onMounted(()=>{mounted=true;connect()});onBeforeUnmount(()=>{mounted=false;if(reconnectTimer!==null)clearTimeout(reconnectTimer);reconnectTimer=null;reconnectPending=false;editorFocused=void 0;editorComposing=void 0;connection.value?.disconnect()});watch([()=>props.rows,()=>props.getCellValue,()=>props.setCellValue,()=>props.disabled,()=>props.readonly,()=>props.policies],requestConnect);watch(headers,refreshParts,{flush:"post"});watch([()=>props.modelValue,()=>props.expandedValue,()=>props.highlightedValue,()=>props.editMode],()=>{if(connection.value===void 0)return;const result=connection.value.syncControlledValues({...controlled.value?{value:props.modelValue}:{},...controlled.expanded?{expandedValue:props.expandedValue}:{},...controlled.highlighted?{highlightedValue:props.highlightedValue}:{},...controlled.editMode?{editMode:props.editMode}:{}});if(!result.ok)throw new TypeError(result.error.message);refresh()});return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,elementRef:node=>{element.value=node instanceof HTMLElement?node:void 0},role:"treegrid","aria-rowcount":props.rows.length+headerCount.value,"aria-colcount":columnCount.value,"data-column-count":columnCount.value,"data-scope":"tree-grid","data-part":"root","data-edit-mode":state.value.editMode}),{default:()=>slots["default"]?.(state.value)})}});const TreeGridHeader=defineComponent({name:"SectileTreeGridHeader",inheritAttrs:false,props:partProps,slots:Object,setup(props,{attrs,slots}){const root=useRoot("TreeGridHeader");return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,role:"row","aria-rowindex":1,hidden:root.headerCount.value===0,"data-scope":"tree-grid","data-part":"header"}),{default:()=>slots["default"]?.({headers:root.headers.value})??root.headers.value.map((_label,index)=>h(TreeGridHeaderCell,{key:index,columnIndex:index+1}))})}});const TreeGridHeaderCell=defineComponent({name:"SectileTreeGridHeaderCell",inheritAttrs:false,props:{columnIndex:{type:Number,required:true},...partProps},slots:Object,setup(props,{attrs,slots}){const root=useRoot("TreeGridHeaderCell");return()=>{const label=root.headers.value[props.columnIndex-1]??"";return h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,role:"columnheader","aria-colindex":props.columnIndex,"data-scope":"tree-grid","data-part":"headerCell"}),{default:()=>slots["default"]?.({columnIndex:props.columnIndex,label})??label})}}});const TreeGridRow=defineComponent({name:"SectileTreeGridRow",inheritAttrs:false,props:{value:{type:String,required:true},rowIndex:{type:Number,required:true},level:{type:Number,default:1},expandable:{type:Boolean,default:false},...partProps},slots:Object,setup(props,{attrs,slots}){const root=useRoot("TreeGridRow");const state=computed(()=>({...root.state.value,value:props.value,expanded:root.expandedRows.value.has(props.value)}));return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,elementRef:node=>{if(node instanceof HTMLElement)root.registerRow(node,props.rowIndex,props.level,props.expandable?state.value.expanded:void 0)},role:"row","aria-rowindex":props.rowIndex+root.headerCount.value,"aria-level":props.level,"aria-expanded":props.expandable?state.value.expanded:void 0,"data-sectile-tree-grid-row":props.value,"data-row-index":props.rowIndex,"data-level":props.level,"data-expandable":props.expandable?"":void 0,"data-expanded":props.expandable&&state.value.expanded?"":void 0,"data-scope":"tree-grid","data-part":"row"}),{default:()=>slots["default"]?.(state.value)})}});const TreeGridGroup=defineComponent({name:"SectileTreeGridGroup",inheritAttrs:false,props:{for:{type:String,required:true},...partProps,...conditionalPresenceProps},slots:Object,setup(props,{attrs,slots}){const root=useRoot("TreeGridGroup"),expanded=computed(()=>root.expandedRows.value.has(props.for));const presence=useConditionalPresence(expanded,computed(()=>props.forcePresent));return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,elementRef:presence.register,role:"rowgroup",hidden:presence.hidden.value,...!expanded.value&&presence.present.value?{inert:true,"aria-hidden":"true"}:{},"data-scope":"tree-grid","data-part":"group","data-state":expanded.value?"open":"closed"}),{default:()=>slots["default"]?.(root.state.value)})}});const TreeGridCell=defineComponent({name:"SectileTreeGridCell",inheritAttrs:false,props:{value:{type:String,required:true},columnIndex:{type:Number,required:true},...partProps},slots:Object,setup(props,{attrs,slots}){const root=useRoot("TreeGridCell");const state=computed(()=>({...root.state.value,value:props.value,selected:root.state.value.value===props.value,highlighted:root.state.value.highlightedValue===props.value,editing:root.state.value.highlightedValue===props.value&&root.state.value.editMode==="editing"}));return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,elementRef:node=>{if(node instanceof HTMLElement)root.registerCell(node,props.value,props.columnIndex)},role:"gridcell","aria-colindex":props.columnIndex,"aria-selected":state.value.selected,"data-sectile-tree-grid-cell":props.value,"data-column-index":props.columnIndex,"data-scope":"tree-grid","data-part":"cell","data-selected":state.value.selected?"":void 0,"data-highlighted":state.value.highlighted?"":void 0,"data-editing":state.value.editing?"":void 0}),{default:()=>slots["default"]?.(state.value)})}});const TreeGridDisclosure=defineComponent({name:"SectileTreeGridDisclosure",inheritAttrs:false,props:{for:{type:String,required:true},as:{type:[String,Object,Function],default:"span"},asChild:{type:Boolean,default:false}},slots:Object,setup(props,{attrs,slots}){const root=useRoot("TreeGridDisclosure");const state=computed(()=>({...root.state.value,value:props.for,expanded:root.expandedRows.value.has(props.for)}));return()=>h(Primitive,mergeProps(attrs,{as:props.as,asChild:props.asChild,type:props.as==="button"?"button":void 0,disabled:props.as==="button"?root.state.value.disabled:void 0,elementRef:node=>{if(node instanceof HTMLElement)root.registerDisclosure(node,props.for)},"data-sectile-tree-grid-disclosure":props.for,"data-scope":"tree-grid","data-part":"disclosure","data-state":state.value.expanded?"open":"closed"}),{default:()=>slots["default"]?.(state.value)})}});const TreeGridEditor=defineComponent({name:"SectileTreeGridEditor",inheritAttrs:false,props:{for:{type:String,required:true},label:{type:String,default:void 0},...conditionalPresenceProps},setup(props,{attrs}){const root=useRoot("TreeGridEditor");const editing=computed(()=>root.state.value.highlightedValue===props.for&&root.state.value.editMode==="editing");const forcePresent=computed(()=>props.forcePresent);const presence=useConditionalPresence(editing,forcePresent);let registeredInput;const register=node=>{const element=presence.register(node);const input=element?.tagName==="INPUT"?element:void 0;if(registeredInput!==void 0&&registeredInput!==input)root.unregisterEditor(registeredInput);registeredInput=input;if(input!==void 0)root.registerEditor(input,props.for,props.label)};const setFocused=focused=>{if(registeredInput!==void 0)root.setEditorFocused(registeredInput,focused)};const setComposing=composing=>{if(registeredInput!==void 0)root.setEditorComposing(registeredInput,composing)};onBeforeUnmount(()=>{if(registeredInput!==void 0)root.unregisterEditor(registeredInput);registeredInput=void 0});return()=>{const inactivePresent=!editing.value&&presence.present.value;return h("input",mergeProps(attrs,{ref:register,hidden:presence.hidden.value,tabindex:inactivePresent?-1:void 0,onKeydown:root.handleEditorKeydown,onFocus:()=>setFocused(true),onBlur:()=>setFocused(false),onCompositionstart:()=>setComposing(true),onCompositionend:()=>setComposing(false),...inactivePresent?{inert:true,"aria-hidden":"true"}:{},disabled:root.state.value.disabled,readonly:root.state.value.readonly,"aria-label":props.label,"data-sectile-tree-grid-editor":props.for,"data-scope":"tree-grid","data-part":"editor","data-state":editing.value?"editing":"idle"}))}}});function numberData(value,fallback){const parsed=Number(value);return Number.isFinite(parsed)?parsed:fallback}function maxTreeGridColumnCount(rows){let maximum=0;for(const row of rows)maximum=Math.max(maximum,row.cells.length);return maximum}function useRoot(part){const root=inject(key);if(root===void 0)throw new TypeError(`${part} must be used inside TreeGridRoot.`);return root}function snapshotTreeGridConnectionOwner(props){return Object.freeze({rows:Object.freeze(props.rows.map(row=>Object.freeze({id:row.id,parentID:row.parentID,cells:Object.freeze([...row.cells])}))),disabled:props.disabled,readonly:props.readonly,eligible:props.policies?.eligible,boundary:props.policies?.boundary,maxScan:props.policies?.maxScan})}function sameTreeGridConnectionOwner(left,right){if(left.rows.length!==right.rows.length||left.disabled!==right.disabled||left.readonly!==right.readonly||left.eligible!==right.eligible||left.boundary!==right.boundary||left.maxScan!==right.maxScan)return false;for(let rowIndex=0;rowIndex<left.rows.length;rowIndex+=1){const leftRow=left.rows[rowIndex];const rightRow=right.rows[rowIndex];if(leftRow.id!==rightRow.id||leftRow.parentID!==rightRow.parentID||leftRow.cells.length!==rightRow.cells.length)return false;for(let column=0;column<leftRow.cells.length;column+=1){if(leftRow.cells[column]!==rightRow.cells[column])return false}}return true}export{TreeGridCell,TreeGridDisclosure,TreeGridEditor,TreeGridGroup,TreeGridHeader,TreeGridHeaderCell,TreeGridRoot,TreeGridRow};
 //# sourceMappingURL=tree-grid.js.map