@threadlabs/looma 0.22.9 → 0.22.10

package/vue/UiCombobox.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.18 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import {
   computed,
@@ -13,7 +13,7 @@ import {
 import type { PropType, VNode } from 'vue'
 import { vBindControl } from './control'
 import { createDispatch, useComponentHost } from './host'
-import { checkedProp, vPropValidity } from './props'
+import { checkedProp, propValidityState, vPropValidity } from './props'
 import UiBadge from './UiBadge.vue'
 import UiTooltip from './UiTooltip.vue'
 
@@ -237,7 +237,7 @@ const propValidityContract = {
         'The selected value in single mode, which a named combobox submits with its form. The field shows the matching option\'s label, and a form reset returns to\n      this value. In a strict combobox, typing a search does not change the selection; leaving with no match restores its label. If omitted, the first authored\n      option with selected sets the initial value.',
     },
   },
-}
+} as const
 const props = defineProps({
   allowCreate: { type: null as unknown as PropType<boolean | null>, default: false },
   allowFreeText: { type: null as unknown as PropType<boolean | null>, default: false },
@@ -283,54 +283,87 @@ const props = defineProps({
   tokenSeparators: { type: null as unknown as PropType<readonly (string)[] | null>, default: null },
   value: { type: null as unknown as PropType<string | null>, default: null },
 })
+const acceptedProps: Record<string, unknown> = {
+  allowCreate: false,
+  allowFreeText: false,
+  clearable: false,
+  disabled: false,
+  disclosure: false,
+  filter: 'label',
+  help: '',
+  invalid: false,
+  items: null,
+  label: '',
+  labelVisibility: 'visible',
+  loading: false,
+  multiple: false,
+  name: '',
+  openOnFocus: false,
+  placeholder: '',
+  query: null,
+  readonly: false,
+  required: false,
+  selectedValues: null,
+  size: 'md',
+  tokenSeparators: null,
+  value: null,
+}
 const checkedProps = computed(() => ({
   allowCreate: checkedProp<boolean>(
     props['allowCreate'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'allowCreate',
+    acceptedProps,
   ) as boolean,
   allowFreeText: checkedProp<boolean>(
     props['allowFreeText'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'allowFreeText',
+    acceptedProps,
   ) as boolean,
   clearable: checkedProp<boolean>(
     props['clearable'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'clearable',
+    acceptedProps,
   ) as boolean,
   disabled: checkedProp<boolean>(
     props['disabled'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'disabled',
+    acceptedProps,
   ) as boolean,
   disclosure: checkedProp<boolean>(
     props['disclosure'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'disclosure',
+    acceptedProps,
   ) as boolean,
   filter: checkedProp<'label' | 'none'>(
     props['filter'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'filter',
+    acceptedProps,
   ) as 'label' | 'none',
   help: checkedProp<string>(
     props['help'],
     { kind: 'terminal', name: 'string' },
     false,
     'help',
+    acceptedProps,
   ) as string,
   invalid: checkedProp<boolean>(
     props['invalid'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'invalid',
+    acceptedProps,
   ) as boolean,
   items: checkedProp<
     readonly ({
@@ -386,81 +419,106 @@ const checkedProps = computed(() => ({
     },
     false,
     'items',
+    acceptedProps,
   ),
   label: checkedProp<string>(
     props['label'],
     { kind: 'terminal', name: 'string' },
     false,
     'label',
+    acceptedProps,
   ) as string,
   labelVisibility: checkedProp<'visible' | 'sr-only'>(
     props['labelVisibility'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'labelVisibility',
+    acceptedProps,
   ) as 'visible' | 'sr-only',
   loading: checkedProp<boolean>(
     props['loading'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'loading',
+    acceptedProps,
   ) as boolean,
   multiple: checkedProp<boolean>(
     props['multiple'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'multiple',
+    acceptedProps,
   ) as boolean,
   name: checkedProp<string>(
     props['name'],
     { kind: 'terminal', name: 'string' },
     false,
     'name',
+    acceptedProps,
   ) as string,
   openOnFocus: checkedProp<boolean>(
     props['openOnFocus'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'openOnFocus',
+    acceptedProps,
   ) as boolean,
   placeholder: checkedProp<string>(
     props['placeholder'],
     { kind: 'terminal', name: 'string' },
     false,
     'placeholder',
+    acceptedProps,
   ) as string,
-  query: checkedProp<string>(props['query'], { kind: 'terminal', name: 'string' }, false, 'query'),
+  query: checkedProp<string>(
+    props['query'],
+    { kind: 'terminal', name: 'string' },
+    false,
+    'query',
+    acceptedProps,
+  ),
   readonly: checkedProp<boolean>(
     props['readonly'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'readonly',
+    acceptedProps,
   ) as boolean,
   required: checkedProp<boolean>(
     props['required'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'required',
+    acceptedProps,
   ) as boolean,
   selectedValues: checkedProp<readonly (string)[]>(
     props['selectedValues'],
     { kind: 'list', item: { kind: 'terminal', name: 'string' } },
     false,
     'selectedValues',
+    acceptedProps,
   ),
   size: checkedProp<'sm' | 'md' | 'lg'>(
     props['size'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'size',
+    acceptedProps,
   ) as 'sm' | 'md' | 'lg',
   tokenSeparators: checkedProp<readonly (string)[]>(
     props['tokenSeparators'],
     { kind: 'list', item: { kind: 'terminal', name: 'string' } },
     false,
     'tokenSeparators',
+    acceptedProps,
+  ),
+  value: checkedProp<string>(
+    props['value'],
+    { kind: 'terminal', name: 'string' },
+    false,
+    'value',
+    acceptedProps,
   ),
-  value: checkedProp<string>(props['value'], { kind: 'terminal', name: 'string' }, false, 'value'),
 }))
 void checkedProps.value
 watchSyncEffect(() => {
@@ -1203,6 +1261,40 @@ const { host, ready } = useComponentHost(() => import('../components/ui-combobox
     definition: './components/ui-combobox/ui-combobox.html',
   },
   props: checkedProps,
+  propInputs: (name: string) => {
+    const incoming = hydrationInstance?.vnode.props
+    const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())
+    return incoming !== null && incoming !== undefined
+      ? (incoming[name] ?? incoming[kebab] ?? null)
+      : null
+  },
+  propNames: [
+    'allowCreate',
+    'allowFreeText',
+    'clearable',
+    'disabled',
+    'disclosure',
+    'filter',
+    'help',
+    'invalid',
+    'items',
+    'label',
+    'labelVisibility',
+    'loading',
+    'multiple',
+    'name',
+    'openOnFocus',
+    'placeholder',
+    'query',
+    'readonly',
+    'required',
+    'selectedValues',
+    'size',
+    'tokenSeparators',
+    'value',
+  ],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   refs: {
     field: fieldElement,
     input: inputElement,
@@ -1307,7 +1399,7 @@ function uniqueKeys<T>(
   <div
     data-component="ui-combobox"
     v-bind="nativeAttrs($attrs)"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-allow-create="reflectedProp('allowCreate', 'allow-create', checkedProps.allowCreate, undefined, false)"
     :data-allow-free-text="reflectedProp('allowFreeText', 'allow-free-text', checkedProps.allowFreeText, undefined, false)"
     :data-clearable="reflectedProp('clearable', 'clearable', checkedProps.clearable, undefined, false)"

package/vue/UiContainer.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.18 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -25,23 +25,26 @@ const propValidityContract = {
       values: ['narrow', 'wide'],
     },
   },
-}
+} as const
 const props = defineProps({
   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 },
 })
+const acceptedProps: Record<string, unknown> = { gutters: null, measure: null }
 const checkedProps = computed(() => ({
   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,
   ),
 }))
 void checkedProps.value
@@ -116,7 +119,7 @@ const hostState = computed(() =>
   <div
     data-component="ui-container"
     v-bind="nativeAttrs($attrs)"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-gutters="reflectedProp('gutters', 'gutters', checkedProps.gutters, undefined, false)"
     :data-measure="reflectedProp('measure', 'measure', checkedProps.measure, undefined, false)"
     :data-ui-container-state="hostState || undefined"

package/vue/UiContextMenu.vue

@@ -1,9 +1,9 @@
-<!-- Generated by HTML Next 1.0.0-alpha.18 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.19 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'
 import { createDispatch, useComponentHost } from './host'
-import { checkedProp, vPropValidity } from './props'
+import { checkedProp, propValidityState, vPropValidity } from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -25,23 +25,26 @@ const propValidityContract = {
       default: false,
     },
   },
-}
+} 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 },
 })
+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,
 }))
 void checkedProps.value
@@ -170,6 +173,16 @@ useComponentHost(() => import('../components/ui-context-menu/ui-context-menu.js'
     definition: './components/ui-context-menu/ui-context-menu.html',
   },
   props: checkedProps,
+  propInputs: (name: string) => {
+    const incoming = hydrationInstance?.vnode.props
+    const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())
+    return incoming !== null && incoming !== undefined
+      ? (incoming[name] ?? incoming[kebab] ?? null)
+      : null
+  },
+  propNames: ['for', 'open'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   refs: { menu: menuElement },
   state: { internalOpen },
 })
@@ -179,7 +192,7 @@ useComponentHost(() => import('../components/ui-context-menu/ui-context-menu.js'
   <span
     data-component="ui-context-menu"
     v-bind="nativeAttrs($attrs)"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-for="reflectedProp('for', 'for', checkedProps.for, undefined, false)"
     :data-open="reflectedProp('open', 'open', checkedProps.open, undefined, false)"
     ref="root"

package/vue/UiCover.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.18 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -18,16 +18,18 @@ const propValidityContract = {
       default: 'screen',
     },
   },
-}
+} as const
 const props = defineProps({
   size: { type: null as unknown as PropType<'screen' | 'fill' | null>, default: 'screen' },
 })
+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',
 }))
 void checkedProps.value
@@ -95,7 +97,7 @@ const hostState = computed(() =>
   <div
     data-component="ui-cover"
     v-bind="nativeAttrs($attrs)"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
     :data-ui-cover-state="hostState || undefined"
   >

package/vue/UiDescriptionItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.18 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -16,16 +16,18 @@ const propValidityContract = {
       default: '',
     },
   },
-}
+} as const
 const props = defineProps({
   term: { type: null as unknown as PropType<string | null>, default: '' },
 })
+const acceptedProps: Record<string, unknown> = { term: '' }
 const checkedProps = computed(() => ({
   term: checkedProp<string>(
     props['term'],
     { kind: 'terminal', name: 'string' },
     false,
     'term',
+    acceptedProps,
   ) as string,
 }))
 void checkedProps.value
@@ -88,7 +90,7 @@ if (
   <div
     data-component="ui-description-item"
     v-bind="nativeAttrs($attrs)"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-term="reflectedProp('term', 'term', checkedProps.term, undefined, false)"
   >
     <dt>{{ checkedProps.term }}</dt>

package/vue/UiDescriptionList.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.18 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -35,7 +35,7 @@ const propValidityContract = {
       default: 'rows',
     },
   },
-}
+} as const
 const props = defineProps({
   columns: { type: null as unknown as PropType<'2' | '3' | '4' | null>, default: null },
   density: {
@@ -47,24 +47,32 @@ const props = defineProps({
     default: 'rows',
   },
 })
+const acceptedProps: Record<string, unknown> = {
+  columns: null,
+  density: 'comfortable',
+  layout: 'rows',
+}
 const checkedProps = computed(() => ({
   columns: checkedProp<'2' | '3' | '4'>(
     props['columns'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'columns',
+    acceptedProps,
   ),
   density: checkedProp<'comfortable' | 'compact'>(
     props['density'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'density',
+    acceptedProps,
   ) as 'comfortable' | 'compact',
   layout: checkedProp<'rows' | 'stacked' | 'grid' | 'tiles'>(
     props['layout'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'layout',
+    acceptedProps,
   ) as 'rows' | 'stacked' | 'grid' | 'tiles',
 }))
 void checkedProps.value
@@ -141,7 +149,7 @@ const hostState = computed(() =>
   <dl
     data-component="ui-description-list"
     v-bind="nativeAttrs($attrs)"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-columns="reflectedProp('columns', 'columns', checkedProps.columns, undefined, false)"
     :data-density="reflectedProp('density', 'density', checkedProps.density, undefined, false)"
     :data-layout="reflectedProp('layout', 'layout', checkedProps.layout, undefined, false)"

package/vue/UiDialog.vue

@@ -1,9 +1,9 @@
-<!-- Generated by HTML Next 1.0.0-alpha.18 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.19 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'
 import { createDispatch, useComponentHost } from './host'
-import { checkedProp, vPropValidity } from './props'
+import { checkedProp, propValidityState, vPropValidity } from './props'
 import UiScrollArea from './UiScrollArea.vue'
 
 defineOptions({ inheritAttrs: false })
@@ -71,7 +71,7 @@ const propValidityContract = {
       default: 'md',
     },
   },
-}
+} as const
 const props = defineProps({
   alert: { type: null as unknown as PropType<boolean | null>, default: false },
   closedby: {
@@ -88,49 +88,72 @@ const props = defineProps({
     default: 'md',
   },
 })
+const acceptedProps: Record<string, unknown> = {
+  alert: false,
+  closedby: null,
+  for: '',
+  label: null,
+  modal: false,
+  modeless: false,
+  open: false,
+  size: 'md',
+}
 const checkedProps = computed(() => ({
   alert: checkedProp<boolean>(
     props['alert'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'alert',
+    acceptedProps,
   ) as boolean,
   closedby: checkedProp<'any' | 'closerequest' | 'none'>(
     props['closedby'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'closedby',
+    acceptedProps,
   ),
   for: checkedProp<string>(
     props['for'],
     { kind: 'terminal', name: 'string' },
     false,
     'for',
+    acceptedProps,
   ) as string,
-  label: checkedProp<string>(props['label'], { kind: 'terminal', name: 'string' }, false, 'label'),
+  label: checkedProp<string>(
+    props['label'],
+    { kind: 'terminal', name: 'string' },
+    false,
+    'label',
+    acceptedProps,
+  ),
   modal: checkedProp<boolean>(
     props['modal'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'modal',
+    acceptedProps,
   ) as boolean,
   modeless: checkedProp<boolean>(
     props['modeless'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'modeless',
+    acceptedProps,
   ) as boolean,
   open: checkedProp<boolean>(
     props['open'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'open',
+    acceptedProps,
   ) as boolean,
   size: checkedProp<'sm' | 'md' | 'lg' | 'fullscreen'>(
     props['size'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'size',
+    acceptedProps,
   ) as 'sm' | 'md' | 'lg' | 'fullscreen',
 }))
 void checkedProps.value
@@ -264,6 +287,16 @@ useComponentHost(() => import('../components/ui-dialog/ui-dialog.js'), {
     definition: './components/ui-dialog/ui-dialog.html',
   },
   props: checkedProps,
+  propInputs: (name: string) => {
+    const incoming = hydrationInstance?.vnode.props
+    const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())
+    return incoming !== null && incoming !== undefined
+      ? (incoming[name] ?? incoming[kebab] ?? null)
+      : null
+  },
+  propNames: ['alert', 'closedby', 'for', 'label', 'modal', 'modeless', 'open', 'size'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   refs: { close: closeElement },
   state: { internalOpen, accessibleLabel },
 })
@@ -274,7 +307,7 @@ useComponentHost(() => import('../components/ui-dialog/ui-dialog.js'), {
     data-component="ui-dialog"
     v-bind="nativeAttrs($attrs)"
     :aria-label="guarded"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-alert="reflectedProp('alert', 'alert', checkedProps.alert, undefined, false)"
     :data-closedby="reflectedProp('closedby', 'closedby', checkedProps.closedby, undefined, false)"
     :data-for="reflectedProp('for', 'for', checkedProps.for, undefined, false)"