solid-ui 3.1.3-11 → 3.1.3-13

package/dist/chunks/{menu-CQEXqNO6.js → menu-DKxtACGA.js}

@@ -1,7 +1,6 @@
-import { n as e, r as t } from "./components-PQfnwrHI.js";
-import { a as n, c as r, i } from "./lit-C4H1jI4q.js";
-import { a, c as o, i as s, l as c, n as l, o as u, r as d, s as f, t as p } from "./chunk.7MPIABXH-CEYdxYyt.js";
-import { n as m, t as h } from "./decorators-BqWyWiL9.js";
+import { i as e, l as t, o as n, r } from "./components-BD458q30.js";
+import { a as i, c as a, i as o } from "./lit-C4H1jI4q.js";
+import { a as s, c, i as l, l as u, n as d, o as f, r as p, s as m, t as h } from "./chunk.7MPIABXH-DNcYOuE8.js";
 import { t as g } from "./query-BYu9q8lA.js";
 //#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.2LXKNNNE.js
 var _ = class extends Event {
@@ -20,7 +19,7 @@ function* v(e = document.activeElement) {
 }
 //#endregion
 //#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.Z6IK7DP4.js
-var y = r`
+var y = a`
   :host {
     --show-duration: var(--wa-transition-fast);
     --hide-duration: var(--wa-transition-fast);
@@ -183,7 +182,7 @@ function te(e, t) {
 }
 //#endregion
 //#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.G5ZZIGWB.js
-var ne = r`
+var ne = a`
   :host([size='xs']) {
     font-size: var(--wa-font-size-xs);
   }
@@ -250,9 +249,9 @@ function N(e, t) {
 }
 //#endregion
 //#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.2IJXO5LR.js
-var P = /* @__PURE__ */ new Set(), F = class extends f {
+var P = /* @__PURE__ */ new Set(), F = class extends m {
 	constructor() {
-		super(...arguments), this.submenuCleanups = /* @__PURE__ */ new Map(), this.localize = new u(this), this.userTypedQuery = "", this.openSubmenuStack = [], this.open = !1, this.size = "m", this.placement = "bottom-start", this.distance = 0, this.skidding = 0, this.handleDocumentKeyDown = async (e) => {
+		super(...arguments), this.submenuCleanups = /* @__PURE__ */ new Map(), this.localize = new f(this), this.userTypedQuery = "", this.openSubmenuStack = [], this.open = !1, this.size = "m", this.placement = "bottom-start", this.distance = 0, this.skidding = 0, this.handleDocumentKeyDown = async (e) => {
 			let t = this.localize.dir() === "rtl";
 			if (e.key === "Escape" && this.open && D(this)) {
 				let t = this.getTrigger();
@@ -408,7 +407,7 @@ var P = /* @__PURE__ */ new Set(), F = class extends f {
 	setupSubmenuPosition(e) {
 		if (!e.submenuElement) return;
 		this.cleanupSubmenuPosition(e);
-		let t = p(e, e.submenuElement, () => {
+		let t = h(e, e.submenuElement, () => {
 			this.positionSubmenu(e), this.updateSafeTriangleCoordinates(e);
 		});
 		this.submenuCleanups.set(e, t);
@@ -439,15 +438,15 @@ var P = /* @__PURE__ */ new Set(), F = class extends f {
 	positionSubmenu(e) {
 		if (!e.submenuElement) return;
 		let t = this.localize.dir() === "rtl" ? "left-start" : "right-start";
-		l(e, e.submenuElement, {
+		d(e, e.submenuElement, {
 			placement: t,
 			middleware: [
-				s({
+				l({
 					mainAxis: 0,
 					crossAxis: -5
 				}),
-				d({ fallbackStrategy: "bestFit" }),
-				a({ padding: 8 })
+				p({ fallbackStrategy: "bestFit" }),
+				s({ padding: 8 })
 			]
 		}).then(({ x: t, y: n, placement: r }) => {
 			e.submenuElement.setAttribute("data-placement", r), Object.assign(e.submenuElement.style, {
@@ -479,7 +478,7 @@ var P = /* @__PURE__ */ new Set(), F = class extends f {
 	}
 	render() {
 		let e = this.didSSR && !this.hasUpdated ? this.open : this.popup?.active;
-		return i`
+		return o`
       <wa-popup
         placement=${this.placement}
         distance=${this.distance}
@@ -513,13 +512,13 @@ var P = /* @__PURE__ */ new Set(), F = class extends f {
     `;
 	}
 };
-F.css = [ne, y], o([g("slot:not([name])")], F.prototype, "defaultSlot", 2), o([g("#menu")], F.prototype, "menu", 2), o([g("wa-popup")], F.prototype, "popup", 2), o([m({
+F.css = [ne, y], c([g("slot:not([name])")], F.prototype, "defaultSlot", 2), c([g("#menu")], F.prototype, "menu", 2), c([g("wa-popup")], F.prototype, "popup", 2), c([e({
 	type: Boolean,
 	reflect: !0
-})], F.prototype, "open", 2), o([m({ reflect: !0 })], F.prototype, "size", 2), o([N("size")], F.prototype, "handleSizeChange", 1), o([m({ reflect: !0 })], F.prototype, "placement", 2), o([m({ type: Number })], F.prototype, "distance", 2), o([m({ type: Number })], F.prototype, "skidding", 2), F = o([c("wa-dropdown")], F);
+})], F.prototype, "open", 2), c([e({ reflect: !0 })], F.prototype, "size", 2), c([N("size")], F.prototype, "handleSizeChange", 1), c([e({ reflect: !0 })], F.prototype, "placement", 2), c([e({ type: Number })], F.prototype, "distance", 2), c([e({ type: Number })], F.prototype, "skidding", 2), F = c([u("wa-dropdown")], F);
 //#endregion
 //#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.VCKA3KNZ.js
-var re = r`
+var re = a`
   :host {
     display: flex;
     position: relative;
@@ -782,7 +781,7 @@ var re = r`
 		let e = this.host.shadowRoot;
 		e && "removeEventListener" in e && e.removeEventListener("slotchange", this.handleSlotChange);
 	}
-}, I = class extends f {
+}, I = class extends m {
 	constructor() {
 		super(...arguments), this.hasSlotController = new ie(this, "[default]", "start", "end"), this.active = !1, this.variant = "default", this.size = "m", this.checkboxAdjacent = !1, this.submenuAdjacent = !1, this.type = "normal", this.checked = !1, this.disabled = !1, this.submenuOpen = !1, this.hasSubmenu = !1, this.handleSlotChange = () => {
 			this.hasSubmenu = this.hasSlotController.test("submenu"), this.updateHasSubmenuState(), this.hasSubmenu ? (this.setAttribute("aria-haspopup", "menu"), this.setAttribute("aria-expanded", this.submenuOpen ? "true" : "false")) : (this.removeAttribute("aria-haspopup"), this.removeAttribute("aria-expanded"));
@@ -840,8 +839,8 @@ var re = r`
 		this.hasSubmenu && !this.disabled && (this.notifyParentOfOpening(), this.submenuOpen = !0);
 	}
 	render() {
-		return i`
-      ${this.type === "checkbox" ? i`
+		return o`
+      ${this.type === "checkbox" ? o`
             <wa-icon
               id="check"
               part="checkmark"
@@ -863,7 +862,7 @@ var re = r`
         <slot name="details"></slot>
       </span>
 
-      ${this.hasSubmenu ? i`
+      ${this.hasSubmenu ? o`
             <wa-icon
               id="submenu-indicator"
               part="submenu-icon"
@@ -872,7 +871,7 @@ var re = r`
               name="chevron-right"
             ></wa-icon>
           ` : ""}
-      ${this.hasSubmenu ? i`
+      ${this.hasSubmenu ? o`
             <div
               id="submenu"
               part="submenu"
@@ -888,21 +887,21 @@ var re = r`
     `;
 	}
 };
-I.css = re, o([g("#submenu")], I.prototype, "submenuElement", 2), o([m({ type: Boolean })], I.prototype, "active", 2), o([m({ reflect: !0 })], I.prototype, "variant", 2), o([m({ reflect: !0 })], I.prototype, "size", 2), o([N("size")], I.prototype, "handleSizeChange", 1), o([m({
+I.css = re, c([g("#submenu")], I.prototype, "submenuElement", 2), c([e({ type: Boolean })], I.prototype, "active", 2), c([e({ reflect: !0 })], I.prototype, "variant", 2), c([e({ reflect: !0 })], I.prototype, "size", 2), c([N("size")], I.prototype, "handleSizeChange", 1), c([e({
 	attribute: "checkbox-adjacent",
 	type: Boolean,
 	reflect: !0
-})], I.prototype, "checkboxAdjacent", 2), o([m({
+})], I.prototype, "checkboxAdjacent", 2), c([e({
 	attribute: "submenu-adjacent",
 	type: Boolean,
 	reflect: !0
-})], I.prototype, "submenuAdjacent", 2), o([m()], I.prototype, "value", 2), o([m({ reflect: !0 })], I.prototype, "type", 2), o([m({ type: Boolean })], I.prototype, "checked", 2), o([m({
+})], I.prototype, "submenuAdjacent", 2), c([e()], I.prototype, "value", 2), c([e({ reflect: !0 })], I.prototype, "type", 2), c([e({ type: Boolean })], I.prototype, "checked", 2), c([e({
 	type: Boolean,
 	reflect: !0
-})], I.prototype, "disabled", 2), o([m({
+})], I.prototype, "disabled", 2), c([e({
 	type: Boolean,
 	reflect: !0
-})], I.prototype, "submenuOpen", 2), o([h()], I.prototype, "hasSubmenu", 2), I = o([c("wa-dropdown-item")], I);
+})], I.prototype, "submenuOpen", 2), c([r()], I.prototype, "hasSubmenu", 2), I = c([u("wa-dropdown-item")], I);
 //#endregion
 //#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.YDQCS2HK.js
 var ae = class extends Event {
@@ -921,7 +920,7 @@ var ae = class extends Event {
 			composed: !0
 		});
 	}
-}, se = r`
+}, se = a`
   :host {
     --primary-color: currentColor;
     --primary-opacity: 1;
@@ -1892,12 +1891,12 @@ function Ce() {
 }
 //#endregion
 //#region node_modules/lit-html/directive-helpers.js
-var { I: we } = n, Te = (e, t) => t === void 0 ? e?._$litType$ !== void 0 : e?._$litType$ === t, B = Symbol(), V = Symbol(), Ee, H = /* @__PURE__ */ new Map(), U = class extends f {
+var { I: we } = i, Te = (e, t) => t === void 0 ? e?._$litType$ !== void 0 : e?._$litType$ === t, B = Symbol(), V = Symbol(), Ee, H = /* @__PURE__ */ new Map(), U = class extends m {
 	constructor() {
 		super(...arguments), this.svg = null, this.autoWidth = !1, this.swapOpacity = !1, this.label = "", this.library = "default", this.rotate = 0, this.resolveIcon = async (e, t) => {
 			let n;
 			if (t?.spriteSheet) {
-				this.hasUpdated || await this.updateComplete, this.svg = i`<svg part="svg">
+				this.hasUpdated || await this.updateComplete, this.svg = o`<svg part="svg">
         <use part="use" href="${e}"></use>
       </svg>`, await this.updateComplete;
 				let n = this.shadowRoot.querySelector("[part='svg']");
@@ -1986,27 +1985,27 @@ var { I: we } = n, Te = (e, t) => t === void 0 ? e?._$litType$ !== void 0 : e?._
 		n && t?.mutator?.(n, this);
 	}
 	render() {
-		return this.hasUpdated ? this.svg : i`<svg part="svg" width="16" height="16" viewBox="0 0 16 16"></svg>`;
+		return this.hasUpdated ? this.svg : o`<svg part="svg" width="16" height="16" viewBox="0 0 16 16"></svg>`;
 	}
 };
-U.css = se, o([h()], U.prototype, "svg", 2), o([m({ reflect: !0 })], U.prototype, "name", 2), o([m({ reflect: !0 })], U.prototype, "family", 2), o([m({ reflect: !0 })], U.prototype, "variant", 2), o([m({ reflect: !0 })], U.prototype, "canvas", 2), o([m({
+U.css = se, c([r()], U.prototype, "svg", 2), c([e({ reflect: !0 })], U.prototype, "name", 2), c([e({ reflect: !0 })], U.prototype, "family", 2), c([e({ reflect: !0 })], U.prototype, "variant", 2), c([e({ reflect: !0 })], U.prototype, "canvas", 2), c([e({
 	attribute: "auto-width",
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "autoWidth", 2), o([m({
+})], U.prototype, "autoWidth", 2), c([e({
 	attribute: "swap-opacity",
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "swapOpacity", 2), o([m()], U.prototype, "src", 2), o([m()], U.prototype, "label", 2), o([m({ reflect: !0 })], U.prototype, "library", 2), o([m({
+})], U.prototype, "swapOpacity", 2), c([e()], U.prototype, "src", 2), c([e()], U.prototype, "label", 2), c([e({ reflect: !0 })], U.prototype, "library", 2), c([e({
 	type: Number,
 	reflect: !0
-})], U.prototype, "rotate", 2), o([m({
+})], U.prototype, "rotate", 2), c([e({
 	type: String,
 	reflect: !0
-})], U.prototype, "flip", 2), o([m({
+})], U.prototype, "flip", 2), c([e({
 	type: String,
 	reflect: !0
-})], U.prototype, "animation", 2), o([N("label")], U.prototype, "handleLabelChange", 1), o([N([
+})], U.prototype, "animation", 2), c([N("label")], U.prototype, "handleLabelChange", 1), c([N([
 	"family",
 	"name",
 	"library",
@@ -2015,10 +2014,10 @@ U.css = se, o([h()], U.prototype, "svg", 2), o([m({ reflect: !0 })], U.prototype
 	"autoWidth",
 	"canvas",
 	"swapOpacity"
-], { waitUntilFirstUpdate: !0 })], U.prototype, "setIcon", 1), U = o([c("wa-icon")], U);
+], { waitUntilFirstUpdate: !0 })], U.prototype, "setIcon", 1), U = c([u("wa-icon")], U);
 //#endregion
 //#region src/components/menu/Menu.styles.css
-var De = r`wa-dropdown::part(menu){min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{padding:0}`, W, G, K, q, J, Y, Oe, ke, Ae, je, Me, Ne, Pe, Fe, Ie, Le, Re, ze, Be;
+var De = a`wa-dropdown::part(menu){gap:2px;min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{border-radius:5px;padding:0;&:hover{background-color:var(--solid-ui-color-primary-hover)}}`, W, G, K, q, J, Y, Oe, ke, Ae, je, Me, Ne, Pe, Fe, Ie, Le, Re, ze, Be;
 function X(e, t, n) {
 	Ve(e, t), t.set(e, n);
 }
@@ -2192,15 +2191,15 @@ function Ye(e) {
 }
 Ae = [t("solid-ui-menu")];
 var $;
-new (ze = (K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J = /*#__PURE__*/ new WeakMap(), Y = /*#__PURE__*/ new WeakMap(), Be = (je = m({
+new (ze = (K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J = /*#__PURE__*/ new WeakMap(), Y = /*#__PURE__*/ new WeakMap(), Be = (je = e({
 	type: String,
 	reflect: !0
-}), Ne = m({
+}), Ne = e({
 	type: Number,
 	reflect: !0
-}), Fe = g("wa-dropdown"), Le = h(), "placement"), G = class extends e {
+}), Fe = g("wa-dropdown"), Le = r(), "placement"), G = class extends n {
 	constructor(...e) {
-		super(...e), X(this, K, (Oe(this), Me(this, "bottom-start"))), X(this, q, Pe(this, 0)), X(this, J, Ie(this, null)), X(this, Y, Re(this, [])), Ue(this, "observer", new MutationObserver(() => this.syncItems()));
+		super(...e), X(this, K, (Oe(this), Me(this, "bottom-start"))), X(this, q, Pe(this, 5)), X(this, J, Ie(this, null)), X(this, Y, Re(this, [])), Ue(this, "observer", new MutationObserver(() => this.syncItems()));
 	}
 	get [Be]() {
 		return Q(K, this);
@@ -2233,7 +2232,7 @@ new (ze = (K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J =
 		super.disconnectedCallback(), this.observer.disconnect();
 	}
 	render() {
-		return i`
+		return o`
       <wa-dropdown
         placement=${this.placement}
         distance=${this.distance}
@@ -2241,7 +2240,7 @@ new (ze = (K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J =
       >
         <slot name="trigger" slot="trigger"></slot>
 
-        ${this.items.map((e) => i`<wa-dropdown-item @click=${this.onItemClick}>
+        ${this.items.map((e) => o`<wa-dropdown-item @click=${this.onItemClick}>
                 <slot name=${e.slot}></slot>
             </wa-dropdown-item>`)}
       </wa-dropdown>
@@ -2295,7 +2294,7 @@ new (ze = (K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J =
 		1,
 		"items"
 	]
-], Ae, 0, void 0, e), G), W = class extends Ye {
+], Ae, 0, void 0, n), G), W = class extends Ye {
 	constructor() {
 		super($), Ue(this, "styles", De), ke();
 	}
@@ -2306,4 +2305,4 @@ var Xe = $;
 //#endregion
 export { $ as n, Xe as t };
 
-//# sourceMappingURL=menu-CQEXqNO6.js.map
+//# sourceMappingURL=menu-DKxtACGA.js.map