@threadlabs/looma 0.30.2 → 0.30.3

package/vue/UiDisclosure.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'
@@ -11,7 +11,18 @@ import {
   warnUnless,
 } 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 })
 
@@ -93,18 +104,16 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  density: {
-    type: null as unknown as PropType<'comfortable' | 'compact' | null>,
-    default: 'comfortable',
-  },
-  disabled: { type: null as unknown as PropType<boolean | null>, default: false },
-  fill: { type: null as unknown as PropType<boolean | null>, default: false },
-  headingLevel: { type: null as unknown as PropType<number | null>, default: 0 },
-  name: { type: null as unknown as PropType<string | null>, default: '' },
-  open: { type: null as unknown as PropType<boolean | null>, default: false },
-  requiredOpen: { type: null as unknown as PropType<boolean | null>, default: false },
-  summary: { type: null as unknown as PropType<string | null>, default: 'Details' },
-  variant: { type: null as unknown as PropType<'plain' | 'navigation' | null>, default: 'plain' },
+  density: { type: null as unknown as PropType<'comfortable' | 'compact' | null> },
+  disabled: { type: null as unknown as PropType<boolean | null> },
+  fill: { type: null as unknown as PropType<boolean | null> },
+  headingLevel: { type: null as unknown as PropType<number | null> },
+  name: { type: null as unknown as PropType<string | null> },
+  open: { type: null as unknown as PropType<boolean | null> },
+  requiredOpen: { type: null as unknown as PropType<boolean | null> },
+  summary: { type: null as unknown as PropType<string | null> },
+  variant: { type: null as unknown as PropType<'plain' | 'navigation' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   density: 'comfortable',
@@ -117,71 +126,98 @@ const acceptedProps: Record<string, unknown> = {
   summary: 'Details',
   variant: 'plain',
 }
-const checkedProps = computed(() => ({
-  density: checkedProp<'comfortable' | 'compact'>(
-    props['density'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'density',
-    acceptedProps,
-  ) as 'comfortable' | 'compact',
-  disabled: checkedProp<boolean>(
-    props['disabled'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'disabled',
-    acceptedProps,
-  ) as boolean,
-  fill: checkedProp<boolean>(
-    props['fill'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'fill',
-    acceptedProps,
-  ) as boolean,
-  headingLevel: checkedProp<number>(
-    props['headingLevel'],
-    { kind: 'terminal', name: 'integer' },
-    false,
-    'headingLevel',
-    acceptedProps,
-  ) as number,
-  name: checkedProp<string>(
-    props['name'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'name',
-    acceptedProps,
-  ) as string,
-  open: checkedProp<boolean>(
-    props['open'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'open',
-    acceptedProps,
-  ) as boolean,
-  requiredOpen: checkedProp<boolean>(
-    props['requiredOpen'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'requiredOpen',
-    acceptedProps,
-  ) as boolean,
-  summary: checkedProp<string>(
-    props['summary'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'summary',
-    acceptedProps,
-  ) as string,
-  variant: checkedProp<'plain' | 'navigation'>(
-    props['variant'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'variant',
-    acceptedProps,
-  ) as 'plain' | 'navigation',
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  density: 'comfortable',
+  disabled: false,
+  fill: false,
+  headingLevel: 0,
+  name: '',
+  open: false,
+  requiredOpen: false,
+  summary: 'Details',
+  variant: 'plain',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'density':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'disabled':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'fill':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'headingLevel':
+      return checkPropInput(value, { kind: 'terminal', name: 'integer' }, true, true)
+    case 'name':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'open':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'requiredOpen':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'summary':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'variant':
+      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',
+    disabled: propInputs.value<boolean | null>(
+      'disabled',
+      props['disabled'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    fill: propInputs.value<boolean | null>(
+      'fill',
+      props['fill'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    headingLevel: propInputs.value<number | null>(
+      'headingLevel',
+      props['headingLevel'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    name: propInputs.value<string | null>(
+      'name',
+      props['name'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    open: propInputs.value<boolean | null>(
+      'open',
+      props['open'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    requiredOpen: propInputs.value<boolean | null>(
+      'requiredOpen',
+      props['requiredOpen'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    summary: propInputs.value<string | null>(
+      'summary',
+      props['summary'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    variant: propInputs.value<'plain' | 'navigation' | null>(
+      'variant',
+      props['variant'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'plain' | 'navigation',
+  })
+})
+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
@@ -283,11 +319,14 @@ useComponentHost(() => import('../components/ui-disclosure/ui-disclosure.js'), {
       } as Record<string, any>)[name],
       keys,
     ),
+  initials: { internalOpen: false, contentId: '' },
   controllerSource: {
     specifier: '../components/ui-disclosure/ui-disclosure.js',
     definition: './components/ui-disclosure/ui-disclosure.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/UiEditable.d.ts

@@ -1,48 +1,41 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     cancelLabel: {
         type: PropType<string | null>;
-        default: string;
     };
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     edit: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     hint: {
         type: PropType<string | null>;
-        default: string;
     };
     label: {
         type: PropType<string | null>;
-        default: string;
     };
     maxLength: {
         type: PropType<number | null>;
-        default: number;
     };
     placeholder: {
         type: PropType<string | null>;
-        default: string;
     };
     required: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     saveLabel: {
         type: PropType<string | null>;
-        default: string;
     };
     value: {
         type: PropType<string | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     input: (event: CustomEvent<{
@@ -64,47 +57,39 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     actions: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     cancelLabel: {
         type: PropType<string | null>;
-        default: string;
     };
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     edit: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     hint: {
         type: PropType<string | null>;
-        default: string;
     };
     label: {
         type: PropType<string | null>;
-        default: string;
     };
     maxLength: {
         type: PropType<number | null>;
-        default: number;
     };
     placeholder: {
         type: PropType<string | null>;
-        default: string;
     };
     required: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     saveLabel: {
         type: PropType<string | null>;
-        default: string;
     };
     value: {
         type: PropType<string | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     onInput?: ((event: CustomEvent<{
@@ -123,18 +108,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly reason: "activate" | "commit" | "cancel" | "light-dismiss" | "escape" | "programmatic";
         readonly trigger: "keyboard" | "pointer" | "programmatic";
     }>) => any) | undefined;
-}>, {
-    value: string | null;
-    required: boolean | null;
-    label: string | null;
-    disabled: boolean | null;
-    placeholder: string | null;
-    actions: boolean | null;
-    edit: boolean | null;
-    hint: string | null;
-    cancelLabel: string | null;
-    maxLength: number | null;
-    saveLabel: string | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/vue/UiEditable.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'
@@ -11,7 +11,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 })
 
@@ -100,17 +111,18 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  actions: { type: null as unknown as PropType<boolean | null>, default: false },
-  cancelLabel: { type: null as unknown as PropType<string | null>, default: 'Cancel' },
-  disabled: { type: null as unknown as PropType<boolean | null>, default: false },
-  edit: { type: null as unknown as PropType<boolean | null>, default: false },
-  hint: { type: null as unknown as PropType<string | null>, default: '' },
-  label: { type: null as unknown as PropType<string | null>, default: 'Edit value' },
-  maxLength: { type: null as unknown as PropType<number | null>, default: 0 },
-  placeholder: { type: null as unknown as PropType<string | null>, default: '' },
-  required: { type: null as unknown as PropType<boolean | null>, default: false },
-  saveLabel: { type: null as unknown as PropType<string | null>, default: 'Save' },
-  value: { type: null as unknown as PropType<string | null>, default: '' },
+  actions: { type: null as unknown as PropType<boolean | null> },
+  cancelLabel: { type: null as unknown as PropType<string | null> },
+  disabled: { type: null as unknown as PropType<boolean | null> },
+  edit: { type: null as unknown as PropType<boolean | null> },
+  hint: { type: null as unknown as PropType<string | null> },
+  label: { type: null as unknown as PropType<string | null> },
+  maxLength: { type: null as unknown as PropType<number | null> },
+  placeholder: { type: null as unknown as PropType<string | null> },
+  required: { type: null as unknown as PropType<boolean | null> },
+  saveLabel: { type: null as unknown as PropType<string | null> },
+  value: { type: null as unknown as PropType<string | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   actions: false,
@@ -125,85 +137,114 @@ const acceptedProps: Record<string, unknown> = {
   saveLabel: 'Save',
   value: '',
 }
-const checkedProps = computed(() => ({
-  actions: checkedProp<boolean>(
-    props['actions'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'actions',
-    acceptedProps,
-  ) as boolean,
-  cancelLabel: checkedProp<string>(
-    props['cancelLabel'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'cancelLabel',
-    acceptedProps,
-  ) as string,
-  disabled: checkedProp<boolean>(
-    props['disabled'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'disabled',
-    acceptedProps,
-  ) as boolean,
-  edit: checkedProp<boolean>(
-    props['edit'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'edit',
-    acceptedProps,
-  ) as boolean,
-  hint: checkedProp<string>(
-    props['hint'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'hint',
-    acceptedProps,
-  ) as string,
-  label: checkedProp<string>(
-    props['label'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'label',
-    acceptedProps,
-  ) as string,
-  maxLength: checkedProp<number>(
-    props['maxLength'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'maxLength',
-    acceptedProps,
-  ) as number,
-  placeholder: checkedProp<string>(
-    props['placeholder'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'placeholder',
-    acceptedProps,
-  ) as string,
-  required: checkedProp<boolean>(
-    props['required'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'required',
-    acceptedProps,
-  ) as boolean,
-  saveLabel: checkedProp<string>(
-    props['saveLabel'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'saveLabel',
-    acceptedProps,
-  ) as string,
-  value: checkedProp<string>(
-    props['value'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'value',
-    acceptedProps,
-  ) as string,
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  actions: false,
+  cancelLabel: 'Cancel',
+  disabled: false,
+  edit: false,
+  hint: '',
+  label: 'Edit value',
+  maxLength: 0,
+  placeholder: '',
+  required: false,
+  saveLabel: 'Save',
+  value: '',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'actions':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'cancelLabel':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'disabled':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'edit':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'hint':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'label':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'maxLength':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    case 'placeholder':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'required':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'saveLabel':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'value':
+      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 ({
+    actions: propInputs.value<boolean | null>(
+      'actions',
+      props['actions'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    cancelLabel: propInputs.value<string | null>(
+      'cancelLabel',
+      props['cancelLabel'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    disabled: propInputs.value<boolean | null>(
+      'disabled',
+      props['disabled'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    edit: propInputs.value<boolean | null>(
+      'edit',
+      props['edit'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    hint: propInputs.value<string | null>(
+      'hint',
+      props['hint'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    label: propInputs.value<string | null>(
+      'label',
+      props['label'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    maxLength: propInputs.value<number | null>(
+      'maxLength',
+      props['maxLength'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    placeholder: propInputs.value<string | null>(
+      'placeholder',
+      props['placeholder'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    required: propInputs.value<boolean | null>(
+      'required',
+      props['required'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    saveLabel: propInputs.value<string | null>(
+      'saveLabel',
+      props['saveLabel'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    value: propInputs.value<string | null>(
+      'value',
+      props['value'],
+      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
@@ -318,11 +359,14 @@ useComponentHost(() => import('../components/ui-editable/ui-editable.js'), {
       } as Record<string, any>)[name],
       keys,
     ),
+  initials: { internalEdit: false, internalValue: '', draft: '' },
   controllerSource: {
     specifier: '../components/ui-editable/ui-editable.js',
     definition: './components/ui-editable/ui-editable.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/UiEditorBlockActions.d.ts

@@ -1,12 +1,14 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     for: {
         type: PropType<string | null>;
-        default: string;
     };
     placement: {
         type: PropType<"bottom-start" | "top-start" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     action: (event: CustomEvent<{
@@ -15,19 +17,17 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     for: {
         type: PropType<string | null>;
-        default: string;
     };
     placement: {
         type: PropType<"bottom-start" | "top-start" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     onAction?: ((event: CustomEvent<{
         readonly action: "insert-below" | "duplicate" | "delete";
     }>) => any) | undefined;
-}>, {
-    for: string | null;
-    placement: "top-start" | "bottom-start" | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;