@deepfuture/dui-cdn 1.4.1 → 1.4.2

package/dui.js

@@ -14892,19 +14892,9 @@ __publicField(DuiSidebarPrimitive, "styles", [base, styles90]);
 var styles91 = i5`
   :host {
     display: inline-block;
+    cursor: pointer;
   }
 `;
-var panelLeftSvg = b4`<svg
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <rect width="18" height="18" x="3" y="3" rx="2" />
-  <path d="M9 3v18" />
-</svg>`;
 var DuiSidebarTriggerPrimitive = class extends i8 {
   static tagName = "dui-sidebar-trigger";
   static styles = [base, styles91];
@@ -14912,17 +14902,40 @@ var DuiSidebarTriggerPrimitive = class extends i8 {
     context: sidebarContext,
     subscribe: true
   });
+  connectedCallback() {
+    super.connectedCallback();
+    if (!this.hasAttribute("role")) {
+      this.setAttribute("role", "button");
+    }
+    if (!this.hasAttribute("tabindex")) {
+      this.setAttribute("tabindex", "0");
+    }
+    this.addEventListener("click", this.#onClick);
+    this.addEventListener("keydown", this.#onKeyDown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("click", this.#onClick);
+    this.removeEventListener("keydown", this.#onKeyDown);
+  }
   #onClick = () => {
     this.#ctx.value?.toggleSidebar();
   };
+  #onKeyDown = (e13) => {
+    if (e13.key === "Enter" || e13.key === " ") {
+      e13.preventDefault();
+      this.#ctx.value?.toggleSidebar();
+    }
+  };
+  willUpdate() {
+    const ctx = this.#ctx.value;
+    if (ctx) {
+      const expanded = ctx.isMobile ? ctx.openMobile : ctx.open;
+      this.setAttribute("aria-expanded", String(expanded));
+    }
+  }
   render() {
-    return b4`
-      <dui-button appearance="ghost" size="sm" @click=${this.#onClick}>
-        <slot>
-          <dui-icon>${panelLeftSvg}</dui-icon>
-        </slot>
-      </dui-button>
-    `;
+    return b4`<slot></slot>`;
   }
 };