@threadlabs/looma 0.28.5 → 0.28.7

package/vue/UiEditorImageToolbar.vue

@@ -1,19 +1,15 @@
-<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
-<script lang="ts">
-const htmlNextAuthoredCheck2Reported = new Set<string>()
-function htmlNextAuthoredCheck2(accepted: boolean, location: string, message: string): boolean {
-  if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
-    htmlNextAuthoredCheck2Reported.add(location)
-    console.warn(message)
-  }
-  return accepted
-}
-</script>
-
+<!-- Generated by HTML Next 1.0.0-alpha.51 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
-import { createDispatch, useComponentHost } from './host'
+import {
+  checkHydratedRoot,
+  concat,
+  createDispatch,
+  nativeAttrs,
+  useComponentHost,
+  useReflectedProp,
+} from './host'
 import { acceptsControllerWrite } from './props'
 import { checkedProp, propValidityState, vPropValidity } from './props'
 import UiButton from './UiButton.vue'
@@ -93,38 +89,7 @@ void checkedProps.value
 watchSyncEffect(() => {
   void checkedProps.value
 })
-function nativeAttrs(attrs: Record<string, unknown>): Record<string, unknown> {
-  const names = Object.keys(attrs)
-  if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs
-  return Object.fromEntries(names.map((name) => [
-    Object.hasOwn(Object.prototype, name)
-      ? name === '__proto__' ? '__Proto__' : name[0]!.toUpperCase() + name.slice(1)
-      : name,
-    attrs[name],
-  ]))
-}
-const componentInstance = getCurrentInstance()
-function reflectedProp(
-  name: string,
-  kebab: string,
-  value: unknown,
-  fallback: string | undefined,
-  bound: boolean,
-  separator?: string,
-): string | undefined {
-  const incoming = componentInstance?.vnode.props
-  if (
-    !bound
-    && (incoming === null || incoming === undefined
-      || (!Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab)))
-  ) return fallback
-  if (value === null || value === undefined) return undefined
-  return Array.isArray(value) && separator !== undefined
-    ? value.join(separator)
-    : typeof value === 'object'
-    ? JSON.stringify(value)
-    : String(value)
-}
+const reflectedProp = useReflectedProp()
 const hydrationInstance = getCurrentInstance()
 const emit = defineEmits<{
   'update:alt': [value: string]
@@ -142,13 +107,6 @@ const describing = ref(false)
 const draft = ref('')
 let guardedPrevious: any = null
 const guarded = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      'concat($base, \'-block\'):base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedPrevious
   const candidate: any = concat(base.value, '-block')
   if (candidate === Symbol.for('html-next.invalid-result')) return guardedPrevious
   return guardedPrevious = candidate
@@ -176,13 +134,6 @@ const guardedBinding2 = computed(() => {
 })
 let guardedBinding3Previous: any = null
 const guardedBinding3 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      'concat($base, \'-center\'):base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding3Previous
   const candidate: any = concat(base.value, '-center')
   if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding3Previous
   return guardedBinding3Previous = candidate
@@ -210,13 +161,6 @@ const guardedBinding5 = computed(() => {
 })
 let guardedBinding6Previous: any = null
 const guardedBinding6 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      'concat($base, \'-wrap-left\'):base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding6Previous
   const candidate: any = concat(base.value, '-wrap-left')
   if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding6Previous
   return guardedBinding6Previous = candidate
@@ -244,13 +188,6 @@ const guardedBinding8 = computed(() => {
 })
 let guardedBinding9Previous: any = null
 const guardedBinding9 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      'concat($base, \'-wrap-right\'):base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding9Previous
   const candidate: any = concat(base.value, '-wrap-right')
   if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding9Previous
   return guardedBinding9Previous = candidate
@@ -276,184 +213,58 @@ const guardedBinding11 = computed(() => {
   if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding11Previous
   return guardedBinding11Previous = candidate
 })
-let guardedBinding12Previous: any
+let guardedBinding12Previous: any = null
 const guardedBinding12 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      '$base:base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding12Previous
-  return guardedBinding12Previous = base.value
+  const candidate: any = concat(base.value, '-delete')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding12Previous
+  return guardedBinding12Previous = candidate
 })
 let guardedBinding13Previous: any = null
 const guardedBinding13 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      'concat($base, \'-delete\'):base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding13Previous
-  const candidate: any = concat(base.value, '-delete')
+  const candidate: any = concat(base.value, '-block')
   if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding13Previous
   return guardedBinding13Previous = candidate
 })
 let guardedBinding14Previous: any = null
 const guardedBinding14 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      'concat($base, \'-block\'):base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding14Previous
