@threadlabs/looma 0.26.16 → 0.26.18

package/vue/chunks/UiMenu.js

@@ -6,6 +6,7 @@ import { computed, createElementBlock, createElementVNode, defineComponent, getC
 var _hoisted_1 = [
 	"data-density",
 	"data-for",
+	"data-icons",
 	"data-inline",
 	"data-open",
 	"data-placement",
@@ -27,6 +28,10 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			type: null,
 			default: ""
 		},
+		icons: {
+			type: null,
+			default: false
+		},
 		inline: {
 			type: null,
 			default: false
@@ -73,6 +78,16 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				description: "ID of the control that toggles and anchors the menu.",
 				default: ""
 			},
+			icons: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "icons" },
+				description: "Reserves a fixed icon column in every item, including items without an icon. Supply item icons through their icon slot.",
+				default: false
+			},
 			inline: {
 				type: {
 					kind: "terminal",
@@ -119,6 +134,7 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const acceptedProps = {
 			density: "comfortable",
 			for: "",
+			icons: false,
 			inline: false,
 			open: false,
 			placement: "bottom-start",
@@ -133,6 +149,10 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				kind: "terminal",
 				name: "string"
 			}, false, "for", acceptedProps),
+			icons: checkedProp(props["icons"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "icons", acceptedProps),
 			inline: checkedProp(props["inline"], {
 				kind: "terminal",
 				name: "boolean"
@@ -185,6 +205,7 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`,
 			checkedProps.value.size && "size",
 			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
+			checkedProps.value.icons && "icons",
 			internalOpen.value && "internalOpen",
 			checkedProps.value.inline && "inline"
 		].filter(Boolean).join(" "));
@@ -231,6 +252,7 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			propNames: [
 				"density",
 				"for",
+				"icons",
 				"inline",
 				"open",
 				"placement",
@@ -250,6 +272,7 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, nativeAttrs(_ctx.$attrs), {
 				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
 				"data-for": reflectedProp("for", "for", checkedProps.value.for, void 0, false),
+				"data-icons": reflectedProp("icons", "icons", checkedProps.value.icons, void 0, false),
 				"data-inline": reflectedProp("inline", "inline", checkedProps.value.inline, void 0, false),
 				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
 				"data-placement": reflectedProp("placement", "placement", checkedProps.value.placement, void 0, false),
@@ -263,6 +286,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-672d5adf"]]);
+}), [["__scopeId", "data-v-b6bd5ab3"]]);
 //#endregion
 export { UiMenu_default as t };

package/vue/chunks/UiMenuItem.js

@@ -10,32 +10,42 @@ var _hoisted_1 = [
 	"data-checked",
 	"data-disabled",
 	"data-href",
+	"data-tone",
 	"data-type",
 	"data-value",
 	"data-ui-menu-item-state"
 ];
-var _hoisted_2 = { class: "label" };
-var _hoisted_3 = {
+var _hoisted_2 = {
+	class: "icon",
+	"aria-hidden": "true"
+};
+var _hoisted_3 = { class: "label" };
+var _hoisted_4 = {
 	class: "shortcut",
 	"aria-hidden": "true"
 };
-var _hoisted_4 = [
+var _hoisted_5 = [
 	"role",
 	"aria-checked",
 	"aria-disabled",
 	"data-checked",
 	"data-disabled",
 	"data-href",
+	"data-tone",
 	"data-type",
 	"data-value",
 	"data-ui-menu-item-state"
 ];
-var _hoisted_5 = {
+var _hoisted_6 = {
 	class: "indicator",
 	"aria-hidden": "true"
 };
-var _hoisted_6 = { class: "label" };
 var _hoisted_7 = {
+	class: "icon",
+	"aria-hidden": "true"
+};
+var _hoisted_8 = { class: "label" };
+var _hoisted_9 = {
 	class: "shortcut",
 	"aria-hidden": "true"
 };
@@ -65,6 +75,10 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			type: null,
 			default: ""
 		},
+		tone: {
+			type: null,
+			default: "neutral"
+		},
 		type: {
 			type: null,
 			default: "action"
@@ -112,6 +126,17 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				description: "A destination makes an action item a real link, with native navigation and link context actions.",
 				default: ""
 			},
+			tone: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "tone" },
+				description: "Danger identifies a destructive action without changing its behavior.",
+				values: ["neutral", "danger"],
+				default: "neutral"
+			},
 			type: {
 				type: {
 					kind: "terminal",
@@ -143,6 +168,7 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			checked: false,
 			disabled: false,
 			href: "",
+			tone: "neutral",
 			type: "action",
 			value: ""
 		};
@@ -159,6 +185,10 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				kind: "terminal",
 				name: "string"
 			}, false, "href", acceptedProps),
+			tone: checkedProp(props["tone"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "tone", acceptedProps),
 			type: checkedProp(props["type"], {
 				kind: "terminal",
 				name: "keyword"
@@ -227,7 +257,12 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			})
 		});
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [checkedProps.value.type && "type", checkedProps.value.type != null && `type=${encodeURIComponent(checkedProps.value.type)}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [
+			checkedProps.value.tone && "tone",
+			checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`,
+			checkedProps.value.type && "type",
+			checkedProps.value.type != null && `type=${encodeURIComponent(checkedProps.value.type)}`
+		].filter(Boolean).join(" "));
 		const isChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["checked"] === "boolean" && typeof detail["value"] === "string" && (detail["type"] === "checkbox" || detail["type"] === "radio") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"checked",
 			"value",
@@ -263,6 +298,7 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"checked",
 				"disabled",
 				"href",
+				"tone",
 				"type",
 				"value"
 			],
@@ -298,11 +334,16 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"data-checked": reflectedProp("checked", "checked", checkedProps.value.checked, void 0, false),
 				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
 				"data-href": reflectedProp("href", "href", checkedProps.value.href, void 0, false),
+				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-type": reflectedProp("type", "type", checkedProps.value.type, void 0, false),
 				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, true),
 				"data-ui-menu-item-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "shortcut")])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [
+				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon")]),
+				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")]),
+				createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "shortcut")])
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]) : withDirectives((openBlock(), createElementBlock("div", mergeProps({
@@ -320,23 +361,25 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"data-checked": reflectedProp("checked", "checked", checkedProps.value.checked, void 0, false),
 				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
 				"data-href": reflectedProp("href", "href", checkedProps.value.href, void 0, false),
+				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-type": reflectedProp("type", "type", checkedProps.value.type, void 0, false),
 				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, true),
 				"data-ui-menu-item-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [
-				createElementVNode("span", _hoisted_5, [(checkedProps.value.type === "checkbox" || checkedProps.value.type === "radio") && internalChecked.value ? (openBlock(), createBlock(UiIcon_default, {
+				createElementVNode("span", _hoisted_6, [(checkedProps.value.type === "checkbox" || checkedProps.value.type === "radio") && internalChecked.value ? (openBlock(), createBlock(UiIcon_default, {
 					key: 0,
 					name: "check"
 				})) : createCommentVNode("v-if", true)]),
-				createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "default")]),
-				createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "shortcut")])
-			], 16, _hoisted_4)), [[unref(vPropValidity), {
+				createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "icon")]),
+				createElementVNode("span", _hoisted_8, [renderSlot(_ctx.$slots, "default")]),
+				createElementVNode("span", _hoisted_9, [renderSlot(_ctx.$slots, "shortcut")])
+			], 16, _hoisted_5)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-3aab9247"]]);
+}), [["__scopeId", "data-v-32e2a3e1"]]);
 //#endregion
 export { UiMenuItem_default as t };