@threadlabs/looma 0.30.1 → 0.30.3

package/vue/UiTreeItem.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_11: {}, __VLS_13: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_1) => any;
@@ -12,63 +13,51 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     accepts: {
         type: PropType<string | null>;
-        default: string;
     };
     actionsVisible: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     container: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     dragType: {
         type: PropType<string | null>;
-        default: string;
     };
     dropDepth: {
         type: PropType<number | null>;
-        default: null;
     };
     dropScope: {
         type: PropType<string | null>;
-        default: string;
     };
     expanded: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     itemId: {
         type: PropType<string | null>;
-        default: string;
     };
     label: {
         type: PropType<string | null>;
-        default: string;
     };
     lazy: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     marquee: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     selected: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     sortable: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     subtreeDepth: {
         type: PropType<number | null>;
-        default: null;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:expanded": (value: boolean) => any;
@@ -80,63 +69,51 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     accepts: {
         type: PropType<string | null>;
-        default: string;
     };
     actionsVisible: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     container: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     dragType: {
         type: PropType<string | null>;
-        default: string;
     };
     dropDepth: {
         type: PropType<number | null>;
-        default: null;
     };
     dropScope: {
         type: PropType<string | null>;
-        default: string;
     };
     expanded: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     itemId: {
         type: PropType<string | null>;
-        default: string;
     };
     label: {
         type: PropType<string | null>;
-        default: string;
     };
     lazy: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     marquee: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     selected: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     sortable: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     subtreeDepth: {
         type: PropType<number | null>;
-        default: null;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
@@ -145,23 +122,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly expanded: boolean;
         readonly trigger: "keyboard" | "pointer" | "programmatic";
     }>) => any) | undefined;
