@triptease/tt-navbar 0.0.44 → 0.0.45

package/dist/web/global.d.js

@@ -1,4 +1,4 @@
 /**
-* @triptease/tt-navbar v0.0.44
+* @triptease/tt-navbar v0.0.45
 */
 //# sourceMappingURL=global.d.js.map

package/dist/web/index.js

@@ -1,5 +1,5 @@
 /**
-* @triptease/tt-navbar v0.0.44
+* @triptease/tt-navbar v0.0.45
 */
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1209,7 +1209,12 @@ var TtCombobox = class extends i4 {
     this._selectAll = (event) => {
       event.preventDefault();
       event.stopPropagation();
-      if (this.value.length === this._selectableOptions.length) {
+      if (this._filter !== "" && this._isAllSelected) {
+        const selectedVisibleValues = Array.from(this._selectedVisibleOptions).map((option) => option.dataset.value);
+        this.value = this.value.filter((value) => !selectedVisibleValues.includes(value));
+      } else if (this._filter !== "") {
+        this.value = Array.from(/* @__PURE__ */ new Set([...this.value, ...Array.from(this._selectableVisibleOptions).map((option) => option.dataset.value)]));
+      } else if (this.value.length === this._selectableOptions.length) {
         this.value = [];
       } else {
         this.value = Array.from(this._selectableOptions).map((option) => option.dataset.value);
@@ -1463,9 +1468,7 @@ var TtCombobox = class extends i4 {
       />`;
   }
   _renderOption(option) {
-    if (this._filter !== "" && !option.value.toLowerCase().includes(this._filter) && !option.innerText.toLowerCase().includes(this._filter)) {
-      return E;
-    }
+    const hidden = Boolean(this._filter !== "" && !option.value.toLowerCase().includes(this._filter) && !option.innerText.toLowerCase().includes(this._filter) || option.hidden);
     const id = `${this.id}-option-${option.value}`;
     const active = this._getActiveOptionId() === id;
     const selected = Boolean(this.multiselect && option.selected);
@@ -1479,7 +1482,7 @@ var TtCombobox = class extends i4 {
         @mousedown="${(event) => event.preventDefault()}"
         data-value="${option.value}"
         aria-disabled=${option.disabled}
-        aria-hidden=${option.hidden || E}
+        aria-hidden=${hidden || E}
         data-deselectable=${!option.selected}
         part="option"
       >
@@ -2057,7 +2060,7 @@ var NavbarController = class {
   async toggle() {
     this._isOpen = !this._isOpen;
     if (window.Clerk) {
-      await window.Clerk.user?.update({
+      window.Clerk.user?.update({
         unsafeMetadata: {
           ...window.Clerk.user?.unsafeMetadata,
           preferences: {