-  const candidate: any = concat(base.value, '-block')
+  const candidate: any = concat(base.value, '-center')
   if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding14Previous
   return guardedBinding14Previous = candidate
 })
 let guardedBinding15Previous: any = null
 const guardedBinding15 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      'concat($base, \'-center\'):base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding15Previous
-  const candidate: any = concat(base.value, '-center')
+  const candidate: any = concat(base.value, '-wrap-left')
   if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding15Previous
   return guardedBinding15Previous = candidate
 })
 let guardedBinding16Previous: any = null
 const guardedBinding16 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      'concat($base, \'-wrap-left\'):base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding16Previous
-  const candidate: any = concat(base.value, '-wrap-left')
+  const candidate: any = concat(base.value, '-wrap-right')
   if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding16Previous
   return guardedBinding16Previous = candidate
 })
 let guardedBinding17Previous: any = null
 const guardedBinding17 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      'concat($base, \'-wrap-right\'):base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding17Previous
-  const candidate: any = concat(base.value, '-wrap-right')
+  const candidate: any = concat(base.value, '-delete')
   if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding17Previous
   return guardedBinding17Previous = candidate
 })
-let guardedBinding18Previous: any
+let guardedBinding18Previous: any = null
 const guardedBinding18 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      '$base:base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding18Previous
-  return guardedBinding18Previous = base.value
+  const candidate: any = concat(base.value, '-alt')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding18Previous
+  return guardedBinding18Previous = candidate
 })
 let guardedBinding19Previous: any = null
 const guardedBinding19 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      'concat($base, \'-delete\'):base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding19Previous
-  const candidate: any = concat(base.value, '-delete')
+  const candidate: any = concat(base.value, '-alt')
   if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding19Previous
   return guardedBinding19Previous = candidate
 })
-let guardedBinding20Previous: any
-const guardedBinding20 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      '$base:base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding20Previous
-  return guardedBinding20Previous = base.value
-})
-let guardedBinding21Previous: any
-const guardedBinding21 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      describing.value == null || typeof describing.value === 'boolean',
-      '$describing:describing',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference describing does not satisfy its declared type.',
-    ))
-  ) return guardedBinding21Previous
-  return guardedBinding21Previous = describing.value
-})
-let guardedBinding22Previous: any = null
-const guardedBinding22 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      'concat($base, \'-alt\'):base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding22Previous
-  const candidate: any = concat(base.value, '-alt')
-  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding22Previous
-  return guardedBinding22Previous = candidate
-})
-let guardedBinding23Previous: any = null
-const guardedBinding23 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      base.value == null || typeof base.value === 'string',
-      'concat($base, \'-alt\'):base',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference base does not satisfy its declared type.',
-    ))
-  ) return guardedBinding23Previous
-  const candidate: any = concat(base.value, '-alt')
-  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding23Previous
-  return guardedBinding23Previous = candidate
-})
-let guardedBinding24Previous: any
-const guardedBinding24 = computed(() => {
-  if (
-    !(htmlNextAuthoredCheck2(
-      draft.value == null || typeof draft.value === 'string',
-      '$draft:draft',
-      './components/ui-editor-image-toolbar/ui-editor-image-toolbar.html: HR007: Reference draft does not satisfy its declared type.',
-    ))
-  ) return guardedBinding24Previous
-  return guardedBinding24Previous = draft.value
-})
 provide('html-next:ui-editor-image-toolbar:base', base)
 provide('html-next:ui-editor-image-toolbar:describing', describing)
 provide('html-next:ui-editor-image-toolbar:draft', draft)
