@sbb-esta/lyne-elements-experimental 5.0.0-next.2 → 5.0.0-next.3

package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../autocomplete-grid-option.component-iEj9qreq.js";
+import { n as e, t } from "../../autocomplete-grid-option.component-kcihiOWt.js";
 export { t as SbbAutocompleteGridOptionElement, e as autocompleteGridOptionId };

package/autocomplete-grid-option.component-kcihiOWt.js

@@ -0,0 +1,35 @@
+import { SbbPropertyWatcherController as e, ɵstateController as t } from "@sbb-esta/lyne-elements/core.js";
+import { unsafeCSS as n } from "lit";
+import { SbbOptionBaseElement as r } from "@sbb-esta/lyne-elements/option.pure.js";
+//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?inline
+var i = ":host{--sbb-focus-outline-offset: var(--sbb-option-focus-outline-offset);display:block}:host(:is(:state(negative),[state--negative])){--sbb-option-color: var(--sbb-color-3-negative);--sbb-option-icon-color: var(--sbb-color-5)}:host(:is(:state(size-s),[state--size-s])){--sbb-option-min-height: var(--sbb-size-element-xxs);--sbb-option-focus-outline-offset: calc(-1 * var(--sbb-spacing-fixed-1x));--sbb-option-focus-outline-inset: 0 var(--sbb-spacing-fixed-1x)}:host(:is(:state(size-m),[state--size-m])){--sbb-option-min-height: var(--sbb-size-element-s);--sbb-option-focus-outline-offset: inherit;--sbb-option-focus-outline-inset: var(--sbb-spacing-fixed-1x)}:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot{display:none}:host(:is(:state(active),[state--active])){--sbb-option-focus-outline-color: var(--sbb-focus-outline-color)}.sbb-option{font-size:var(--sbb-option-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);position:relative;display:flex;align-items:center;column-gap:var(--sbb-option-column-gap);justify-content:start;min-height:var(--sbb-option-min-height);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color)}.sbb-option:after{content:\"\";display:block;position:absolute;inset:var(--sbb-option-focus-outline-inset);pointer-events:none;border:var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);border-radius:var(--sbb-option-border-radius)}:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{font-weight:700}@media(forced-colors:active){:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{color:Highlight}}.sbb-option__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon{display:var(--sbb-option-icon-container-display, none)}.sbb-option__label{text-overflow:var(--sbb-option-text-overflow);overflow:var(--sbb-option-overflow);white-space:var(--sbb-option-white-space, initial)}", a = "sbb-autocomplete-grid-option", o = class extends r {
+	static {
+		this.elementName = "sbb-autocomplete-grid-option";
+	}
+	static {
+		this.role = "gridcell";
+	}
+	static {
+		this.styles = [n(i)];
+	}
+	constructor() {
+		super(), this.optionId = a, this.addController(new e(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
+			disabled: (e) => {
+				this.disabledFromGroup = e.disabled, t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled();
+			},
+			label: (e) => this.groupLabel = e.label
+		}));
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has("disabled") && (t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled());
+	}
+	selectByClick(e) {
+		if (this.disabled || this.disabledFromGroup) {
+			e.stopPropagation();
+			return;
+		}
+		this.selectViaUserInteraction(!0);
+	}
+};
+//#endregion
+export { a as n, o as t };

package/autocomplete-grid.js

@@ -1,7 +1,7 @@
 import { SbbAutocompleteGridButtonElement as e } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
 import { t } from "./autocomplete-grid-cell.component-DAsWZlTn.js";
 import { SbbAutocompleteGridOptgroupElement as n } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
-import { n as r, t as i } from "./autocomplete-grid-option.component-iEj9qreq.js";
+import { n as r, t as i } from "./autocomplete-grid-option.component-kcihiOWt.js";
 import { t as a } from "./autocomplete-grid-row.component-VbyYP0U-.js";
 import { SbbAutocompleteGridElement as o } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
 import "./autocomplete-grid.pure.js";

package/autocomplete-grid.pure.js

@@ -1,7 +1,7 @@
 import { SbbAutocompleteGridButtonElement as e } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
 import { t } from "./autocomplete-grid-cell.component-DAsWZlTn.js";
 import { SbbAutocompleteGridOptgroupElement as n } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
-import { n as r, t as i } from "./autocomplete-grid-option.component-iEj9qreq.js";
+import { n as r, t as i } from "./autocomplete-grid-option.component-kcihiOWt.js";
 import { t as a } from "./autocomplete-grid-row.component-VbyYP0U-.js";
 import { SbbAutocompleteGridElement as o } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
 export { e as SbbAutocompleteGridButtonElement, t as SbbAutocompleteGridCellElement, o as SbbAutocompleteGridElement, n as SbbAutocompleteGridOptgroupElement, i as SbbAutocompleteGridOptionElement, a as SbbAutocompleteGridRowElement, r as autocompleteGridOptionId };

package/core/styles/lean-off-brand-theme.scss

@@ -0,0 +1,3 @@
+@use './theme' with (
+  $theme: 'lean-off-brand'
+);

package/core/styles/lean-safety-theme.scss

@@ -0,0 +1,3 @@
+@use './theme' with (
+  $theme: 'lean-safety'
+);