@threadlabs/looma 0.37.6 → 0.38.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/ui-button/ui-button.html +20 -5
- package/components/ui-combobox/ui-combobox.html +24 -3
- package/components/ui-combobox/ui-combobox.js +18 -3
- package/components/ui-icon-button/ui-icon-button.html +17 -8
- package/components/ui-menu-item/ui-menu-item.html +6 -1
- package/components/ui-select/ui-select.html +12 -0
- package/dist/index.js +1 -1
- package/docs/README.md +23 -10
- package/docs/catalog.json +78 -31
- package/docs/customizer-render.mjs +36 -20
- package/docs/customizer.js +76 -25
- package/docs/documentation.css +2 -0
- package/docs/palette.mjs +3 -3
- package/docs/site.mjs +1 -1
- package/docs/theme-session.mjs +1 -0
- package/docs/theme.mjs +11 -10
- package/package.json +2 -2
- package/styles/ui-button.css +19 -9
- package/styles/ui-combobox.css +40 -2
- package/styles/ui-icon-button.css +12 -2
- package/styles/ui-menu-item.css +6 -1
- package/styles/ui-select.css +9 -0
- package/theme-system.css +7 -2
- package/vanilla/UiButton.js +1 -1
- package/vanilla/UiCombobox.d.ts +1 -0
- package/vanilla/UiCombobox.js +38 -37
- package/vanilla/UiIconButton.d.ts +1 -1
- package/vanilla/UiIconButton.js +1 -1
- package/vanilla/UiSelect.d.ts +1 -0
- package/vanilla/UiSelect.js +7 -7
- package/vue/UiButton.vue +30 -12
- package/vue/UiCombobox.d.ts +6 -0
- package/vue/UiCombobox.vue +70 -6
- package/vue/UiIconButton.d.ts +2 -2
- package/vue/UiIconButton.vue +23 -18
- package/vue/UiMenuItem.vue +6 -1
- package/vue/UiSelect.d.ts +6 -0
- package/vue/UiSelect.vue +30 -1
- package/vue/chunks/UiButton.js +4 -4
- package/vue/chunks/UiCombobox.js +72 -46
- package/vue/chunks/UiIconButton.js +6 -7
- package/vue/chunks/UiMenuItem.js +1 -1
- package/vue/chunks/UiSelect.js +27 -2
- package/vue/components.css +126 -25
- package/vue/editor/index.js +2 -3
package/vue/chunks/UiCombobox.js
CHANGED
|
@@ -21,6 +21,7 @@ var _hoisted_1 = [
|
|
|
21
21
|
"data-ui-combobox-prop-label-visibility",
|
|
22
22
|
"data-ui-combobox-prop-loading",
|
|
23
23
|
"data-ui-combobox-prop-multiple",
|
|
24
|
+
"data-ui-combobox-prop-muted",
|
|
24
25
|
"data-ui-combobox-prop-name",
|
|
25
26
|
"data-ui-combobox-prop-open-on-focus",
|
|
26
27
|
"data-ui-combobox-prop-placeholder",
|
|
@@ -43,12 +44,16 @@ var _hoisted_4 = {
|
|
|
43
44
|
class: "entry",
|
|
44
45
|
"data-hn-ui-combobox": ""
|
|
45
46
|
};
|
|
46
|
-
var _hoisted_5 =
|
|
47
|
+
var _hoisted_5 = {
|
|
48
|
+
class: "start",
|
|
49
|
+
"data-hn-ui-combobox": ""
|
|
50
|
+
};
|
|
51
|
+
var _hoisted_6 = [
|
|
47
52
|
"data-index",
|
|
48
53
|
"disabled",
|
|
49
54
|
"aria-label"
|
|
50
55
|
];
|
|
51
|
-
var
|
|
56
|
+
var _hoisted_7 = [
|
|
52
57
|
"id",
|
|
53
58
|
"aria-controls",
|
|
54
59
|
"aria-expanded",
|
|
@@ -59,32 +64,32 @@ var _hoisted_6 = [
|
|
|
59
64
|
"readonly",
|
|
60
65
|
"required"
|
|
61
66
|
];
|
|
62
|
-
var
|
|
67
|
+
var _hoisted_8 = [
|
|
63
68
|
"name",
|
|
64
69
|
"^value",
|
|
65
70
|
"disabled"
|
|
66
71
|
];
|
|
67
|
-
var
|
|
72
|
+
var _hoisted_9 = [
|
|
68
73
|
"name",
|
|
69
74
|
"^value",
|
|
70
75
|
"disabled"
|
|
71
76
|
];
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
-
var
|
|
75
|
-
var
|
|
76
|
-
var
|
|
77
|
+
var _hoisted_10 = ["disabled"];
|
|
78
|
+
var _hoisted_11 = ["aria-controls", "disabled"];
|
|
79
|
+
var _hoisted_12 = ["id", "disabled"];
|
|
80
|
+
var _hoisted_13 = ["hidden"];
|
|
81
|
+
var _hoisted_14 = [
|
|
77
82
|
"id",
|
|
78
83
|
"aria-label",
|
|
79
84
|
"aria-busy"
|
|
80
85
|
];
|
|
81
|
-
var
|
|
82
|
-
var
|
|
86
|
+
var _hoisted_15 = ["role", "aria-label"];
|
|
87
|
+
var _hoisted_16 = {
|
|
83
88
|
key: 0,
|
|
84
89
|
class: "group",
|
|
85
90
|
"data-hn-ui-combobox": ""
|
|
86
91
|
};
|
|
87
|
-
var
|
|
92
|
+
var _hoisted_17 = [
|
|
88
93
|
"data-multiple",
|
|
89
94
|
"id",
|
|
90
95
|
"aria-selected",
|
|
@@ -93,40 +98,40 @@ var _hoisted_16 = [
|
|
|
93
98
|
"aria-labelledby",
|
|
94
99
|
"aria-describedby"
|
|
95
100
|
];
|
|
96
|
-
var
|
|
101
|
+
var _hoisted_18 = {
|
|
97
102
|
key: 0,
|
|
98
103
|
class: "detail",
|
|
99
104
|
"data-hn-ui-combobox": ""
|
|
100
105
|
};
|
|
101
|
-
var
|
|
106
|
+
var _hoisted_19 = {
|
|
102
107
|
class: "line",
|
|
103
108
|
"data-hn-ui-combobox": ""
|
|
104
109
|
};
|
|
105
|
-
var _hoisted_19 = ["id"];
|
|
106
110
|
var _hoisted_20 = ["id"];
|
|
107
111
|
var _hoisted_21 = ["id"];
|
|
108
|
-
var _hoisted_22 =
|
|
112
|
+
var _hoisted_22 = ["id"];
|
|
113
|
+
var _hoisted_23 = {
|
|
109
114
|
key: 1,
|
|
110
115
|
class: "primary",
|
|
111
116
|
"data-hn-ui-combobox": ""
|
|
112
117
|
};
|
|
113
|
-
var
|
|
118
|
+
var _hoisted_24 = [
|
|
114
119
|
"data-multiple",
|
|
115
120
|
"id",
|
|
116
121
|
"data-index"
|
|
117
122
|
];
|
|
118
|
-
var
|
|
123
|
+
var _hoisted_25 = {
|
|
119
124
|
key: 1,
|
|
120
125
|
class: "message",
|
|
121
126
|
"data-hn-ui-combobox": ""
|
|
122
127
|
};
|
|
123
|
-
var
|
|
128
|
+
var _hoisted_26 = {
|
|
124
129
|
key: 2,
|
|
125
130
|
class: "message",
|
|
126
131
|
"data-hn-ui-combobox": ""
|
|
127
132
|
};
|
|
128
|
-
var
|
|
129
|
-
var
|
|
133
|
+
var _hoisted_27 = ["id", "hidden"];
|
|
134
|
+
var _hoisted_28 = {
|
|
130
135
|
class: "sr-only",
|
|
131
136
|
role: "status",
|
|
132
137
|
"aria-live": "polite",
|
|
@@ -154,6 +159,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
154
159
|
labelVisibility: { type: null },
|
|
155
160
|
loading: { type: null },
|
|
156
161
|
multiple: { type: null },
|
|
162
|
+
muted: { type: null },
|
|
157
163
|
name: { type: null },
|
|
158
164
|
openOnFocus: { type: null },
|
|
159
165
|
placeholder: { type: null },
|
|
@@ -435,6 +441,16 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
435
441
|
description: "Lets the user choose several options. Each choice becomes a removable badge before the input, the list stays open between picks, and choosing a checked\n option removes it. items-change then reports the whole list of items, and selected-values-change the list of their values; use selectedValues or items,\n not value, in this mode.",
|
|
436
442
|
default: false
|
|
437
443
|
},
|
|
444
|
+
muted: {
|
|
445
|
+
type: {
|
|
446
|
+
kind: "terminal",
|
|
447
|
+
name: "boolean"
|
|
448
|
+
},
|
|
449
|
+
required: false,
|
|
450
|
+
target: { attribute: "muted" },
|
|
451
|
+
description: "Shows the selected field value with supporting-text emphasis, for an inherited or default choice. Suggestions keep normal emphasis and the field stays interactive.",
|
|
452
|
+
default: false
|
|
453
|
+
},
|
|
438
454
|
name: {
|
|
439
455
|
type: {
|
|
440
456
|
kind: "terminal",
|
|
@@ -452,7 +468,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
452
468
|
},
|
|
453
469
|
required: false,
|
|
454
470
|
target: { attribute: "openonfocus" },
|
|
455
|
-
description: "Opens suggestions when the input receives focus
|
|
471
|
+
description: "Opens suggestions when the input receives focus or is clicked. A committed selection shows all choices until typing filters them; an explicitly supplied query keeps its filtering.",
|
|
456
472
|
default: false
|
|
457
473
|
},
|
|
458
474
|
placeholder: {
|
|
@@ -570,6 +586,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
570
586
|
labelVisibility: "visible",
|
|
571
587
|
loading: false,
|
|
572
588
|
multiple: false,
|
|
589
|
+
muted: false,
|
|
573
590
|
name: "",
|
|
574
591
|
openOnFocus: false,
|
|
575
592
|
placeholder: "",
|
|
@@ -596,6 +613,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
596
613
|
labelVisibility: "visible",
|
|
597
614
|
loading: false,
|
|
598
615
|
multiple: false,
|
|
616
|
+
muted: false,
|
|
599
617
|
name: "",
|
|
600
618
|
openOnFocus: false,
|
|
601
619
|
placeholder: "",
|
|
@@ -763,6 +781,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
763
781
|
kind: "terminal",
|
|
764
782
|
name: "boolean"
|
|
765
783
|
}, true, true);
|
|
784
|
+
case "muted": return checkPropInput(value, {
|
|
785
|
+
kind: "terminal",
|
|
786
|
+
name: "boolean"
|
|
787
|
+
}, true, true);
|
|
766
788
|
case "name": return checkPropInput(value, {
|
|
767
789
|
kind: "terminal",
|
|
768
790
|
name: "string"
|
|
@@ -837,6 +859,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
837
859
|
labelVisibility: propInputs.value("labelVisibility", props["labelVisibility"], props[BINDING_INPUTS_PROP]),
|
|
838
860
|
loading: propInputs.value("loading", props["loading"], props[BINDING_INPUTS_PROP]),
|
|
839
861
|
multiple: propInputs.value("multiple", props["multiple"], props[BINDING_INPUTS_PROP]),
|
|
862
|
+
muted: propInputs.value("muted", props["muted"], props[BINDING_INPUTS_PROP]),
|
|
840
863
|
name: propInputs.value("name", props["name"], props[BINDING_INPUTS_PROP]),
|
|
841
864
|
openOnFocus: propInputs.value("openOnFocus", props["openOnFocus"], props[BINDING_INPUTS_PROP]),
|
|
842
865
|
placeholder: propInputs.value("placeholder", props["placeholder"], props[BINDING_INPUTS_PROP]),
|
|
@@ -992,6 +1015,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
992
1015
|
const hostState = computed(() => [
|
|
993
1016
|
checkedProps.value.size && "size",
|
|
994
1017
|
checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
|
|
1018
|
+
checkedProps.value.muted && "muted",
|
|
995
1019
|
validationStatus.value && "validationStatus",
|
|
996
1020
|
`validationStatus=${encodeURIComponent(validationStatus.value)}`,
|
|
997
1021
|
checkedProps.value.invalid && "invalid",
|
|
@@ -1754,6 +1778,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
1754
1778
|
"labelVisibility",
|
|
1755
1779
|
"loading",
|
|
1756
1780
|
"multiple",
|
|
1781
|
+
"muted",
|
|
1757
1782
|
"name",
|
|
1758
1783
|
"openOnFocus",
|
|
1759
1784
|
"placeholder",
|
|
@@ -1817,6 +1842,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
1817
1842
|
"data-ui-combobox-prop-label-visibility": unref(reflectedProp)("labelVisibility", "label-visibility", checkedProps.value.labelVisibility, void 0, false),
|
|
1818
1843
|
"data-ui-combobox-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
|
|
1819
1844
|
"data-ui-combobox-prop-multiple": unref(reflectedProp)("multiple", "multiple", checkedProps.value.multiple, void 0, false),
|
|
1845
|
+
"data-ui-combobox-prop-muted": unref(reflectedProp)("muted", "muted", checkedProps.value.muted, void 0, false),
|
|
1820
1846
|
"data-ui-combobox-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
|
|
1821
1847
|
"data-ui-combobox-prop-open-on-focus": unref(reflectedProp)("openOnFocus", "open-on-focus", checkedProps.value.openOnFocus, void 0, false),
|
|
1822
1848
|
"data-ui-combobox-prop-placeholder": unref(reflectedProp)("placeholder", "placeholder", checkedProps.value.placeholder, void 0, false),
|
|
@@ -1844,7 +1870,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
1844
1870
|
ref: fieldElement
|
|
1845
1871
|
}, [
|
|
1846
1872
|
createElementVNode("div", _hoisted_4, [
|
|
1847
|
-
renderSlot(_ctx.$slots, "start", {}, void 0, true),
|
|
1873
|
+
createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "start", {}, void 0, true)]),
|
|
1848
1874
|
_cache[2] || (_cache[2] = createTextVNode(toDisplayString(" "), -1)),
|
|
1849
1875
|
checkedProps.value.multiple ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
1850
1876
|
_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
|
|
@@ -1862,7 +1888,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
1862
1888
|
}, [renderSlot(_ctx.$slots, unref(scopedSlotName)("item"), { item }, () => [createVNode(UiBadge_default, { class: "ui-badge" }, {
|
|
1863
1889
|
default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
|
|
1864
1890
|
_: 2
|
|
1865
|
-
}, 1024)], true)], 8,
|
|
1891
|
+
}, 1024)], true)], 8, _hoisted_6);
|
|
1866
1892
|
}), 128))]),
|
|
1867
1893
|
_: 3
|
|
1868
1894
|
}),
|
|
@@ -1885,7 +1911,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
1885
1911
|
required: guardedBinding3.value,
|
|
1886
1912
|
ref_key: "inputElement",
|
|
1887
1913
|
ref: inputElement
|
|
1888
|
-
}, null, 8,
|
|
1914
|
+
}, null, 8, _hoisted_7), [[unref(vBindControl), {
|
|
1889
1915
|
tag: "input",
|
|
1890
1916
|
name: "value",
|
|
1891
1917
|
value: display.value,
|
|
@@ -1900,7 +1926,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
1900
1926
|
name: checkedProps.value.name ?? void 0,
|
|
1901
1927
|
"^value": submitted.value,
|
|
1902
1928
|
disabled: checkedProps.value.disabled ?? void 0
|
|
1903
|
-
}, null, 8,
|
|
1929
|
+
}, null, 8, _hoisted_8)) : createCommentVNode("v-if", true),
|
|
1904
1930
|
_cache[8] || (_cache[8] = createTextVNode(toDisplayString(" "), -1)),
|
|
1905
1931
|
checkedProps.value.name && checkedProps.value.multiple ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
1906
1932
|
_cache[4] || (_cache[4] = createTextVNode(toDisplayString(" "), -1)),
|
|
@@ -1913,7 +1939,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
1913
1939
|
name: checkedProps.value.name ?? void 0,
|
|
1914
1940
|
"^value": item.value,
|
|
1915
1941
|
disabled: checkedProps.value.disabled ?? void 0
|
|
1916
|
-
}, null, 8,
|
|
1942
|
+
}, null, 8, _hoisted_9);
|
|
1917
1943
|
}), 128))]),
|
|
1918
1944
|
_: 1
|
|
1919
1945
|
}),
|
|
@@ -1939,7 +1965,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
1939
1965
|
}, [createElementVNode("path", {
|
|
1940
1966
|
d: "M7 7l10 10M17 7 7 17",
|
|
1941
1967
|
"data-hn-ui-combobox": ""
|
|
1942
|
-
})], -1)])], 8,
|
|
1968
|
+
})], -1)])], 8, _hoisted_10)) : createCommentVNode("v-if", true),
|
|
1943
1969
|
_cache[10] || (_cache[10] = createTextVNode(toDisplayString(" "), -1)),
|
|
1944
1970
|
checkedProps.value.disclosure ? (openBlock(), createElementBlock("button", {
|
|
1945
1971
|
key: 3,
|
|
@@ -1963,7 +1989,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
1963
1989
|
}, [createElementVNode("path", {
|
|
1964
1990
|
d: "m6 9 6 6 6-6",
|
|
1965
1991
|
"data-hn-ui-combobox": ""
|
|
1966
|
-
})], -1)])], 8,
|
|
1992
|
+
})], -1)])], 8, _hoisted_11)) : createCommentVNode("v-if", true)
|
|
1967
1993
|
], 512), checkedProps.value.help ? (openBlock(), createElementBlock("button", {
|
|
1968
1994
|
key: 0,
|
|
1969
1995
|
class: "help",
|
|
@@ -1997,7 +2023,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
1997
2023
|
d: "M12 17h.01",
|
|
1998
2024
|
"data-hn-ui-combobox": ""
|
|
1999
2025
|
})
|
|
2000
|
-
], -1)])], 8,
|
|
2026
|
+
], -1)])], 8, _hoisted_12)) : createCommentVNode("v-if", true)]),
|
|
2001
2027
|
checkedProps.value.help ? (openBlock(), createBlock(UiTooltip_default, {
|
|
2002
2028
|
key: 0,
|
|
2003
2029
|
class: "ui-tooltip",
|
|
@@ -2031,7 +2057,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
2031
2057
|
role: group.role,
|
|
2032
2058
|
"aria-label": group.label
|
|
2033
2059
|
}, [
|
|
2034
|
-
group.name ? (openBlock(), createElementBlock("div",
|
|
2060
|
+
group.name ? (openBlock(), createElementBlock("div", _hoisted_16, toDisplayString(group.name), 1)) : createCommentVNode("v-if", true),
|
|
2035
2061
|
_cache[17] || (_cache[17] = createTextVNode(toDisplayString(" "), -1)),
|
|
2036
2062
|
createVNode(unref(KeyedBoundary), null, {
|
|
2037
2063
|
default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(group.rows, (row, indexLoop2, loop) => row.id), (row) => {
|
|
@@ -2050,13 +2076,13 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
2050
2076
|
"aria-describedby": row.detail
|
|
2051
2077
|
}, [renderSlot(_ctx.$slots, unref(scopedSlotName)("option"), { option: row.option }, () => [
|
|
2052
2078
|
_cache[14] || (_cache[14] = createTextVNode(toDisplayString(" "), -1)),
|
|
2053
|
-
row.detail ? (openBlock(), createElementBlock("span",
|
|
2054
|
-
createElementVNode("span",
|
|
2079
|
+
row.detail ? (openBlock(), createElementBlock("span", _hoisted_18, [
|
|
2080
|
+
createElementVNode("span", _hoisted_19, [
|
|
2055
2081
|
createElementVNode("span", {
|
|
2056
2082
|
class: "primary",
|
|
2057
2083
|
"data-hn-ui-combobox": "",
|
|
2058
2084
|
id: unref(concat)(uid.value, "-option-", row.index, "-label")
|
|
2059
|
-
}, toDisplayString(row.label), 9,
|
|
2085
|
+
}, toDisplayString(row.label), 9, _hoisted_20),
|
|
2060
2086
|
_cache[12] || (_cache[12] = createTextVNode(toDisplayString(" "), -1)),
|
|
2061
2087
|
row.tag ? (openBlock(), createBlock(UiBadge_default, {
|
|
2062
2088
|
key: 0,
|
|
@@ -2068,7 +2094,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
2068
2094
|
"data-slotted": "ui-combobox",
|
|
2069
2095
|
"data-hn-ui-combobox": "",
|
|
2070
2096
|
id: unref(concat)(uid.value, "-option-", row.index, "-tag")
|
|
2071
|
-
}, toDisplayString(row.tag?.label), 9,
|
|
2097
|
+
}, toDisplayString(row.tag?.label), 9, _hoisted_21)]),
|
|
2072
2098
|
_: 2
|
|
2073
2099
|
}, 1032, ["tone", "style"])) : createCommentVNode("v-if", true)
|
|
2074
2100
|
]),
|
|
@@ -2078,16 +2104,16 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
2078
2104
|
class: "description",
|
|
2079
2105
|
"data-hn-ui-combobox": "",
|
|
2080
2106
|
id: unref(concat)(uid.value, "-option-", row.index, "-description")
|
|
2081
|
-
}, toDisplayString(row.description), 9,
|
|
2107
|
+
}, toDisplayString(row.description), 9, _hoisted_22)) : createCommentVNode("v-if", true)
|
|
2082
2108
|
])) : createCommentVNode("v-if", true),
|
|
2083
2109
|
_cache[15] || (_cache[15] = createTextVNode(toDisplayString(" "), -1)),
|
|
2084
|
-
!row.detail ? (openBlock(), createElementBlock("span",
|
|
2110
|
+
!row.detail ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString(row.label), 1)) : createCommentVNode("v-if", true),
|
|
2085
2111
|
_cache[16] || (_cache[16] = createTextVNode(toDisplayString(" "), -1))
|
|
2086
|
-
], true)], 10,
|
|
2112
|
+
], true)], 10, _hoisted_17);
|
|
2087
2113
|
}), 128))]),
|
|
2088
2114
|
_: 2
|
|
2089
2115
|
}, 1024)
|
|
2090
|
-
], 8,
|
|
2116
|
+
], 8, _hoisted_15);
|
|
2091
2117
|
}), 128))]),
|
|
2092
2118
|
_: 3
|
|
2093
2119
|
}),
|
|
@@ -2102,12 +2128,12 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
2102
2128
|
"data-multiple": checkedProps.value.multiple ? "" : void 0,
|
|
2103
2129
|
id: guardedBinding11.value,
|
|
2104
2130
|
"data-index": createIndex.value
|
|
2105
|
-
}, toDisplayString(guardedBinding12.value), 11,
|
|
2131
|
+
}, toDisplayString(guardedBinding12.value), 11, _hoisted_24)) : createCommentVNode("v-if", true),
|
|
2106
2132
|
_cache[20] || (_cache[20] = createTextVNode(toDisplayString(" "), -1)),
|
|
2107
|
-
message.value ? (openBlock(), createElementBlock("div",
|
|
2133
|
+
message.value ? (openBlock(), createElementBlock("div", _hoisted_25, toDisplayString(message.value), 1)) : createCommentVNode("v-if", true),
|
|
2108
2134
|
_cache[21] || (_cache[21] = createTextVNode(toDisplayString(" "), -1)),
|
|
2109
|
-
!checkedProps.value.loading && !rows.value[0] && !creatable.value && !lookupError.value ? (openBlock(), createElementBlock("div",
|
|
2110
|
-
], 8,
|
|
2135
|
+
!checkedProps.value.loading && !rows.value[0] && !creatable.value && !lookupError.value ? (openBlock(), createElementBlock("div", _hoisted_26, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[18] || (_cache[18] = createTextVNode("No suggestions.", -1))], true)])) : createCommentVNode("v-if", true)
|
|
2136
|
+
], 8, _hoisted_14), renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 8, _hoisted_13),
|
|
2111
2137
|
createElementVNode("div", {
|
|
2112
2138
|
class: "message",
|
|
2113
2139
|
"data-hn-ui-combobox": "",
|
|
@@ -2118,8 +2144,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
2118
2144
|
key: indexLoop3,
|
|
2119
2145
|
"data-hn-ui-combobox": ""
|
|
2120
2146
|
}, toDisplayString(issue.message), 1);
|
|
2121
|
-
}), 128))], 8,
|
|
2122
|
-
createElementVNode("div",
|
|
2147
|
+
}), 128))], 8, _hoisted_27),
|
|
2148
|
+
createElementVNode("div", _hoisted_28, toDisplayString(statusText.value), 1),
|
|
2123
2149
|
createElementVNode("div", {
|
|
2124
2150
|
class: "authored-options",
|
|
2125
2151
|
hidden: "",
|
|
@@ -2134,6 +2160,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
2134
2160
|
}]]);
|
|
2135
2161
|
};
|
|
2136
2162
|
}
|
|
2137
|
-
}), [["__scopeId", "data-v-
|
|
2163
|
+
}), [["__scopeId", "data-v-4630df88"]]);
|
|
2138
2164
|
//#endregion
|
|
2139
2165
|
export { UiCombobox_default as t };
|
|
@@ -182,9 +182,8 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
182
182
|
},
|
|
183
183
|
required: false,
|
|
184
184
|
target: { attribute: "tone" },
|
|
185
|
-
description: "Colour for every variant.
|
|
185
|
+
description: "Colour for every variant. The default neutral shares the quiet control family with fields and text buttons. Choose accent explicitly for a coloured action,\n or primary for solid accent. danger, success, warning and info share Button's intent colors. Native aria-pressed=\"true\" keeps an outline toggle visibly\n pressed; the consumer owns that state.",
|
|
186
186
|
values: [
|
|
187
|
-
"auto",
|
|
188
187
|
"accent",
|
|
189
188
|
"neutral",
|
|
190
189
|
"danger",
|
|
@@ -192,7 +191,7 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
192
191
|
"warning",
|
|
193
192
|
"info"
|
|
194
193
|
],
|
|
195
|
-
default: "
|
|
194
|
+
default: "neutral"
|
|
196
195
|
},
|
|
197
196
|
variant: {
|
|
198
197
|
type: {
|
|
@@ -201,7 +200,7 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
201
200
|
},
|
|
202
201
|
required: false,
|
|
203
202
|
target: { attribute: "variant" },
|
|
204
|
-
description: "Emphasis. ghost shows only the icon until it is hovered, for toolbars and dense rows; outline adds a border on the default surface; solid fills with
|
|
203
|
+
description: "Emphasis. ghost shows only the icon until it is hovered, for toolbars and dense rows; outline adds a border on the default surface; solid fills with its\n chosen tone.",
|
|
205
204
|
values: [
|
|
206
205
|
"ghost",
|
|
207
206
|
"outline",
|
|
@@ -223,7 +222,7 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
223
222
|
revealed: false,
|
|
224
223
|
round: false,
|
|
225
224
|
size: "md",
|
|
226
|
-
tone: "
|
|
225
|
+
tone: "neutral",
|
|
227
226
|
variant: "ghost"
|
|
228
227
|
}, {
|
|
229
228
|
anticipatory: false,
|
|
@@ -236,7 +235,7 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
236
235
|
revealed: false,
|
|
237
236
|
round: false,
|
|
238
237
|
size: "md",
|
|
239
|
-
tone: "
|
|
238
|
+
tone: "neutral",
|
|
240
239
|
variant: "ghost"
|
|
241
240
|
}, (name, value, source, values) => {
|
|
242
241
|
switch (name) {
|
|
@@ -463,6 +462,6 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
|
|
|
463
462
|
}]]);
|
|
464
463
|
};
|
|
465
464
|
}
|
|
466
|
-
}), [["__scopeId", "data-v-
|
|
465
|
+
}), [["__scopeId", "data-v-d48cf3c9"]]);
|
|
467
466
|
//#endregion
|
|
468
467
|
export { UiIconButton_default as t };
|
package/vue/chunks/UiMenuItem.js
CHANGED
package/vue/chunks/UiSelect.js
CHANGED
|
@@ -9,6 +9,7 @@ var _hoisted_1 = [
|
|
|
9
9
|
"aria-invalid",
|
|
10
10
|
"data-ui-select-prop-disabled",
|
|
11
11
|
"data-ui-select-prop-invalid",
|
|
12
|
+
"data-ui-select-prop-muted",
|
|
12
13
|
"data-ui-select-prop-required",
|
|
13
14
|
"data-ui-select-prop-size",
|
|
14
15
|
"data-ui-select-prop-value",
|
|
@@ -22,6 +23,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
22
23
|
props: {
|
|
23
24
|
disabled: { type: null },
|
|
24
25
|
invalid: { type: null },
|
|
26
|
+
muted: { type: null },
|
|
25
27
|
required: { type: null },
|
|
26
28
|
size: { type: null },
|
|
27
29
|
value: { type: null },
|
|
@@ -51,6 +53,16 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
51
53
|
description: "Exposes invalid state to assistive technology and styling.",
|
|
52
54
|
default: false
|
|
53
55
|
},
|
|
56
|
+
muted: {
|
|
57
|
+
type: {
|
|
58
|
+
kind: "terminal",
|
|
59
|
+
name: "boolean"
|
|
60
|
+
},
|
|
61
|
+
required: false,
|
|
62
|
+
target: { attribute: "muted" },
|
|
63
|
+
description: "Shows the selected value with supporting-text emphasis, for an inherited or default choice. The select remains interactive and its options retain normal\n emphasis.",
|
|
64
|
+
default: false
|
|
65
|
+
},
|
|
54
66
|
required: {
|
|
55
67
|
type: {
|
|
56
68
|
kind: "terminal",
|
|
@@ -90,6 +102,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
90
102
|
const acceptedProps = {
|
|
91
103
|
disabled: false,
|
|
92
104
|
invalid: false,
|
|
105
|
+
muted: false,
|
|
93
106
|
required: false,
|
|
94
107
|
size: "md",
|
|
95
108
|
value: null
|
|
@@ -97,6 +110,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
97
110
|
const inputTracking = vuePropInputs(acceptedProps, {
|
|
98
111
|
disabled: false,
|
|
99
112
|
invalid: false,
|
|
113
|
+
muted: false,
|
|
100
114
|
required: false,
|
|
101
115
|
size: "md"
|
|
102
116
|
}, (name, value, source, values) => {
|
|
@@ -109,6 +123,10 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
109
123
|
kind: "terminal",
|
|
110
124
|
name: "boolean"
|
|
111
125
|
}, true, true);
|
|
126
|
+
case "muted": return checkPropInput(value, {
|
|
127
|
+
kind: "terminal",
|
|
128
|
+
name: "boolean"
|
|
129
|
+
}, true, true);
|
|
112
130
|
case "required": return checkPropInput(value, {
|
|
113
131
|
kind: "terminal",
|
|
114
132
|
name: "boolean"
|
|
@@ -132,6 +150,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
132
150
|
return {
|
|
133
151
|
disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
|
|
134
152
|
invalid: propInputs.value("invalid", props["invalid"], props[BINDING_INPUTS_PROP]),
|
|
153
|
+
muted: propInputs.value("muted", props["muted"], props[BINDING_INPUTS_PROP]),
|
|
135
154
|
required: propInputs.value("required", props["required"], props[BINDING_INPUTS_PROP]),
|
|
136
155
|
size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
|
|
137
156
|
value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP]),
|
|
@@ -155,7 +174,11 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
155
174
|
const root = ref(null);
|
|
156
175
|
checkHydratedRoot("select", "ui-select");
|
|
157
176
|
/** The values the styles' :host() and :state() rules test. */
|
|
158
|
-
const hostState = computed(() => [
|
|
177
|
+
const hostState = computed(() => [
|
|
178
|
+
checkedProps.value.muted && "muted",
|
|
179
|
+
checkedProps.value.size && "size",
|
|
180
|
+
checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`
|
|
181
|
+
].filter(Boolean).join(" "));
|
|
159
182
|
const dispatch = createDispatch(root);
|
|
160
183
|
useComponentHost(() => import("@threadlabs/looma/components/ui-select/ui-select.js"), {
|
|
161
184
|
root,
|
|
@@ -176,6 +199,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
176
199
|
propNames: [
|
|
177
200
|
"disabled",
|
|
178
201
|
"invalid",
|
|
202
|
+
"muted",
|
|
179
203
|
"required",
|
|
180
204
|
"size",
|
|
181
205
|
"value"
|
|
@@ -194,6 +218,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
194
218
|
"aria-invalid": checkedProps.value.invalid ?? void 0,
|
|
195
219
|
"data-ui-select-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
|
|
196
220
|
"data-ui-select-prop-invalid": unref(reflectedProp)("invalid", "invalid", checkedProps.value.invalid, void 0, false),
|
|
221
|
+
"data-ui-select-prop-muted": unref(reflectedProp)("muted", "muted", checkedProps.value.muted, void 0, false),
|
|
197
222
|
"data-ui-select-prop-required": unref(reflectedProp)("required", "required", checkedProps.value.required, void 0, false),
|
|
198
223
|
"data-ui-select-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
|
|
199
224
|
"data-ui-select-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
|
|
@@ -221,6 +246,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
|
|
|
221
246
|
}]]);
|
|
222
247
|
};
|
|
223
248
|
}
|
|
224
|
-
}), [["__scopeId", "data-v-
|
|
249
|
+
}), [["__scopeId", "data-v-988e4463"]]);
|
|
225
250
|
//#endregion
|
|
226
251
|
export { UiSelect_default as t };
|