@threadlabs/looma 0.30.1 → 0.30.3

package/vue/UiContainer.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,34 +7,30 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     fill: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     gutters: {
         type: PropType<"s" | "m" | "l" | null>;
-        default: null;
     };
     measure: {
         type: PropType<"narrow" | "wide" | null>;
-        default: null;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     fill: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     gutters: {
         type: PropType<"s" | "m" | "l" | null>;
-        default: null;
     };
     measure: {
         type: PropType<"narrow" | "wide" | null>;
-        default: null;
     };
-}>> & Readonly<{}>, {
-    fill: boolean | null;
-    gutters: "s" | "m" | "l" | null;
-    measure: "narrow" | "wide" | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, 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/UiContainer.vue

@@ -1,9 +1,19 @@
-<!-- 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, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { checkHydratedRoot, nativeAttrs, useReflectedProp } from './host'
-import { checkedProp, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -36,34 +46,57 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  fill: { type: null as unknown as PropType<boolean | null>, default: false },
-  gutters: { type: null as unknown as PropType<'s' | 'm' | 'l' | null>, default: null },
-  measure: { type: null as unknown as PropType<'narrow' | 'wide' | null>, default: null },
+  fill: { type: null as unknown as PropType<boolean | null> },
+  gutters: { type: null as unknown as PropType<'s' | 'm' | 'l' | null> },
+  measure: { type: null as unknown as PropType<'narrow' | 'wide' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { fill: false, gutters: null, measure: null }
-const checkedProps = computed(() => ({
-  fill: checkedProp<boolean>(
-    props['fill'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'fill',
-    acceptedProps,
-  ) as boolean,
-  gutters: checkedProp<'s' | 'm' | 'l'>(
-    props['gutters'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'gutters',
-    acceptedProps,
-  ),
-  measure: checkedProp<'narrow' | 'wide'>(
-    props['measure'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'measure',
-    acceptedProps,
-  ),
-}))
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { fill: false },
+  (name, value, source, values) => {
+    switch (name) {
+      case 'fill':
+        return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+      case 'gutters':
+        return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+      case 'measure':
+        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 ({
+    fill: propInputs.value<boolean | null>(
+      'fill',
+      props['fill'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    gutters: propInputs.value<'s' | 'm' | 'l' | null>(
+      'gutters',
+      props['gutters'],
+      props[BINDING_INPUTS_PROP],
+    ),
+    measure: propInputs.value<'narrow' | 'wide' | null>(
+      'measure',
+      props['measure'],
+      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

package/vue/UiContextMenu.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,16 +7,17 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     for: {
         type: PropType<string | null>;
-        default: string;
     };
     open: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: CustomEvent<{
         readonly value: string;
-        readonly checked?: boolean;
+        readonly checked?: boolean | null;
         readonly trigger: "keyboard" | "pointer" | "programmatic";
     }>) => any;
     close: (event: CustomEvent<{
@@ -32,16 +34,17 @@ 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;
     };
     open: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     onSelect?: ((event: CustomEvent<{
         readonly value: string;
-        readonly checked?: boolean;
+        readonly checked?: boolean | null;
         readonly trigger: "keyboard" | "pointer" | "programmatic";
     }>) => any) | undefined;
     onClose?: ((event: CustomEvent<{
@@ -55,10 +58,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly trigger: "keyboard" | "pointer" | "programmatic";
     }>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {
-    open: boolean | null;
-    for: string | 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/UiContextMenu.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'
@@ -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 })
 
@@ -34,26 +45,45 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  for: { type: null as unknown as PropType<string | null>, default: '' },
-  open: { type: null as unknown as PropType<boolean | null>, default: false },
+  for: { type: null as unknown as PropType<string | null> },
+  open: { type: null as unknown as PropType<boolean | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { for: '', open: false }
-const checkedProps = computed(() => ({
-  for: checkedProp<string>(
-    props['for'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'for',
-    acceptedProps,
-  ) as string,
-  open: checkedProp<boolean>(
-    props['open'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'open',
-    acceptedProps,
-  ) as boolean,
-}))
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { for: '', open: false },
+  (name, value, source, values) => {
+    switch (name) {
+      case 'for':
+        return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+      case 'open':
+        return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, 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,
+    open: propInputs.value<boolean | null>(
+      'open',
+      props['open'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+  })
+})
+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
@@ -84,7 +114,7 @@ const emit = defineEmits<{
     event: CustomEvent<
       {
         readonly value: string
-        readonly checked?: boolean
+        readonly checked?: boolean | null
         readonly trigger: 'keyboard' | 'pointer' | 'programmatic'
       }
     >,
@@ -113,7 +143,7 @@ const isSelectDetail = (
   detail: unknown,
 ): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
   && typeof (detail as Record<string, unknown>)['value'] === 'string'
-  && ((detail as Record<string, unknown>)['checked'] === undefined
+  && ((detail as Record<string, unknown>)['checked'] == null
     || typeof (detail as Record<string, unknown>)['checked'] === 'boolean')
   && ((detail as Record<string, unknown>)['trigger'] === 'keyboard'
     || (detail as Record<string, unknown>)['trigger'] === 'pointer'
@@ -137,11 +167,14 @@ useComponentHost(() => import('../components/ui-context-menu/ui-context-menu.js'
       ({ internalOpen: { kind: 'terminal', name: 'boolean' } } as Record<string, any>)[name],
       keys,
     ),
+  initials: { internalOpen: false },
   controllerSource: {
     specifier: '../components/ui-context-menu/ui-context-menu.js',
     definition: './components/ui-context-menu/ui-context-menu.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/UiCover.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,16 +7,18 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<"screen" | "fill" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<"screen" | "fill" | null>;
-        default: string;
     };
-}>> & Readonly<{}>, {
-    size: "fill" | "screen" | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, 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/UiCover.vue

@@ -1,9 +1,19 @@
-<!-- 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, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { checkHydratedRoot, nativeAttrs, useReflectedProp } from './host'
-import { checkedProp, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -21,18 +31,41 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  size: { type: null as unknown as PropType<'screen' | 'fill' | null>, default: 'screen' },
+  size: { type: null as unknown as PropType<'screen' | 'fill' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { size: 'screen' }
-const checkedProps = computed(() => ({
-  size: checkedProp<'screen' | 'fill'>(
-    props['size'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'size',
-    acceptedProps,
-  ) as 'screen' | 'fill',
-}))
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { size: 'screen' },
+  (name, value, source, values) => {
+    switch (name) {
+      case 'size':
+        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 ({
+    size: propInputs.value<'screen' | 'fill' | null>(
+      'size',
+      props['size'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'screen' | 'fill',
+  })
+})
+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

package/vue/UiDescriptionItem.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,16 +7,18 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     term: {
         type: PropType<string | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     term: {
         type: PropType<string | null>;
-        default: string;
     };
-}>> & Readonly<{}>, {
-    term: string | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, 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/UiDescriptionItem.vue

@@ -1,9 +1,19 @@
-<!-- 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, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { checkHydratedRoot, nativeAttrs, useReflectedProp } from './host'
-import { checkedProp, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -19,18 +29,36 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  term: { type: null as unknown as PropType<string | null>, default: '' },
+  term: { type: null as unknown as PropType<string | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { term: '' }
-const checkedProps = computed(() => ({
-  term: checkedProp<string>(
-    props['term'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'term',
-    acceptedProps,
-  ) as string,
-}))
+const inputTracking = vuePropInputs(acceptedProps, { term: '' }, (name, value, source, values) => {
+  switch (name) {
+    case 'term':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    default:
+      return { ok: false }
+  }
+}, () => {
+  void checkedProps.value
+})
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    term: propInputs.value<string | null>(
+      'term',
+      props['term'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+  })
+})
+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

package/vue/UiDescriptionList.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,34 +7,30 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     columns: {
         type: PropType<"2" | "3" | "4" | null>;
-        default: null;
     };
     density: {
         type: PropType<"comfortable" | "compact" | null>;
-        default: string;
     };
     layout: {
         type: PropType<"rows" | "stacked" | "grid" | "tiles" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     columns: {
         type: PropType<"2" | "3" | "4" | null>;
-        default: null;
     };
     density: {
         type: PropType<"comfortable" | "compact" | null>;
-        default: string;
     };
     layout: {
         type: PropType<"rows" | "stacked" | "grid" | "tiles" | null>;
-        default: string;
     };
-}>> & Readonly<{}>, {
-    columns: "2" | "3" | "4" | null;
-    density: "comfortable" | "compact" | null;
-    layout: "rows" | "stacked" | "grid" | "tiles" | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, 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;