@threadlabs/looma 0.30.9 → 0.31.1

package/vue/UiEditorFootnoteEditor.vue

@@ -0,0 +1,304 @@
+<!-- Generated by HTML Next 1.0.0-alpha.67 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 {
+  checkHydratedRoot,
+  concat,
+  createDispatch,
+  nativeAttrs,
+  useComponentHost,
+  useReflectedProp,
+} from './host'
+import { acceptsControllerWrite } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  evaluateInput,
+  type InputBindings,
+  inputDefault,
+  inputRead,
+  propValidityState,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
+import UiButton from './UiButton.vue'
+import UiFormField from './UiFormField.vue'
+import UiInput from './UiInput.vue'
+import UiInputGroup from './UiInputGroup.vue'
+import UiStack from './UiStack.vue'
+import UiTextarea from './UiTextarea.vue'
+
+defineOptions({ inheritAttrs: false })
+
+const propValidityContract = {
+  props: {
+    editable: {
+      type: { kind: 'terminal', name: 'boolean' },
+      required: false,
+      target: { attribute: 'editable' },
+      description:
+        'Whether the note\'s text can be edited here. A note with formatting or more than one block shows its text read-only; Go to note edits it in the\n      document.',
+      default: false,
+    },
+    error: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'error' },
+      description:
+        'Why the label field\'s label was not used. While set, the field is invalid and shows it.',
+      default: '',
+    },
+    label: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'value' },
+      description:
+        'The footnote\'s label, which its references and its note share, shown between [^ and ].',
+      default: '',
+    },
+    note: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'value' },
+      description:
+        'The note\'s text, shown in the note field, with each block of a longer note on its own line.',
+      default: '',
+    },
+  },
+} as const
+const props = defineProps({
+  editable: { type: null as unknown as PropType<boolean | null> },
+  error: { type: null as unknown as PropType<string | null> },
+  label: { type: null as unknown as PropType<string | null> },
+  note: { type: null as unknown as PropType<string | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
+})
+const acceptedProps: Record<string, unknown> = { editable: false, error: '', label: '', note: '' }
+const inputTracking = vuePropInputs(acceptedProps, {
+  editable: false,
+  error: '',
+  label: '',
+  note: '',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'editable':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'error':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'label':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'note':
+      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 ({
+    editable: propInputs.value<boolean | null>(
+      'editable',
+      props['editable'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    error: propInputs.value<string | null>(
+      'error',
+      props['error'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    label: propInputs.value<string | null>(
+      'label',
+      props['label'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    note: propInputs.value<string | null>(
+      'note',
+      props['note'],
+      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
+})
+const reflectedProp = useReflectedProp()
+const hydrationInstance = getCurrentInstance()
+const emit = defineEmits<{
+  'update:label': [value: string]
+  text: [event: CustomEvent<{ readonly text: string }>]
+  label: [event: CustomEvent<{ readonly label: string }>]
+  go: [event: CustomEvent<Readonly<Record<string, unknown>>>]
+  done: [event: CustomEvent<Readonly<Record<string, unknown>>>]
+}>()
+
+const root = ref<HTMLElement | null>(null)
+const base = ref('ui-editor-footnote-editor')
+let guardedPrevious: any = null
+const guarded = computed(() => {
+  const candidate: any = concat(base.value, '-label')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedPrevious
+  return guardedPrevious = candidate
+})
+let guardedBindingPrevious: any = null
+const guardedBinding = computed(() => {
+  const candidate: any = concat(base.value, '-label')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBindingPrevious
+  return guardedBindingPrevious = candidate
+})
+let guardedBinding2Previous: any = null
+const guardedBinding2 = computed(() => {
+  const candidate: any = concat(base.value, '-note')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding2Previous
+  return guardedBinding2Previous = candidate
+})
+let guardedBinding3Previous: any = null
+const guardedBinding3 = computed(() => {
+  const candidate: any = concat(base.value, '-note')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding3Previous
+  return guardedBinding3Previous = candidate
+})
+provide('html-next:ui-editor-footnote-editor:base', base)
+checkHydratedRoot('div', 'ui-editor-footnote-editor')
+
+const isTextDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+  && typeof (detail as Record<string, unknown>)['text'] === 'string'
+  && Object.keys(detail as object).every((key) => ['text'].includes(key)))
+const isLabelDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+  && typeof (detail as Record<string, unknown>)['label'] === 'string'
+  && Object.keys(detail as object).every((key) => ['label'].includes(key)))
+const isGoDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+  && Object.values(detail as object).every((item: unknown) => true))
+const dispatch = createDispatch(root, emit as (name: string, detail: unknown) => void, {
+  checks: {
+    text: isTextDetail,
+    label: isLabelDetail,
+    go: isGoDetail,
+    done: isGoDetail,
+  },
+  modeled: ['label'],
+})
+
+useComponentHost(
+  () => import('../components/ui-editor-footnote-editor/ui-editor-footnote-editor.js'),
+  {
+    root,
+    module: true,
+    dispatch,
+    acceptsState: (name: string, keys: readonly string[], value: unknown) =>
+      acceptsControllerWrite(
+        value,
+        ({ base: { kind: 'terminal', name: 'string' } } as Record<string, any>)[name],
+        keys,
+      ),
+    initials: { base: 'ui-editor-footnote-editor' },
+    controllerSource: {
+      specifier: '../components/ui-editor-footnote-editor/ui-editor-footnote-editor.js',
+      definition: './components/ui-editor-footnote-editor/ui-editor-footnote-editor.html',
+    },
+    props: checkedProps,
+    inputs: propInputs,
+    inputTracking,
+    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: ['editable', 'error', 'label', 'note'],
+    propValidity: (name: string) =>
+      propValidityState({ contract: propValidityContract, values: { ...props } }, name),
+    state: { base },
+  },
+)
+</script>
+
+<template>
+  <div
+    role="dialog"
+    aria-label="Edit footnote"
+    v-bind="nativeAttrs($attrs)"
+    data-hn
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
+    :data-ui-editor-footnote-editor-prop-editable="reflectedProp('editable', 'editable', checkedProps.editable, undefined, false)"
+    :data-ui-editor-footnote-editor-prop-error="reflectedProp('error', 'error', checkedProps.error, undefined, false)"
+    :data-ui-editor-footnote-editor-prop-label="reflectedProp('label', 'label', checkedProps.label, undefined, false)"
+    :data-ui-editor-footnote-editor-prop-note="reflectedProp('note', 'note', checkedProps.note, undefined, false)"
+    ref="root"
+  >
+    <UiStack gap="s"><template
+        v-for="boundInput in [evaluateInput(
+          () => (inputRead(checkedProps.error, inputStatus('error', true)) !== '') as any,
+          READY_INPUT,
+        )]"
+      ><UiFormField
+          :invalid="boundInput.value"
+          v-bind="{ [BINDING_INPUTS_PROP]: { invalid: () => boundInput } }"
+        ><UiInputGroup><UiInput
+              data-footnote-label=""
+              size="sm"
+              autocomplete="off"
+              :id="guardedBinding"
+              :value="checkedProps.label"
+              v-bind="{
+                [BINDING_INPUTS_PROP]: {
+                  value: () => ({ value: checkedProps.label, status: inputStatus('label', true) }),
+                },
+              }"
+            />
+            <template #prefix><span slot="prefix">[^</span></template>
+            <template #suffix><span slot="suffix">]</span></template></UiInputGroup>
+          <template #label><label slot="label" :for="guarded">Label</label></template>
+          <template #error><span slot="error">{{
+              checkedProps.error
+            }}</span></template></UiFormField></template>{{ ' ' }}<UiFormField><UiInputGroup
+          :multiline="true"
+        ><template
+            v-for="boundInputSnapshot in [evaluateInput(
+              () => (!inputRead(checkedProps.editable, inputStatus('editable', true))) as any,
+              READY_INPUT,
+            )]"
+          ><UiTextarea
+              data-footnote-note=""
+              size="sm"
+              :rows="2"
+              :autosize="true"
+              placeholder="Write the note"
+              :id="guardedBinding3"
+              :readonly="boundInputSnapshot.value"
+              :value="checkedProps.note"
+              v-bind="{
+                [BINDING_INPUTS_PROP]: {
+                  readonly: () => boundInputSnapshot,
+                  value: () => ({ value: checkedProps.note, status: inputStatus('note', true) }),
+                },
+              }"
+            /></template>
+          <template #action><UiButton slot="action" size="sm" data-footnote-go=""
+            >Go to note</UiButton></template></UiInputGroup>
+        <template #label><label slot="label" :for="guardedBinding2">Note</label></template>
+        <template #help><span v-if="!checkedProps.editable" slot="help"
+          >This note has formatting, so it is edited in the
+            document.</span></template></UiFormField></UiStack>
+  </div>
+</template>

