@threadlabs/looma 0.30.2 → 0.30.4

package/vue/UiTooltip.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -8,31 +9,27 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     for: {
         type: PropType<string | null>;
-        default: string;
     };
     hideDelay: {
         type: PropType<number | null>;
-        default: number;
     };
     inverse: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     open: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     placement: {
         type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | null>;
-        default: string;
     };
     showDelay: {
         type: PropType<number | null>;
-        default: number;
     };
     trigger: {
         type: PropType<"hover" | "click" | "focus" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (event: CustomEvent<{
@@ -50,31 +47,27 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     for: {
         type: PropType<string | null>;
-        default: string;
     };
     hideDelay: {
         type: PropType<number | null>;
-        default: number;
     };
     inverse: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     open: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     placement: {
         type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | null>;
-        default: string;
     };
     showDelay: {
         type: PropType<number | null>;
-        default: number;
     };
     trigger: {
         type: PropType<"hover" | "click" | "focus" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     onClose?: ((event: CustomEvent<{
@@ -89,15 +82,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     }>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:trigger"?: ((value: string) => any) | undefined;
-}>, {
-    open: boolean | null;
-    inverse: boolean | null;
-    trigger: "click" | "focus" | "hover" | null;
-    for: string | null;
-    placement: "left" | "right" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | null;
-    hideDelay: number | null;
-    showDelay: 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/UiTooltip.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.64 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -10,7 +10,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'
 
 defineOptions({ inheritAttrs: false })
 
@@ -86,10 +97,10 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  for: { type: null as unknown as PropType<string | null>, default: '' },
-  hideDelay: { type: null as unknown as PropType<number | null>, default: 100 },
-  inverse: { type: null as unknown as PropType<boolean | null>, default: false },
-  open: { type: null as unknown as PropType<boolean | null>, default: false },
+  for: { type: null as unknown as PropType<string | null> },
+  hideDelay: { type: null as unknown as PropType<number | null> },
+  inverse: { type: null as unknown as PropType<boolean | null> },
+  open: { type: null as unknown as PropType<boolean | null> },
   placement: {
     type: null as unknown as PropType<
       | 'top'
@@ -106,13 +117,10 @@ const props = defineProps({
       | 'right-end'
       | null
     >,
-    default: 'top',
-  },
-  showDelay: { type: null as unknown as PropType<number | null>, default: 500 },
-  trigger: {
-    type: null as unknown as PropType<'hover' | 'click' | 'focus' | null>,
-    default: 'hover',
   },
+  showDelay: { type: null as unknown as PropType<number | null> },
+  trigger: { type: null as unknown as PropType<'hover' | 'click' | 'focus' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   for: '',
@@ -123,76 +131,100 @@ const acceptedProps: Record<string, unknown> = {
   showDelay: 500,
   trigger: 'hover',
 }
-const checkedProps = computed(() => ({
-  for: checkedProp<string>(
-    props['for'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'for',
-    acceptedProps,
-  ) as string,
-  hideDelay: checkedProp<number>(
-    props['hideDelay'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'hideDelay',
-    acceptedProps,
-  ) as number,
-  inverse: checkedProp<boolean>(
-    props['inverse'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'inverse',
-    acceptedProps,
-  ) as boolean,
-  open: checkedProp<boolean>(
-    props['open'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'open',
-    acceptedProps,
-  ) as boolean,
-  placement: checkedProp<
-    | 'top'
-    | 'top-start'
-    | 'top-end'
-    | 'bottom'
-    | 'bottom-start'
-    | 'bottom-end'
-    | 'left'
-    | 'left-start'
-    | 'left-end'
-    | 'right'
-    | 'right-start'
-    | 'right-end'
-  >(props['placement'], { kind: 'terminal', name: 'keyword' }, false, 'placement', acceptedProps) as
-    | 'top'
-    | 'top-start'
-    | 'top-end'
-    | 'bottom'
-    | 'bottom-start'
-    | 'bottom-end'
-    | 'left'
-    | 'left-start'
-    | 'left-end'
-    | 'right'
-    | 'right-start'
-    | 'right-end',
-  showDelay: checkedProp<number>(
-    props['showDelay'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'showDelay',
-    acceptedProps,
-  ) as number,
-  trigger: checkedProp<'hover' | 'click' | 'focus'>(
-    props['trigger'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'trigger',
-    acceptedProps,
-  ) as 'hover' | 'click' | 'focus',
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  for: '',
+  hideDelay: 100,
+  inverse: false,
+  open: false,
+  placement: 'top',
+  showDelay: 500,
+  trigger: 'hover',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'for':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'hideDelay':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    case 'inverse':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'open':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'placement':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'showDelay':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    case 'trigger':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    default:
+      return { ok: false }
+  }
+}, () => {
+  void checkedProps.value
+})
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    for: propInputs.value<string | null>('for', props['for'], props[BINDING_INPUTS_PROP]) as string,
+    hideDelay: propInputs.value<number | null>(
+      'hideDelay',
+      props['hideDelay'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    inverse: propInputs.value<boolean | null>(
+      'inverse',
+      props['inverse'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    open: propInputs.value<boolean | null>(
+      'open',
+      props['open'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    placement: propInputs.value<
+      | 'top'
+      | 'top-start'
+      | 'top-end'
+      | 'bottom'
+      | 'bottom-start'
+      | 'bottom-end'
+      | 'left'
+      | 'left-start'
+      | 'left-end'
+      | 'right'
+      | 'right-start'
+      | 'right-end'
+      | null
+    >('placement', props['placement'], props[BINDING_INPUTS_PROP]) as
+      | 'top'
+      | 'top-start'
+      | 'top-end'
+      | 'bottom'
+      | 'bottom-start'
+      | 'bottom-end'
+      | 'left'
+      | 'left-start'
+      | 'left-end'
+      | 'right'
+      | 'right-start'
+      | 'right-end',
+    showDelay: propInputs.value<number | null>(
+      'showDelay',
+      props['showDelay'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    trigger: propInputs.value<'hover' | 'click' | 'focus' | null>(
+      'trigger',
+      props['trigger'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'hover' | 'click' | 'focus',
+  })
+})
+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
@@ -263,11 +295,14 @@ useComponentHost(() => import('../components/ui-tooltip/ui-tooltip.js'), {
       ({ internalOpen: { kind: 'terminal', name: 'boolean' } } as Record<string, any>)[name],
       keys,
     ),
+  initials: { internalOpen: false },
   controllerSource: {
     specifier: '../components/ui-tooltip/ui-tooltip.js',
     definition: './components/ui-tooltip/ui-tooltip.html',
   },
   props: checkedProps,
+  inputs: propInputs,
+  inputTracking,
   propInputs: (name: string) => {
     const incoming = hydrationInstance?.vnode.props
     const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())

package/vue/UiTopBar.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.64 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { checkHydratedRoot, nativeAttrs } from './host'
 

package/vue/UiTree.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -6,31 +7,27 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     density: {
         type: PropType<"comfortable" | "compact" | null>;
-        default: string;
     };
     hoverExpandDelay: {
         type: PropType<number | null>;
-        default: number;
     };
     label: {
         type: PropType<string | null>;
-        default: string;
     };
     marquee: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     maxDepth: {
         type: PropType<number | null>;
-        default: number;
     };
     moveActivation: {
         type: PropType<"click" | "keyboard-touch" | null>;
-        default: string;
     };
     selection: {
         type: PropType<"none" | "single" | "multiple" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: CustomEvent<{
@@ -64,31 +61,27 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     density: {
         type: PropType<"comfortable" | "compact" | null>;
-        default: string;
     };
     hoverExpandDelay: {
         type: PropType<number | null>;
-        default: number;
     };
     label: {
         type: PropType<string | null>;
-        default: string;
     };
     marquee: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     maxDepth: {
         type: PropType<number | null>;
-        default: number;
     };
     moveActivation: {
         type: PropType<"click" | "keyboard-touch" | null>;
-        default: string;
     };
     selection: {
         type: PropType<"none" | "single" | "multiple" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     onSelect?: ((event: CustomEvent<{
@@ -119,15 +112,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly resultingDepth: number;
         readonly trigger: "keyboard" | "pointer" | "programmatic";
     }>) => any) | undefined;
-}>, {
-    label: string | null;
-    marquee: boolean | null;
-    selection: "none" | "multiple" | "single" | null;
-    density: "comfortable" | "compact" | null;
-    hoverExpandDelay: number | null;
-    maxDepth: number | null;
-    moveActivation: "click" | "keyboard-touch" | 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/UiTree.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.64 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -10,7 +10,18 @@ import {
   useComponentHost,
   useReflectedProp,
 } from './host'
-import { checkedProp, propValidityState, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  propValidityState,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -77,22 +88,14 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  density: {
-    type: null as unknown as PropType<'comfortable' | 'compact' | null>,
-    default: 'comfortable',
-  },
-  hoverExpandDelay: { type: null as unknown as PropType<number | null>, default: 700 },
-  label: { type: null as unknown as PropType<string | null>, default: 'Tree' },
-  marquee: { type: null as unknown as PropType<boolean | null>, default: false },
-  maxDepth: { type: null as unknown as PropType<number | null>, default: 0 },
-  moveActivation: {
-    type: null as unknown as PropType<'click' | 'keyboard-touch' | null>,
-    default: 'click',
-  },
-  selection: {
-    type: null as unknown as PropType<'none' | 'single' | 'multiple' | null>,
-    default: 'none',
-  },
+  density: { type: null as unknown as PropType<'comfortable' | 'compact' | null> },
+  hoverExpandDelay: { type: null as unknown as PropType<number | null> },
+  label: { type: null as unknown as PropType<string | null> },
+  marquee: { type: null as unknown as PropType<boolean | null> },
+  maxDepth: { type: null as unknown as PropType<number | null> },
+  moveActivation: { type: null as unknown as PropType<'click' | 'keyboard-touch' | null> },
+  selection: { type: null as unknown as PropType<'none' | 'single' | 'multiple' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   density: 'comfortable',
@@ -103,57 +106,82 @@ const acceptedProps: Record<string, unknown> = {
   moveActivation: 'click',
   selection: 'none',
 }
-const checkedProps = computed(() => ({
-  density: checkedProp<'comfortable' | 'compact'>(
-    props['density'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'density',
-    acceptedProps,
-  ) as 'comfortable' | 'compact',
-  hoverExpandDelay: checkedProp<number>(
-    props['hoverExpandDelay'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'hoverExpandDelay',
-    acceptedProps,
-  ) as number,
-  label: checkedProp<string>(
-    props['label'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'label',
-    acceptedProps,
-  ) as string,
-  marquee: checkedProp<boolean>(
-    props['marquee'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'marquee',
-    acceptedProps,
-  ) as boolean,
-  maxDepth: checkedProp<number>(
-    props['maxDepth'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'maxDepth',
-    acceptedProps,
-  ) as number,
-  moveActivation: checkedProp<'click' | 'keyboard-touch'>(
-    props['moveActivation'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'moveActivation',
-    acceptedProps,
-  ) as 'click' | 'keyboard-touch',
-  selection: checkedProp<'none' | 'single' | 'multiple'>(
-    props['selection'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'selection',
-    acceptedProps,
-  ) as 'none' | 'single' | 'multiple',
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  density: 'comfortable',
+  hoverExpandDelay: 700,
+  label: 'Tree',
+  marquee: false,
+  maxDepth: 0,
+  moveActivation: 'click',
+  selection: 'none',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'density':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'hoverExpandDelay':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    case 'label':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'marquee':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'maxDepth':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    case 'moveActivation':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'selection':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    default:
+      return { ok: false }
+  }
+}, () => {
+  void checkedProps.value
+})
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    density: propInputs.value<'comfortable' | 'compact' | null>(
+      'density',
+      props['density'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'comfortable' | 'compact',
+    hoverExpandDelay: propInputs.value<number | null>(
+      'hoverExpandDelay',
+      props['hoverExpandDelay'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    label: propInputs.value<string | null>(
+      'label',
+      props['label'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    marquee: propInputs.value<boolean | null>(
+      'marquee',
+      props['marquee'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    maxDepth: propInputs.value<number | null>(
+      'maxDepth',
+      props['maxDepth'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    moveActivation: propInputs.value<'click' | 'keyboard-touch' | null>(
+      'moveActivation',
+      props['moveActivation'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'click' | 'keyboard-touch',
+    selection: propInputs.value<'none' | 'single' | 'multiple' | null>(
+      'selection',
+      props['selection'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'none' | 'single' | 'multiple',
+  })
+})
+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
@@ -294,6 +322,8 @@ useComponentHost(() => import('../components/ui-tree/ui-tree.js'), {
     definition: './components/ui-tree/ui-tree.html',
   },
   props: checkedProps,
+  inputs: propInputs,
+  inputTracking,
   propInputs: (name: string) => {
     const incoming = hydrationInstance?.vnode.props
     const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())