@oicl/openbridge-webcomponents 2.1.0 → 2.2.0-next.1

package/bundle/openbridge-webcomponents.bundle.js

@@ -7674,6 +7674,10 @@ var ObcIconButton = class ObcIconButton extends i$4 {
 		this.focusable = true;
 		this.ariaLabel = null;
 	}
+	/** Focus lands on the button inside, not on the host. */
+	focus(options) {
+		this.shadowRoot?.querySelector("button")?.focus(options);
+	}
 	get progressSpinner() {
 		if (this.progress === void 0) return A;
 		if (this.progress === 100) return b`<div class="progress-spinner">
@@ -107950,6 +107954,11 @@ var split_button_default = i$7`* {
     top: unset;
   }
 
+.wrapper.open-left .positioned-menu {
+    right: anchor(right);
+    left: unset;
+  }
+
 .dropdown-button::part(visible-wrapper) {
   box-sizing: border-box;
 }
@@ -107970,7 +107979,10 @@ var ObcSplitButton = class ObcSplitButton extends i$4 {
 		this.dropdownLabel = "More options";
 		this.fullWidth = false;
 		this.disabled = false;
+		this.primaryDisabled = false;
+		this.dropdownDisabled = false;
 		this.openTop = false;
+		this.openLeft = false;
 		this.columnGroups = [];
 		this.isDropdownOpen = false;
 		this.restoreFocusOnClose = false;
@@ -107989,7 +108001,7 @@ var ObcSplitButton = class ObcSplitButton extends i$4 {
 			} else window.removeEventListener("pointerdown", this.closeOnOutside);
 		};
 		this.handleDropdownKeydown = (event) => {
-			if (this.disabled) return;
+			if (this.isDropdownDisabled) return;
 			switch (event.key) {
 				case "ArrowDown":
 					event.preventDefault();
@@ -108051,8 +108063,15 @@ var ObcSplitButton = class ObcSplitButton extends i$4 {
 			});
 		};
 	}
+	get isPrimaryDisabled() {
+		return this.disabled || this.primaryDisabled;
+	}
+	get isDropdownDisabled() {
+		return this.disabled || this.dropdownDisabled;
+	}
 	async focusMenuAfterOpen() {
 		await this.updateComplete;
+		await this.menu?.updateComplete;
 		if (!this.isDropdownOpen) return;
 		if (this.menuFocusStrategy === "last") this.menu?.focusLastItem();
 		else if (this.menuFocusStrategy === "first") this.menu?.focusFirstItem();
@@ -108084,7 +108103,8 @@ var ObcSplitButton = class ObcSplitButton extends i$4 {
 			wrapper: true,
 			"full-width": this.fullWidth,
 			"is-open": this.isDropdownOpen,
-			"open-top": this.openTop
+			"open-top": this.openTop,
+			"open-left": this.openLeft
 		})}
       >
         <obc-button
@@ -108092,7 +108112,7 @@ var ObcSplitButton = class ObcSplitButton extends i$4 {
           .variant=${"normal"}
           .segmentPosition=${segmentPosition.start}
           .showLeadingIcon=${this.hasIcon}
-          .disabled=${this.disabled}
+          .disabled=${this.isPrimaryDisabled}
           @click=${this.handlePrimaryClick}
           .fullWidth=${this.fullWidth}
         >
@@ -108104,7 +108124,7 @@ var ObcSplitButton = class ObcSplitButton extends i$4 {
           class="dropdown-button"
           .variant=${"normal"}
           .cornerRight=${true}
-          .disabled=${this.disabled}
+          .disabled=${this.isDropdownDisabled}
           .activated=${this.isDropdownOpen}
           aria-label=${this.dropdownLabel}
           @click=${this.handleDropdownClick}
@@ -108112,7 +108132,11 @@ var ObcSplitButton = class ObcSplitButton extends i$4 {
           aria-expanded=${this.isDropdownOpen}
           aria-haspopup="menu"
         >
-          <obi-arrow-flyout-google></obi-arrow-flyout-google>
+          <slot name="dropdown-icon">
+            <obi-arrow-flyout-google
+              aria-hidden="true"
+            ></obi-arrow-flyout-google>
+          </slot>
         </obc-icon-button>
 
         <!-- Context Menu -->
@@ -108153,7 +108177,10 @@ __decorate([n$4({ type: String })], ObcSplitButton.prototype, "menuTitle", void
 __decorate([n$4({ type: String })], ObcSplitButton.prototype, "dropdownLabel", void 0);
 __decorate([n$4({ type: Boolean })], ObcSplitButton.prototype, "fullWidth", void 0);
 __decorate([n$4({ type: Boolean })], ObcSplitButton.prototype, "disabled", void 0);
+__decorate([n$4({ type: Boolean })], ObcSplitButton.prototype, "primaryDisabled", void 0);
+__decorate([n$4({ type: Boolean })], ObcSplitButton.prototype, "dropdownDisabled", void 0);
 __decorate([n$4({ type: Boolean })], ObcSplitButton.prototype, "openTop", void 0);
+__decorate([n$4({ type: Boolean })], ObcSplitButton.prototype, "openLeft", void 0);
 __decorate([n$4({ type: Array })], ObcSplitButton.prototype, "columnGroups", void 0);
 __decorate([r$3()], ObcSplitButton.prototype, "isDropdownOpen", void 0);
 __decorate([e$4("obc-context-menu-input")], ObcSplitButton.prototype, "menu", void 0);