@threadlabs/looma 0.33.1 → 0.34.0
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 +8 -2
- package/components/shared/surface-material.js +21 -0
- package/components/ui-button/ui-button.html +63 -47
- package/components/ui-card/ui-card.html +44 -2
- package/components/ui-curve-editor/curve.js +10 -0
- package/components/ui-curve-editor/ui-curve-editor.html +181 -0
- package/components/ui-curve-editor/ui-curve-editor.js +51 -0
- package/components/ui-dialog/ui-dialog.html +62 -1
- package/components/ui-dialog/ui-dialog.js +9 -1
- package/components/ui-icon-button/ui-icon-button.html +75 -23
- package/components/ui-menu/ui-menu.html +60 -0
- package/components/ui-menu/ui-menu.js +1 -1
- package/components/ui-number-input/arithmetic.js +47 -0
- package/components/ui-number-input/ui-number-input.html +62 -0
- package/components/ui-number-input/ui-number-input.js +44 -0
- package/components/ui-popover/ui-popover.html +64 -1
- package/components/ui-popover/ui-popover.js +1 -1
- package/components/ui-slider/ui-slider.html +84 -0
- package/components/ui-slider/ui-slider.js +29 -0
- package/components/ui-tabs/ui-tabs.html +6 -1
- package/components/ui-text/ui-text.html +31 -6
- package/components/ui-tooltip/ui-tooltip.html +60 -0
- package/components/ui-tooltip/ui-tooltip.js +1 -1
- package/dist/index.js +46 -43
- package/docs/README.md +34 -4
- package/docs/card.html +16 -2
- package/docs/card.js +17 -2
- package/docs/catalog.json +1154 -144
- package/docs/customizer-render.mjs +35 -9
- package/docs/customizer.js +83 -20
- package/docs/documentation.css +9 -1
- package/docs/index.d.ts +4 -2
- package/docs/index.mjs +1 -1
- package/docs/preview.js +2 -0
- package/docs/render.mjs +15 -6
- package/docs/site.mjs +50 -9
- package/docs/theme-session.mjs +51 -0
- package/docs/theme.mjs +134 -15
- package/docs/value-editors.mjs +33 -0
- package/package.json +2 -2
- package/styles/ui-button.css +45 -45
- package/styles/ui-card.css +47 -0
- package/styles/ui-curve-editor.css +109 -0
- package/styles/ui-dialog.css +132 -0
- package/styles/ui-icon-button.css +63 -20
- package/styles/ui-menu.css +72 -0
- package/styles/ui-number-input.css +34 -0
- package/styles/ui-popover.css +74 -0
- package/styles/ui-slider.css +53 -0
- package/styles/ui-tabs.css +6 -1
- package/styles/ui-text.css +23 -1
- package/styles/ui-tooltip.css +72 -0
- package/theme-system.css +26 -10
- package/tokens.css +8 -2
- package/vanilla/UiButton.d.ts +1 -0
- package/vanilla/UiButton.js +195 -130
- package/vanilla/UiCard.d.ts +1 -1
- package/vanilla/UiCard.js +1 -1
- package/vanilla/UiCurveEditor.d.ts +28 -0
- package/vanilla/UiCurveEditor.js +134 -0
- package/vanilla/UiIconButton.d.ts +2 -1
- package/vanilla/UiIconButton.js +58 -31
- package/vanilla/UiNumberInput.d.ts +33 -0
- package/vanilla/UiNumberInput.js +79 -0
- package/vanilla/UiSlider.d.ts +33 -0
- package/vanilla/UiSlider.js +125 -0
- package/vanilla/UiText.d.ts +2 -2
- package/vanilla/UiText.js +45 -11
- package/vanilla/index.js +3 -0
- package/vue/UiButton.d.ts +6 -0
- package/vue/UiButton.vue +155 -56
- package/vue/UiCard.d.ts +2 -2
- package/vue/UiCard.vue +55 -5
- package/vue/UiCurveEditor.d.ts +53 -0
- package/vue/UiCurveEditor.js +2 -0
- package/vue/UiCurveEditor.vue +427 -0
- package/vue/UiDialog.vue +177 -1
- package/vue/UiIconButton.d.ts +8 -2
- package/vue/UiIconButton.vue +164 -34
- package/vue/UiMenu.vue +89 -0
- package/vue/UiNumberInput.d.ts +83 -0
- package/vue/UiNumberInput.js +2 -0
- package/vue/UiNumberInput.vue +370 -0
- package/vue/UiPopover.vue +92 -1
- package/vue/UiSlider.d.ts +83 -0
- package/vue/UiSlider.js +2 -0
- package/vue/UiSlider.vue +412 -0
- package/vue/UiTabs.vue +6 -1
- package/vue/UiText.d.ts +7 -5
- package/vue/UiText.vue +104 -22
- package/vue/UiTooltip.vue +89 -0
- package/vue/chunks/UiActionBar.js +1 -1
- package/vue/chunks/UiAffordanceScope.js +2 -2
- package/vue/chunks/UiAvatar.js +2 -2
- package/vue/chunks/UiAvatarGroup.js +2 -2
- package/vue/chunks/UiBadge.js +2 -2
- package/vue/chunks/UiBreadcrumbItem.js +2 -2
- package/vue/chunks/UiBreadcrumbs.js +2 -2
- package/vue/chunks/UiButton.js +94 -11
- package/vue/chunks/UiCallout.js +2 -2
- package/vue/chunks/UiCard.js +6 -5
- package/vue/chunks/UiCheckbox.js +2 -2
- package/vue/chunks/UiCluster.js +2 -2
- package/vue/chunks/UiColorPicker.js +2 -2
- package/vue/chunks/UiCombobox.js +2 -2
- package/vue/chunks/UiContainer.js +2 -2
- package/vue/chunks/UiContextMenu.js +2 -2
- package/vue/chunks/UiCover.js +2 -2
- package/vue/chunks/UiCurveEditor.js +413 -0
- package/vue/chunks/UiDescriptionItem.js +2 -2
- package/vue/chunks/UiDescriptionList.js +2 -2
- package/vue/chunks/UiDialog.js +4 -4
- package/vue/chunks/UiDisclosure.js +2 -2
- package/vue/chunks/UiEditable.js +2 -2
- package/vue/chunks/UiEditorBlockActions.js +2 -2
- package/vue/chunks/UiEditorChipEditor.js +2 -2
- package/vue/chunks/UiEditorCodeLanguage.js +2 -2
- package/vue/chunks/UiEditorFootnoteEditor.js +2 -2
- package/vue/chunks/UiEditorImageToolbar.js +3 -3
- package/vue/chunks/UiEditorInsertTableGrid.js +2 -2
- package/vue/chunks/UiEditorLinkCard.js +3 -3
- package/vue/chunks/UiEditorLinkForm.js +3 -3
- package/vue/chunks/UiEditorMentionMenu.js +2 -2
- package/vue/chunks/UiEditorMentionMenuItem.js +2 -2
- package/vue/chunks/UiEditorSlashMenu.js +2 -2
- package/vue/chunks/UiEditorSlashMenuGroup.js +2 -2
- package/vue/chunks/UiEditorSlashMenuItem.js +2 -2
- package/vue/chunks/UiEditorSurface.js +2 -2
- package/vue/chunks/UiEditorTableContextMenu.js +2 -2
- package/vue/chunks/UiEditorTableOverlay.js +2 -2
- package/vue/chunks/UiEditorTableToolbar.js +2 -2
- package/vue/chunks/UiEditorToolbar.js +2 -2
- package/vue/chunks/UiFloatingActionButton.js +2 -2
- package/vue/chunks/UiFormField.js +2 -2
- package/vue/chunks/UiGrid.js +2 -2
- package/vue/chunks/UiIcon.js +2 -2
- package/vue/chunks/UiIconButton.js +77 -11
- package/vue/chunks/UiImage.js +2 -2
- package/vue/chunks/UiInput.js +2 -2
- package/vue/chunks/UiInputGroup.js +2 -2
- package/vue/chunks/UiList.js +2 -2
- package/vue/chunks/UiListItem.js +2 -2
- package/vue/chunks/UiListbox.js +2 -2
- package/vue/chunks/UiMenu.js +3 -3
- package/vue/chunks/UiMenuGroup.js +2 -2
- package/vue/chunks/UiMenuItem.js +2 -2
- package/vue/chunks/UiMeter.js +2 -2
- package/vue/chunks/UiNavItem.js +2 -2
- package/vue/chunks/UiNumberInput.js +390 -0
- package/vue/chunks/UiPageHeader.js +2 -2
- package/vue/chunks/UiPopover.js +4 -4
- package/vue/chunks/UiRadio.js +2 -2
- package/vue/chunks/UiRadioGroup.js +2 -2
- package/vue/chunks/UiReel.js +2 -2
- package/vue/chunks/UiScrollArea.js +2 -2
- package/vue/chunks/UiSearchResultRow.js +2 -2
- package/vue/chunks/UiSearchShell.js +2 -2
- package/vue/chunks/UiSection.js +2 -2
- package/vue/chunks/UiSelect.js +2 -2
- package/vue/chunks/UiSeparator.js +2 -2
- package/vue/chunks/UiSidebar.js +2 -2
- package/vue/chunks/UiSlider.js +396 -0
- package/vue/chunks/UiSpinner.js +2 -2
- package/vue/chunks/UiStack.js +2 -2
- package/vue/chunks/UiStatusMessage.js +2 -2
- package/vue/chunks/UiSwatch.js +2 -2
- package/vue/chunks/UiSwitch.js +2 -2
- package/vue/chunks/UiSwitcher.js +2 -2
- package/vue/chunks/UiTable.js +2 -2
- package/vue/chunks/UiTabs.js +3 -3
- package/vue/chunks/UiText.js +53 -12
- package/vue/chunks/UiTextarea.js +2 -2
- package/vue/chunks/UiToast.js +2 -2
- package/vue/chunks/UiToastRegion.js +2 -2
- package/vue/chunks/UiTooltip.js +3 -3
- package/vue/chunks/UiTopBar.js +1 -1
- package/vue/chunks/UiTree.js +2 -2
- package/vue/chunks/UiTreeItem.js +2 -2
- package/vue/chunks/_plugin-vue_export-helper.js +68 -2
- package/vue/chunks/props.js +24 -1
- package/vue/components.css +2215 -1203
- package/vue/editor/index.js +623 -211
- package/vue/index.d.ts +3 -0
- package/vue/index.js +5 -2
package/vue/chunks/UiButton.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { a as concat,
|
|
2
|
-
import {
|
|
1
|
+
import { a as concat, b as useReflectedProp, g as preserveRootFocus, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, r as attribute, s as cycleCheckedComputed, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { c as inputComputed, i as checkPropInput, l as inputRead, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP, u as propValidityState } from "./props.js";
|
|
3
3
|
import { t as UiIcon_default } from "./UiIcon.js";
|
|
4
4
|
import { t as UiSpinner_default } from "./UiSpinner.js";
|
|
5
5
|
import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
|
|
6
6
|
//#region .build/vue/UiButton.vue?vue&type=script&setup=true&lang.ts
|
|
7
7
|
var _hoisted_1 = [
|
|
8
|
+
"data-appearance",
|
|
9
|
+
"data-tone",
|
|
8
10
|
"href",
|
|
9
11
|
"target",
|
|
10
12
|
"rel",
|
|
@@ -17,6 +19,7 @@ var _hoisted_1 = [
|
|
|
17
19
|
"data-ui-button-prop-href",
|
|
18
20
|
"data-ui-button-prop-loading",
|
|
19
21
|
"data-ui-button-prop-pending",
|
|
22
|
+
"data-ui-button-prop-preset",
|
|
20
23
|
"data-ui-button-prop-rel",
|
|
21
24
|
"data-ui-button-prop-shape",
|
|
22
25
|
"data-ui-button-prop-size",
|
|
@@ -40,6 +43,8 @@ var _hoisted_4 = {
|
|
|
40
43
|
"data-hn-ui-button": ""
|
|
41
44
|
};
|
|
42
45
|
var _hoisted_5 = [
|
|
46
|
+
"data-appearance",
|
|
47
|
+
"data-tone",
|
|
43
48
|
"type",
|
|
44
49
|
"disabled",
|
|
45
50
|
"aria-disabled",
|
|
@@ -50,6 +55,7 @@ var _hoisted_5 = [
|
|
|
50
55
|
"data-ui-button-prop-href",
|
|
51
56
|
"data-ui-button-prop-loading",
|
|
52
57
|
"data-ui-button-prop-pending",
|
|
58
|
+
"data-ui-button-prop-preset",
|
|
53
59
|
"data-ui-button-prop-rel",
|
|
54
60
|
"data-ui-button-prop-shape",
|
|
55
61
|
"data-ui-button-prop-size",
|
|
@@ -73,6 +79,8 @@ var _hoisted_8 = {
|
|
|
73
79
|
"data-hn-ui-button": ""
|
|
74
80
|
};
|
|
75
81
|
var _hoisted_9 = [
|
|
82
|
+
"data-appearance",
|
|
83
|
+
"data-tone",
|
|
76
84
|
"href",
|
|
77
85
|
"target",
|
|
78
86
|
"rel",
|
|
@@ -85,6 +93,7 @@ var _hoisted_9 = [
|
|
|
85
93
|
"data-ui-button-prop-href",
|
|
86
94
|
"data-ui-button-prop-loading",
|
|
87
95
|
"data-ui-button-prop-pending",
|
|
96
|
+
"data-ui-button-prop-preset",
|
|
88
97
|
"data-ui-button-prop-rel",
|
|
89
98
|
"data-ui-button-prop-shape",
|
|
90
99
|
"data-ui-button-prop-size",
|
|
@@ -105,6 +114,8 @@ var _hoisted_11 = {
|
|
|
105
114
|
"data-hn-ui-button": ""
|
|
106
115
|
};
|
|
107
116
|
var _hoisted_12 = [
|
|
117
|
+
"data-appearance",
|
|
118
|
+
"data-tone",
|
|
108
119
|
"type",
|
|
109
120
|
"disabled",
|
|
110
121
|
"aria-disabled",
|
|
@@ -115,6 +126,7 @@ var _hoisted_12 = [
|
|
|
115
126
|
"data-ui-button-prop-href",
|
|
116
127
|
"data-ui-button-prop-loading",
|
|
117
128
|
"data-ui-button-prop-pending",
|
|
129
|
+
"data-ui-button-prop-preset",
|
|
118
130
|
"data-ui-button-prop-rel",
|
|
119
131
|
"data-ui-button-prop-shape",
|
|
120
132
|
"data-ui-button-prop-size",
|
|
@@ -146,6 +158,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
146
158
|
href: { type: null },
|
|
147
159
|
loading: { type: null },
|
|
148
160
|
pending: { type: null },
|
|
161
|
+
preset: { type: null },
|
|
149
162
|
rel: { type: null },
|
|
150
163
|
shape: { type: null },
|
|
151
164
|
size: { type: null },
|
|
@@ -219,6 +232,23 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
219
232
|
description: "Deprecated alias for loading.",
|
|
220
233
|
default: false
|
|
221
234
|
},
|
|
235
|
+
preset: {
|
|
236
|
+
type: {
|
|
237
|
+
kind: "terminal",
|
|
238
|
+
name: "keyword"
|
|
239
|
+
},
|
|
240
|
+
required: false,
|
|
241
|
+
target: { attribute: "preset" },
|
|
242
|
+
description: "A shortcut that sets appearance and tone together: primary is solid accent, standard is solid neutral, quiet is ghost neutral, and destructive is solid\n danger. A named preset takes precedence over variant and tone. Leave it at none to choose variant and tone independently.",
|
|
243
|
+
values: [
|
|
244
|
+
"none",
|
|
245
|
+
"primary",
|
|
246
|
+
"standard",
|
|
247
|
+
"quiet",
|
|
248
|
+
"destructive"
|
|
249
|
+
],
|
|
250
|
+
default: "none"
|
|
251
|
+
},
|
|
222
252
|
rel: {
|
|
223
253
|
type: {
|
|
224
254
|
kind: "terminal",
|
|
@@ -335,6 +365,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
335
365
|
href: null,
|
|
336
366
|
loading: false,
|
|
337
367
|
pending: false,
|
|
368
|
+
preset: "none",
|
|
338
369
|
rel: null,
|
|
339
370
|
shape: "rounded",
|
|
340
371
|
size: "md",
|
|
@@ -349,6 +380,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
349
380
|
disabled: false,
|
|
350
381
|
loading: false,
|
|
351
382
|
pending: false,
|
|
383
|
+
preset: "none",
|
|
352
384
|
shape: "rounded",
|
|
353
385
|
size: "md",
|
|
354
386
|
stretch: false,
|
|
@@ -381,6 +413,10 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
381
413
|
kind: "terminal",
|
|
382
414
|
name: "boolean"
|
|
383
415
|
}, true, true);
|
|
416
|
+
case "preset": return checkPropInput(value, {
|
|
417
|
+
kind: "terminal",
|
|
418
|
+
name: "keyword"
|
|
419
|
+
}, true, true);
|
|
384
420
|
case "rel": return checkPropInput(value, {
|
|
385
421
|
kind: "terminal",
|
|
386
422
|
name: "string"
|
|
@@ -428,6 +464,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
428
464
|
href: propInputs.value("href", props["href"], props[BINDING_INPUTS_PROP]),
|
|
429
465
|
loading: propInputs.value("loading", props["loading"], props[BINDING_INPUTS_PROP]),
|
|
430
466
|
pending: propInputs.value("pending", props["pending"], props[BINDING_INPUTS_PROP]),
|
|
467
|
+
preset: propInputs.value("preset", props["preset"], props[BINDING_INPUTS_PROP]),
|
|
431
468
|
rel: propInputs.value("rel", props["rel"], props[BINDING_INPUTS_PROP]),
|
|
432
469
|
shape: propInputs.value("shape", props["shape"], props[BINDING_INPUTS_PROP]),
|
|
433
470
|
size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
|
|
@@ -446,6 +483,35 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
446
483
|
const hydrationInstance = getCurrentInstance();
|
|
447
484
|
const root = useTemplateRef("@html-next/root");
|
|
448
485
|
preserveRootFocus(root);
|
|
486
|
+
const appearance = inputComputed(() => ({
|
|
487
|
+
none: inputRead(checkedProps.value.variant, propInputs.status("variant")),
|
|
488
|
+
primary: "solid",
|
|
489
|
+
standard: "solid",
|
|
490
|
+
quiet: "ghost",
|
|
491
|
+
destructive: "solid"
|
|
492
|
+
})[inputRead(checkedProps.value.preset, propInputs.status("preset"))], (read) => {
|
|
493
|
+
const value = cycleCheckedComputed(read);
|
|
494
|
+
return { get: () => value.value };
|
|
495
|
+
});
|
|
496
|
+
let colorTonePrevious = null;
|
|
497
|
+
const colorTone = inputComputed(() => {
|
|
498
|
+
return ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])((() => {
|
|
499
|
+
const value = {
|
|
500
|
+
none: ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
|
|
501
|
+
true: "danger",
|
|
502
|
+
false: inputRead(checkedProps.value.tone, propInputs.status("tone"))
|
|
503
|
+
}, concat(inputRead(checkedProps.value.variant, propInputs.status("variant")) === "danger")),
|
|
504
|
+
primary: "accent",
|
|
505
|
+
standard: "neutral",
|
|
506
|
+
quiet: "neutral",
|
|
507
|
+
destructive: "danger"
|
|
508
|
+
};
|
|
509
|
+
return Object.values(value).some((entry) => entry === Symbol.for("html-next.invalid-result")) ? Symbol.for("html-next.invalid-result") : value;
|
|
510
|
+
})(), inputRead(checkedProps.value.preset, propInputs.status("preset")));
|
|
511
|
+
}, (read) => {
|
|
512
|
+
const value = cycleCheckedComputed(read);
|
|
513
|
+
return { get: () => value.value };
|
|
514
|
+
}, (next) => next === Symbol.for("html-next.invalid-result") ? colorTonePrevious : colorTonePrevious = next);
|
|
449
515
|
let guardedPrevious = null;
|
|
450
516
|
const guarded = computed(() => {
|
|
451
517
|
if (((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
|
|
@@ -558,7 +624,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
558
624
|
false: null
|
|
559
625
|
}, concat(checkedProps.value.loading || checkedProps.value.pending)));
|
|
560
626
|
});
|
|
561
|
-
checkHydratedRoot(
|
|
627
|
+
checkHydratedRoot(appearance.get() === "card" && checkedProps.value.as === "a" ? "a" : appearance.get() === "card" ? "button" : checkedProps.value.as === "a" ? "a" : "button", "ui-button");
|
|
562
628
|
/** The values the styles' :host() and :state() rules test. */
|
|
563
629
|
const hostState = computed(() => [
|
|
564
630
|
checkedProps.value.align && "align",
|
|
@@ -568,10 +634,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
568
634
|
checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
|
|
569
635
|
checkedProps.value.shape && "shape",
|
|
570
636
|
checkedProps.value.shape != null && `shape=${encodeURIComponent(checkedProps.value.shape)}`,
|
|
571
|
-
checkedProps.value.variant && "variant",
|
|
572
|
-
checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
|
|
573
|
-
checkedProps.value.tone && "tone",
|
|
574
|
-
checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`,
|
|
575
637
|
checkedProps.value.loading && "loading",
|
|
576
638
|
checkedProps.value.pending && "pending"
|
|
577
639
|
].filter(Boolean).join(" "));
|
|
@@ -599,6 +661,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
599
661
|
"href",
|
|
600
662
|
"loading",
|
|
601
663
|
"pending",
|
|
664
|
+
"preset",
|
|
602
665
|
"rel",
|
|
603
666
|
"shape",
|
|
604
667
|
"size",
|
|
@@ -611,15 +674,25 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
611
674
|
propValidity: (name) => propValidityState({
|
|
612
675
|
contract: propValidityContract,
|
|
613
676
|
values: { ...props }
|
|
614
|
-
}, name)
|
|
677
|
+
}, name),
|
|
678
|
+
computed: {
|
|
679
|
+
appearance,
|
|
680
|
+
colorTone
|
|
681
|
+
},
|
|
682
|
+
availability: {
|
|
683
|
+
appearance: () => appearance.status(),
|
|
684
|
+
colorTone: () => colorTone.status()
|
|
685
|
+
}
|
|
615
686
|
});
|
|
616
687
|
return (_ctx, _cache) => {
|
|
617
|
-
return
|
|
688
|
+
return unref(appearance).get() === "card" && checkedProps.value.as === "a" ? withDirectives((openBlock(), createElementBlock("a", mergeProps({
|
|
618
689
|
key: 0,
|
|
619
690
|
class: "ui-button"
|
|
620
691
|
}, unref(nativeAttrs)(_ctx.$attrs), {
|
|
621
692
|
"data-hn": "",
|
|
622
693
|
"data-hn-ui-button": "",
|
|
694
|
+
"data-appearance": unref(attribute)(unref(appearance).get()),
|
|
695
|
+
"data-tone": unref(attribute)(unref(colorTone).get()),
|
|
623
696
|
href: guarded.value,
|
|
624
697
|
target: checkedProps.value.target ?? void 0,
|
|
625
698
|
rel: checkedProps.value.rel ?? void 0,
|
|
@@ -632,6 +705,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
632
705
|
"data-ui-button-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
|
|
633
706
|
"data-ui-button-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
|
|
634
707
|
"data-ui-button-prop-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
|
|
708
|
+
"data-ui-button-prop-preset": unref(reflectedProp)("preset", "preset", checkedProps.value.preset, void 0, false),
|
|
635
709
|
"data-ui-button-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
|
|
636
710
|
"data-ui-button-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
|
|
637
711
|
"data-ui-button-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
|
|
@@ -659,12 +733,14 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
659
733
|
], 16, _hoisted_1)), [[unref(vPropValidity), {
|
|
660
734
|
contract: propValidityContract,
|
|
661
735
|
values: { ...props }
|
|
662
|
-
}]]) :
|
|
736
|
+
}]]) : unref(appearance).get() === "card" ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
|
|
663
737
|
key: 1,
|
|
664
738
|
class: "ui-button"
|
|
665
739
|
}, unref(nativeAttrs)(_ctx.$attrs), {
|
|
666
740
|
"data-hn": "",
|
|
667
741
|
"data-hn-ui-button": "",
|
|
742
|
+
"data-appearance": unref(attribute)(unref(appearance).get()),
|
|
743
|
+
"data-tone": unref(attribute)(unref(colorTone).get()),
|
|
668
744
|
type: checkedProps.value.type ?? void 0,
|
|
669
745
|
disabled: checkedProps.value.disabled ?? void 0,
|
|
670
746
|
"aria-disabled": guardedBinding3.value,
|
|
@@ -675,6 +751,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
675
751
|
"data-ui-button-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
|
|
676
752
|
"data-ui-button-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
|
|
677
753
|
"data-ui-button-prop-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
|
|
754
|
+
"data-ui-button-prop-preset": unref(reflectedProp)("preset", "preset", checkedProps.value.preset, void 0, false),
|
|
678
755
|
"data-ui-button-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
|
|
679
756
|
"data-ui-button-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
|
|
680
757
|
"data-ui-button-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
|
|
@@ -708,6 +785,8 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
708
785
|
}, unref(nativeAttrs)(_ctx.$attrs), {
|
|
709
786
|
"data-hn": "",
|
|
710
787
|
"data-hn-ui-button": "",
|
|
788
|
+
"data-appearance": unref(attribute)(unref(appearance).get()),
|
|
789
|
+
"data-tone": unref(attribute)(unref(colorTone).get()),
|
|
711
790
|
href: guardedBinding4.value,
|
|
712
791
|
target: checkedProps.value.target ?? void 0,
|
|
713
792
|
rel: checkedProps.value.rel ?? void 0,
|
|
@@ -720,6 +799,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
720
799
|
"data-ui-button-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
|
|
721
800
|
"data-ui-button-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
|
|
722
801
|
"data-ui-button-prop-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
|
|
802
|
+
"data-ui-button-prop-preset": unref(reflectedProp)("preset", "preset", checkedProps.value.preset, void 0, false),
|
|
723
803
|
"data-ui-button-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
|
|
724
804
|
"data-ui-button-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
|
|
725
805
|
"data-ui-button-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
|
|
@@ -748,6 +828,8 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
748
828
|
}, unref(nativeAttrs)(_ctx.$attrs), {
|
|
749
829
|
"data-hn": "",
|
|
750
830
|
"data-hn-ui-button": "",
|
|
831
|
+
"data-appearance": unref(attribute)(unref(appearance).get()),
|
|
832
|
+
"data-tone": unref(attribute)(unref(colorTone).get()),
|
|
751
833
|
type: checkedProps.value.type ?? void 0,
|
|
752
834
|
disabled: checkedProps.value.disabled ?? void 0,
|
|
753
835
|
"aria-disabled": guardedBinding7.value,
|
|
@@ -758,6 +840,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
758
840
|
"data-ui-button-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
|
|
759
841
|
"data-ui-button-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
|
|
760
842
|
"data-ui-button-prop-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
|
|
843
|
+
"data-ui-button-prop-preset": unref(reflectedProp)("preset", "preset", checkedProps.value.preset, void 0, false),
|
|
761
844
|
"data-ui-button-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
|
|
762
845
|
"data-ui-button-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
|
|
763
846
|
"data-ui-button-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
|
|
@@ -783,6 +866,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
783
866
|
}]]);
|
|
784
867
|
};
|
|
785
868
|
}
|
|
786
|
-
}), [["__scopeId", "data-v-
|
|
869
|
+
}), [["__scopeId", "data-v-ec56b67f"]]);
|
|
787
870
|
//#endregion
|
|
788
871
|
export { UiButton_default as t };
|
package/vue/chunks/UiCallout.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { i as checkHydratedRoot,
|
|
2
|
-
import {
|
|
1
|
+
import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
|
|
3
3
|
import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
|
|
4
4
|
//#region .build/vue/UiCallout.vue?vue&type=script&setup=true&lang.ts
|
|
5
5
|
var _hoisted_1 = [
|
package/vue/chunks/UiCard.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { b as useReflectedProp, g as preserveRootFocus, i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
|
|
3
3
|
import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
|
|
4
4
|
//#region .build/vue/UiCard.vue?vue&type=script&setup=true&lang.ts
|
|
5
5
|
var _hoisted_1 = [
|
|
@@ -122,11 +122,12 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
|
|
|
122
122
|
},
|
|
123
123
|
required: false,
|
|
124
124
|
target: { attribute: "variant" },
|
|
125
|
-
description: "The surface. outlined is a bordered panel on the page; subtle is a quiet filled one with no border, for supporting details set apart from the flow;\n elevated floats above the page with a shadow, for a view's one card, such as sign-in.",
|
|
125
|
+
description: "The surface. outlined is a bordered panel on the page; subtle is a quiet filled one with no border, for supporting details set apart from the flow;\n elevated floats above the page with a shadow, for a view's one card, such as sign-in. glass frames an opaque readable content plane with frosted material;\n shared glassiness and surface separation govern its treatment.",
|
|
126
126
|
values: [
|
|
127
127
|
"outlined",
|
|
128
128
|
"subtle",
|
|
129
|
-
"elevated"
|
|
129
|
+
"elevated",
|
|
130
|
+
"glass"
|
|
130
131
|
],
|
|
131
132
|
default: "outlined"
|
|
132
133
|
}
|
|
@@ -269,6 +270,6 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
|
|
|
269
270
|
}]]);
|
|
270
271
|
};
|
|
271
272
|
}
|
|
272
|
-
}), [["__scopeId", "data-v-
|
|
273
|
+
}), [["__scopeId", "data-v-b502adfc"]]);
|
|
273
274
|
//#endregion
|
|
274
275
|
export { UiCard_default as t };
|
package/vue/chunks/UiCheckbox.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP, u as propValidityState } from "./props.js";
|
|
3
3
|
import { r as vBindControl } from "./control.js";
|
|
4
4
|
import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
|
|
5
5
|
//#region .build/vue/UiCheckbox.vue?vue&type=script&setup=true&lang.ts
|
package/vue/chunks/UiCluster.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { i as checkHydratedRoot,
|
|
2
|
-
import {
|
|
1
|
+
import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
|
|
3
3
|
import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
|
|
4
4
|
//#region .build/vue/UiCluster.vue?vue&type=script&setup=true&lang.ts
|
|
5
5
|
var _hoisted_1 = [
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP, u as propValidityState } from "./props.js";
|
|
3
3
|
import { t as UiInput_default } from "./UiInput.js";
|
|
4
4
|
import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
|
|
5
5
|
//#region .build/vue/UiColorPicker.vue?vue&type=script&setup=true&lang.ts
|
package/vue/chunks/UiCombobox.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { S as warnUnless, a as concat, b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, n as KeyedBoundary, o as createDispatch, t as _plugin_vue_export_helper_default, v as uniqueKeys, x as useScopedSlotName, y as useComponentHost } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP, u as propValidityState } from "./props.js";
|
|
3
3
|
import { t as UiBadge_default } from "./UiBadge.js";
|
|
4
4
|
import { r as vBindControl } from "./control.js";
|
|
5
5
|
import { t as UiTooltip_default } from "./UiTooltip.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { i as checkHydratedRoot,
|
|
2
|
-
import {
|
|
1
|
+
import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
|
|
3
3
|
import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
|
|
4
4
|
//#region .build/vue/UiContainer.vue?vue&type=script&setup=true&lang.ts
|
|
5
5
|
var _hoisted_1 = [
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP, u as propValidityState } from "./props.js";
|
|
3
3
|
import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
|
|
4
4
|
//#region .build/vue/UiContextMenu.vue?vue&type=script&setup=true&lang.ts
|
|
5
5
|
var _hoisted_1 = ["data-ui-context-menu-prop-for", "data-ui-context-menu-prop-open"];
|
package/vue/chunks/UiCover.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { i as checkHydratedRoot,
|
|
2
|
-
import {
|
|
1
|
+
import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
|
|
2
|
+
import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
|
|
3
3
|
import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
|
|
4
4
|
//#region .build/vue/UiCover.vue?vue&type=script&setup=true&lang.ts
|
|
5
5
|
var _hoisted_1 = ["data-ui-cover-prop-size", "data-ui-cover-state"];
|