-const hydrationNode = hydrationInstance?.vnode.el
-if (
-  typeof window !== 'undefined' && hydrationNode != null
-  && (!(hydrationNode instanceof Element) || hydrationNode.localName !== ('div'))
-) {
-  throw Object.assign(
-    new Error('HR005: Server markup for <ui-editor-image-toolbar> has an incompatible root.'),
-    {
-      name: 'HtmlDiagnosticError',
-      diagnostic: Object.freeze({
-        code: 'HR005',
-        message: 'Server markup for <ui-editor-image-toolbar> has an incompatible root.',
-      }),
-    },
-  )
-}
+checkHydratedRoot('div', 'ui-editor-image-toolbar')
 
 const isPlacementDetail = (
   detail: unknown,
@@ -511,29 +322,10 @@ useComponentHost(() => import('../components/ui-editor-image-toolbar/ui-editor-i
     propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   state: { base, describing, draft },
 })
-
-// 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>
   <div
-    data-component="ui-editor-image-toolbar"
     v-bind="nativeAttrs($attrs)"
     v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-alt="reflectedProp('alt', 'alt', checkedProps.alt, undefined, false)"
@@ -551,7 +343,7 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
           :id="guarded"
           :variant="guardedBinding"
           :aria-pressed="guardedBinding2"
-        ><UiIcon name="panel-top" size="sm" /></UiIconButton>
+        ><UiIcon name="panel-top" /></UiIconButton>
         <UiIconButton
           label="Center image"
           size="sm"
@@ -559,7 +351,7 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
           :id="guardedBinding3"
           :variant="guardedBinding4"
           :aria-pressed="guardedBinding5"
-        ><UiIcon name="align-center" size="sm" /></UiIconButton>
+        ><UiIcon name="align-center" /></UiIconButton>
         <UiIconButton
           label="Wrap text to the right"
           size="sm"
@@ -567,7 +359,7 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
           :id="guardedBinding6"
           :variant="guardedBinding7"
           :aria-pressed="guardedBinding8"
-        ><UiIcon name="panel-left" size="sm" /></UiIconButton>
+        ><UiIcon name="panel-left" /></UiIconButton>
         <UiIconButton
           label="Wrap text to the left"
           size="sm"
@@ -575,39 +367,36 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
           :id="guardedBinding9"
           :variant="guardedBinding10"
           :aria-pressed="guardedBinding11"
-        ><UiIcon name="panel-right" size="sm" /></UiIconButton>
-        <UiIconButton
-          label="Image description"
-          size="sm"
-          variant="ghost"
-          :id="guardedBinding12"
-        ><UiIcon name="file-text" size="sm" /></UiIconButton>
+        ><UiIcon name="panel-right" /></UiIconButton>
+        <UiIconButton label="Image description" size="sm" variant="ghost" :id="base"><UiIcon
+            name="file-text"
+          /></UiIconButton>
         <UiIconButton
           label="Delete image"
           size="sm"
           variant="ghost"
           data-image-action="delete"
-          :id="guardedBinding13"
-        ><UiIcon name="trash" size="sm" /></UiIconButton></UiEditorToolbar>
-      <UiTooltip :for="guardedBinding14">Image in line</UiTooltip>
-      <UiTooltip :for="guardedBinding15">Center image</UiTooltip>
-      <UiTooltip :for="guardedBinding16">Wrap text to the right</UiTooltip>
-      <UiTooltip :for="guardedBinding17">Wrap text to the left</UiTooltip>
-      <UiTooltip :for="guardedBinding18">Image description</UiTooltip>
-      <UiTooltip :for="guardedBinding19">Delete image</UiTooltip>
+          :id="guardedBinding12"
+        ><UiIcon name="trash" /></UiIconButton></UiEditorToolbar>
+      <UiTooltip :for="guardedBinding13">Image in line</UiTooltip>
+      <UiTooltip :for="guardedBinding14">Center image</UiTooltip>
+      <UiTooltip :for="guardedBinding15">Wrap text to the right</UiTooltip>
+      <UiTooltip :for="guardedBinding16">Wrap text to the left</UiTooltip>
+      <UiTooltip :for="base">Image description</UiTooltip>
+      <UiTooltip :for="guardedBinding17">Delete image</UiTooltip>
       <UiPopover
         data-image-description=""
         size="sm"
         aria-label="Image description"
-        :for="guardedBinding20"
-        :open="guardedBinding21"
+        :for="base"
+        :open="describing"
       ><form aria-label="Image description">
-          <UiStack gap="s"><UiFormField><label slot="label" :for="guardedBinding22">Alt text</label>
+          <UiStack gap="s"><UiFormField><label slot="label" :for="guardedBinding18">Alt text</label>
               <UiInput
                 data-image-alt=""
                 size="sm"
-                :id="guardedBinding23"
-                :value="guardedBinding24"
+                :id="guardedBinding19"
+                :value="draft"
               /></UiFormField>
             <UiText size="xs" tone="secondary"
             >Describe the image for people using a screen reader.</UiText>

package/vue/UiEditorInsertTableGrid.d.ts

@@ -1,6 +1,4 @@
 import type { PropType } from 'vue';
-declare const _default: typeof __VLS_export;
-export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     headerRow: {
         type: PropType<boolean | null>;
@@ -53,3 +51,5 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     maxCols: number | null;
     maxRows: number | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;