package/vue/UiEditorImageToolbar.vue

@@ -268,6 +268,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-editor-image-toolbar/ui-editor-image-toolbar.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiEditorInsertTableGrid.vue

@@ -174,6 +174,7 @@ useComponentHost(
   () => import('../components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.js'),
   {
     root,
+    module: true,
     dispatch,
     acceptsState: (name: string, keys: readonly string[], value: unknown) =>
       acceptsControllerWrite(

package/vue/UiEditorLinkCard.vue

@@ -270,6 +270,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-editor-link-card/ui-editor-link-card.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiEditorLinkForm.vue

@@ -454,6 +454,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-editor-link-form/ui-editor-link-form.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiEditorMentionMenu.vue

@@ -321,6 +321,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-editor-mention-menu/ui-editor-mention-menu.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiEditorSlashMenu.vue

@@ -285,6 +285,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-editor-slash-menu/ui-editor-slash-menu.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiEditorTableContextMenu.vue

@@ -384,6 +384,7 @@ useComponentHost(
   () => import('../components/ui-editor-table-context-menu/ui-editor-table-context-menu.js'),
   {
     root,
+    module: true,
     dispatch,
     acceptsState: (name: string, keys: readonly string[], value: unknown) =>
       acceptsControllerWrite(

package/vue/UiEditorTableOverlay.vue

@@ -529,6 +529,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-editor-table-overlay/ui-editor-table-overlay.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiEditorTableToolbar.vue

@@ -394,6 +394,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-editor-table-toolbar/ui-editor-table-toolbar.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiEditorToolbar.vue

@@ -94,6 +94,7 @@ const dispatch = createDispatch(root)
 
 useComponentHost(() => import('../components/ui-editor-toolbar/ui-editor-toolbar.js'), {
   root,
+  module: true,
   dispatch,
   controllerSource: {
     specifier: '../components/ui-editor-toolbar/ui-editor-toolbar.js',

package/vue/UiFormField.vue

@@ -124,6 +124,7 @@ const dispatch = createDispatch(root)
 
 useComponentHost(() => import('../components/ui-form-field/ui-form-field.js'), {
   root,
+  module: true,
   dispatch,
   controllerSource: {
     specifier: '../components/ui-form-field/ui-form-field.js',

package/vue/UiIcon.vue

@@ -409,6 +409,10 @@ const shapes: ReturnType<typeof inputComputed<any>> = inputComputed<any>(
         tag: 'path',
         d: 'M14 12a4 4 0 0 1 0 8H6',
       }, { tag: 'line', x1: '4', x2: '20', y1: '12', y2: '12' }],
+      superscript: [{ tag: 'path', d: 'm4 19 8-8' }, { tag: 'path', d: 'm12 19-8-8' }, {
+        tag: 'path',
+        d: 'M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06',
+      }],
       table: [{
         tag: 'path',
         d: 'M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18',

package/vue/UiIconButton.vue

@@ -338,6 +338,7 @@ const dispatch = createDispatch(root)
 
 useComponentHost(() => import('../components/ui-icon-button/ui-icon-button.js'), {
   root,
+  module: true,
   dispatch,
   controllerSource: {
     specifier: '../components/ui-icon-button/ui-icon-button.js',

package/vue/UiImage.vue

@@ -216,6 +216,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-image/ui-image.js'), {
   root,
+  module: true,
   dispatch,
   controllerSource: {
     specifier: '../components/ui-image/ui-image.js',

package/vue/UiInput.vue

@@ -430,6 +430,7 @@ const dispatch = createDispatch(root)
 
 useComponentHost(() => import('../components/ui-input/ui-input.js'), {
   root,
+  module: true,
   dispatch,
   controllerSource: {
     specifier: '../components/ui-input/ui-input.js',

package/vue/UiInputGroup.vue

@@ -176,6 +176,7 @@ const dispatch = createDispatch(root)
 
 useComponentHost(() => import('../components/ui-input-group/ui-input-group.js'), {
   root,
+  module: true,
   dispatch,
   controllerSource: {
     specifier: '../components/ui-input-group/ui-input-group.js',

package/vue/UiListbox.vue

@@ -272,6 +272,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-listbox/ui-listbox.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiMenu.vue

@@ -271,6 +271,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-menu/ui-menu.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiMenuItem.vue

@@ -252,6 +252,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-menu-item/ui-menu-item.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiPopover.vue

@@ -237,6 +237,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-popover/ui-popover.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiRadio.vue

@@ -218,6 +218,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-radio/ui-radio.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiRadioGroup.vue

@@ -273,6 +273,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-radio-group/ui-radio-group.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiScrollArea.vue

@@ -177,6 +177,7 @@ const dispatch = createDispatch(root)
 
 useComponentHost(() => import('../components/ui-scroll-area/ui-scroll-area.js'), {
   root,
+  module: true,
   dispatch,
   controllerSource: {
     specifier: '../components/ui-scroll-area/ui-scroll-area.js',

package/vue/UiSearchShell.vue

@@ -169,6 +169,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-search-shell/ui-search-shell.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiSelect.vue

@@ -173,6 +173,7 @@ const dispatch = createDispatch(root)
 
 useComponentHost(() => import('../components/ui-select/ui-select.js'), {
   root,
+  module: true,
   dispatch,
   controllerSource: {
     specifier: '../components/ui-select/ui-select.js',

package/vue/UiSidebar.vue

@@ -284,6 +284,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-sidebar/ui-sidebar.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiSwitch.vue

@@ -217,6 +217,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-switch/ui-switch.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiSwitcher.vue

@@ -146,6 +146,7 @@ const dispatch = createDispatch(root)
 
 useComponentHost(() => import('../components/ui-switcher/ui-switcher.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiTable.vue

@@ -113,6 +113,7 @@ const dispatch = createDispatch(root)
 
 useComponentHost(() => import('../components/ui-table/ui-table.js'), {
   root,
+  module: true,
   dispatch,
   controllerSource: {
     specifier: '../components/ui-table/ui-table.js',

package/vue/UiTabs.vue

@@ -246,6 +246,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-tabs/ui-tabs.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiTextarea.vue

@@ -244,6 +244,7 @@ const dispatch = createDispatch(root)
 
 useComponentHost(() => import('../components/ui-textarea/ui-textarea.js'), {
   root,
+  module: true,
   dispatch,
   controllerSource: {
     specifier: '../components/ui-textarea/ui-textarea.js',

package/vue/UiToast.vue

@@ -142,6 +142,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-toast/ui-toast.js'), {
   root,
+  module: true,
   dispatch,
   controllerSource: {
     specifier: '../components/ui-toast/ui-toast.js',

package/vue/UiToastRegion.vue

@@ -192,6 +192,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-toast-region/ui-toast-region.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiTooltip.vue

@@ -288,6 +288,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-tooltip/ui-tooltip.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/UiTree.vue

@@ -316,6 +316,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-tree/ui-tree.js'), {
   root,
+  module: true,
   dispatch,
   controllerSource: {
     specifier: '../components/ui-tree/ui-tree.js',

package/vue/UiTreeItem.vue

@@ -476,6 +476,7 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 
 useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   root,
+  module: true,
   dispatch,
   acceptsState: (name: string, keys: readonly string[], value: unknown) =>
     acceptsControllerWrite(

package/vue/chunks/UiAffordanceScope.js

@@ -90,6 +90,7 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		const dispatch = createDispatch(root);
 		useComponentHost(() => import("@threadlabs/looma/components/ui-affordance-scope/ui-affordance-scope.js"), {
 			root,
+			module: true,
 			dispatch,
 			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { engaged: {
 				kind: "terminal",
@@ -130,6 +131,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-94d3663b"]]);
+}), [["__scopeId", "data-v-715f4ec6"]]);
 //#endregion
 export { UiAffordanceScope_default as t };