@threadlabs/looma 0.22.14 → 0.23.1
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/icons.js +2 -0
- package/components/ui-avatar/ui-avatar.html +3 -3
- package/components/ui-avatar-group/ui-avatar-group.html +1 -1
- package/components/ui-badge/ui-badge.html +1 -1
- package/components/ui-button/ui-button.html +3 -3
- package/components/ui-callout/ui-callout.html +3 -2
- package/components/ui-card/ui-card.html +2 -2
- package/components/ui-checkbox/ui-checkbox.html +3 -3
- package/components/ui-combobox/ui-combobox.html +8 -8
- package/components/ui-context-menu/ui-context-menu.html +2 -2
- package/components/ui-description-list/ui-description-list.html +1 -1
- package/components/ui-dialog/ui-dialog.html +3 -3
- package/components/ui-disclosure/ui-disclosure.html +43 -3
- package/components/ui-editable/ui-editable.html +2 -2
- package/components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.html +5 -5
- package/components/ui-editor-mention-menu/ui-editor-mention-menu.html +2 -2
- package/components/ui-editor-slash-menu/ui-editor-slash-menu.html +6 -6
- package/components/ui-editor-slash-menu-item/ui-editor-slash-menu-item.html +1 -1
- package/components/ui-editor-table-context-menu/ui-editor-table-context-menu.html +2 -2
- package/components/ui-editor-table-overlay/ui-editor-table-overlay.html +11 -11
- package/components/ui-editor-table-toolbar/ui-editor-table-toolbar.html +5 -5
- package/components/ui-editor-toolbar/ui-editor-toolbar.html +4 -4
- package/components/ui-floating-action-button/ui-floating-action-button.html +2 -2
- package/components/ui-icon/ui-icon.html +2 -0
- package/components/ui-icon-button/ui-icon-button.html +1 -1
- package/components/ui-input/ui-input.html +8 -4
- package/components/ui-input-group/ui-input-group.html +10 -6
- package/components/ui-list/ui-list.html +1 -1
- package/components/ui-list-item/ui-list-item.html +20 -4
- package/components/ui-listbox/ui-listbox.html +3 -3
- package/components/ui-menu/ui-menu.html +2 -2
- package/components/ui-menu-item/ui-menu-item.html +4 -4
- package/components/ui-meter/ui-meter.html +1 -1
- package/components/ui-nav-item/ui-nav-item.html +46 -14
- package/components/ui-popover/ui-popover.html +1 -1
- package/components/ui-radio/ui-radio.html +2 -2
- package/components/ui-search-result-row/ui-search-result-row.html +24 -5
- package/components/ui-search-shell/ui-search-shell.html +4 -4
- package/components/ui-section/ui-section.html +3 -3
- package/components/ui-select/ui-select.html +6 -2
- package/components/ui-separator/ui-separator.html +2 -2
- package/components/ui-sidebar/ui-sidebar.html +3 -3
- package/components/ui-status-message/ui-status-message.html +1 -1
- package/components/ui-switch/ui-switch.html +3 -3
- package/components/ui-table/ui-table.html +3 -3
- package/components/ui-tabs/ui-tabs.html +7 -7
- package/components/ui-textarea/ui-textarea.html +6 -2
- package/components/ui-toast/ui-toast.html +2 -2
- package/components/ui-toast-region/ui-toast-region.html +5 -5
- package/components/ui-tooltip/ui-tooltip.html +15 -15
- package/components/ui-top-bar/ui-top-bar.html +1 -1
- package/components/ui-tree-item/ui-tree-item.html +27 -8
- package/dist/index.js +1 -1
- package/editor/icons.d.ts +2 -0
- package/editor/index.js +3 -1
- package/package.json +1 -1
- package/styles/ui-avatar-group.css +1 -1
- package/styles/ui-avatar.css +3 -3
- package/styles/ui-badge.css +1 -1
- package/styles/ui-button.css +3 -3
- package/styles/ui-callout.css +3 -2
- package/styles/ui-card.css +2 -2
- package/styles/ui-checkbox.css +3 -3
- package/styles/ui-combobox.css +8 -8
- package/styles/ui-context-menu.css +2 -2
- package/styles/ui-description-list.css +1 -1
- package/styles/ui-dialog.css +3 -3
- package/styles/ui-disclosure.css +42 -2
- package/styles/ui-editable.css +2 -2
- package/styles/ui-editor-insert-table-grid.css +5 -5
- package/styles/ui-editor-mention-menu.css +2 -2
- package/styles/ui-editor-slash-menu-item.css +1 -1
- package/styles/ui-editor-slash-menu.css +6 -6
- package/styles/ui-editor-table-context-menu.css +2 -2
- package/styles/ui-editor-table-overlay.css +11 -11
- package/styles/ui-editor-table-toolbar.css +5 -5
- package/styles/ui-editor-toolbar.css +4 -4
- package/styles/ui-floating-action-button.css +2 -2
- package/styles/ui-icon-button.css +1 -1
- package/styles/ui-input-group.css +10 -6
- package/styles/ui-input.css +8 -4
- package/styles/ui-list-item.css +23 -4
- package/styles/ui-list.css +1 -1
- package/styles/ui-listbox.css +3 -3
- package/styles/ui-menu-item.css +4 -4
- package/styles/ui-menu.css +2 -2
- package/styles/ui-meter.css +1 -1
- package/styles/ui-nav-item.css +46 -12
- package/styles/ui-popover.css +1 -1
- package/styles/ui-radio.css +2 -2
- package/styles/ui-search-result-row.css +29 -5
- package/styles/ui-search-shell.css +4 -4
- package/styles/ui-section.css +3 -3
- package/styles/ui-select.css +6 -2
- package/styles/ui-separator.css +2 -2
- package/styles/ui-sidebar.css +3 -3
- package/styles/ui-status-message.css +1 -1
- package/styles/ui-switch.css +3 -3
- package/styles/ui-table.css +3 -3
- package/styles/ui-tabs.css +7 -7
- package/styles/ui-textarea.css +6 -2
- package/styles/ui-toast-region.css +5 -5
- package/styles/ui-toast.css +2 -2
- package/styles/ui-tooltip.css +15 -15
- package/styles/ui-top-bar.css +1 -1
- package/styles/ui-tree-item.css +32 -8
- package/tokens.css +30 -9
- package/vanilla/UiDisclosure.d.ts +1 -0
- package/vanilla/UiDisclosure.js +10 -1
- package/vanilla/UiIcon.js +1 -1
- package/vanilla/UiNavItem.d.ts +2 -0
- package/vanilla/UiNavItem.js +1 -1
- package/vue/UiAvatar.vue +3 -3
- package/vue/UiAvatarGroup.vue +1 -1
- package/vue/UiBadge.vue +2 -1
- package/vue/UiButton.vue +3 -3
- package/vue/UiCallout.vue +2 -2
- package/vue/UiCard.vue +2 -2
- package/vue/UiCheckbox.vue +3 -3
- package/vue/UiCombobox.vue +11 -8
- package/vue/UiContextMenu.vue +2 -2
- package/vue/UiDescriptionList.vue +1 -1
- package/vue/UiDialog.vue +4 -3
- package/vue/UiDisclosure.d.ts +13 -2
- package/vue/UiDisclosure.vue +61 -4
- package/vue/UiEditable.vue +2 -2
- package/vue/UiEditorInsertTableGrid.vue +5 -5
- package/vue/UiEditorMentionMenu.vue +2 -2
- package/vue/UiEditorSlashMenu.vue +6 -6
- package/vue/UiEditorSlashMenuItem.vue +1 -1
- package/vue/UiEditorTableContextMenu.vue +2 -2
- package/vue/UiEditorTableOverlay.vue +11 -11
- package/vue/UiEditorTableToolbar.vue +5 -5
- package/vue/UiEditorToolbar.vue +6 -4
- package/vue/UiFloatingActionButton.vue +2 -2
- package/vue/UiIcon.vue +8 -0
- package/vue/UiIconButton.vue +1 -1
- package/vue/UiInput.vue +7 -4
- package/vue/UiInputGroup.vue +6 -6
- package/vue/UiList.vue +1 -1
- package/vue/UiListItem.vue +20 -4
- package/vue/UiListbox.vue +3 -3
- package/vue/UiMenu.vue +3 -2
- package/vue/UiMenuItem.vue +4 -4
- package/vue/UiMeter.vue +1 -1
- package/vue/UiNavItem.d.ts +18 -0
- package/vue/UiNavItem.vue +96 -12
- package/vue/UiPopover.vue +2 -1
- package/vue/UiRadio.vue +2 -2
- package/vue/UiSearchResultRow.vue +25 -5
- package/vue/UiSearchShell.vue +4 -4
- package/vue/UiSection.vue +3 -3
- package/vue/UiSelect.vue +3 -2
- package/vue/UiSeparator.vue +4 -2
- package/vue/UiSidebar.vue +5 -3
- package/vue/UiStatusMessage.vue +1 -1
- package/vue/UiSwitch.vue +3 -3
- package/vue/UiTable.vue +3 -3
- package/vue/UiTabs.vue +8 -7
- package/vue/UiTextarea.vue +2 -2
- package/vue/UiToast.vue +4 -2
- package/vue/UiToastRegion.vue +5 -5
- package/vue/UiTooltip.vue +19 -15
- package/vue/UiTopBar.vue +1 -1
- package/vue/UiTreeItem.vue +31 -8
- package/vue/chunks/UiAvatar.js +1 -1
- package/vue/chunks/UiAvatarGroup.js +1 -1
- package/vue/chunks/UiBadge.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/UiCombobox.js +1 -1
- package/vue/chunks/UiContextMenu.js +1 -1
- package/vue/chunks/UiDescriptionList.js +1 -1
- package/vue/chunks/UiDialog.js +1 -1
- package/vue/chunks/UiDisclosure.js +27 -4
- package/vue/chunks/UiEditable.js +1 -1
- package/vue/chunks/UiEditorInsertTableGrid.js +1 -1
- package/vue/chunks/UiEditorMentionMenu.js +1 -1
- package/vue/chunks/UiEditorSlashMenu.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/UiIcon.js +24 -1
- package/vue/chunks/UiIconButton.js +1 -1
- 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/UiMenuItem.js +1 -1
- package/vue/chunks/UiMeter.js +1 -1
- package/vue/chunks/UiNavItem.js +65 -6
- package/vue/chunks/UiPopover.js +1 -1
- package/vue/chunks/UiRadio.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 +1 -1
- package/vue/chunks/UiSidebar.js +1 -1
- package/vue/chunks/UiStatusMessage.js +1 -1
- package/vue/chunks/UiSwitch.js +1 -1
- package/vue/chunks/UiTable.js +1 -1
- package/vue/chunks/UiTabs.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/UiTreeItem.js +1 -1
- package/vue/components.css +1348 -1208
package/vue/UiTooltip.vue
CHANGED
|
@@ -424,7 +424,7 @@ useComponentHost(() => import('../components/ui-tooltip/ui-tooltip.js'), {
|
|
|
424
424
|
position: relative;
|
|
425
425
|
box-sizing: border-box;
|
|
426
426
|
max-inline-size: var(--_ui-tooltip-max-inline-size, 18rem);
|
|
427
|
-
border:
|
|
427
|
+
border: var(--ui-border-width) solid var(--_tooltip-line);
|
|
428
428
|
border-radius: var(--_ui-tooltip-radius, var(--ui-overlay-radius, var(--ui-radius-md)));
|
|
429
429
|
background: var(--_ui-tooltip-surface, var(--ui-overlay-surface, var(--ui-surface-elevated)));
|
|
430
430
|
color: var(--_ui-tooltip-text, var(--ui-text-primary));
|
|
@@ -475,27 +475,29 @@ useComponentHost(() => import('../components/ui-tooltip/ui-tooltip.js'), {
|
|
|
475
475
|
position: absolute;
|
|
476
476
|
z-index: 1;
|
|
477
477
|
inset-inline-start: var(--ui-space-3);
|
|
478
|
-
inset-block-end: calc(var(--_ui-tooltip-arrow-size, 0.625rem) / -2 -
|
|
478
|
+
inset-block-end: calc(var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - var(--ui-border-width) / 2);
|
|
479
479
|
inline-size: var(--_ui-tooltip-arrow-size, 0.625rem);
|
|
480
480
|
block-size: var(--_ui-tooltip-arrow-size, 0.625rem);
|
|
481
481
|
box-sizing: border-box;
|
|
482
482
|
background: inherit;
|
|
483
483
|
border: 0 solid var(--_tooltip-line);
|
|
484
|
-
border-inline-end-width:
|
|
485
|
-
border-block-end-width:
|
|
486
|
-
border-end-end-radius:
|
|
484
|
+
border-inline-end-width: var(--ui-border-width);
|
|
485
|
+
border-block-end-width: var(--ui-border-width);
|
|
486
|
+
border-end-end-radius: var(--ui-border-width);
|
|
487
487
|
transform: rotate(45deg) scaleX(1.25) scaleY(0.85);
|
|
488
488
|
}
|
|
489
489
|
|
|
490
490
|
[data-component~="ui-tooltip"][data-ui-actual-placement="bottom"] .surface::after {
|
|
491
|
-
inset-block-start: calc(
|
|
491
|
+
inset-block-start: calc(
|
|
492
|
+
var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - var(--ui-border-width) / 2
|
|
493
|
+
);
|
|
492
494
|
inset-block-end: auto;
|
|
493
495
|
border-inline-end-width: 0;
|
|
494
496
|
border-block-end-width: 0;
|
|
495
|
-
border-inline-start-width:
|
|
496
|
-
border-block-start-width:
|
|
497
|
+
border-inline-start-width: var(--ui-border-width);
|
|
498
|
+
border-block-start-width: var(--ui-border-width);
|
|
497
499
|
border-end-end-radius: 0;
|
|
498
|
-
border-start-start-radius:
|
|
500
|
+
border-start-start-radius: var(--ui-border-width);
|
|
499
501
|
}
|
|
500
502
|
|
|
501
503
|
[data-component~="ui-tooltip"][data-ui-actual-align="center"] .surface::after {
|
|
@@ -516,16 +518,18 @@ useComponentHost(() => import('../components/ui-tooltip/ui-tooltip.js'), {
|
|
|
516
518
|
|
|
517
519
|
[data-component~="ui-tooltip"][data-ui-actual-placement="left"] .surface::after {
|
|
518
520
|
inset-inline-start: auto;
|
|
519
|
-
inset-inline-end: calc(var(--_ui-tooltip-arrow-size, 0.625rem) / -2 -
|
|
520
|
-
border-inline-end-width:
|
|
521
|
-
border-block-start-width:
|
|
521
|
+
inset-inline-end: calc(var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - var(--ui-border-width) / 2);
|
|
522
|
+
border-inline-end-width: var(--ui-border-width);
|
|
523
|
+
border-block-start-width: var(--ui-border-width);
|
|
522
524
|
}
|
|
523
525
|
|
|
524
526
|
[data-component~="ui-tooltip"][data-ui-actual-placement="right"] .surface::after {
|
|
525
|
-
inset-inline-start: calc(
|
|
527
|
+
inset-inline-start: calc(
|
|
528
|
+
var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - var(--ui-border-width) / 2
|
|
529
|
+
);
|
|
526
530
|
inset-inline-end: auto;
|
|
527
|
-
border-inline-start-width:
|
|
528
|
-
border-block-end-width:
|
|
531
|
+
border-inline-start-width: var(--ui-border-width);
|
|
532
|
+
border-block-end-width: var(--ui-border-width);
|
|
529
533
|
}
|
|
530
534
|
|
|
531
535
|
[data-component~="ui-tooltip"][data-ui-actual-placement="left"][data-ui-actual-align="start"]
|
package/vue/UiTopBar.vue
CHANGED
|
@@ -95,7 +95,7 @@ if (
|
|
|
95
95
|
env(safe-area-inset-right)
|
|
96
96
|
);
|
|
97
97
|
background: var(--ui-top-bar-surface, var(--ui-surface-elevated));
|
|
98
|
-
border-block-end:
|
|
98
|
+
border-block-end: var(--ui-border-width) solid var(--ui-top-bar-border, var(--ui-border-divider));
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
.leading,
|
package/vue/UiTreeItem.vue
CHANGED
|
@@ -568,7 +568,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
|
|
|
568
568
|
min-block-size: var(--_ui-tree-item-min-block-size, var(--_tree-row-min-height));
|
|
569
569
|
min-inline-size: 0;
|
|
570
570
|
font-size: var(--_ui-tree-item-font-size, var(--ui-font-size-sm));
|
|
571
|
-
border-radius: var(--ui-radius
|
|
571
|
+
border-radius: var(--ui-selection-radius);
|
|
572
572
|
color: var(--ui-text-secondary);
|
|
573
573
|
transition:
|
|
574
574
|
background-color var(--ui-motion-fast) var(--ui-motion-ease),
|
|
@@ -579,12 +579,22 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
|
|
|
579
579
|
}
|
|
580
580
|
|
|
581
581
|
.row:hover,
|
|
582
|
-
[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] .row,
|
|
583
582
|
.row:focus-within {
|
|
584
583
|
color: var(--ui-text-primary);
|
|
585
584
|
background: var(--ui-surface-muted);
|
|
586
585
|
}
|
|
587
586
|
|
|
587
|
+
/* Selection is the same surface recipe as destination and choice rows. */
|
|
588
|
+
[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] > .row {
|
|
589
|
+
color: var(--ui-selection-text);
|
|
590
|
+
background: var(--ui-selection-surface);
|
|
591
|
+
}
|
|
592
|
+
[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"]:not([aria-disabled="true"])
|
|
593
|
+
> .row
|
|
594
|
+
> .leading {
|
|
595
|
+
color: var(--ui-selection-text);
|
|
596
|
+
}
|
|
597
|
+
|
|
588
598
|
[data-component~="ui-tree-item"][data-ui-tree-item-state~="disabled"] .row {
|
|
589
599
|
color: var(--ui-disabled-text);
|
|
590
600
|
background: var(--ui-disabled-surface);
|
|
@@ -599,13 +609,14 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
|
|
|
599
609
|
}
|
|
600
610
|
|
|
601
611
|
[data-component~="ui-tree-item"]:focus-visible .row {
|
|
602
|
-
box-shadow: 0 0 0
|
|
612
|
+
box-shadow: 0 0 0 var(--ui-focus-width) var(--ui-focus-ring);
|
|
603
613
|
}
|
|
604
614
|
|
|
605
615
|
/* Child combinators: drop feedback belongs to this item's own row, not the rows nested in it. */
|
|
606
616
|
[data-component~="ui-tree-item"][data-drop-position="inside"] > .row {
|
|
607
617
|
background: var(--ui-accent-subtle);
|
|
608
|
-
box-shadow: inset 0 0 0
|
|
618
|
+
box-shadow: inset 0 0 0 var(--ui-accent-line-width)
|
|
619
|
+
var(--_ui-tree-drop-color, var(--ui-accent-solid));
|
|
609
620
|
}
|
|
610
621
|
|
|
611
622
|
.disclosure,
|
|
@@ -935,7 +946,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
|
|
|
935
946
|
z-index: 3;
|
|
936
947
|
inset-inline: 1px;
|
|
937
948
|
display: none;
|
|
938
|
-
block-size:
|
|
949
|
+
block-size: var(--ui-accent-line-width);
|
|
939
950
|
border-radius: var(--ui-radius-round);
|
|
940
951
|
background: var(--_ui-tree-drop-color, var(--ui-accent-solid));
|
|
941
952
|
pointer-events: none;
|
|
@@ -948,7 +959,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
|
|
|
948
959
|
inset-block-start: 50%;
|
|
949
960
|
inline-size: 7px;
|
|
950
961
|
block-size: 7px;
|
|
951
|
-
border:
|
|
962
|
+
border: var(--ui-accent-line-width) solid var(--_ui-tree-drop-color, var(--ui-accent-solid));
|
|
952
963
|
border-radius: var(--ui-radius-round);
|
|
953
964
|
background: var(--ui-surface-elevated);
|
|
954
965
|
transform: translateY(-50%);
|
|
@@ -963,12 +974,12 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
|
|
|
963
974
|
|
|
964
975
|
[data-component~="ui-tree-item"][data-drop-position="before"] > .row > .row-drop-indicator {
|
|
965
976
|
display: block;
|
|
966
|
-
inset-block-start: -
|
|
977
|
+
inset-block-start: calc(-0.5 * var(--ui-accent-line-width));
|
|
967
978
|
}
|
|
968
979
|
|
|
969
980
|
[data-component~="ui-tree-item"][data-drop-position="after"] > .subtree-drop-indicator {
|
|
970
981
|
display: block;
|
|
971
|
-
inset-block-end: -
|
|
982
|
+
inset-block-end: calc(-0.5 * var(--ui-accent-line-width));
|
|
972
983
|
}
|
|
973
984
|
|
|
974
985
|
.children[hidden] {
|
|
@@ -1044,6 +1055,18 @@ html[data-ui-input-modality="touch"]
|
|
|
1044
1055
|
}
|
|
1045
1056
|
}
|
|
1046
1057
|
|
|
1058
|
+
@media (forced-colors: active) {
|
|
1059
|
+
[data-component~="ui-tree-item"]:focus-visible > .row {
|
|
1060
|
+
outline: var(--ui-focus-width) solid Highlight;
|
|
1061
|
+
outline-offset: calc(-1 * var(--ui-focus-width));
|
|
1062
|
+
}
|
|
1063
|
+
[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"]:not(:focus-visible):not([aria-disabled="true"])
|
|
1064
|
+
> .row {
|
|
1065
|
+
outline: var(--ui-border-width) solid Highlight;
|
|
1066
|
+
outline-offset: calc(-1 * var(--ui-border-width));
|
|
1067
|
+
}
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1047
1070
|
/* A component that sets its display still honours the hidden attribute on its root. */
|
|
1048
1071
|
[data-component~="ui-tree-item"][hidden] {
|
|
1049
1072
|
display: none;
|
package/vue/chunks/UiAvatar.js
CHANGED
package/vue/chunks/UiBadge.js
CHANGED
package/vue/chunks/UiButton.js
CHANGED
package/vue/chunks/UiCallout.js
CHANGED
package/vue/chunks/UiCard.js
CHANGED
package/vue/chunks/UiCheckbox.js
CHANGED
package/vue/chunks/UiCombobox.js
CHANGED
|
@@ -1413,6 +1413,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
1413
1413
|
}]]);
|
|
1414
1414
|
};
|
|
1415
1415
|
}
|
|
1416
|
-
}), [["__scopeId", "data-v-
|
|
1416
|
+
}), [["__scopeId", "data-v-a593ab08"]]);
|
|
1417
1417
|
//#endregion
|
|
1418
1418
|
export { UiCombobox_default as t };
|
|
@@ -136,6 +136,6 @@ var UiDescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
|
|
|
136
136
|
}]]);
|
|
137
137
|
};
|
|
138
138
|
}
|
|
139
|
-
}), [["__scopeId", "data-v-
|
|
139
|
+
}), [["__scopeId", "data-v-06793922"]]);
|
|
140
140
|
//#endregion
|
|
141
141
|
export { UiDescriptionList_default as t };
|
package/vue/chunks/UiDialog.js
CHANGED
|
@@ -6,6 +6,7 @@ import { computed, createElementBlock, createElementVNode, createTextVNode, defi
|
|
|
6
6
|
var _hoisted_1 = [
|
|
7
7
|
"data-density",
|
|
8
8
|
"data-disabled",
|
|
9
|
+
"data-fill",
|
|
9
10
|
"data-heading-level",
|
|
10
11
|
"data-name",
|
|
11
12
|
"data-open",
|
|
@@ -35,6 +36,10 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
35
36
|
type: null,
|
|
36
37
|
default: false
|
|
37
38
|
},
|
|
39
|
+
fill: {
|
|
40
|
+
type: null,
|
|
41
|
+
default: false
|
|
42
|
+
},
|
|
38
43
|
headingLevel: {
|
|
39
44
|
type: null,
|
|
40
45
|
default: 0
|
|
@@ -80,6 +85,16 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
80
85
|
description: "Disables the trigger and mutes its text, so the disclosure keeps its current state and the user cannot toggle it.",
|
|
81
86
|
default: false
|
|
82
87
|
},
|
|
88
|
+
fill: {
|
|
89
|
+
type: {
|
|
90
|
+
kind: "terminal",
|
|
91
|
+
name: "boolean"
|
|
92
|
+
},
|
|
93
|
+
required: false,
|
|
94
|
+
target: { attribute: "fill" },
|
|
95
|
+
description: "In a column with a bounded height, an open disclosure fills the remaining space and keeps its trigger visible. The content slot can contain a Scroll Area.\n Closed items keep only their trigger height.",
|
|
96
|
+
default: false
|
|
97
|
+
},
|
|
83
98
|
headingLevel: {
|
|
84
99
|
type: {
|
|
85
100
|
kind: "terminal",
|
|
@@ -125,6 +140,7 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
125
140
|
const acceptedProps = {
|
|
126
141
|
density: "comfortable",
|
|
127
142
|
disabled: false,
|
|
143
|
+
fill: false,
|
|
128
144
|
headingLevel: 0,
|
|
129
145
|
name: "",
|
|
130
146
|
open: false,
|
|
@@ -139,6 +155,10 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
139
155
|
kind: "terminal",
|
|
140
156
|
name: "boolean"
|
|
141
157
|
}, false, "disabled", acceptedProps),
|
|
158
|
+
fill: checkedProp(props["fill"], {
|
|
159
|
+
kind: "terminal",
|
|
160
|
+
name: "boolean"
|
|
161
|
+
}, false, "fill", acceptedProps),
|
|
142
162
|
headingLevel: checkedProp(props["headingLevel"], {
|
|
143
163
|
kind: "terminal",
|
|
144
164
|
name: "integer"
|
|
@@ -221,7 +241,8 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
221
241
|
const hostState = computed(() => [
|
|
222
242
|
checkedProps.value.density && "density",
|
|
223
243
|
checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`,
|
|
224
|
-
internalOpen.value && "internalOpen"
|
|
244
|
+
internalOpen.value && "internalOpen",
|
|
245
|
+
checkedProps.value.fill && "fill"
|
|
225
246
|
].filter(Boolean).join(" "));
|
|
226
247
|
const isOpenDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
|
|
227
248
|
"open",
|
|
@@ -251,6 +272,7 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
251
272
|
propNames: [
|
|
252
273
|
"density",
|
|
253
274
|
"disabled",
|
|
275
|
+
"fill",
|
|
254
276
|
"headingLevel",
|
|
255
277
|
"name",
|
|
256
278
|
"open",
|
|
@@ -275,6 +297,7 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
275
297
|
return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-disclosure" }, nativeAttrs(_ctx.$attrs), {
|
|
276
298
|
"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
|
|
277
299
|
"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
|
|
300
|
+
"data-fill": reflectedProp("fill", "fill", checkedProps.value.fill, void 0, false),
|
|
278
301
|
"data-heading-level": reflectedProp("headingLevel", "heading-level", checkedProps.value.headingLevel, void 0, false),
|
|
279
302
|
"data-name": reflectedProp("name", "name", checkedProps.value.name, void 0, false),
|
|
280
303
|
"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
|
|
@@ -293,10 +316,10 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
293
316
|
"aria-expanded": guardedBinding3.value,
|
|
294
317
|
disabled: checkedProps.value.disabled ?? void 0,
|
|
295
318
|
ref: "trigger"
|
|
296
|
-
}, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "summary", {}, () => [createTextVNode(toDisplayString(checkedProps.value.summary), 1)], true)]), _cache[0] || (_cache[0] = createElementVNode("span", {
|
|
319
|
+
}, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "summary", {}, () => [createTextVNode(toDisplayString(checkedProps.value.summary), 1)], true)]), renderSlot(_ctx.$slots, "indicator", {}, () => [_cache[0] || (_cache[0] = createElementVNode("span", {
|
|
297
320
|
class: "chevron",
|
|
298
321
|
"aria-hidden": "true"
|
|
299
|
-
}, null, -1))], 8, _hoisted_3)], 8, _hoisted_2), createElementVNode("div", {
|
|
322
|
+
}, null, -1))], true)], 8, _hoisted_3)], 8, _hoisted_2), createElementVNode("div", {
|
|
300
323
|
class: "panel",
|
|
301
324
|
id: guardedBinding4.value,
|
|
302
325
|
ref: "panel"
|
|
@@ -306,6 +329,6 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
306
329
|
}]]);
|
|
307
330
|
};
|
|
308
331
|
}
|
|
309
|
-
}), [["__scopeId", "data-v-
|
|
332
|
+
}), [["__scopeId", "data-v-af326e00"]]);
|
|
310
333
|
//#endregion
|
|
311
334
|
export { UiDisclosure_default as t };
|
package/vue/chunks/UiEditable.js
CHANGED
|
@@ -300,6 +300,6 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
|
|
|
300
300
|
}]]);
|
|
301
301
|
};
|
|
302
302
|
}
|
|
303
|
-
}), [["__scopeId", "data-v-
|
|
303
|
+
}), [["__scopeId", "data-v-6b815522"]]);
|
|
304
304
|
//#endregion
|
|
305
305
|
export { UiEditorInsertTableGrid_default as t };
|
|
@@ -540,6 +540,6 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
|
|
|
540
540
|
}]]);
|
|
541
541
|
};
|
|
542
542
|
}
|
|
543
|
-
}), [["__scopeId", "data-v-
|
|
543
|
+
}), [["__scopeId", "data-v-bf5b8a4d"]]);
|
|
544
544
|
//#endregion
|
|
545
545
|
export { UiEditorMentionMenu_default as t };
|
|
@@ -479,6 +479,6 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
|
|
|
479
479
|
}]]);
|
|
480
480
|
};
|
|
481
481
|
}
|
|
482
|
-
}), [["__scopeId", "data-v-
|
|
482
|
+
}), [["__scopeId", "data-v-0ea6b233"]]);
|
|
483
483
|
//#endregion
|
|
484
484
|
export { UiEditorSlashMenu_default as t };
|
|
@@ -174,6 +174,6 @@ var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
|
|
|
174
174
|
}]]);
|
|
175
175
|
};
|
|
176
176
|
}
|
|
177
|
-
}), [["__scopeId", "data-v-
|
|
177
|
+
}), [["__scopeId", "data-v-9f4fd77c"]]);
|
|
178
178
|
//#endregion
|
|
179
179
|
export { UiEditorSlashMenuItem_default as t };
|
|
@@ -423,6 +423,6 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
|
|
|
423
423
|
}]]);
|
|
424
424
|
};
|
|
425
425
|
}
|
|
426
|
-
}), [["__scopeId", "data-v-
|
|
426
|
+
}), [["__scopeId", "data-v-a367a954"]]);
|
|
427
427
|
//#endregion
|
|
428
428
|
export { UiEditorTableContextMenu_default as t };
|
|
@@ -691,6 +691,6 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
|
|
|
691
691
|
}]]);
|
|
692
692
|
};
|
|
693
693
|
}
|
|
694
|
-
}), [["__scopeId", "data-v-
|
|
694
|
+
}), [["__scopeId", "data-v-9088adf1"]]);
|
|
695
695
|
//#endregion
|
|
696
696
|
export { UiEditorTableOverlay_default as t };
|
|
@@ -519,6 +519,6 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
|
|
|
519
519
|
}]]);
|
|
520
520
|
};
|
|
521
521
|
}
|
|
522
|
-
}), [["__scopeId", "data-v-
|
|
522
|
+
}), [["__scopeId", "data-v-50ae1c92"]]);
|
|
523
523
|
//#endregion
|
|
524
524
|
export { UiEditorTableToolbar_default as t };
|
|
@@ -125,6 +125,6 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
|
|
|
125
125
|
}]]);
|
|
126
126
|
};
|
|
127
127
|
}
|
|
128
|
-
}), [["__scopeId", "data-v-
|
|
128
|
+
}), [["__scopeId", "data-v-68ef93fb"]]);
|
|
129
129
|
//#endregion
|
|
130
130
|
export { UiFloatingActionButton_default as t };
|
package/vue/chunks/UiIcon.js
CHANGED
|
@@ -311,6 +311,15 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
|
|
|
311
311
|
d: "M15 3v18"
|
|
312
312
|
}
|
|
313
313
|
],
|
|
314
|
+
compass: [{
|
|
315
|
+
tag: "path",
|
|
316
|
+
d: "m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"
|
|
317
|
+
}, {
|
|
318
|
+
tag: "circle",
|
|
319
|
+
cx: "12",
|
|
320
|
+
cy: "12",
|
|
321
|
+
r: "10"
|
|
322
|
+
}],
|
|
314
323
|
"credit-card": [{
|
|
315
324
|
tag: "rect",
|
|
316
325
|
width: "20",
|
|
@@ -549,6 +558,20 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
|
|
|
549
558
|
tag: "path",
|
|
550
559
|
d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4"
|
|
551
560
|
}],
|
|
561
|
+
history: [
|
|
562
|
+
{
|
|
563
|
+
tag: "path",
|
|
564
|
+
d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"
|
|
565
|
+
},
|
|
566
|
+
{
|
|
567
|
+
tag: "path",
|
|
568
|
+
d: "M3 3v5h5"
|
|
569
|
+
},
|
|
570
|
+
{
|
|
571
|
+
tag: "path",
|
|
572
|
+
d: "M12 7v5l4 2"
|
|
573
|
+
}
|
|
574
|
+
],
|
|
552
575
|
image: [
|
|
553
576
|
{
|
|
554
577
|
tag: "rect",
|
|
@@ -1191,6 +1214,6 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
|
|
|
1191
1214
|
}]]);
|
|
1192
1215
|
};
|
|
1193
1216
|
}
|
|
1194
|
-
}), [["__scopeId", "data-v-
|
|
1217
|
+
}), [["__scopeId", "data-v-87aa3ce3"]]);
|
|
1195
1218
|
//#endregion
|
|
1196
1219
|
export { UiIcon_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