@deepfuture/dui-cdn 1.4.0 → 1.4.2

package/dui.js

@@ -14591,13 +14591,17 @@ var DuiSidebarProviderPrimitive = class extends (_a42 = i8, _open_dec6 = [n7({ t
   }
   connectedCallback() {
     super.connectedCallback();
-    if (this.open === void 0) {
-      __privateSet(this, _DuiSidebarProviderPrimitive_instances, this.defaultOpen, internalOpen_set6);
+    if (this.collapsible === "always") {
+      __privateSet(this, _DuiSidebarProviderPrimitive_instances, true, isMobile_set);
+    } else {
+      if (this.open === void 0) {
+        __privateSet(this, _DuiSidebarProviderPrimitive_instances, this.defaultOpen, internalOpen_set6);
+      }
+      __privateSet(this, _mediaQuery, matchMedia("(min-width: 768px)"));
+      __privateSet(this, _DuiSidebarProviderPrimitive_instances, !__privateGet(this, _mediaQuery).matches, isMobile_set);
+      __privateSet(this, _boundOnMediaChange, __privateGet(this, _onMediaChange).bind(this));
+      __privateGet(this, _mediaQuery).addEventListener("change", __privateGet(this, _boundOnMediaChange));
     }
-    __privateSet(this, _mediaQuery, matchMedia("(min-width: 768px)"));
-    __privateSet(this, _DuiSidebarProviderPrimitive_instances, !__privateGet(this, _mediaQuery).matches, isMobile_set);
-    __privateSet(this, _boundOnMediaChange, __privateGet(this, _onMediaChange).bind(this));
-    __privateGet(this, _mediaQuery).addEventListener("change", __privateGet(this, _boundOnMediaChange));
     __privateSet(this, _boundOnKeyDown, __privateGet(this, _onKeyDown6).bind(this));
     document.addEventListener("keydown", __privateGet(this, _boundOnKeyDown));
     this._ctx = __privateMethod(this, _DuiSidebarProviderPrimitive_instances, buildContext_fn8).call(this);
@@ -14888,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];
@@ -14908,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>`;
   }
 };