@threadlabs/looma 0.23.20 → 0.23.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/shared/overlay.js +1 -1
- package/components/ui-combobox/ui-combobox.html +7 -8
- package/components/ui-editor-mention-menu/ui-editor-mention-menu.html +2 -2
- package/components/ui-editor-slash-menu/ui-editor-slash-menu.html +1 -1
- package/components/ui-editor-table-context-menu/ui-editor-table-context-menu.html +3 -3
- package/components/ui-editor-table-overlay/ui-editor-table-overlay.html +2 -2
- package/components/ui-editor-table-toolbar/ui-editor-table-toolbar.html +4 -4
- package/components/ui-image/ui-image.html +177 -0
- package/components/ui-image/ui-image.js +107 -0
- package/components/ui-listbox/ui-listbox.html +1 -1
- package/components/ui-menu/ui-menu.js +1 -1
- package/components/ui-popover/ui-popover.js +4 -1
- package/components/ui-separator/ui-separator.html +18 -0
- package/components/ui-toast-region/ui-toast-region.html +1 -1
- package/dist/index.js +24 -23
- package/editor/chunks/extensions.js +633 -20
- package/editor/extensions/block-selection.d.ts +6 -0
- package/editor/extensions/expand.d.ts +31 -0
- package/editor/extensions/image.d.ts +12 -0
- package/editor/extensions/index.d.ts +4 -1
- package/editor/extensions/index.js +2 -2
- package/editor/extensions/preset.d.ts +8 -0
- package/editor/extensions/slash-command.d.ts +31 -3
- package/editor/extensions/table-of-contents.d.ts +58 -0
- package/editor/index.js +2 -2
- package/package.json +2 -2
- package/styles/ui-action-bar.css +1 -1
- package/styles/ui-affordance-scope.css +1 -1
- package/styles/ui-avatar-group.css +1 -1
- package/styles/ui-avatar.css +1 -1
- package/styles/ui-badge.css +1 -1
- package/styles/ui-breadcrumb-item.css +1 -1
- package/styles/ui-breadcrumbs.css +1 -1
- package/styles/ui-button.css +1 -1
- package/styles/ui-callout.css +1 -1
- package/styles/ui-card.css +1 -1
- package/styles/ui-checkbox.css +1 -1
- package/styles/ui-cluster.css +1 -1
- package/styles/ui-combobox.css +1 -1
- package/styles/ui-container.css +1 -1
- package/styles/ui-context-menu.css +1 -1
- package/styles/ui-cover.css +1 -1
- package/styles/ui-description-item.css +1 -1
- package/styles/ui-description-list.css +1 -1
- package/styles/ui-dialog.css +1 -1
- package/styles/ui-disclosure.css +1 -1
- package/styles/ui-editable.css +1 -1
- package/styles/ui-editor-insert-table-grid.css +1 -1
- package/styles/ui-editor-mention-menu-item.css +1 -1
- package/styles/ui-editor-mention-menu.css +1 -1
- package/styles/ui-editor-slash-menu-group.css +1 -1
- package/styles/ui-editor-slash-menu-item.css +1 -1
- package/styles/ui-editor-slash-menu.css +1 -1
- package/styles/ui-editor-table-context-menu.css +1 -1
- package/styles/ui-editor-table-overlay.css +1 -1
- package/styles/ui-editor-table-toolbar.css +1 -1
- package/styles/ui-editor-toolbar.css +1 -1
- package/styles/ui-floating-action-button.css +1 -1
- package/styles/ui-form-field.css +1 -1
- package/styles/ui-grid.css +1 -1
- package/styles/ui-icon-button.css +1 -1
- package/styles/ui-icon.css +1 -1
- package/styles/ui-image.css +153 -0
- package/styles/ui-input-group.css +1 -1
- package/styles/ui-input.css +1 -1
- package/styles/ui-list-item.css +1 -1
- package/styles/ui-list.css +1 -1
- package/styles/ui-listbox.css +1 -1
- package/styles/ui-menu-group.css +1 -1
- package/styles/ui-menu-item.css +1 -1
- package/styles/ui-menu.css +1 -1
- package/styles/ui-meter.css +1 -1
- package/styles/ui-nav-item.css +1 -1
- package/styles/ui-page-header.css +1 -1
- package/styles/ui-popover.css +1 -1
- package/styles/ui-radio-group.css +1 -1
- package/styles/ui-radio.css +1 -1
- package/styles/ui-reel.css +1 -1
- package/styles/ui-scroll-area.css +1 -1
- package/styles/ui-search-result-row.css +1 -1
- package/styles/ui-search-shell.css +1 -1
- package/styles/ui-section.css +1 -1
- package/styles/ui-select.css +1 -1
- package/styles/ui-separator.css +17 -1
- package/styles/ui-sidebar.css +1 -1
- package/styles/ui-spinner.css +1 -1
- package/styles/ui-stack.css +1 -1
- package/styles/ui-status-message.css +1 -1
- package/styles/ui-switch.css +1 -1
- package/styles/ui-switcher.css +1 -1
- package/styles/ui-table.css +1 -1
- package/styles/ui-tabs.css +1 -1
- package/styles/ui-text.css +1 -1
- package/styles/ui-textarea.css +1 -1
- package/styles/ui-toast-region.css +1 -1
- package/styles/ui-toast.css +1 -1
- package/styles/ui-tooltip.css +1 -1
- package/styles/ui-top-bar.css +1 -1
- package/styles/ui-tree-item.css +1 -1
- package/styles/ui-tree.css +1 -1
- package/vanilla/UiActionBar.d.ts +1 -1
- package/vanilla/UiActionBar.js +1 -1
- package/vanilla/UiAffordanceScope.d.ts +1 -1
- package/vanilla/UiAffordanceScope.js +1 -1
- package/vanilla/UiAvatar.d.ts +1 -1
- package/vanilla/UiAvatar.js +1 -1
- package/vanilla/UiAvatarGroup.d.ts +1 -1
- package/vanilla/UiAvatarGroup.js +1 -1
- package/vanilla/UiBadge.d.ts +1 -1
- package/vanilla/UiBadge.js +1 -1
- package/vanilla/UiBreadcrumbItem.d.ts +1 -1
- package/vanilla/UiBreadcrumbItem.js +1 -1
- package/vanilla/UiBreadcrumbs.d.ts +1 -1
- package/vanilla/UiBreadcrumbs.js +1 -1
- package/vanilla/UiButton.d.ts +1 -1
- package/vanilla/UiButton.js +1 -1
- package/vanilla/UiCallout.d.ts +1 -1
- package/vanilla/UiCallout.js +1 -1
- package/vanilla/UiCard.d.ts +1 -1
- package/vanilla/UiCard.js +1 -1
- package/vanilla/UiCheckbox.d.ts +1 -1
- package/vanilla/UiCheckbox.js +1 -1
- package/vanilla/UiCluster.d.ts +1 -1
- package/vanilla/UiCluster.js +1 -1
- package/vanilla/UiCombobox.d.ts +1 -1
- package/vanilla/UiCombobox.js +181 -167
- package/vanilla/UiContainer.d.ts +1 -1
- package/vanilla/UiContainer.js +1 -1
- package/vanilla/UiContextMenu.d.ts +1 -1
- package/vanilla/UiContextMenu.js +1 -1
- package/vanilla/UiCover.d.ts +1 -1
- package/vanilla/UiCover.js +1 -1
- package/vanilla/UiDescriptionItem.d.ts +1 -1
- package/vanilla/UiDescriptionItem.js +1 -1
- package/vanilla/UiDescriptionList.d.ts +1 -1
- package/vanilla/UiDescriptionList.js +1 -1
- package/vanilla/UiDialog.d.ts +1 -1
- package/vanilla/UiDialog.js +1 -1
- package/vanilla/UiDisclosure.d.ts +1 -1
- package/vanilla/UiDisclosure.js +1 -1
- package/vanilla/UiEditable.d.ts +1 -1
- package/vanilla/UiEditable.js +1 -1
- package/vanilla/UiEditorInsertTableGrid.d.ts +1 -1
- package/vanilla/UiEditorInsertTableGrid.js +1 -1
- package/vanilla/UiEditorMentionMenu.d.ts +1 -1
- package/vanilla/UiEditorMentionMenu.js +19 -13
- package/vanilla/UiEditorMentionMenuItem.d.ts +1 -1
- package/vanilla/UiEditorMentionMenuItem.js +1 -1
- package/vanilla/UiEditorSlashMenu.d.ts +1 -1
- package/vanilla/UiEditorSlashMenu.js +17 -13
- package/vanilla/UiEditorSlashMenuGroup.d.ts +1 -1
- package/vanilla/UiEditorSlashMenuGroup.js +1 -1
- package/vanilla/UiEditorSlashMenuItem.d.ts +1 -1
- package/vanilla/UiEditorSlashMenuItem.js +1 -1
- package/vanilla/UiEditorTableContextMenu.d.ts +1 -1
- package/vanilla/UiEditorTableContextMenu.js +26 -20
- package/vanilla/UiEditorTableOverlay.d.ts +1 -1
- package/vanilla/UiEditorTableOverlay.js +69 -65
- package/vanilla/UiEditorTableToolbar.d.ts +1 -1
- package/vanilla/UiEditorTableToolbar.js +72 -64
- package/vanilla/UiEditorToolbar.d.ts +1 -1
- package/vanilla/UiEditorToolbar.js +1 -1
- package/vanilla/UiFloatingActionButton.d.ts +1 -1
- package/vanilla/UiFloatingActionButton.js +1 -1
- package/vanilla/UiFormField.d.ts +1 -1
- package/vanilla/UiFormField.js +1 -1
- package/vanilla/UiGrid.d.ts +1 -1
- package/vanilla/UiGrid.js +1 -1
- package/vanilla/UiIcon.d.ts +1 -1
- package/vanilla/UiIcon.js +1 -1
- package/vanilla/UiIconButton.d.ts +1 -1
- package/vanilla/UiIconButton.js +1 -1
- package/vanilla/UiImage.d.ts +21 -0
- package/vanilla/UiImage.js +84 -0
- package/vanilla/UiInput.d.ts +1 -1
- package/vanilla/UiInput.js +1 -1
- package/vanilla/UiInputGroup.d.ts +1 -1
- package/vanilla/UiInputGroup.js +1 -1
- package/vanilla/UiList.d.ts +1 -1
- package/vanilla/UiList.js +1 -1
- package/vanilla/UiListItem.d.ts +1 -1
- package/vanilla/UiListItem.js +1 -1
- package/vanilla/UiListbox.d.ts +1 -1
- package/vanilla/UiListbox.js +33 -31
- package/vanilla/UiMenu.d.ts +1 -1
- package/vanilla/UiMenu.js +1 -1
- package/vanilla/UiMenuGroup.d.ts +1 -1
- package/vanilla/UiMenuGroup.js +1 -1
- package/vanilla/UiMenuItem.d.ts +1 -1
- package/vanilla/UiMenuItem.js +1 -1
- package/vanilla/UiMeter.d.ts +1 -1
- package/vanilla/UiMeter.js +1 -1
- package/vanilla/UiNavItem.d.ts +1 -1
- package/vanilla/UiNavItem.js +1 -1
- package/vanilla/UiPageHeader.d.ts +1 -1
- package/vanilla/UiPageHeader.js +1 -1
- package/vanilla/UiPopover.d.ts +1 -1
- package/vanilla/UiPopover.js +1 -1
- package/vanilla/UiRadio.d.ts +1 -1
- package/vanilla/UiRadio.js +1 -1
- package/vanilla/UiRadioGroup.d.ts +1 -1
- package/vanilla/UiRadioGroup.js +1 -1
- package/vanilla/UiReel.d.ts +1 -1
- package/vanilla/UiReel.js +1 -1
- package/vanilla/UiScrollArea.d.ts +1 -1
- package/vanilla/UiScrollArea.js +1 -1
- package/vanilla/UiSearchResultRow.d.ts +1 -1
- package/vanilla/UiSearchResultRow.js +1 -1
- package/vanilla/UiSearchShell.d.ts +1 -1
- package/vanilla/UiSearchShell.js +1 -1
- package/vanilla/UiSection.d.ts +1 -1
- package/vanilla/UiSection.js +1 -1
- package/vanilla/UiSelect.d.ts +1 -1
- package/vanilla/UiSelect.js +1 -1
- package/vanilla/UiSeparator.d.ts +3 -1
- package/vanilla/UiSeparator.js +11 -3
- package/vanilla/UiSidebar.d.ts +1 -1
- package/vanilla/UiSidebar.js +1 -1
- package/vanilla/UiSpinner.d.ts +1 -1
- package/vanilla/UiSpinner.js +1 -1
- package/vanilla/UiStack.d.ts +1 -1
- package/vanilla/UiStack.js +1 -1
- package/vanilla/UiStatusMessage.d.ts +1 -1
- package/vanilla/UiStatusMessage.js +1 -1
- package/vanilla/UiSwitch.d.ts +1 -1
- package/vanilla/UiSwitch.js +1 -1
- package/vanilla/UiSwitcher.d.ts +1 -1
- package/vanilla/UiSwitcher.js +1 -1
- package/vanilla/UiTable.d.ts +1 -1
- package/vanilla/UiTable.js +1 -1
- package/vanilla/UiTabs.d.ts +1 -1
- package/vanilla/UiTabs.js +1 -1
- package/vanilla/UiText.d.ts +1 -1
- package/vanilla/UiText.js +1 -1
- package/vanilla/UiTextarea.d.ts +1 -1
- package/vanilla/UiTextarea.js +1 -1
- package/vanilla/UiToast.d.ts +1 -1
- package/vanilla/UiToast.js +1 -1
- package/vanilla/UiToastRegion.d.ts +1 -1
- package/vanilla/UiToastRegion.js +13 -11
- package/vanilla/UiTooltip.d.ts +1 -1
- package/vanilla/UiTooltip.js +1 -1
- package/vanilla/UiTopBar.d.ts +1 -1
- package/vanilla/UiTopBar.js +1 -1
- package/vanilla/UiTree.d.ts +1 -1
- package/vanilla/UiTree.js +1 -1
- package/vanilla/UiTreeItem.d.ts +1 -1
- package/vanilla/UiTreeItem.js +1 -1
- package/vanilla/index.js +1 -0
- package/vue/UiActionBar.vue +1 -1
- package/vue/UiAffordanceScope.vue +1 -1
- package/vue/UiAvatar.vue +1 -1
- package/vue/UiAvatarGroup.vue +2 -2
- package/vue/UiBadge.vue +1 -1
- package/vue/UiBreadcrumbItem.vue +1 -1
- package/vue/UiBreadcrumbs.vue +1 -1
- package/vue/UiButton.vue +1 -1
- package/vue/UiCallout.vue +1 -1
- package/vue/UiCard.vue +1 -1
- package/vue/UiCheckbox.vue +1 -1
- package/vue/UiCluster.vue +1 -1
- package/vue/UiCombobox.vue +1 -1
- package/vue/UiContainer.vue +1 -1
- package/vue/UiContextMenu.vue +1 -1
- package/vue/UiCover.vue +1 -1
- package/vue/UiDescriptionItem.vue +1 -1
- package/vue/UiDescriptionList.vue +1 -1
- package/vue/UiDialog.vue +1 -1
- package/vue/UiDisclosure.vue +1 -1
- package/vue/UiEditable.vue +1 -1
- package/vue/UiEditorInsertTableGrid.vue +1 -1
- package/vue/UiEditorMentionMenu.vue +1 -1
- package/vue/UiEditorMentionMenuItem.vue +1 -1
- package/vue/UiEditorSlashMenu.vue +1 -1
- package/vue/UiEditorSlashMenuGroup.vue +1 -1
- package/vue/UiEditorSlashMenuItem.vue +1 -1
- package/vue/UiEditorTableContextMenu.vue +1 -1
- package/vue/UiEditorTableOverlay.vue +1 -1
- package/vue/UiEditorTableToolbar.vue +1 -1
- package/vue/UiEditorToolbar.vue +1 -1
- package/vue/UiFloatingActionButton.vue +1 -1
- package/vue/UiFormField.vue +1 -1
- package/vue/UiGrid.vue +1 -1
- package/vue/UiIcon.vue +1 -1
- package/vue/UiIconButton.vue +1 -1
- package/vue/UiImage.d.ts +100 -0
- package/vue/UiImage.js +2 -0
- package/vue/UiImage.vue +463 -0
- package/vue/UiInput.vue +1 -1
- package/vue/UiInputGroup.vue +1 -1
- package/vue/UiList.vue +1 -1
- package/vue/UiListItem.vue +1 -1
- package/vue/UiListbox.vue +1 -1
- package/vue/UiMenu.vue +1 -1
- package/vue/UiMenuGroup.vue +1 -1
- package/vue/UiMenuItem.vue +1 -1
- package/vue/UiMeter.vue +1 -1
- package/vue/UiNavItem.vue +1 -1
- package/vue/UiPageHeader.vue +1 -1
- package/vue/UiPopover.vue +1 -1
- package/vue/UiRadio.vue +1 -1
- package/vue/UiRadioGroup.vue +1 -1
- package/vue/UiReel.vue +1 -1
- package/vue/UiScrollArea.vue +1 -1
- package/vue/UiSearchResultRow.vue +1 -1
- package/vue/UiSearchShell.vue +1 -1
- package/vue/UiSection.vue +1 -1
- package/vue/UiSelect.vue +1 -1
- package/vue/UiSeparator.d.ts +18 -0
- package/vue/UiSeparator.vue +67 -2
- package/vue/UiSidebar.d.ts +1 -1
- package/vue/UiSidebar.vue +1 -1
- package/vue/UiSpinner.vue +1 -1
- package/vue/UiStack.vue +1 -1
- package/vue/UiStatusMessage.vue +1 -1
- package/vue/UiSwitch.vue +1 -1
- package/vue/UiSwitcher.vue +1 -1
- package/vue/UiTable.vue +1 -1
- package/vue/UiTabs.vue +1 -1
- package/vue/UiText.vue +1 -1
- package/vue/UiTextarea.vue +1 -1
- package/vue/UiToast.vue +1 -1
- package/vue/UiToastRegion.vue +1 -1
- package/vue/UiTooltip.vue +1 -1
- package/vue/UiTopBar.vue +1 -1
- package/vue/UiTree.vue +1 -1
- package/vue/UiTreeItem.vue +1 -1
- package/vue/chunks/UiActionBar.js +1 -1
- package/vue/chunks/UiAffordanceScope.js +1 -1
- package/vue/chunks/UiAvatar.js +1 -1
- package/vue/chunks/UiAvatarGroup.js +2 -2
- package/vue/chunks/UiBadge.js +1 -1
- package/vue/chunks/UiBreadcrumbItem.js +1 -1
- package/vue/chunks/UiBreadcrumbs.js +1 -1
- package/vue/chunks/UiButton.js +1 -1
- package/vue/chunks/UiCallout.js +1 -1
- package/vue/chunks/UiCard.js +1 -1
- package/vue/chunks/UiCheckbox.js +1 -1
- package/vue/chunks/UiCluster.js +1 -1
- package/vue/chunks/UiCombobox.js +1 -1
- package/vue/chunks/UiContainer.js +1 -1
- package/vue/chunks/UiContextMenu.js +1 -1
- package/vue/chunks/UiCover.js +1 -1
- package/vue/chunks/UiDescriptionItem.js +1 -1
- package/vue/chunks/UiDescriptionList.js +1 -1
- package/vue/chunks/UiDialog.js +1 -1
- package/vue/chunks/UiDisclosure.js +1 -1
- package/vue/chunks/UiEditable.js +1 -1
- package/vue/chunks/UiEditorInsertTableGrid.js +1 -1
- package/vue/chunks/UiEditorMentionMenu.js +1 -1
- package/vue/chunks/UiEditorMentionMenuItem.js +1 -1
- package/vue/chunks/UiEditorSlashMenu.js +1 -1
- package/vue/chunks/UiEditorSlashMenuGroup.js +1 -1
- package/vue/chunks/UiEditorSlashMenuItem.js +1 -1
- package/vue/chunks/UiEditorTableContextMenu.js +1 -1
- package/vue/chunks/UiEditorTableOverlay.js +1 -1
- package/vue/chunks/UiEditorTableToolbar.js +1 -1
- package/vue/chunks/UiEditorToolbar.js +1 -1
- package/vue/chunks/UiFloatingActionButton.js +1 -1
- package/vue/chunks/UiFormField.js +1 -1
- package/vue/chunks/UiGrid.js +1 -1
- package/vue/chunks/UiIcon.js +1 -1
- package/vue/chunks/UiIconButton.js +1 -1
- package/vue/chunks/UiImage.js +313 -0
- package/vue/chunks/UiInput.js +1 -1
- package/vue/chunks/UiInputGroup.js +1 -1
- package/vue/chunks/UiList.js +1 -1
- package/vue/chunks/UiListItem.js +1 -1
- package/vue/chunks/UiListbox.js +1 -1
- package/vue/chunks/UiMenu.js +1 -1
- package/vue/chunks/UiMenuGroup.js +1 -1
- package/vue/chunks/UiMenuItem.js +1 -1
- package/vue/chunks/UiMeter.js +1 -1
- package/vue/chunks/UiNavItem.js +1 -1
- package/vue/chunks/UiPageHeader.js +1 -1
- package/vue/chunks/UiPopover.js +1 -1
- package/vue/chunks/UiRadio.js +1 -1
- package/vue/chunks/UiRadioGroup.js +1 -1
- package/vue/chunks/UiReel.js +1 -1
- package/vue/chunks/UiScrollArea.js +1 -1
- package/vue/chunks/UiSearchResultRow.js +1 -1
- package/vue/chunks/UiSearchShell.js +1 -1
- package/vue/chunks/UiSection.js +1 -1
- package/vue/chunks/UiSelect.js +1 -1
- package/vue/chunks/UiSeparator.js +79 -22
- package/vue/chunks/UiSidebar.js +1 -1
- package/vue/chunks/UiSpinner.js +1 -1
- package/vue/chunks/UiStack.js +1 -1
- package/vue/chunks/UiStatusMessage.js +1 -1
- package/vue/chunks/UiSwitch.js +1 -1
- package/vue/chunks/UiSwitcher.js +1 -1
- package/vue/chunks/UiTable.js +1 -1
- package/vue/chunks/UiTabs.js +1 -1
- package/vue/chunks/UiText.js +1 -1
- package/vue/chunks/UiTextarea.js +1 -1
- package/vue/chunks/UiToast.js +1 -1
- package/vue/chunks/UiToastRegion.js +1 -1
- package/vue/chunks/UiTooltip.js +1 -1
- package/vue/chunks/UiTopBar.js +1 -1
- package/vue/chunks/UiTree.js +1 -1
- package/vue/chunks/UiTreeItem.js +1 -1
- package/vue/components.css +1469 -1309
- package/vue/editor/LoomaEditor.d.ts +19 -2
- package/vue/editor/divider.d.ts +6 -0
- package/vue/editor/expand.d.ts +7 -0
- package/vue/editor/image-controls.d.ts +19 -0
- package/vue/editor/image-delivery.d.ts +2 -2
- package/vue/editor/image.d.ts +7 -0
- package/vue/editor/index.d.ts +1 -1
- package/vue/editor/index.js +1188 -52
- package/vue/editor/table-of-contents.d.ts +7 -0
- package/vue/host.ts +1 -1
- package/vue/index.d.ts +1 -0
- package/vue/index.js +2 -1
|
@@ -0,0 +1,313 @@
|
|
|
1
|
+
import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { r as useComponentHost, t as createDispatch } from "./host.js";
|
|
3
|
+
import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
|
|
4
|
+
import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
|
|
5
|
+
//#region .build/vue/UiImage.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
+
var _hoisted_1 = [
|
|
7
|
+
"data-alt",
|
|
8
|
+
"data-height",
|
|
9
|
+
"data-placement",
|
|
10
|
+
"data-resizable",
|
|
11
|
+
"data-selected",
|
|
12
|
+
"data-src",
|
|
13
|
+
"data-width",
|
|
14
|
+
"data-ui-image-state"
|
|
15
|
+
];
|
|
16
|
+
var _hoisted_2 = {
|
|
17
|
+
class: "frame",
|
|
18
|
+
ref: "frame"
|
|
19
|
+
};
|
|
20
|
+
var _hoisted_3 = [
|
|
21
|
+
"src",
|
|
22
|
+
"alt",
|
|
23
|
+
"width",
|
|
24
|
+
"height"
|
|
25
|
+
];
|
|
26
|
+
var _hoisted_4 = ["hidden"];
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region .build/vue/UiImage.vue
|
|
29
|
+
var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
30
|
+
inheritAttrs: false,
|
|
31
|
+
__name: "UiImage",
|
|
32
|
+
props: {
|
|
33
|
+
alt: {
|
|
34
|
+
type: null,
|
|
35
|
+
default: ""
|
|
36
|
+
},
|
|
37
|
+
height: {
|
|
38
|
+
type: null,
|
|
39
|
+
default: null
|
|
40
|
+
},
|
|
41
|
+
placement: {
|
|
42
|
+
type: null,
|
|
43
|
+
default: "block"
|
|
44
|
+
},
|
|
45
|
+
resizable: {
|
|
46
|
+
type: null,
|
|
47
|
+
default: false
|
|
48
|
+
},
|
|
49
|
+
selected: {
|
|
50
|
+
type: null,
|
|
51
|
+
default: false
|
|
52
|
+
},
|
|
53
|
+
src: {
|
|
54
|
+
type: null,
|
|
55
|
+
default: ""
|
|
56
|
+
},
|
|
57
|
+
width: {
|
|
58
|
+
type: null,
|
|
59
|
+
default: null
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
emits: [
|
|
63
|
+
"update:height",
|
|
64
|
+
"update:width",
|
|
65
|
+
"resize"
|
|
66
|
+
],
|
|
67
|
+
setup(__props, { emit: __emit }) {
|
|
68
|
+
const propValidityContract = { props: {
|
|
69
|
+
alt: {
|
|
70
|
+
type: {
|
|
71
|
+
kind: "terminal",
|
|
72
|
+
name: "string"
|
|
73
|
+
},
|
|
74
|
+
required: false,
|
|
75
|
+
target: { attribute: "alt" },
|
|
76
|
+
description: "A text alternative for the image.",
|
|
77
|
+
default: ""
|
|
78
|
+
},
|
|
79
|
+
height: {
|
|
80
|
+
type: {
|
|
81
|
+
kind: "terminal",
|
|
82
|
+
name: "integer"
|
|
83
|
+
},
|
|
84
|
+
required: false,
|
|
85
|
+
target: { attribute: "height" },
|
|
86
|
+
description: "Image height in CSS pixels; resizing preserves the intrinsic aspect ratio."
|
|
87
|
+
},
|
|
88
|
+
placement: {
|
|
89
|
+
type: {
|
|
90
|
+
kind: "terminal",
|
|
91
|
+
name: "keyword"
|
|
92
|
+
},
|
|
93
|
+
required: false,
|
|
94
|
+
target: { attribute: "placement" },
|
|
95
|
+
description: "Block keeps text below; center centers the image; wrap-left and wrap-right let following text flow beside it.",
|
|
96
|
+
values: [
|
|
97
|
+
"block",
|
|
98
|
+
"center",
|
|
99
|
+
"wrap-left",
|
|
100
|
+
"wrap-right"
|
|
101
|
+
],
|
|
102
|
+
default: "block"
|
|
103
|
+
},
|
|
104
|
+
resizable: {
|
|
105
|
+
type: {
|
|
106
|
+
kind: "terminal",
|
|
107
|
+
name: "boolean"
|
|
108
|
+
},
|
|
109
|
+
required: false,
|
|
110
|
+
target: { attribute: "resizable" },
|
|
111
|
+
description: "Shows four corner handles while selected. Drag to resize, or focus a handle and use arrow keys; Shift uses a larger increment.",
|
|
112
|
+
default: false
|
|
113
|
+
},
|
|
114
|
+
selected: {
|
|
115
|
+
type: {
|
|
116
|
+
kind: "terminal",
|
|
117
|
+
name: "boolean"
|
|
118
|
+
},
|
|
119
|
+
required: false,
|
|
120
|
+
target: { attribute: "selected" },
|
|
121
|
+
description: "Outlines the media as the current selection.",
|
|
122
|
+
default: false
|
|
123
|
+
},
|
|
124
|
+
src: {
|
|
125
|
+
type: {
|
|
126
|
+
kind: "terminal",
|
|
127
|
+
name: "string"
|
|
128
|
+
},
|
|
129
|
+
required: false,
|
|
130
|
+
target: { attribute: "src" },
|
|
131
|
+
description: "The image source, used by the default media.",
|
|
132
|
+
default: ""
|
|
133
|
+
},
|
|
134
|
+
width: {
|
|
135
|
+
type: {
|
|
136
|
+
kind: "terminal",
|
|
137
|
+
name: "integer"
|
|
138
|
+
},
|
|
139
|
+
required: false,
|
|
140
|
+
target: { attribute: "width" },
|
|
141
|
+
description: "Image width in CSS pixels; omitted uses intrinsic size in block/center placement or responsive sizing when wrapping."
|
|
142
|
+
}
|
|
143
|
+
} };
|
|
144
|
+
const props = __props;
|
|
145
|
+
const acceptedProps = {
|
|
146
|
+
alt: "",
|
|
147
|
+
height: null,
|
|
148
|
+
placement: "block",
|
|
149
|
+
resizable: false,
|
|
150
|
+
selected: false,
|
|
151
|
+
src: "",
|
|
152
|
+
width: null
|
|
153
|
+
};
|
|
154
|
+
const checkedProps = computed(() => ({
|
|
155
|
+
alt: checkedProp(props["alt"], {
|
|
156
|
+
kind: "terminal",
|
|
157
|
+
name: "string"
|
|
158
|
+
}, false, "alt", acceptedProps),
|
|
159
|
+
height: checkedProp(props["height"], {
|
|
160
|
+
kind: "terminal",
|
|
161
|
+
name: "integer"
|
|
162
|
+
}, false, "height", acceptedProps),
|
|
163
|
+
placement: checkedProp(props["placement"], {
|
|
164
|
+
kind: "terminal",
|
|
165
|
+
name: "keyword"
|
|
166
|
+
}, false, "placement", acceptedProps),
|
|
167
|
+
resizable: checkedProp(props["resizable"], {
|
|
168
|
+
kind: "terminal",
|
|
169
|
+
name: "boolean"
|
|
170
|
+
}, false, "resizable", acceptedProps),
|
|
171
|
+
selected: checkedProp(props["selected"], {
|
|
172
|
+
kind: "terminal",
|
|
173
|
+
name: "boolean"
|
|
174
|
+
}, false, "selected", acceptedProps),
|
|
175
|
+
src: checkedProp(props["src"], {
|
|
176
|
+
kind: "terminal",
|
|
177
|
+
name: "string"
|
|
178
|
+
}, false, "src", acceptedProps),
|
|
179
|
+
width: checkedProp(props["width"], {
|
|
180
|
+
kind: "terminal",
|
|
181
|
+
name: "integer"
|
|
182
|
+
}, false, "width", acceptedProps)
|
|
183
|
+
}));
|
|
184
|
+
checkedProps.value;
|
|
185
|
+
watchSyncEffect(() => {
|
|
186
|
+
checkedProps.value;
|
|
187
|
+
});
|
|
188
|
+
function nativeAttrs(attrs) {
|
|
189
|
+
const names = Object.keys(attrs);
|
|
190
|
+
if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
|
|
191
|
+
return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
|
|
192
|
+
}
|
|
193
|
+
const componentInstance = getCurrentInstance();
|
|
194
|
+
function reflectedProp(name, kebab, value, fallback, bound, separator) {
|
|
195
|
+
const incoming = componentInstance?.vnode.props;
|
|
196
|
+
if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
|
|
197
|
+
if (value === null || value === void 0) return void 0;
|
|
198
|
+
return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
|
|
199
|
+
}
|
|
200
|
+
const hydrationInstance = getCurrentInstance();
|
|
201
|
+
const emit = __emit;
|
|
202
|
+
const root = ref(null);
|
|
203
|
+
const frameElement = useTemplateRef("frame");
|
|
204
|
+
const hydrationNode = hydrationInstance?.vnode.el;
|
|
205
|
+
if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "figure")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-image> has an incompatible root."), {
|
|
206
|
+
name: "HtmlDiagnosticError",
|
|
207
|
+
diagnostic: Object.freeze({
|
|
208
|
+
code: "HR005",
|
|
209
|
+
message: "Server markup for <ui-image> has an incompatible root."
|
|
210
|
+
})
|
|
211
|
+
});
|
|
212
|
+
/** The values the styles' :host-state() rules test. */
|
|
213
|
+
const hostState = computed(() => [
|
|
214
|
+
checkedProps.value.placement && "placement",
|
|
215
|
+
checkedProps.value.placement != null && `placement=${encodeURIComponent(checkedProps.value.placement)}`,
|
|
216
|
+
checkedProps.value.selected && "selected"
|
|
217
|
+
].filter(Boolean).join(" "));
|
|
218
|
+
const isResizeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && Number.isInteger(detail["width"]) && Number.isInteger(detail["height"]) && (detail["phase"] === "preview" || detail["phase"] === "commit" || detail["phase"] === "cancel") && (detail["trigger"] === "pointer" || detail["trigger"] === "keyboard") && Object.keys(detail).every((key) => [
|
|
219
|
+
"width",
|
|
220
|
+
"height",
|
|
221
|
+
"phase",
|
|
222
|
+
"trigger"
|
|
223
|
+
].includes(key));
|
|
224
|
+
const dispatch = createDispatch(root, emit, {
|
|
225
|
+
checks: { resize: isResizeDetail },
|
|
226
|
+
modeled: ["height", "width"]
|
|
227
|
+
});
|
|
228
|
+
useComponentHost(() => import("@threadlabs/looma/components/ui-image/ui-image.js"), {
|
|
229
|
+
root,
|
|
230
|
+
dispatch,
|
|
231
|
+
controllerSource: {
|
|
232
|
+
specifier: "../components/ui-image/ui-image.js",
|
|
233
|
+
definition: "./components/ui-image/ui-image.html"
|
|
234
|
+
},
|
|
235
|
+
props: checkedProps,
|
|
236
|
+
propInputs: (name) => {
|
|
237
|
+
const incoming = hydrationInstance?.vnode.props;
|
|
238
|
+
const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
|
|
239
|
+
return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
|
|
240
|
+
},
|
|
241
|
+
propNames: [
|
|
242
|
+
"alt",
|
|
243
|
+
"height",
|
|
244
|
+
"placement",
|
|
245
|
+
"resizable",
|
|
246
|
+
"selected",
|
|
247
|
+
"src",
|
|
248
|
+
"width"
|
|
249
|
+
],
|
|
250
|
+
propValidity: (name) => propValidityState({
|
|
251
|
+
contract: propValidityContract,
|
|
252
|
+
values: { ...props }
|
|
253
|
+
}, name),
|
|
254
|
+
refs: { frame: frameElement }
|
|
255
|
+
});
|
|
256
|
+
return (_ctx, _cache) => {
|
|
257
|
+
return withDirectives((openBlock(), createElementBlock("figure", mergeProps({ "data-component": "ui-image" }, nativeAttrs(_ctx.$attrs), {
|
|
258
|
+
"data-alt": reflectedProp("alt", "alt", checkedProps.value.alt, void 0, false),
|
|
259
|
+
"data-height": reflectedProp("height", "height", checkedProps.value.height, void 0, false),
|
|
260
|
+
"data-placement": reflectedProp("placement", "placement", checkedProps.value.placement, void 0, false),
|
|
261
|
+
"data-resizable": reflectedProp("resizable", "resizable", checkedProps.value.resizable, void 0, false),
|
|
262
|
+
"data-selected": reflectedProp("selected", "selected", checkedProps.value.selected, void 0, false),
|
|
263
|
+
"data-src": reflectedProp("src", "src", checkedProps.value.src, void 0, false),
|
|
264
|
+
"data-width": reflectedProp("width", "width", checkedProps.value.width, void 0, false),
|
|
265
|
+
"data-ui-image-state": hostState.value || void 0,
|
|
266
|
+
ref_key: "root",
|
|
267
|
+
ref: root
|
|
268
|
+
}), [createElementVNode("div", _hoisted_2, [
|
|
269
|
+
renderSlot(_ctx.$slots, "media", {}, () => [createElementVNode("img", {
|
|
270
|
+
src: checkedProps.value.src ?? void 0,
|
|
271
|
+
alt: checkedProps.value.alt ?? void 0,
|
|
272
|
+
width: checkedProps.value.width ?? void 0,
|
|
273
|
+
height: checkedProps.value.height ?? void 0
|
|
274
|
+
}, null, 8, _hoisted_3)]),
|
|
275
|
+
createElementVNode("div", {
|
|
276
|
+
class: "handles",
|
|
277
|
+
hidden: !(checkedProps.value.selected && checkedProps.value.resizable)
|
|
278
|
+
}, [..._cache[0] || (_cache[0] = [
|
|
279
|
+
createElementVNode("button", {
|
|
280
|
+
type: "button",
|
|
281
|
+
class: "handle",
|
|
282
|
+
"data-corner": "top-left",
|
|
283
|
+
"aria-label": "Resize image from top left"
|
|
284
|
+
}, null, -1),
|
|
285
|
+
createElementVNode("button", {
|
|
286
|
+
type: "button",
|
|
287
|
+
class: "handle",
|
|
288
|
+
"data-corner": "top-right",
|
|
289
|
+
"aria-label": "Resize image from top right"
|
|
290
|
+
}, null, -1),
|
|
291
|
+
createElementVNode("button", {
|
|
292
|
+
type: "button",
|
|
293
|
+
class: "handle",
|
|
294
|
+
"data-corner": "bottom-left",
|
|
295
|
+
"aria-label": "Resize image from bottom left"
|
|
296
|
+
}, null, -1),
|
|
297
|
+
createElementVNode("button", {
|
|
298
|
+
type: "button",
|
|
299
|
+
class: "handle",
|
|
300
|
+
"data-corner": "bottom-right",
|
|
301
|
+
"aria-label": "Resize image from bottom right"
|
|
302
|
+
}, null, -1)
|
|
303
|
+
])], 8, _hoisted_4),
|
|
304
|
+
renderSlot(_ctx.$slots, "controls")
|
|
305
|
+
], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
|
|
306
|
+
contract: propValidityContract,
|
|
307
|
+
values: { ...props }
|
|
308
|
+
}]]);
|
|
309
|
+
};
|
|
310
|
+
}
|
|
311
|
+
}), [["__scopeId", "data-v-2895fbac"]]);
|
|
312
|
+
//#endregion
|
|
313
|
+
export { UiImage_default as t };
|
package/vue/chunks/UiInput.js
CHANGED
package/vue/chunks/UiList.js
CHANGED
package/vue/chunks/UiListItem.js
CHANGED
package/vue/chunks/UiListbox.js
CHANGED
package/vue/chunks/UiMenu.js
CHANGED
package/vue/chunks/UiMenuItem.js
CHANGED
package/vue/chunks/UiMeter.js
CHANGED
package/vue/chunks/UiNavItem.js
CHANGED
package/vue/chunks/UiPopover.js
CHANGED
package/vue/chunks/UiRadio.js
CHANGED
package/vue/chunks/UiReel.js
CHANGED
|
@@ -144,6 +144,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
|
|
|
144
144
|
}]]);
|
|
145
145
|
};
|
|
146
146
|
}
|
|
147
|
-
}), [["__scopeId", "data-v-
|
|
147
|
+
}), [["__scopeId", "data-v-2a874cfc"]]);
|
|
148
148
|
//#endregion
|
|
149
149
|
export { UiSearchResultRow_default as t };
|
package/vue/chunks/UiSection.js
CHANGED
package/vue/chunks/UiSelect.js
CHANGED
|
@@ -2,34 +2,86 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
|
|
|
2
2
|
import { i as vPropValidity, t as checkedProp } from "./props.js";
|
|
3
3
|
import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
|
|
4
4
|
//#region .build/vue/UiSeparator.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var _hoisted_1 = [
|
|
5
|
+
var _hoisted_1 = [
|
|
6
|
+
"aria-orientation",
|
|
7
|
+
"data-orientation",
|
|
8
|
+
"data-selectable",
|
|
9
|
+
"data-selected",
|
|
10
|
+
"data-ui-separator-state"
|
|
11
|
+
];
|
|
6
12
|
//#endregion
|
|
7
13
|
//#region .build/vue/UiSeparator.vue
|
|
8
14
|
var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
|
|
9
15
|
inheritAttrs: false,
|
|
10
16
|
__name: "UiSeparator",
|
|
11
|
-
props: {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
17
|
+
props: {
|
|
18
|
+
orientation: {
|
|
19
|
+
type: null,
|
|
20
|
+
default: "horizontal"
|
|
21
|
+
},
|
|
22
|
+
selectable: {
|
|
23
|
+
type: null,
|
|
24
|
+
default: false
|
|
25
|
+
},
|
|
26
|
+
selected: {
|
|
27
|
+
type: null,
|
|
28
|
+
default: false
|
|
29
|
+
}
|
|
30
|
+
},
|
|
15
31
|
setup(__props) {
|
|
16
|
-
const propValidityContract = { props: {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
32
|
+
const propValidityContract = { props: {
|
|
33
|
+
orientation: {
|
|
34
|
+
type: {
|
|
35
|
+
kind: "terminal",
|
|
36
|
+
name: "keyword"
|
|
37
|
+
},
|
|
38
|
+
required: false,
|
|
39
|
+
target: { attribute: "aria-orientation" },
|
|
40
|
+
description: "Whether the separator divides stacked content (horizontal) or inline content (vertical).",
|
|
41
|
+
values: ["horizontal", "vertical"],
|
|
42
|
+
default: "horizontal"
|
|
20
43
|
},
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
44
|
+
selectable: {
|
|
45
|
+
type: {
|
|
46
|
+
kind: "terminal",
|
|
47
|
+
name: "boolean"
|
|
48
|
+
},
|
|
49
|
+
required: false,
|
|
50
|
+
target: { attribute: "selectable" },
|
|
51
|
+
description: "Gives a document divider a pointer-sized hit area. The editor owns selection and deletion.",
|
|
52
|
+
default: false
|
|
53
|
+
},
|
|
54
|
+
selected: {
|
|
55
|
+
type: {
|
|
56
|
+
kind: "terminal",
|
|
57
|
+
name: "boolean"
|
|
58
|
+
},
|
|
59
|
+
required: false,
|
|
60
|
+
target: { attribute: "selected" },
|
|
61
|
+
description: "Shows the selected document divider. Selection does not change separator semantics.",
|
|
62
|
+
default: false
|
|
63
|
+
}
|
|
64
|
+
} };
|
|
27
65
|
const props = __props;
|
|
28
|
-
const acceptedProps = {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}
|
|
66
|
+
const acceptedProps = {
|
|
67
|
+
orientation: "horizontal",
|
|
68
|
+
selectable: false,
|
|
69
|
+
selected: false
|
|
70
|
+
};
|
|
71
|
+
const checkedProps = computed(() => ({
|
|
72
|
+
orientation: checkedProp(props["orientation"], {
|
|
73
|
+
kind: "terminal",
|
|
74
|
+
name: "keyword"
|
|
75
|
+
}, false, "orientation", acceptedProps),
|
|
76
|
+
selectable: checkedProp(props["selectable"], {
|
|
77
|
+
kind: "terminal",
|
|
78
|
+
name: "boolean"
|
|
79
|
+
}, false, "selectable", acceptedProps),
|
|
80
|
+
selected: checkedProp(props["selected"], {
|
|
81
|
+
kind: "terminal",
|
|
82
|
+
name: "boolean"
|
|
83
|
+
}, false, "selected", acceptedProps)
|
|
84
|
+
}));
|
|
33
85
|
checkedProps.value;
|
|
34
86
|
watchSyncEffect(() => {
|
|
35
87
|
checkedProps.value;
|
|
@@ -54,16 +106,21 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
|
|
|
54
106
|
message: "Server markup for <ui-separator> has an incompatible root."
|
|
55
107
|
})
|
|
56
108
|
});
|
|
109
|
+
/** The values the styles' :host-state() rules test. */
|
|
110
|
+
const hostState = computed(() => [checkedProps.value.selectable && "selectable", checkedProps.value.selected && "selected"].filter(Boolean).join(" "));
|
|
57
111
|
return (_ctx, _cache) => {
|
|
58
112
|
return withDirectives((openBlock(), createElementBlock("hr", mergeProps({ "data-component": "ui-separator" }, nativeAttrs(_ctx.$attrs), {
|
|
59
113
|
"aria-orientation": checkedProps.value.orientation ?? void 0,
|
|
60
|
-
"data-orientation": reflectedProp("orientation", "orientation", checkedProps.value.orientation, void 0, false)
|
|
114
|
+
"data-orientation": reflectedProp("orientation", "orientation", checkedProps.value.orientation, void 0, false),
|
|
115
|
+
"data-selectable": reflectedProp("selectable", "selectable", checkedProps.value.selectable, void 0, false),
|
|
116
|
+
"data-selected": reflectedProp("selected", "selected", checkedProps.value.selected, void 0, false),
|
|
117
|
+
"data-ui-separator-state": hostState.value || void 0
|
|
61
118
|
}), null, 16, _hoisted_1)), [[unref(vPropValidity), {
|
|
62
119
|
contract: propValidityContract,
|
|
63
120
|
values: { ...props }
|
|
64
121
|
}]]);
|
|
65
122
|
};
|
|
66
123
|
}
|
|
67
|
-
}), [["__scopeId", "data-v-
|
|
124
|
+
}), [["__scopeId", "data-v-7451a37c"]]);
|
|
68
125
|
//#endregion
|
|
69
126
|
export { UiSeparator_default as t };
|
package/vue/chunks/UiSidebar.js
CHANGED
package/vue/chunks/UiSpinner.js
CHANGED
package/vue/chunks/UiStack.js
CHANGED