-}>, {
-    label: string | null;
-    marquee: boolean | null;
-    selected: boolean | null;
-    disabled: boolean | null;
-    expanded: boolean | null;
-    container: boolean | null;
-    lazy: boolean | null;
-    sortable: boolean | null;
-    accepts: string | null;
-    actionsVisible: boolean | null;
-    dragType: string | null;
-    dropDepth: number | null;
-    dropScope: string | null;
-    itemId: string | null;
-    subtreeDepth: number | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/vue/UiTreeItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.63 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -12,7 +12,18 @@ import {
   useReflectedProp,
 } from './host'
 import { acceptsControllerWrite } from './props'
-import { checkedProp, propValidityState, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  propValidityState,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 import UiButton from './UiButton.vue'
 
 defineOptions({ inheritAttrs: false })
@@ -140,21 +151,22 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  accepts: { type: null as unknown as PropType<string | null>, default: '' },
-  actionsVisible: { type: null as unknown as PropType<boolean | null>, default: false },
-  container: { type: null as unknown as PropType<boolean | null>, default: false },
-  disabled: { type: null as unknown as PropType<boolean | null>, default: false },
-  dragType: { type: null as unknown as PropType<string | null>, default: 'item' },
-  dropDepth: { type: null as unknown as PropType<number | null>, default: null },
-  dropScope: { type: null as unknown as PropType<string | null>, default: '' },
-  expanded: { type: null as unknown as PropType<boolean | null>, default: false },
-  itemId: { type: null as unknown as PropType<string | null>, default: '' },
-  label: { type: null as unknown as PropType<string | null>, default: '' },
-  lazy: { type: null as unknown as PropType<boolean | null>, default: false },
-  marquee: { type: null as unknown as PropType<boolean | null>, default: false },
-  selected: { type: null as unknown as PropType<boolean | null>, default: false },
-  sortable: { type: null as unknown as PropType<boolean | null>, default: false },
-  subtreeDepth: { type: null as unknown as PropType<number | null>, default: null },
+  accepts: { type: null as unknown as PropType<string | null> },
+  actionsVisible: { type: null as unknown as PropType<boolean | null> },
+  container: { type: null as unknown as PropType<boolean | null> },
+  disabled: { type: null as unknown as PropType<boolean | null> },
+  dragType: { type: null as unknown as PropType<string | null> },
+  dropDepth: { type: null as unknown as PropType<number | null> },
+  dropScope: { type: null as unknown as PropType<string | null> },
+  expanded: { type: null as unknown as PropType<boolean | null> },
+  itemId: { type: null as unknown as PropType<string | null> },
+  label: { type: null as unknown as PropType<string | null> },
+  lazy: { type: null as unknown as PropType<boolean | null> },
+  marquee: { type: null as unknown as PropType<boolean | null> },
+  selected: { type: null as unknown as PropType<boolean | null> },
+  sortable: { type: null as unknown as PropType<boolean | null> },
+  subtreeDepth: { type: null as unknown as PropType<number | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   accepts: '',
@@ -173,113 +185,144 @@ const acceptedProps: Record<string, unknown> = {
   sortable: false,
   subtreeDepth: null,
 }
-const checkedProps = computed(() => ({
-  accepts: checkedProp<string>(
-    props['accepts'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'accepts',
-    acceptedProps,
-  ) as string,
-  actionsVisible: checkedProp<boolean>(
-    props['actionsVisible'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'actionsVisible',
-    acceptedProps,
-  ) as boolean,
-  container: checkedProp<boolean>(
-    props['container'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'container',
-    acceptedProps,
-  ) as boolean,
-  disabled: checkedProp<boolean>(
-    props['disabled'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'disabled',
-    acceptedProps,
-  ) as boolean,
-  dragType: checkedProp<string>(
-    props['dragType'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'dragType',
-    acceptedProps,
-  ) as string,
-  dropDepth: checkedProp<number>(
-    props['dropDepth'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'dropDepth',
-    acceptedProps,
-  ),
-  dropScope: checkedProp<string>(
-    props['dropScope'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'dropScope',
-    acceptedProps,
-  ) as string,
-  expanded: checkedProp<boolean>(
-    props['expanded'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'expanded',
-    acceptedProps,
-  ) as boolean,
-  itemId: checkedProp<string>(
-    props['itemId'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'itemId',
-    acceptedProps,
-  ) as string,
-  label: checkedProp<string>(
-    props['label'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'label',
-    acceptedProps,
-  ) as string,
-  lazy: checkedProp<boolean>(
-    props['lazy'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'lazy',
-    acceptedProps,
-  ) as boolean,
-  marquee: checkedProp<boolean>(
-    props['marquee'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'marquee',
-    acceptedProps,
-  ) as boolean,
-  selected: checkedProp<boolean>(
-    props['selected'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'selected',
-    acceptedProps,
-  ) as boolean,
-  sortable: checkedProp<boolean>(
-    props['sortable'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'sortable',
-    acceptedProps,
-  ) as boolean,
-  subtreeDepth: checkedProp<number>(
-    props['subtreeDepth'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'subtreeDepth',
-    acceptedProps,
-  ),
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  accepts: '',
+  actionsVisible: false,
+  container: false,
+  disabled: false,
+  dragType: 'item',
+  dropScope: '',
+  expanded: false,
+  itemId: '',
+  label: '',
+  lazy: false,
+  marquee: false,
+  selected: false,
+  sortable: false,
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'accepts':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'actionsVisible':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'container':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'disabled':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'dragType':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'dropDepth':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    case 'dropScope':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'expanded':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'itemId':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'label':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'lazy':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'marquee':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'selected':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'sortable':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'subtreeDepth':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    default:
+      return { ok: false }
+  }
+}, () => {
+  void checkedProps.value
+})
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    accepts: propInputs.value<string | null>(
+      'accepts',
+      props['accepts'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    actionsVisible: propInputs.value<boolean | null>(
+      'actionsVisible',
+      props['actionsVisible'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    container: propInputs.value<boolean | null>(
+      'container',
+      props['container'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    disabled: propInputs.value<boolean | null>(
+      'disabled',
+      props['disabled'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    dragType: propInputs.value<string | null>(
+      'dragType',
+      props['dragType'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    dropDepth: propInputs.value<number | null>(
+      'dropDepth',
+      props['dropDepth'],
+      props[BINDING_INPUTS_PROP],
+    ),
+    dropScope: propInputs.value<string | null>(
+      'dropScope',
+      props['dropScope'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    expanded: propInputs.value<boolean | null>(
+      'expanded',
+      props['expanded'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    itemId: propInputs.value<string | null>(
+      'itemId',
+      props['itemId'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    label: propInputs.value<string | null>(
+      'label',
+      props['label'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    lazy: propInputs.value<boolean | null>(
+      'lazy',
+      props['lazy'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    marquee: propInputs.value<boolean | null>(
+      'marquee',
+      props['marquee'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    selected: propInputs.value<boolean | null>(
+      'selected',
+      props['selected'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    sortable: propInputs.value<boolean | null>(
+      'sortable',
+      props['sortable'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    subtreeDepth: propInputs.value<number | null>(
+      'subtreeDepth',
+      props['subtreeDepth'],
+      props[BINDING_INPUTS_PROP],
+    ),
+  })
+})
+const inputStatus = (name: string, handlesError: boolean) => {
+  void checkedProps.value
+  void inputTracking.version.value
+  return requireInputStatus(propInputs.status(name), handlesError)
+}
 void checkedProps.value
 watchSyncEffect(() => {
   void checkedProps.value
@@ -446,11 +489,20 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
       } as Record<string, any>)[name],
       keys,
     ),
+  initials: {
+    internalExpanded: false,
+    structuralLevel: 1,
+    tabStop: false,
+    isContainer: false,
+    moving: false,
+  },
   controllerSource: {
     specifier: '../components/ui-tree-item/ui-tree-item.js',
     definition: './components/ui-tree-item/ui-tree-item.html',
   },
   props: checkedProps,
+  inputs: propInputs,
+  inputTracking,
   propInputs: (name: string) => {
     const incoming = hydrationInstance?.vnode.props
     const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())
@@ -590,9 +642,8 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
           tone="neutral"
           size="sm"
           aria-label="Cancel move"
-        >Cancel</UiButton>{{ ' ' }}<span data-hn-ui-tree-item><slot
-            name="actions"
-          /></span></span>{{ ' ' }}<span
+        >Cancel</UiButton>
+        <span v-else data-hn-ui-tree-item><slot name="actions" /></span></span>{{ ' ' }}<span
         class="drop-indicator row-drop-indicator"
         aria-hidden="true"
         data-hn-ui-tree-item

package/vue/chunks/UiActionBar.js

@@ -37,6 +37,6 @@ var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			])], 16);
 		};
 	}
-}), [["__scopeId", "data-v-cb03112d"]]);
+}), [["__scopeId", "data-v-d821f31d"]]);
 //#endregion
 export { UiActionBar_default as t };

package/vue/chunks/UiAffordanceScope.js

@@ -1,5 +1,5 @@
 import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAffordanceScope.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -13,14 +13,9 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 	inheritAttrs: false,
 	__name: "UiAffordanceScope",
 	props: {
-		guide: {
-			type: null,
-			default: "dot"
-		},
-		nearRadius: {
-			type: null,
-			default: 16
-		}
+		guide: { type: null },
+		nearRadius: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -47,20 +42,35 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			guide: "dot",
 			nearRadius: 16
-		};
-		const checkedProps = computed(() => ({
-			guide: checkedProp(props["guide"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "guide", acceptedProps),
-			nearRadius: checkedProp(props["nearRadius"], {
-				kind: "terminal",
-				name: "number"
-			}, false, "nearRadius", acceptedProps)
-		}));
+		}, {
+			guide: "dot",
+			nearRadius: 16
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "guide": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "nearRadius": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				guide: propInputs.value("guide", props["guide"], props[BINDING_INPUTS_PROP]),
+				nearRadius: propInputs.value("nearRadius", props["nearRadius"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -85,11 +95,14 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 				kind: "terminal",
 				name: "boolean"
 			} }[name], keys),
+			initials: { engaged: false },
 			controllerSource: {
 				specifier: "../components/ui-affordance-scope/ui-affordance-scope.js",
 				definition: "./components/ui-affordance-scope/ui-affordance-scope.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -117,6 +130,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-3d2e92af"]]);
+}), [["__scopeId", "data-v-78518759"]]);
 //#endregion
 export { UiAffordanceScope_default as t };