@threadlabs/looma 0.28.6 → 0.28.7

package/vue/UiEditorLinkCard.vue

@@ -0,0 +1,319 @@
+<!-- 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 {
+  checkHydratedRoot,
+  concat,
+  createDispatch,
+  cycleCheckedComputed,
+  nativeAttrs,
+  text,
+  useComponentHost,
+  useReflectedProp,
+} from './host'
+import { acceptsControllerWrite } from './props'
+import { checkedProp, propValidityState, vPropValidity } from './props'
+import UiButton from './UiButton.vue'
+import UiCard from './UiCard.vue'
+import UiCluster from './UiCluster.vue'
+import UiIcon from './UiIcon.vue'
+import UiIconButton from './UiIconButton.vue'
+import UiStack from './UiStack.vue'
+import UiText from './UiText.vue'
+import UiTooltip from './UiTooltip.vue'
+
+defineOptions({ inheritAttrs: false })
+
+const propValidityContract = {
+  props: {
+    detail: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'detail' },
+      description: 'A second line under the label, such as where the destination lives.',
+      default: '',
+    },
+    href: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'title' },
+      description: 'The link\'s destination, shown when there is no label.',
+      default: '',
+    },
+    label: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'label' },
+      description:
+        'The resolved destination\'s name, such as a page title, shown in place of the address.',
+      default: '',
+    },
+    openHref: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'href' },
+      description:
+        'The address Open link opens in a new tab; without it the card offers no Open link. The editor passes the destination only when it is an http, https,\n      mailto, tel, or relative address.',
+      default: '',
+    },
+    targetLabel: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'targetlabel' },
+      description:
+        'What a resolved destination is called, as in "Page: Guide" for a screen reader.',
+      default: 'Item',
+    },
+  },
+} as const
+const props = defineProps({
+  detail: { type: null as unknown as PropType<string | null>, default: '' },
+  href: { type: null as unknown as PropType<string | null>, default: '' },
+  label: { type: null as unknown as PropType<string | null>, default: '' },
+  openHref: { type: null as unknown as PropType<string | null>, default: '' },
+  targetLabel: { type: null as unknown as PropType<string | null>, default: 'Item' },
+})
+const acceptedProps: Record<string, unknown> = {
+  detail: '',
+  href: '',
+  label: '',
+  openHref: '',
+  targetLabel: 'Item',
+}
+const checkedProps = computed(() => ({
+  detail: checkedProp<string>(
+    props['detail'],
+    { kind: 'terminal', name: 'string' },
+    false,
+    'detail',
+    acceptedProps,
+  ) as string,
+  href: checkedProp<string>(
+    props['href'],
+    { kind: 'terminal', name: 'string' },
+    false,
+    'href',
+    acceptedProps,
+  ) as string,
+  label: checkedProp<string>(
+    props['label'],
+    { kind: 'terminal', name: 'string' },
+    false,
+    'label',
+    acceptedProps,
+  ) as string,
+  openHref: checkedProp<string>(
+    props['openHref'],
+    { kind: 'terminal', name: 'string' },
+    false,
+    'openHref',
+    acceptedProps,
+  ) as string,
+  targetLabel: checkedProp<string>(
+    props['targetLabel'],
+    { kind: 'terminal', name: 'string' },
+    false,
+    'targetLabel',
+    acceptedProps,
+  ) as string,
+}))
+void checkedProps.value
+watchSyncEffect(() => {
+  void checkedProps.value
+})
+const reflectedProp = useReflectedProp()
+const hydrationInstance = getCurrentInstance()
+const emit = defineEmits<{
+  edit: [event: CustomEvent<Readonly<Record<string, unknown>>>]
+  remove: [event: CustomEvent<Readonly<Record<string, unknown>>>]
+}>()
+
+const root = ref<HTMLElement | null>(null)
+const base = ref('ui-editor-link-card')
+const resolved = cycleCheckedComputed(() => checkedProps.value.label !== '')
+let shownPrevious: any = null
+const shown = cycleCheckedComputed(() => {
+  const next: 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: checkedProps.value.label, false: checkedProps.value.href },
+      concat(resolved.value),
+    )
+  if (next === Symbol.for('html-next.invalid-result')) {
+    return shownPrevious
+  }
+  return shownPrevious = next
+})
+let guardedPrevious: any = null
+const guarded = computed(() => {
+  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: 'file-text', false: 'link' }, concat(resolved.value))
+  if (candidate === Symbol.for('html-next.invalid-result')) {
+    return guardedPrevious
+  }
+  return guardedPrevious = candidate
+})
+let guardedBindingPrevious: any = null
+const guardedBinding = computed(() => {
+  const candidate: any = concat(
+    ((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: checkedProps.value.targetLabel, false: 'URL' },
+        concat(resolved.value),
+      ),
+    ': ',
+    shown.value,
+  )
+  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, '-open')
+  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, '-open')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding3Previous
+  return guardedBinding3Previous = candidate
+})
+let guardedBinding4Previous: any = null
+const guardedBinding4 = computed(() => {
+  const candidate: any = concat(base.value, '-edit')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding4Previous
+  return guardedBinding4Previous = candidate
+})
+let guardedBinding5Previous: any = null
+const guardedBinding5 = computed(() => {
+  const candidate: any = concat(base.value, '-edit')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding5Previous
+  return guardedBinding5Previous = candidate
+})
+let guardedBinding6Previous: any = null
+const guardedBinding6 = computed(() => {
+  const candidate: any = concat(base.value, '-remove')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding6Previous
+  return guardedBinding6Previous = candidate
+})
+let guardedBinding7Previous: any = null
+const guardedBinding7 = computed(() => {
+  const candidate: any = concat(base.value, '-remove')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding7Previous
+  return guardedBinding7Previous = candidate
+})
+provide('html-next:ui-editor-link-card:base', base)
+checkHydratedRoot('div', 'ui-editor-link-card')
+
+const isEditDetail = (
+  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: {
+    edit: isEditDetail,
+    remove: isEditDetail,
+  },
+})
+
+useComponentHost(() => import('../components/ui-editor-link-card/ui-editor-link-card.js'), {
+  root,
+  dispatch,
+  acceptsState: (name: string, keys: readonly string[], value: unknown) =>
+    acceptsControllerWrite(
+      value,
+      ({ base: { kind: 'terminal', name: 'string' } } as Record<string, any>)[name],
+      keys,
+    ),
+  controllerSource: {
+    specifier: '../components/ui-editor-link-card/ui-editor-link-card.js',
+    definition: './components/ui-editor-link-card/ui-editor-link-card.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: ['detail', 'href', 'label', 'openHref', 'targetLabel'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
+  state: { base },
+  computed: { resolved, shown },
+})
+</script>
+
+<template>
+  <div
+    v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
+    :data-detail="reflectedProp('detail', 'detail', checkedProps.detail, undefined, false)"
+    :data-href="reflectedProp('href', 'href', checkedProps.href, undefined, false)"
+    :data-label="reflectedProp('label', 'label', checkedProps.label, undefined, false)"
+    :data-open-href="reflectedProp('openHref', 'open-href', checkedProps.openHref, undefined, false)"
+    :data-target-label="reflectedProp('targetLabel', 'target-label', checkedProps.targetLabel, undefined, false)"
+    ref="root"
+  >
+    <UiCard variant="elevated" padding="xs" size="content"><UiCluster
+        gap="xs"
+        wrap="nowrap"
+        role="group"
+        aria-label="Link actions"
+      ><UiIcon :name="guarded" />
+        <UiStack gap="none" :title="checkedProps.href" :aria-label="guardedBinding"><UiText
+            as="strong"
+            size="sm"
+            weight="medium"
+            font="sans"
+            wrap="anywhere"
+          >{{ text(shown) }}</UiText>
+          <UiText
+            v-if="checkedProps.detail !== ''"
+            as="small"
+            size="xs"
+            tone="secondary"
+            font="sans"
+          >{{ checkedProps.detail }}</UiText></UiStack>
+        <template v-if="checkedProps.openHref !== ''"><UiButton
+            as="a"
+            variant="ghost"
+            tone="neutral"
+            size="sm"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="Open link"
+            :id="guardedBinding2"
+            :href="checkedProps.openHref"
+          ><UiCluster gap="xs" wrap="nowrap"><UiIcon name="external-link" />Open
+              link</UiCluster></UiButton>
+          <UiTooltip :for="guardedBinding3">Open link</UiTooltip></template>
+        <UiIconButton
+          label="Edit link"
+          variant="ghost"
+          size="sm"
+          data-link-action="edit"
+          :id="guardedBinding4"
+        ><UiIcon name="pencil" /></UiIconButton>
+        <UiTooltip :for="guardedBinding5">Edit link</UiTooltip>
+        <UiIconButton
+          label="Remove link"
+          variant="ghost"
+          size="sm"
+          data-link-action="remove"
+          :id="guardedBinding6"
+        ><UiIcon name="unlink" /></UiIconButton>
+        <UiTooltip :for="guardedBinding7">Remove link</UiTooltip></UiCluster></UiCard>
+  </div>
+</template>

package/vue/chunks/UiAffordanceScope.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAffordanceScope.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiAvatar.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";

package/vue/chunks/UiAvatarGroup.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAvatarGroup.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiBadge.js

@@ -1,4 +1,4 @@
-import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBadge.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiBreadcrumbItem.js

@@ -1,4 +1,4 @@
-import { a as concat, i as checkHydratedRoot, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { a as concat, i as checkHydratedRoot, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";

package/vue/chunks/UiBreadcrumbs.js

@@ -1,4 +1,4 @@
-import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBreadcrumbs.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiButton.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, a as concat, h as preserveRootFocus, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { a as concat, h as preserveRootFocus, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiSpinner_default } from "./UiSpinner.js";

package/vue/chunks/UiCallout.js

@@ -1,4 +1,4 @@
-import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCallout.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiCard.js

@@ -1,4 +1,4 @@
-import { h as preserveRootFocus, i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { h as preserveRootFocus, i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCard.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiCheckbox.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { r as vBindControl } from "./control.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";

package/vue/chunks/UiCluster.js

@@ -1,4 +1,4 @@
-import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCluster.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiCombobox.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, a as concat, g as uniqueKeys, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp, y as warnUnless } from "./_plugin-vue_export-helper.js";
+import { _ as uniqueKeys, a as concat, b as warnUnless, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { t as UiBadge_default } from "./UiBadge.js";
 import { r as vBindControl } from "./control.js";

package/vue/chunks/UiContainer.js

@@ -1,4 +1,4 @@
-import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiContainer.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiContextMenu.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiContextMenu.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiCover.js

@@ -1,4 +1,4 @@
-import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCover.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiDescriptionItem.js

@@ -1,4 +1,4 @@
-import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiDescriptionItem.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiDescriptionList.js

@@ -1,4 +1,4 @@
-import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiDescriptionList.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiDialog.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { t as UiScrollArea_default } from "./UiScrollArea.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";

package/vue/chunks/UiDisclosure.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp, y as warnUnless } from "./_plugin-vue_export-helper.js";
+import { b as warnUnless, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiDisclosure.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiEditable.js

@@ -1,4 +1,4 @@
-import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { r as vBindControl } from "./control.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";

package/vue/chunks/UiEditorBlockActions.js

@@ -0,0 +1,127 @@
+import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./props.js";
+import { t as UiMenu_default } from "./UiMenu.js";
+import { t as UiMenuItem_default } from "./UiMenuItem.js";
+import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
+//#region .build/vue/UiEditorBlockActions.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-for", "data-placement"];
+//#endregion
+//#region .build/vue/UiEditorBlockActions.vue
+var UiEditorBlockActions_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiEditorBlockActions",
+	props: {
+		for: {
+			type: null,
+			default: ""
+		},
+		placement: {
+			type: null,
+			default: "bottom-start"
+		}
+	},
+	emits: ["action"],
+	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			for: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "for" },
+				description: "The id of the button that opens the menu and anchors it.",
+				default: ""
+			},
+			placement: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "placement" },
+				description: "Where the menu opens beside its button; top-start suits a toolbar docked at the bottom of the screen.",
+				values: ["bottom-start", "top-start"],
+				default: "bottom-start"
+			}
+		} };
+		const props = __props;
+		const acceptedProps = {
+			for: "",
+			placement: "bottom-start"
+		};
+		const checkedProps = computed(() => ({
+			for: checkedProp(props["for"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "for", acceptedProps),
+			placement: checkedProp(props["placement"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "placement", acceptedProps)
+		}));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		const reflectedProp = useReflectedProp();
+		const hydrationInstance = getCurrentInstance();
+		const emit = __emit;
+		const root = ref(null);
+		checkHydratedRoot("div", "ui-editor-block-actions");
+		const isActionDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "insert-below" || detail["action"] === "duplicate" || detail["action"] === "delete") && Object.keys(detail).every((key) => ["action"].includes(key));
+		const dispatch = createDispatch(root, emit, { checks: { action: isActionDetail } });
+		useComponentHost(() => import("@threadlabs/looma/components/ui-editor-block-actions/ui-editor-block-actions.js"), {
+			root,
+			dispatch,
+			controllerSource: {
+				specifier: "../components/ui-editor-block-actions/ui-editor-block-actions.js",
+				definition: "./components/ui-editor-block-actions/ui-editor-block-actions.html"
+			},
+			props: checkedProps,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: ["for", "placement"],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name)
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps(unref(nativeAttrs)(_ctx.$attrs), {
+				"data-for": unref(reflectedProp)("for", "for", checkedProps.value.for, void 0, false),
+				"data-placement": unref(reflectedProp)("placement", "placement", checkedProps.value.placement, void 0, false),
+				ref_key: "root",
+				ref: root
+			}), [createVNode(UiMenu_default, {
+				"aria-label": "Block actions",
+				for: checkedProps.value.for,
+				placement: checkedProps.value.placement
+			}, {
+				default: withCtx(() => [
+					createVNode(UiMenuItem_default, { value: "insert-below" }, {
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Insert paragraph below", -1)])]),
+						_: 1
+					}),
+					createVNode(UiMenuItem_default, { value: "duplicate" }, {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Duplicate block", -1)])]),
+						_: 1
+					}),
+					createVNode(UiMenuItem_default, { value: "delete" }, {
+						default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Delete block", -1)])]),
+						_: 1
+					})
+				]),
+				_: 1
+			}, 8, ["for", "placement"])], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...props }
+			}]]);
+		};
+	}
+});
+//#endregion
+export { UiEditorBlockActions_default as t };