@threadlabs/looma 0.12.7 → 0.13.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/ui-action-bar/ui-action-bar.html +10 -1
- package/components/ui-avatar/ui-avatar.html +18 -0
- package/components/ui-avatar-group/ui-avatar-group.html +24 -2
- package/components/ui-avatar-group/ui-avatar-group.js +3 -1
- package/components/ui-badge/ui-badge.html +42 -0
- package/components/ui-button/ui-button.html +70 -0
- package/components/ui-callout/ui-callout.html +55 -4
- package/components/ui-checkbox/ui-checkbox.html +15 -2
- package/components/ui-cluster/ui-cluster.html +7 -1
- package/components/ui-combobox/ui-combobox.html +64 -10
- package/components/ui-container/ui-container.html +12 -1
- package/components/ui-context-menu/ui-context-menu.html +10 -1
- package/components/ui-dialog/ui-dialog.html +21 -4
- package/components/ui-disclosure/ui-disclosure.html +22 -3
- package/components/ui-editor-slash-menu/ui-editor-slash-menu.html +2 -2
- 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 +8 -8
- package/components/ui-editor-table-toolbar/ui-editor-table-toolbar.html +3 -3
- package/components/ui-floating-action-button/ui-floating-action-button.html +14 -0
- package/components/ui-form-field/ui-form-field.html +10 -1
- package/components/ui-grid/ui-grid.html +11 -1
- package/components/ui-icon/ui-icon.html +17 -3
- package/components/ui-icon-button/ui-icon-button.html +81 -3
- package/components/ui-input/ui-input.html +67 -12
- package/components/ui-input-group/ui-input-group.html +14 -13
- package/components/ui-list/ui-list.html +10 -0
- package/components/ui-list-item/ui-list-item.html +22 -1
- package/components/ui-menu/ui-menu.html +17 -5
- package/components/ui-menu-item/ui-menu-item.html +30 -3
- package/components/ui-nav-item/ui-nav-item.html +14 -0
- package/components/ui-popover/ui-popover.html +6 -0
- package/components/ui-radio/ui-radio.html +15 -2
- package/components/ui-reel/ui-reel.html +15 -2
- package/components/ui-search-result-row/ui-search-result-row.html +34 -0
- package/components/ui-search-shell/ui-search-shell.html +65 -11
- package/components/ui-select/ui-select.html +14 -0
- package/components/ui-separator/ui-separator.html +9 -2
- package/components/ui-sidebar/ui-sidebar.html +22 -1
- package/components/ui-stack/ui-stack.html +7 -1
- package/components/ui-switch/ui-switch.html +20 -2
- package/components/ui-switcher/ui-switcher.html +18 -5
- package/components/ui-tabs/ui-tabs.html +21 -2
- package/components/ui-textarea/ui-textarea.html +14 -0
- package/components/ui-toast-region/ui-toast-region.html +16 -2
- package/components/ui-tooltip/ui-tooltip.html +62 -13
- package/components/ui-top-bar/ui-top-bar.html +34 -1
- package/components/ui-tree/ui-tree.html +27 -4
- package/components/ui-tree-item/ui-tree-item.html +39 -10
- package/components/ui-tree-item/ui-tree-item.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/styles/ui-action-bar.css +14 -3
- package/styles/ui-avatar-group.css +26 -4
- package/styles/ui-avatar.css +22 -2
- package/styles/ui-badge.css +46 -2
- package/styles/ui-button.css +74 -2
- package/styles/ui-callout.css +59 -6
- package/styles/ui-checkbox.css +19 -4
- package/styles/ui-cluster.css +10 -2
- package/styles/ui-combobox.css +67 -12
- package/styles/ui-container.css +14 -2
- package/styles/ui-context-menu.css +14 -3
- package/styles/ui-dialog.css +25 -6
- package/styles/ui-disclosure.css +26 -5
- package/styles/ui-editor-slash-menu.css +2 -2
- package/styles/ui-editor-table-context-menu.css +2 -2
- package/styles/ui-editor-table-overlay.css +8 -8
- package/styles/ui-editor-table-toolbar.css +3 -3
- package/styles/ui-floating-action-button.css +18 -2
- package/styles/ui-form-field.css +14 -3
- package/styles/ui-grid.css +14 -2
- package/styles/ui-icon-button.css +85 -5
- package/styles/ui-icon.css +21 -5
- package/styles/ui-input-group.css +14 -13
- package/styles/ui-input.css +72 -14
- package/styles/ui-list-item.css +26 -3
- package/styles/ui-list.css +14 -2
- package/styles/ui-menu-item.css +34 -5
- package/styles/ui-menu.css +21 -6
- package/styles/ui-nav-item.css +18 -2
- package/styles/ui-popover.css +10 -2
- package/styles/ui-radio.css +19 -4
- package/styles/ui-reel.css +18 -3
- package/styles/ui-search-result-row.css +38 -2
- package/styles/ui-search-shell.css +69 -13
- package/styles/ui-select.css +18 -2
- package/styles/ui-separator.css +14 -2
- package/styles/ui-sidebar.css +26 -3
- package/styles/ui-stack.css +10 -2
- package/styles/ui-switch.css +24 -4
- package/styles/ui-switcher.css +21 -6
- package/styles/ui-tabs.css +25 -4
- package/styles/ui-textarea.css +18 -2
- package/styles/ui-toast-region.css +20 -4
- package/styles/ui-tooltip.css +66 -15
- package/styles/ui-top-bar.css +38 -3
- package/styles/ui-tree-item.css +43 -12
- package/styles/ui-tree.css +33 -6
- package/vanilla/UiAvatarGroup.d.ts +1 -0
- package/vanilla/UiAvatarGroup.js +1 -1
- package/vue/UiActionBar.vue +12 -3
- package/vue/UiAvatar.vue +18 -0
- package/vue/UiAvatarGroup.d.ts +2 -0
- package/vue/UiAvatarGroup.vue +40 -4
- package/vue/UiBadge.vue +42 -0
- package/vue/UiButton.vue +70 -0
- package/vue/UiCallout.vue +55 -4
- package/vue/UiCheckbox.vue +15 -2
- package/vue/UiCluster.vue +6 -0
- package/vue/UiCombobox.vue +64 -10
- package/vue/UiContainer.vue +10 -0
- package/vue/UiContextMenu.vue +10 -1
- package/vue/UiDialog.vue +21 -4
- package/vue/UiDisclosure.vue +22 -3
- package/vue/UiEditorSlashMenu.vue +2 -2
- package/vue/UiEditorTableContextMenu.vue +2 -2
- package/vue/UiEditorTableOverlay.vue +8 -8
- package/vue/UiEditorTableToolbar.vue +3 -3
- package/vue/UiFloatingActionButton.vue +14 -0
- package/vue/UiFormField.vue +10 -1
- package/vue/UiGrid.vue +10 -0
- package/vue/UiIcon.vue +17 -3
- package/vue/UiIconButton.vue +81 -3
- package/vue/UiInput.vue +89 -14
- package/vue/UiInputGroup.vue +14 -13
- package/vue/UiList.vue +12 -2
- package/vue/UiListItem.vue +30 -9
- package/vue/UiMenu.vue +17 -5
- package/vue/UiMenuItem.vue +42 -4
- package/vue/UiNavItem.vue +17 -3
- package/vue/UiPopover.vue +6 -0
- package/vue/UiRadio.vue +15 -2
- package/vue/UiReel.vue +14 -1
- package/vue/UiSearchResultRow.vue +34 -0
- package/vue/UiSearchShell.vue +66 -12
- package/vue/UiSelect.vue +14 -0
- package/vue/UiSeparator.vue +9 -2
- package/vue/UiSidebar.vue +22 -1
- package/vue/UiStack.vue +6 -0
- package/vue/UiSwitch.vue +20 -2
- package/vue/UiSwitcher.vue +17 -4
- package/vue/UiTabs.vue +22 -3
- package/vue/UiTextarea.vue +14 -0
- package/vue/UiToastRegion.vue +16 -2
- package/vue/UiTooltip.vue +62 -13
- package/vue/UiTopBar.vue +34 -1
- package/vue/UiTree.vue +28 -5
- package/vue/UiTreeItem.vue +46 -11
- package/vue/chunks/UiActionBar.js +1 -1
- package/vue/chunks/UiAvatar.js +1 -1
- package/vue/chunks/UiAvatarGroup.js +8 -4
- package/vue/chunks/UiBadge.js +1 -1
- package/vue/chunks/UiButton.js +1 -1
- package/vue/chunks/UiCallout.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/UiDialog.js +1 -1
- package/vue/chunks/UiDisclosure.js +1 -1
- package/vue/chunks/UiEditorSlashMenu.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/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/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/UiMenu.js +1 -1
- package/vue/chunks/UiMenuItem.js +1 -1
- package/vue/chunks/UiNavItem.js +1 -1
- package/vue/chunks/UiPopover.js +1 -1
- package/vue/chunks/UiRadio.js +1 -1
- package/vue/chunks/UiReel.js +1 -1
- package/vue/chunks/UiSearchResultRow.js +1 -1
- package/vue/chunks/UiSearchShell.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/UiStack.js +1 -1
- package/vue/chunks/UiSwitch.js +1 -1
- package/vue/chunks/UiSwitcher.js +1 -1
- package/vue/chunks/UiTabs.js +1 -1
- package/vue/chunks/UiTextarea.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 +1934 -897
package/vue/UiTree.vue
CHANGED
|
@@ -130,19 +130,42 @@ useComponentHost(controllerModule.default, {
|
|
|
130
130
|
</template>
|
|
131
131
|
|
|
132
132
|
<style scoped>
|
|
133
|
+
/* This component's hooks style the element they are set on, and never a nested one. */
|
|
134
|
+
@property --ui-tree-drop-color {
|
|
135
|
+
syntax: "*";
|
|
136
|
+
inherits: false;
|
|
137
|
+
}
|
|
138
|
+
@property --ui-tree-gutter {
|
|
139
|
+
syntax: "*";
|
|
140
|
+
inherits: false;
|
|
141
|
+
}
|
|
142
|
+
@property --ui-tree-indent {
|
|
143
|
+
syntax: "*";
|
|
144
|
+
inherits: false;
|
|
145
|
+
}
|
|
146
|
+
|
|
133
147
|
/* Reaches the items the way density does, so the setting lives on the tree the way a reader
|
|
134
|
-
|
|
148
|
+
thinks about it: this list scrolls its long names. */
|
|
135
149
|
[data-component~="ui-tree"][data-ui-tree-state~="marquee"] {
|
|
136
|
-
--
|
|
150
|
+
--_ui-default-tree-item-marquee: 1;
|
|
137
151
|
}
|
|
138
152
|
|
|
153
|
+
/* The items' defaults for this density: an item's own hook still wins. */
|
|
139
154
|
[data-component~="ui-tree"][data-ui-tree-state~="density=compact"] {
|
|
140
|
-
--
|
|
141
|
-
--
|
|
142
|
-
--
|
|
155
|
+
--_ui-default-tree-item-min-block-size: var(--ui-control-size-sm);
|
|
156
|
+
--_ui-default-tree-item-font-size: var(--ui-font-size-sm);
|
|
157
|
+
--_ui-default-tree-item-label-padding-block: 0;
|
|
143
158
|
}
|
|
144
159
|
|
|
145
160
|
[data-component~="ui-tree"] {
|
|
161
|
+
/* Hooks do not inherit: the tree hands its own to its items here, and a tree nested in an item
|
|
162
|
+
starts again from its own settings. */
|
|
163
|
+
--_ui-tree-indent: var(--ui-tree-indent);
|
|
164
|
+
--_ui-tree-drop-color: var(--ui-tree-drop-color);
|
|
165
|
+
--_ui-default-tree-item-marquee: initial;
|
|
166
|
+
--_ui-default-tree-item-min-block-size: initial;
|
|
167
|
+
--_ui-default-tree-item-font-size: initial;
|
|
168
|
+
--_ui-default-tree-item-label-padding-block: initial;
|
|
146
169
|
display: block;
|
|
147
170
|
min-inline-size: 0;
|
|
148
171
|
padding-inline-start: var(--ui-tree-gutter, 0px);
|
package/vue/UiTreeItem.vue
CHANGED
|
@@ -173,14 +173,49 @@ useComponentHost(controllerModule.default, {
|
|
|
173
173
|
</template>
|
|
174
174
|
|
|
175
175
|
<style scoped>
|
|
176
|
+
/* This component's hooks style the element they are set on, and never a nested one. */
|
|
177
|
+
@property --ui-tree-item-depth {
|
|
178
|
+
syntax: "*";
|
|
179
|
+
inherits: false;
|
|
180
|
+
}
|
|
181
|
+
@property --ui-tree-item-font-size {
|
|
182
|
+
syntax: "*";
|
|
183
|
+
inherits: false;
|
|
184
|
+
}
|
|
185
|
+
@property --ui-tree-item-label-padding-block {
|
|
186
|
+
syntax: "*";
|
|
187
|
+
inherits: false;
|
|
188
|
+
}
|
|
189
|
+
@property --ui-tree-item-label-padding-inline {
|
|
190
|
+
syntax: "*";
|
|
191
|
+
inherits: false;
|
|
192
|
+
}
|
|
193
|
+
@property --ui-tree-item-min-block-size {
|
|
194
|
+
syntax: "*";
|
|
195
|
+
inherits: false;
|
|
196
|
+
}
|
|
197
|
+
|
|
176
198
|
[data-component~="ui-tree-item"] {
|
|
199
|
+
/* Hooks do not inherit, so the parts below read them from the root. The tree's density
|
|
200
|
+
sets the defaults, in --_ui-default-*. */
|
|
201
|
+
--_ui-tree-item-min-block-size: var(
|
|
202
|
+
--ui-tree-item-min-block-size,
|
|
203
|
+
var(--_ui-default-tree-item-min-block-size)
|
|
204
|
+
);
|
|
205
|
+
--_ui-tree-item-font-size: var(--ui-tree-item-font-size, var(--_ui-default-tree-item-font-size));
|
|
206
|
+
--_ui-tree-item-label-padding-block: var(
|
|
207
|
+
--ui-tree-item-label-padding-block,
|
|
208
|
+
var(--_ui-default-tree-item-label-padding-block)
|
|
209
|
+
);
|
|
210
|
+
--_ui-tree-item-label-padding-inline: var(--ui-tree-item-label-padding-inline);
|
|
211
|
+
|
|
177
212
|
--_tree-row-min-height: 32px;
|
|
178
213
|
--_tree-disclosure-size: 16px;
|
|
179
214
|
|
|
180
215
|
position: relative;
|
|
181
216
|
display: block;
|
|
182
217
|
min-inline-size: 0;
|
|
183
|
-
margin-inline-start: calc(var(--ui-tree-item-depth, 0) * var(--
|
|
218
|
+
margin-inline-start: calc(var(--ui-tree-item-depth, 0) * var(--_ui-tree-indent, 16px));
|
|
184
219
|
}
|
|
185
220
|
|
|
186
221
|
.row {
|
|
@@ -188,9 +223,9 @@ useComponentHost(controllerModule.default, {
|
|
|
188
223
|
display: grid;
|
|
189
224
|
grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr);
|
|
190
225
|
align-items: center;
|
|
191
|
-
min-block-size: var(--
|
|
226
|
+
min-block-size: var(--_ui-tree-item-min-block-size, var(--_tree-row-min-height));
|
|
192
227
|
min-inline-size: 0;
|
|
193
|
-
font-size: var(--
|
|
228
|
+
font-size: var(--_ui-tree-item-font-size, var(--ui-font-size-sm));
|
|
194
229
|
border-radius: var(--ui-radius-md);
|
|
195
230
|
color: var(--ui-text-secondary);
|
|
196
231
|
transition:
|
|
@@ -227,7 +262,7 @@ useComponentHost(controllerModule.default, {
|
|
|
227
262
|
/* Child combinators: drop feedback belongs to this item's own row, not the rows nested in it. */
|
|
228
263
|
[data-component~="ui-tree-item"][data-drop-position="inside"] > .row {
|
|
229
264
|
background: var(--ui-accent-subtle);
|
|
230
|
-
box-shadow: inset 0 0 0 1px var(--
|
|
265
|
+
box-shadow: inset 0 0 0 1px var(--_ui-tree-drop-color, var(--ui-accent-solid));
|
|
231
266
|
}
|
|
232
267
|
|
|
233
268
|
.disclosure,
|
|
@@ -329,8 +364,8 @@ useComponentHost(controllerModule.default, {
|
|
|
329
364
|
min-inline-size: 0;
|
|
330
365
|
/* The cell clips: a name longer than the row slides inside it rather than over its icons. */
|
|
331
366
|
overflow: hidden;
|
|
332
|
-
padding: var(--
|
|
333
|
-
var(--
|
|
367
|
+
padding: var(--_ui-tree-item-label-padding-block, var(--ui-space-1))
|
|
368
|
+
var(--_ui-tree-item-label-padding-inline, var(--ui-space-2));
|
|
334
369
|
/* The length of the fade before the controls. The label's one flex child lays out no gap; this
|
|
335
370
|
is where the controller reads the length in pixels to stop a sliding name before the fade. */
|
|
336
371
|
column-gap: var(--ui-space-3);
|
|
@@ -393,13 +428,13 @@ useComponentHost(controllerModule.default, {
|
|
|
393
428
|
.row[data-ui-marquee] > .label {
|
|
394
429
|
margin-inline-start: calc(-1 * var(--_marquee-lead, 0px));
|
|
395
430
|
padding-inline-start: calc(
|
|
396
|
-
var(--_marquee-lead, 0px) + var(--
|
|
431
|
+
var(--_marquee-lead, 0px) + var(--_ui-tree-item-label-padding-inline, var(--ui-space-2))
|
|
397
432
|
);
|
|
398
433
|
mask-image: linear-gradient(
|
|
399
434
|
to right,
|
|
400
435
|
transparent calc(var(--_marquee-lead, 0px) / 2),
|
|
401
436
|
#000 calc(
|
|
402
|
-
var(--_marquee-lead, 0px) + var(--
|
|
437
|
+
var(--_marquee-lead, 0px) + var(--_ui-tree-item-label-padding-inline, var(--ui-space-2))
|
|
403
438
|
),
|
|
404
439
|
#000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
|
|
405
440
|
transparent calc(100% - var(--_tree-actions-width, 1.75rem))
|
|
@@ -411,7 +446,7 @@ useComponentHost(controllerModule.default, {
|
|
|
411
446
|
to left,
|
|
412
447
|
transparent calc(var(--_marquee-lead, 0px) / 2),
|
|
413
448
|
#000 calc(
|
|
414
|
-
var(--_marquee-lead, 0px) + var(--
|
|
449
|
+
var(--_marquee-lead, 0px) + var(--_ui-tree-item-label-padding-inline, var(--ui-space-2))
|
|
415
450
|
),
|
|
416
451
|
#000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
|
|
417
452
|
transparent calc(100% - var(--_tree-actions-width, 1.75rem))
|
|
@@ -530,7 +565,7 @@ useComponentHost(controllerModule.default, {
|
|
|
530
565
|
display: none;
|
|
531
566
|
block-size: 2px;
|
|
532
567
|
border-radius: 999px;
|
|
533
|
-
background: var(--
|
|
568
|
+
background: var(--_ui-tree-drop-color, var(--ui-accent-solid));
|
|
534
569
|
pointer-events: none;
|
|
535
570
|
}
|
|
536
571
|
|
|
@@ -541,7 +576,7 @@ useComponentHost(controllerModule.default, {
|
|
|
541
576
|
inset-block-start: 50%;
|
|
542
577
|
inline-size: 7px;
|
|
543
578
|
block-size: 7px;
|
|
544
|
-
border: 2px solid var(--
|
|
579
|
+
border: 2px solid var(--_ui-tree-drop-color, var(--ui-accent-solid));
|
|
545
580
|
border-radius: 999px;
|
|
546
581
|
background: var(--ui-surface-elevated);
|
|
547
582
|
transform: translateY(-50%);
|
package/vue/chunks/UiAvatar.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
|
|
2
2
|
import { n as useComponentHost, t as createDispatch } from "./host.js";
|
|
3
|
-
import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, useTemplateRef } from "vue";
|
|
3
|
+
import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, useTemplateRef } from "vue";
|
|
4
4
|
import * as controllerModule from "@threadlabs/looma/components/ui-avatar-group/ui-avatar-group.js";
|
|
5
5
|
//#region .build/vue/UiAvatarGroup.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
-
var _hoisted_1 = ["aria-label"];
|
|
6
|
+
var _hoisted_1 = ["aria-label", "data-ui-avatar-group-state"];
|
|
7
7
|
var _hoisted_2 = ["hidden", "aria-label"];
|
|
8
8
|
//#endregion
|
|
9
9
|
//#region .build/vue/UiAvatarGroup.vue
|
|
@@ -12,13 +12,16 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
|
|
|
12
12
|
__name: "UiAvatarGroup",
|
|
13
13
|
props: {
|
|
14
14
|
label: { default: "People" },
|
|
15
|
-
max: { default: 5 }
|
|
15
|
+
max: { default: 5 },
|
|
16
|
+
size: { default: "md" }
|
|
16
17
|
},
|
|
17
18
|
setup(__props) {
|
|
18
19
|
const props = __props;
|
|
19
20
|
const root = ref(null);
|
|
20
21
|
const overflowElement = useTemplateRef("overflow");
|
|
21
22
|
const overflowCount = ref(0);
|
|
23
|
+
/** The values the styles' :host-state() rules test. */
|
|
24
|
+
const hostState = computed(() => [props.size && `size size=${props.size}`].filter(Boolean).join(" "));
|
|
22
25
|
const dispatch = createDispatch(root);
|
|
23
26
|
useComponentHost(controllerModule.default, {
|
|
24
27
|
root,
|
|
@@ -33,6 +36,7 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
|
|
|
33
36
|
role: "group"
|
|
34
37
|
}, _ctx.$attrs, {
|
|
35
38
|
"aria-label": __props.label,
|
|
39
|
+
"data-ui-avatar-group-state": hostState.value || void 0,
|
|
36
40
|
ref_key: "root",
|
|
37
41
|
ref: root
|
|
38
42
|
}), [renderSlot(_ctx.$slots, "default"), createElementVNode("span", {
|
|
@@ -44,6 +48,6 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
|
|
|
44
48
|
}, toDisplayString(`+${overflowCount.value}`), 9, _hoisted_2)], 16, _hoisted_1);
|
|
45
49
|
};
|
|
46
50
|
}
|
|
47
|
-
}), [["__scopeId", "data-v-
|
|
51
|
+
}), [["__scopeId", "data-v-c2d41fb1"]]);
|
|
48
52
|
//#endregion
|
|
49
53
|
export { UiAvatarGroup_default as t };
|
package/vue/chunks/UiBadge.js
CHANGED
|
@@ -24,6 +24,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
|
|
|
24
24
|
return openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-badge" }, _ctx.$attrs, { "data-ui-badge-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
|
-
}), [["__scopeId", "data-v-
|
|
27
|
+
}), [["__scopeId", "data-v-01118c8d"]]);
|
|
28
28
|
//#endregion
|
|
29
29
|
export { UiBadge_default as t };
|
package/vue/chunks/UiButton.js
CHANGED
package/vue/chunks/UiCallout.js
CHANGED
|
@@ -103,6 +103,6 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
|
|
|
103
103
|
]), createElementVNode("div", _hoisted_8, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1);
|
|
104
104
|
};
|
|
105
105
|
}
|
|
106
|
-
}), [["__scopeId", "data-v-
|
|
106
|
+
}), [["__scopeId", "data-v-c6355f1f"]]);
|
|
107
107
|
//#endregion
|
|
108
108
|
export { UiCallout_default as t };
|
package/vue/chunks/UiCheckbox.js
CHANGED
|
@@ -94,6 +94,6 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
94
94
|
}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1);
|
|
95
95
|
};
|
|
96
96
|
}
|
|
97
|
-
}), [["__scopeId", "data-v-
|
|
97
|
+
}), [["__scopeId", "data-v-91e106d5"]]);
|
|
98
98
|
//#endregion
|
|
99
99
|
export { UiCheckbox_default as t };
|
package/vue/chunks/UiCluster.js
CHANGED
|
@@ -19,6 +19,6 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
|
|
|
19
19
|
return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-cluster" }, _ctx.$attrs, { "data-ui-cluster-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
}), [["__scopeId", "data-v-
|
|
22
|
+
}), [["__scopeId", "data-v-2672f50e"]]);
|
|
23
23
|
//#endregion
|
|
24
24
|
export { UiCluster_default as t };
|
package/vue/chunks/UiCombobox.js
CHANGED
|
@@ -479,6 +479,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
479
479
|
], 16, _hoisted_1);
|
|
480
480
|
};
|
|
481
481
|
}
|
|
482
|
-
}), [["__scopeId", "data-v-
|
|
482
|
+
}), [["__scopeId", "data-v-083b5c7a"]]);
|
|
483
483
|
//#endregion
|
|
484
484
|
export { UiCombobox_default as t };
|
|
@@ -19,6 +19,6 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
|
|
|
19
19
|
return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-container" }, _ctx.$attrs, { "data-ui-container-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
}), [["__scopeId", "data-v-
|
|
22
|
+
}), [["__scopeId", "data-v-cce10c33"]]);
|
|
23
23
|
//#endregion
|
|
24
24
|
export { UiContainer_default as t };
|
|
@@ -61,6 +61,6 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
|
|
|
61
61
|
}), [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16);
|
|
62
62
|
};
|
|
63
63
|
}
|
|
64
|
-
}), [["__scopeId", "data-v-
|
|
64
|
+
}), [["__scopeId", "data-v-795c1691"]]);
|
|
65
65
|
//#endregion
|
|
66
66
|
export { UiContextMenu_default as t };
|
package/vue/chunks/UiDialog.js
CHANGED
|
@@ -86,6 +86,6 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
86
86
|
}, [createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_3)], 16, _hoisted_1);
|
|
87
87
|
};
|
|
88
88
|
}
|
|
89
|
-
}), [["__scopeId", "data-v-
|
|
89
|
+
}), [["__scopeId", "data-v-444f3a00"]]);
|
|
90
90
|
//#endregion
|
|
91
91
|
export { UiDisclosure_default as t };
|
|
@@ -95,6 +95,6 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
|
|
|
95
95
|
], 16, _hoisted_1);
|
|
96
96
|
};
|
|
97
97
|
}
|
|
98
|
-
}), [["__scopeId", "data-v-
|
|
98
|
+
}), [["__scopeId", "data-v-becc3f6b"]]);
|
|
99
99
|
//#endregion
|
|
100
100
|
export { UiEditorSlashMenu_default as t };
|
|
@@ -93,6 +93,6 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
|
|
|
93
93
|
}), 128))], 16, _hoisted_1);
|
|
94
94
|
};
|
|
95
95
|
}
|
|
96
|
-
}), [["__scopeId", "data-v-
|
|
96
|
+
}), [["__scopeId", "data-v-bfb4a4f3"]]);
|
|
97
97
|
//#endregion
|
|
98
98
|
export { UiEditorTableContextMenu_default as t };
|
|
@@ -181,6 +181,6 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
|
|
|
181
181
|
], 16, _hoisted_1);
|
|
182
182
|
};
|
|
183
183
|
}
|
|
184
|
-
}), [["__scopeId", "data-v-
|
|
184
|
+
}), [["__scopeId", "data-v-1a161cbe"]]);
|
|
185
185
|
//#endregion
|
|
186
186
|
export { UiEditorTableOverlay_default as t };
|
|
@@ -175,6 +175,6 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
|
|
|
175
175
|
], 16, _hoisted_1);
|
|
176
176
|
};
|
|
177
177
|
}
|
|
178
|
-
}), [["__scopeId", "data-v-
|
|
178
|
+
}), [["__scopeId", "data-v-be005bab"]]);
|
|
179
179
|
//#endregion
|
|
180
180
|
export { UiEditorTableToolbar_default as t };
|
|
@@ -37,6 +37,6 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
|
|
|
37
37
|
}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
|
-
}), [["__scopeId", "data-v-
|
|
40
|
+
}), [["__scopeId", "data-v-aa21e78e"]]);
|
|
41
41
|
//#endregion
|
|
42
42
|
export { UiFloatingActionButton_default as t };
|
package/vue/chunks/UiGrid.js
CHANGED
|
@@ -19,6 +19,6 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
|
|
|
19
19
|
return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-grid" }, _ctx.$attrs, { "data-ui-grid-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
}), [["__scopeId", "data-v-
|
|
22
|
+
}), [["__scopeId", "data-v-40bfd874"]]);
|
|
23
23
|
//#endregion
|
|
24
24
|
export { UiGrid_default as t };
|
package/vue/chunks/UiIcon.js
CHANGED
|
@@ -59,6 +59,6 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
59
59
|
}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
|
|
60
60
|
};
|
|
61
61
|
}
|
|
62
|
-
}), [["__scopeId", "data-v-
|
|
62
|
+
}), [["__scopeId", "data-v-3b39c407"]]);
|
|
63
63
|
//#endregion
|
|
64
64
|
export { UiIconButton_default as t };
|
package/vue/chunks/UiInput.js
CHANGED
|
@@ -61,6 +61,6 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
|
|
|
61
61
|
}), null, 16, _hoisted_1)), [[vModelDynamic, model.value]]);
|
|
62
62
|
};
|
|
63
63
|
}
|
|
64
|
-
}), [["__scopeId", "data-v-
|
|
64
|
+
}), [["__scopeId", "data-v-68f939b4"]]);
|
|
65
65
|
//#endregion
|
|
66
66
|
export { UiInput_default as t };
|
package/vue/chunks/UiList.js
CHANGED
|
@@ -22,6 +22,6 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
|
|
|
22
22
|
}, _ctx.$attrs, { "data-ui-list-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
|
-
}), [["__scopeId", "data-v-
|
|
25
|
+
}), [["__scopeId", "data-v-9ad6fc45"]]);
|
|
26
26
|
//#endregion
|
|
27
27
|
export { UiList_default as t };
|
package/vue/chunks/UiListItem.js
CHANGED
package/vue/chunks/UiMenu.js
CHANGED
|
@@ -69,6 +69,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
|
|
|
69
69
|
}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
|
|
70
70
|
};
|
|
71
71
|
}
|
|
72
|
-
}), [["__scopeId", "data-v-
|
|
72
|
+
}), [["__scopeId", "data-v-76d96760"]]);
|
|
73
73
|
//#endregion
|
|
74
74
|
export { UiMenu_default as t };
|
package/vue/chunks/UiMenuItem.js
CHANGED
|
@@ -26,6 +26,6 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
26
26
|
}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
|
|
27
27
|
};
|
|
28
28
|
}
|
|
29
|
-
}), [["__scopeId", "data-v-
|
|
29
|
+
}), [["__scopeId", "data-v-cbfc5845"]]);
|
|
30
30
|
//#endregion
|
|
31
31
|
export { UiMenuItem_default as t };
|
package/vue/chunks/UiNavItem.js
CHANGED
package/vue/chunks/UiPopover.js
CHANGED
|
@@ -56,6 +56,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
|
|
|
56
56
|
}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
|
|
57
57
|
};
|
|
58
58
|
}
|
|
59
|
-
}), [["__scopeId", "data-v-
|
|
59
|
+
}), [["__scopeId", "data-v-5c15743c"]]);
|
|
60
60
|
//#endregion
|
|
61
61
|
export { UiPopover_default as t };
|
package/vue/chunks/UiRadio.js
CHANGED
|
@@ -88,6 +88,6 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
|
|
|
88
88
|
}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1);
|
|
89
89
|
};
|
|
90
90
|
}
|
|
91
|
-
}), [["__scopeId", "data-v-
|
|
91
|
+
}), [["__scopeId", "data-v-8376958d"]]);
|
|
92
92
|
//#endregion
|
|
93
93
|
export { UiRadio_default as t };
|
package/vue/chunks/UiReel.js
CHANGED
|
@@ -28,6 +28,6 @@ var UiReel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
|
|
|
28
28
|
}, _ctx.$attrs, { "data-ui-reel-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
|
|
29
29
|
};
|
|
30
30
|
}
|
|
31
|
-
}), [["__scopeId", "data-v-
|
|
31
|
+
}), [["__scopeId", "data-v-10144744"]]);
|
|
32
32
|
//#endregion
|
|
33
33
|
export { UiReel_default as t };
|
|
@@ -50,6 +50,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
|
|
|
50
50
|
], 16, _hoisted_1);
|
|
51
51
|
};
|
|
52
52
|
}
|
|
53
|
-
}), [["__scopeId", "data-v-
|
|
53
|
+
}), [["__scopeId", "data-v-4f63d5a1"]]);
|
|
54
54
|
//#endregion
|
|
55
55
|
export { UiSearchResultRow_default as t };
|
|
@@ -67,6 +67,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
|
|
|
67
67
|
])], 8, _hoisted_1)], 16);
|
|
68
68
|
};
|
|
69
69
|
}
|
|
70
|
-
}), [["__scopeId", "data-v-
|
|
70
|
+
}), [["__scopeId", "data-v-f7e9a035"]]);
|
|
71
71
|
//#endregion
|
|
72
72
|
export { UiSearchShell_default as t };
|
package/vue/chunks/UiSelect.js
CHANGED
|
@@ -55,6 +55,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
55
55
|
}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[vModelSelect, model.value]]);
|
|
56
56
|
};
|
|
57
57
|
}
|
|
58
|
-
}), [["__scopeId", "data-v-
|
|
58
|
+
}), [["__scopeId", "data-v-11bab3f2"]]);
|
|
59
59
|
//#endregion
|
|
60
60
|
export { UiSelect_default as t };
|
|
@@ -13,6 +13,6 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
|
|
|
13
13
|
return openBlock(), createElementBlock("hr", mergeProps({ "data-component": "ui-separator" }, _ctx.$attrs, { "aria-orientation": __props.orientation }), null, 16, _hoisted_1);
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
|
-
}), [["__scopeId", "data-v-
|
|
16
|
+
}), [["__scopeId", "data-v-a6cf7e21"]]);
|
|
17
17
|
//#endregion
|
|
18
18
|
export { UiSeparator_default as t };
|
package/vue/chunks/UiSidebar.js
CHANGED
|
@@ -85,6 +85,6 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
|
|
|
85
85
|
}, null, -1)])], 8, _hoisted_3)], 16, _hoisted_1);
|
|
86
86
|
};
|
|
87
87
|
}
|
|
88
|
-
}), [["__scopeId", "data-v-
|
|
88
|
+
}), [["__scopeId", "data-v-29f967f3"]]);
|
|
89
89
|
//#endregion
|
|
90
90
|
export { UiSidebar_default as t };
|
package/vue/chunks/UiStack.js
CHANGED
|
@@ -24,6 +24,6 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
|
|
|
24
24
|
return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-stack" }, _ctx.$attrs, { "data-ui-stack-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
|
-
}), [["__scopeId", "data-v-
|
|
27
|
+
}), [["__scopeId", "data-v-89718a35"]]);
|
|
28
28
|
//#endregion
|
|
29
29
|
export { UiStack_default as t };
|
package/vue/chunks/UiSwitch.js
CHANGED
|
@@ -89,6 +89,6 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
89
89
|
}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1);
|
|
90
90
|
};
|
|
91
91
|
}
|
|
92
|
-
}), [["__scopeId", "data-v-
|
|
92
|
+
}), [["__scopeId", "data-v-ec454421"]]);
|
|
93
93
|
//#endregion
|
|
94
94
|
export { UiSwitch_default as t };
|
package/vue/chunks/UiSwitcher.js
CHANGED
|
@@ -24,6 +24,6 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
24
24
|
return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-switcher" }, _ctx.$attrs, { "data-ui-switcher-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
|
-
}), [["__scopeId", "data-v-
|
|
27
|
+
}), [["__scopeId", "data-v-799001d8"]]);
|
|
28
28
|
//#endregion
|
|
29
29
|
export { UiSwitcher_default as t };
|
package/vue/chunks/UiTabs.js
CHANGED
|
@@ -91,6 +91,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
|
|
|
91
91
|
}), 128))], 8, _hoisted_2), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
|
|
92
92
|
};
|
|
93
93
|
}
|
|
94
|
-
}), [["__scopeId", "data-v-
|
|
94
|
+
}), [["__scopeId", "data-v-6077bf82"]]);
|
|
95
95
|
//#endregion
|
|
96
96
|
export { UiTabs_default as t };
|
package/vue/chunks/UiTextarea.js
CHANGED
|
@@ -64,6 +64,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
64
64
|
}), null, 16, _hoisted_1)), [[vModelText, model.value]]);
|
|
65
65
|
};
|
|
66
66
|
}
|
|
67
|
-
}), [["__scopeId", "data-v-
|
|
67
|
+
}), [["__scopeId", "data-v-f99ea8d3"]]);
|
|
68
68
|
//#endregion
|
|
69
69
|
export { UiTextarea_default as t };
|
|
@@ -103,6 +103,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
|
|
|
103
103
|
}), 128))], 16);
|
|
104
104
|
};
|
|
105
105
|
}
|
|
106
|
-
}), [["__scopeId", "data-v-
|
|
106
|
+
}), [["__scopeId", "data-v-7ab73c7d"]]);
|
|
107
107
|
//#endregion
|
|
108
108
|
export { UiToastRegion_default as t };
|
package/vue/chunks/UiTooltip.js
CHANGED
|
@@ -72,6 +72,6 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
|
|
|
72
72
|
}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
|
-
}), [["__scopeId", "data-v-
|
|
75
|
+
}), [["__scopeId", "data-v-36120a1a"]]);
|
|
76
76
|
//#endregion
|
|
77
77
|
export { UiTooltip_default as t };
|
package/vue/chunks/UiTopBar.js
CHANGED