@threadlabs/looma 0.23.15 → 0.23.17

package/vue/UiListbox.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import {
   computed,
@@ -245,27 +245,43 @@ const hasSelection = ref(false)
 const active = ref(-1)
 const uid = ref('')
 const validationError = ref(false)
-let guardedPrevious: any
+let guardedPrevious: any = null
 const guarded = computed(() => {
-  if (!(validationError.value == null || typeof validationError.value === 'boolean')) {
+  const candidate: any = ((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])({ true: '-1', false: '0' }, concat(checkedProps.value.disabled))
+  if (candidate === Symbol.for('html-next.invalid-result')) {
     return guardedPrevious
   }
-  return guardedPrevious = checkedProps.value.invalid || validationError.value
+  return guardedPrevious = attribute(((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])({ true: '-1', false: '0' }, concat(checkedProps.value.disabled)))
 })
 let guardedBindingPrevious: any
 const guardedBinding = computed(() => {
-  if (!(hasSelection.value == null || typeof hasSelection.value === 'boolean')) {
+  if (!(validationError.value == null || typeof validationError.value === 'boolean')) {
     return guardedBindingPrevious
   }
-  return guardedBindingPrevious = checkedProps.value.required && !hasSelection.value
-    && !checkedProps.value.disabled
+  return guardedBindingPrevious = checkedProps.value.invalid || validationError.value
 })
 let guardedBinding2Previous: any
 const guardedBinding2 = computed(() => {
   if (!(hasSelection.value == null || typeof hasSelection.value === 'boolean')) {
     return guardedBinding2Previous
   }
-  return guardedBinding2Previous = hasSelection.value ? true : undefined
+  return guardedBinding2Previous = checkedProps.value.required && !hasSelection.value
+    && !checkedProps.value.disabled
+})
+let guardedBinding3Previous: any
+const guardedBinding3 = computed(() => {
+  if (!(hasSelection.value == null || typeof hasSelection.value === 'boolean')) {
+    return guardedBinding3Previous
+  }
+  return guardedBinding3Previous = hasSelection.value ? true : undefined
 })
 provide('html-next:ui-listbox:choices', choices)
 provide('html-next:ui-listbox:selection', selection)
@@ -343,6 +359,24 @@ function attribute(value: unknown): any {
   return value === true ? '' : text(value)
 }
 
+// A nonempty scalar call cannot produce the invalid-result sentinel.
+type ConcatResult<T extends unknown[]> = T extends
+  [
+    string | number | boolean | null | undefined,
+    ...(string | number | boolean | null | undefined)[],
+  ] ? string | undefined
+  : string | symbol | undefined
+function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
+  if (values.some(value => value === Symbol.for('html-next.invalid-result'))) {
+    return Symbol.for('html-next.invalid-result') as ConcatResult<T>
+  }
+  if (values.some(value => value === undefined)) return undefined as ConcatResult<T>
+  if (values.length === 0 || values.some(value => typeof value === 'object' && value !== null)) {
+    return Symbol.for('html-next.invalid-result') as ConcatResult<T>
+  }
+  return values.map(value => value === null ? '' : String(value)).join('') as ConcatResult<T>
+}
+
 function uniqueKeys<T>(
   items: readonly T[],
   keyOf: (
@@ -377,11 +411,11 @@ function uniqueKeys<T>(
     data-component="ui-listbox"
     role="listbox"
     v-bind="nativeAttrs($attrs)"
-    :tabindex="attribute((({ true: '-1', false: '0' }) as Record<string, any>)[`${checkedProps.disabled ?? ''}`])"
+    :tabindex="guarded"
     :aria-multiselectable="checkedProps.multiple ?? undefined"
     :aria-disabled="checkedProps.disabled ?? undefined"
     :aria-required="checkedProps.required ?? undefined"
-    :aria-invalid="guarded"
+    :aria-invalid="guardedBinding"
     :style="{ '--_rows': checkedProps.rows ?? undefined }"
     v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-disabled="reflectedProp('disabled', 'disabled', checkedProps.disabled, undefined, false)"
@@ -401,7 +435,7 @@ function uniqueKeys<T>(
           role="option"
           data-ui-choice-option=""
           :data-multiple="checkedProps.multiple ? '' : undefined"
-          :id="`${uid}-option-${choice.index}`"
+          :id="concat(uid, '-option-', choice.index)"
           :data-index="choice.index"
           :aria-selected="choice.selected"
           :aria-disabled="choice.disabled"
@@ -433,8 +467,8 @@ function uniqueKeys<T>(
       type="checkbox"
       aria-hidden="true"
       tabindex="-1"
-      :required="guardedBinding"
-      :checked.attr="guardedBinding2"
+      :required="guardedBinding2"
+      :checked.attr="guardedBinding3"
       :disabled="checkedProps.disabled ?? undefined"
       ref="validity"
     >

package/vue/UiMenu.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiMenuGroup.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiMenuItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 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'
@@ -163,12 +163,34 @@ const rootArmElement = useTemplateRef<HTMLElement>('@html-next/root')
 const root = rootArmElement
 preserveRootFocus(root)
 const internalChecked = ref(false)
-let guardedPrevious: any
+let guardedPrevious: any = null
 const guarded = computed(() => {
-  if (!(internalChecked.value == null || typeof internalChecked.value === 'boolean')) {
+  const candidate: any = ((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])(
+      { true: null, false: checkedProps.value.href },
+      concat(checkedProps.value.disabled),
+    )
+  if (candidate === Symbol.for('html-next.invalid-result')) {
     return guardedPrevious
   }
-  return guardedPrevious =
+  return guardedPrevious = attribute(((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])(
+      { true: null, false: checkedProps.value.href },
+      concat(checkedProps.value.disabled),
+    ))
+})
+let guardedBindingPrevious: any
+const guardedBinding = computed(() => {
+  if (!(internalChecked.value == null || typeof internalChecked.value === 'boolean')) {
+    return guardedBindingPrevious
+  }
+  return guardedBindingPrevious =
     typeof ((({
         action: null,
         checkbox: internalChecked.value,
@@ -269,6 +291,24 @@ function attribute(value: unknown): any {
   ) return undefined
   return value === true ? '' : text(value)
 }
+
+// A nonempty scalar call cannot produce the invalid-result sentinel.
+type ConcatResult<T extends unknown[]> = T extends
+  [
+    string | number | boolean | null | undefined,
+    ...(string | number | boolean | null | undefined)[],
+  ] ? string | undefined
+  : string | symbol | undefined
+function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
+  if (values.some(value => value === Symbol.for('html-next.invalid-result'))) {
+    return Symbol.for('html-next.invalid-result') as ConcatResult<T>
+  }
+  if (values.some(value => value === undefined)) return undefined as ConcatResult<T>
+  if (values.length === 0 || values.some(value => typeof value === 'object' && value !== null)) {
+    return Symbol.for('html-next.invalid-result') as ConcatResult<T>
+  }
+  return values.map(value => value === null ? '' : String(value)).join('') as ConcatResult<T>
+}
 </script>
 
 <template>
@@ -279,11 +319,7 @@ function attribute(value: unknown): any {
     tabindex="-1"
     v-bind="nativeAttrs($attrs)"
     :aria-disabled="checkedProps.disabled ?? undefined"
-    :href="attribute(
-      (({ true: null, false: checkedProps.href }) as Record<string, any>)[
-        `${checkedProps.disabled ?? ''}`
-      ],
-    )"
+    :href="guarded"
     v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-checked="reflectedProp('checked', 'checked', checkedProps.checked, undefined, false)"
     :data-disabled="reflectedProp('disabled', 'disabled', checkedProps.disabled, undefined, false)"
@@ -305,7 +341,7 @@ function attribute(value: unknown): any {
         any
       >)[checkedProps.type],
     )"
-    :aria-checked="guarded"
+    :aria-checked="guardedBinding"
     :aria-disabled="checkedProps.disabled ?? undefined"
     v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-checked="reflectedProp('checked', 'checked', checkedProps.checked, undefined, false)"

package/vue/UiMeter.d.ts

@@ -1,4 +1,6 @@
 import type { PropType } from 'vue';
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: {
         type: PropType<string | null>;
@@ -66,5 +68,3 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     segments: number | null;
     valueText: string | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;