@threadlabs/looma 0.30.2 → 0.30.3

package/vue/UiCluster.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 })
 
@@ -70,20 +80,14 @@ const propValidityContract = {
 const props = defineProps({
   align: {
     type: null as unknown as PropType<'start' | 'center' | 'end' | 'stretch' | 'baseline' | null>,
-    default: null,
   },
-  fixed: { type: null as unknown as PropType<boolean | null>, default: false },
-  gap: { type: null as unknown as PropType<'xs' | 's' | 'm' | 'l' | 'xl' | null>, default: null },
-  justify: {
-    type: null as unknown as PropType<'start' | 'center' | 'end' | 'between' | null>,
-    default: null,
-  },
-  padding: { type: null as unknown as PropType<'none' | 's' | 'm' | 'l' | null>, default: 'none' },
-  paddingEnd: {
-    type: null as unknown as PropType<'none' | 's' | 'm' | 'l' | 'xl' | null>,
-    default: 'none',
-  },
-  wrap: { type: null as unknown as PropType<'wrap' | 'nowrap' | null>, default: null },
+  fixed: { type: null as unknown as PropType<boolean | null> },
+  gap: { type: null as unknown as PropType<'xs' | 's' | 'm' | 'l' | 'xl' | null> },
+  justify: { type: null as unknown as PropType<'start' | 'center' | 'end' | 'between' | null> },
+  padding: { type: null as unknown as PropType<'none' | 's' | 'm' | 'l' | null> },
+  paddingEnd: { type: null as unknown as PropType<'none' | 's' | 'm' | 'l' | 'xl' | null> },
+  wrap: { type: null as unknown as PropType<'wrap' | 'nowrap' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   align: null,
@@ -94,57 +98,78 @@ const acceptedProps: Record<string, unknown> = {
   paddingEnd: 'none',
   wrap: null,
 }
-const checkedProps = computed(() => ({
-  align: checkedProp<'start' | 'center' | 'end' | 'stretch' | 'baseline'>(
-    props['align'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'align',
-    acceptedProps,
-  ),
-  fixed: checkedProp<boolean>(
-    props['fixed'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'fixed',
-    acceptedProps,
-  ) as boolean,
-  gap: checkedProp<'xs' | 's' | 'm' | 'l' | 'xl'>(
-    props['gap'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'gap',
-    acceptedProps,
-  ),
-  justify: checkedProp<'start' | 'center' | 'end' | 'between'>(
-    props['justify'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'justify',
-    acceptedProps,
-  ),
-  padding: checkedProp<'none' | 's' | 'm' | 'l'>(
-    props['padding'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'padding',
-    acceptedProps,
-  ) as 'none' | 's' | 'm' | 'l',
-  paddingEnd: checkedProp<'none' | 's' | 'm' | 'l' | 'xl'>(
-    props['paddingEnd'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'paddingEnd',
-    acceptedProps,
-  ) as 'none' | 's' | 'm' | 'l' | 'xl',
-  wrap: checkedProp<'wrap' | 'nowrap'>(
-    props['wrap'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'wrap',
-    acceptedProps,
-  ),
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  fixed: false,
+  padding: 'none',
+  paddingEnd: 'none',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'align':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'fixed':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'gap':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'justify':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'padding':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'paddingEnd':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'wrap':
+      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 ({
+    align: propInputs.value<'start' | 'center' | 'end' | 'stretch' | 'baseline' | null>(
+      'align',
+      props['align'],
+      props[BINDING_INPUTS_PROP],
+    ),
+    fixed: propInputs.value<boolean | null>(
+      'fixed',
+      props['fixed'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    gap: propInputs.value<'xs' | 's' | 'm' | 'l' | 'xl' | null>(
+      'gap',
+      props['gap'],
+      props[BINDING_INPUTS_PROP],
+    ),
+    justify: propInputs.value<'start' | 'center' | 'end' | 'between' | null>(
+      'justify',
+      props['justify'],
+      props[BINDING_INPUTS_PROP],
+    ),
+    padding: propInputs.value<'none' | 's' | 'm' | 'l' | null>(
+      'padding',
+      props['padding'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'none' | 's' | 'm' | 'l',
+    paddingEnd: propInputs.value<'none' | 's' | 'm' | 'l' | 'xl' | null>(
+      'paddingEnd',
+      props['paddingEnd'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'none' | 's' | 'm' | 'l' | 'xl',
+    wrap: propInputs.value<'wrap' | 'nowrap' | null>(
+      'wrap',
+      props['wrap'],
+      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