@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773393164

package/development/option/option/option.component.js

@@ -1,2 +1,241 @@
-import { t as SbbOptionElement } from "../../option.component-BvOsW8Gn.js";
-export { SbbOptionElement };
+import { css, nothing, html } from "lit";
+import { SbbPropertyWatcherController } from "../../core/controllers.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { SbbOptionBaseElement } from "./option-base-element.js";
+import "../../visual-checkbox.js";
+const style = css`:host {
+  display: block;
+  background-color: var(--sbb-option-background-color);
+  font-size: var(--sbb-option-font-size);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+}
+
+:host(:is(:state(negative),[state--negative])) {
+  --sbb-option-color: var(--sbb-color-3-negative);
+  --sbb-option-icon-color: var(--sbb-color-5);
+  --sbb-option-background-color-hover: var(--sbb-background-color-3-negative);
+  --sbb-option-background-color-active: var(--sbb-background-color-4-negative);
+  --sbb-option-disabled-border-color: var(--sbb-border-color-5);
+  --sbb-option-disabled-background-color: var(--sbb-background-color-3-negative);
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+}
+
+@media (any-hover: hover) {
+  :host(:hover:not(:is(:state(disabled),[state--disabled]))) {
+    --sbb-option-background-color: var(--sbb-option-background-color-hover);
+  }
+}
+
+:host(:active:not(:is(:state(disabled),[state--disabled]))) {
+  --sbb-option-background-color: var(--sbb-option-background-color-active);
+}
+
+:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot {
+  display: none;
+}
+
+:host(:is(:state(disabled),[state--disabled])) {
+  --sbb-option-cursor: var(--sbb-cursor-default);
+}
+@media (forced-colors: active) {
+  :host(:is(:state(disabled),[state--disabled])) {
+    --sbb-option-color: GrayText;
+  }
+}
+
+:host(:is(:state(variant-select),[state--variant-select])) {
+  --sbb-option-column-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-option-justify-content: space-between;
+}
+
+:host(:is(:state(variant-select),[state--variant-select]):is(:state(multiple),[state--multiple])) {
+  --sbb-option-justify-content: start;
+}
+
+:host(:is(:state(active),[state--active])) {
+  --sbb-option-focus-outline-color: var(--sbb-focus-outline-color);
+}
+
+:host(:not(:is(:is(:state(disabled),[state--disabled])))) .sbb-option__label--highlight {
+  font-weight: bold;
+}
+@media (forced-colors: active) {
+  :host(:not(:is(:is(:state(disabled),[state--disabled])))) .sbb-option__label--highlight {
+    color: Highlight;
+  }
+}
+
+.sbb-option {
+  position: relative;
+  display: flex;
+  min-height: var(--sbb-option-min-height);
+  align-items: center;
+  column-gap: var(--sbb-option-column-gap);
+  padding-inline: var(--sbb-option-padding-inline);
+  justify-content: var(--sbb-option-justify-content);
+  color: var(--sbb-option-color);
+  cursor: var(--sbb-option-cursor);
+  -webkit-tap-highlight-color: transparent;
+  -webkit-text-fill-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(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option {
+  position: relative;
+  z-index: 0;
+}
+:host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option::before {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: 0.375rem;
+  border: var(--sbb-border-width-1x) dashed var(--sbb-option-disabled-border-color);
+  border-radius: var(--sbb-border-radius-2x);
+  background-color: var(--sbb-option-disabled-background-color);
+  z-index: -1;
+}
+@media (forced-colors: active) {
+  :host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option::before {
+    border-color: GrayText;
+  }
+}
+
+.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);
+}`;
+const _SbbOptionElement = class _SbbOptionElement extends SbbOptionBaseElement {
+  set _variant(variant) {
+    if (this._variantInternal) {
+      this.internals.states.delete(`variant-${this._variantInternal}`);
+    }
+    this._variantInternal = variant;
+    if (this._variantInternal) {
+      this.internals.states.add(`variant-${this._variantInternal}`);
+    }
+  }
+  get _variant() {
+    return this._variantInternal ?? null;
+  }
+  constructor() {
+    super();
+    this.optionId = `sbb-option`;
+    this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-optgroup"), {
+      disabled: (p) => this.disabledFromGroup = p.disabled,
+      label: (p) => this.groupLabel = p.label
+    }));
+    this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-autocomplete"), {
+      negative: (e) => this._handleNegativeChange(e)
+    }));
+    this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-select"), {
+      multiple: (ancestor) => {
+        this.toggleState("multiple", ancestor.multiple);
+        this.requestUpdate();
+      },
+      negative: (e) => this._handleNegativeChange(e)
+    }));
+  }
+  _isMultiple() {
+    return !this.hydrationRequired && this.internals.states.has("multiple");
+  }
+  _handleNegativeChange(ancestor) {
+    this.toggleState("negative", ancestor.negative);
+    this.requestUpdate();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (this.hydrationRequired) {
+      this.hydrationComplete.then(() => this._init());
+    } else {
+      this._init();
+    }
+  }
+  _init() {
+    this._setVariantByContext();
+    this.handleHighlightState();
+  }
+  selectByClick(event) {
+    if (this.disabled || this.disabledFromGroup) {
+      event.stopPropagation();
+      return;
+    }
+    if (this._isMultiple()) {
+      event.stopPropagation();
+      this.selectViaUserInteraction(!this.selected);
+    } else {
+      this.selectViaUserInteraction(true);
+    }
+  }
+  selectViaUserInteraction(selected) {
+    super.selectViaUserInteraction(selected);
+    this.dispatchEvent(new Event("optionselectionchange", { bubbles: true, composed: true }));
+  }
+  _setVariantByContext() {
+    if (this.closest?.("sbb-autocomplete")) {
+      this._variant = "autocomplete";
+    } else if (this.closest?.("sbb-select")) {
+      this._variant = "select";
+    }
+  }
+  handleHighlightState() {
+    if (this._variant !== "autocomplete") {
+      this.updateDisableHighlight(true);
+      return;
+    }
+    super.handleHighlightState();
+  }
+  renderIcon() {
+    return html`
+      <!-- Icon -->
+      ${!this._isMultiple() ? html` <span class="sbb-option__icon"> ${this.renderIconSlot()} </span>` : nothing}
+
+      <!-- Checkbox -->
+      ${this._isMultiple() ? html`
+            <sbb-visual-checkbox
+              ?checked=${this.selected}
+              ?disabled=${this.disabled || this.disabledFromGroup}
+              ?negative=${this.matches?.(":is(:state(negative),[state--negative])")}
+            ></sbb-visual-checkbox>
+          ` : nothing}
+    `;
+  }
+  renderLabel() {
+    if (this._variant !== "autocomplete") {
+      return nothing;
+    }
+    return super.renderLabel();
+  }
+  renderTick() {
+    return this._variant === "select" && !this._isMultiple() && this.selected ? html`<sbb-icon name="tick-small"></sbb-icon>` : nothing;
+  }
+};
+_SbbOptionElement.elementName = "sbb-option";
+_SbbOptionElement.role = "option";
+_SbbOptionElement.styles = [boxSizingStyles, style];
+_SbbOptionElement.events = {
+  optionselectionchange: "optionselectionchange",
+  optionselected: "optionselected"
+};
+let SbbOptionElement = _SbbOptionElement;
+export {
+  SbbOptionElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL29wdGlvbi9vcHRpb24vb3B0aW9uLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBub3RoaW5nIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHR5cGUgeyBTYmJBdXRvY29tcGxldGVFbGVtZW50IH0gZnJvbSAnLi4vLi4vYXV0b2NvbXBsZXRlLnRzJztcbmltcG9ydCB7IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiU2VsZWN0RWxlbWVudCB9IGZyb20gJy4uLy4uL3NlbGVjdC50cyc7XG5cbmltcG9ydCB7IFNiYk9wdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi9vcHRpb24tYmFzZS1lbGVtZW50LnRzJztcbmltcG9ydCBzdHlsZSBmcm9tICcuL29wdGlvbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL3Zpc3VhbC1jaGVja2JveC50cyc7XG5cbmV4cG9ydCB0eXBlIFNiYk9wdGlvblZhcmlhbnQgPSAnYXV0b2NvbXBsZXRlJyB8ICdzZWxlY3QnIHwgbnVsbDtcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBvbiBvcHRpb24gaXRlbSB3aGljaCBjYW4gYmUgdXNlZCBpbiBgc2JiLXNlbGVjdGAgb3IgYHNiYi1hdXRvY29tcGxldGVgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIG9wdGlvbiBsYWJlbC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaWNvbi4gSWYgYGljb24tbmFtZWAgaXMgc2V0LCBhIHNiYi1pY29uIHdpbGwgYmUgdXNlZC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1vcHRpb24taWNvbi1jb250YWluZXItZGlzcGxheT1ub25lXSAtIENhbiBiZSB1c2VkIHRvIHJlc2VydmUgc3BhY2UgZXZlblxuICogd2hlbiBwcmVzZXJ2ZS1pY29uLXNwYWNlIG9uIGF1dG9jb21wbGV0ZSBpcyBub3Qgc2V0IG9yIGljb25OYW1lIGlzIG5vdCBzZXQuXG4gKiBAb3ZlcnJpZGVUeXBlIHZhbHVlIC0gKFQgPSBzdHJpbmcpIHwgbnVsbFxuICovXG5leHBvcnQgY2xhc3MgU2JiT3B0aW9uRWxlbWVudDxUID0gc3RyaW5nPiBleHRlbmRzIFNiYk9wdGlvbkJhc2VFbGVtZW50PFQ+IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1vcHRpb24nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IHJvbGUgPSAnb3B0aW9uJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBvcHRpb25zZWxlY3Rpb25jaGFuZ2U6ICdvcHRpb25zZWxlY3Rpb25jaGFuZ2UnLFxuICAgIG9wdGlvbnNlbGVjdGVkOiAnb3B0aW9uc2VsZWN0ZWQnLFxuICB9IGFzIGNvbnN0O1xuXG4gIHByb3RlY3RlZCBvcHRpb25JZCA9IGBzYmItb3B0aW9uYDtcblxuICBwcml2YXRlIHNldCBfdmFyaWFudCh2YXJpYW50OiBTYmJPcHRpb25WYXJpYW50KSB7XG4gICAgaWYgKHRoaXMuX3ZhcmlhbnRJbnRlcm5hbCkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgdmFyaWFudC0ke3RoaXMuX3ZhcmlhbnRJbnRlcm5hbH1gKTtcbiAgICB9XG4gICAgdGhpcy5fdmFyaWFudEludGVybmFsID0gdmFyaWFudDtcbiAgICBpZiAodGhpcy5fdmFyaWFudEludGVybmFsKSB7XG4gICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGB2YXJpYW50LSR7dGhpcy5fdmFyaWFudEludGVybmFsfWApO1xuICAgIH1cbiAgfVxuICBwcml2YXRlIGdldCBfdmFyaWFudCgpOiBTYmJPcHRpb25WYXJpYW50IHtcbiAgICByZXR1cm4gdGhpcy5fdmFyaWFudEludGVybmFsID8/IG51bGw7XG4gIH1cbiAgcHJpdmF0ZSBfdmFyaWFudEludGVybmFsPzogU2JiT3B0aW9uVmFyaWFudDtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcih0aGlzLCAoKSA9PiB0aGlzLmNsb3Nlc3QoJ3NiYi1vcHRncm91cCcpLCB7XG4gICAgICAgIGRpc2FibGVkOiAocCkgPT4gKHRoaXMuZGlzYWJsZWRGcm9tR3JvdXAgPSBwLmRpc2FibGVkKSxcbiAgICAgICAgbGFiZWw6IChwKSA9PiAodGhpcy5ncm91cExhYmVsID0gcC5sYWJlbCksXG4gICAgICB9KSxcbiAgICApO1xuXG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5jbG9zZXN0KCdzYmItYXV0b2NvbXBsZXRlJyksIHtcbiAgICAgICAgbmVnYXRpdmU6IChlKSA9PiB0aGlzLl9oYW5kbGVOZWdhdGl2ZUNoYW5nZShlKSxcbiAgICAgIH0pLFxuICAgICk7XG5cbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcih0aGlzLCAoKSA9PiB0aGlzLmNsb3Nlc3QoJ3NiYi1zZWxlY3QnKSwge1xuICAgICAgICBtdWx0aXBsZTogKGFuY2VzdG9yKSA9PiB7XG4gICAgICAgICAgdGhpcy50b2dnbGVTdGF0ZSgnbXVsdGlwbGUnLCBhbmNlc3Rvci5tdWx0aXBsZSk7XG5cbiAgICAgICAgICAvLyBNdWx0aXBsZSBoYXMgdG8gYmUgcHJvcGFnYXRlZCB0byBzYmItdmlzdWFsLWNoZWNrYm94IGluc2lkZSB0aGUgb3B0aW9uLlxuICAgICAgICAgIHRoaXMucmVxdWVzdFVwZGF0ZSgpO1xuICAgICAgICB9LFxuICAgICAgICBuZWdhdGl2ZTogKGUpID0+IHRoaXMuX2hhbmRsZU5lZ2F0aXZlQ2hhbmdlKGUpLFxuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgX2lzTXVsdGlwbGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICF0aGlzLmh5ZHJhdGlvblJlcXVpcmVkICYmIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5oYXMoJ211bHRpcGxlJyk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVOZWdhdGl2ZUNoYW5nZShhbmNlc3RvcjogU2JiQXV0b2NvbXBsZXRlRWxlbWVudCB8IFNiYlNlbGVjdEVsZW1lbnQpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZVN0YXRlKCduZWdhdGl2ZScsIGFuY2VzdG9yLm5lZ2F0aXZlKTtcblxuICAgIC8vIE5lZ2F0aXZlIGhhcyB0byBiZSBwcm9wYWdhdGVkIHRvIHNiYi12aXN1YWwtY2hlY2tib3ggaW5zaWRlIHRoZSBvcHRpb24uXG4gICAgdGhpcy5yZXF1ZXN0VXBkYXRlKCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIC8vIFdlIG5lZWQgdG8gY2hlY2sgaGlnaGxpZ2h0IHN0YXRlIGJvdGggb24gc2xvdCBjaGFuZ2UsIGJ1dCBhbHNvIHdoZW4gY29ubmVjdGluZ1xuICAgIC8vIHRoZSBlbGVtZW50IHRvIHRoZSBET00uIFRoZSBzbG90IGNoYW5nZSBldmVudHMgbWlnaHQgYmUgc3dhbGxvd2VkIHdoZW4gdXNpbmcgZGVjbGFyYXRpdmVcbiAgICAvLyBzaGFkb3cgRE9NIHdpdGggU1NSIG9yIGlmIHRoZSBET00gaXMgY2hhbmdlZCB3aGVuIGRpc2Nvbm5lY3RlZC5cbiAgICBpZiAodGhpcy5oeWRyYXRpb25SZXF1aXJlZCkge1xuICAgICAgdGhpcy5oeWRyYXRpb25Db21wbGV0ZS50aGVuKCgpID0+IHRoaXMuX2luaXQoKSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX2luaXQoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9pbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX3NldFZhcmlhbnRCeUNvbnRleHQoKTtcbiAgICB0aGlzLmhhbmRsZUhpZ2hsaWdodFN0YXRlKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgc2VsZWN0QnlDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRpc2FibGVkIHx8IHRoaXMuZGlzYWJsZWRGcm9tR3JvdXApIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLl9pc011bHRpcGxlKCkpIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgdGhpcy5zZWxlY3RWaWFVc2VySW50ZXJhY3Rpb24oIXRoaXMuc2VsZWN0ZWQpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNlbGVjdFZpYVVzZXJJbnRlcmFjdGlvbih0cnVlKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgc2VsZWN0VmlhVXNlckludGVyYWN0aW9uKHNlbGVjdGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgc3VwZXIuc2VsZWN0VmlhVXNlckludGVyYWN0aW9uKHNlbGVjdGVkKTtcbiAgICAvKiogVGhlIG9wdGlvbnNlbGVjdGlvbmNoYW5nZSBldmVudCBpcyBkaXNwYXRjaGVkIHdoZW4gdGhlIG9wdGlvbiBzZWxlY3Rpb24gc3RhdHVzIGNoYW5nZXMuICovXG4gICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnb3B0aW9uc2VsZWN0aW9uY2hhbmdlJywgeyBidWJibGVzOiB0cnVlLCBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gIH1cblxuICBwcml2YXRlIF9zZXRWYXJpYW50QnlDb250ZXh0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNsb3Nlc3Q/Lignc2JiLWF1dG9jb21wbGV0ZScpKSB7XG4gICAgICB0aGlzLl92YXJpYW50ID0gJ2F1dG9jb21wbGV0ZSc7XG4gICAgfSBlbHNlIGlmICh0aGlzLmNsb3Nlc3Q/Lignc2JiLXNlbGVjdCcpKSB7XG4gICAgICB0aGlzLl92YXJpYW50ID0gJ3NlbGVjdCc7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGhhbmRsZUhpZ2hsaWdodFN0YXRlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl92YXJpYW50ICE9PSAnYXV0b2NvbXBsZXRlJykge1xuICAgICAgdGhpcy51cGRhdGVEaXNhYmxlSGlnaGxpZ2h0KHRydWUpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHN1cGVyLmhhbmRsZUhpZ2hsaWdodFN0YXRlKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVySWNvbigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8IS0tIEljb24gLS0+XG4gICAgICAkeyF0aGlzLl9pc011bHRpcGxlKClcbiAgICAgICAgPyBodG1sYCA8c3BhbiBjbGFzcz1cInNiYi1vcHRpb25fX2ljb25cIj4gJHt0aGlzLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5gXG4gICAgICAgIDogbm90aGluZ31cblxuICAgICAgPCEtLSBDaGVja2JveCAtLT5cbiAgICAgICR7dGhpcy5faXNNdWx0aXBsZSgpXG4gICAgICAgID8gaHRtbGBcbiAgICAgICAgICAgIDxzYmItdmlzdWFsLWNoZWNrYm94XG4gICAgICAgICAgICAgID9jaGVja2VkPSR7dGhpcy5zZWxlY3RlZH1cbiAgICAgICAgICAgICAgP2Rpc2FibGVkPSR7dGhpcy5kaXNhYmxlZCB8fCB0aGlzLmRpc2FibGVkRnJvbUdyb3VwfVxuICAgICAgICAgICAgICA/bmVnYXRpdmU9JHt0aGlzLm1hdGNoZXM/LignOnN0YXRlKG5lZ2F0aXZlKScpfVxuICAgICAgICAgICAgPjwvc2JiLXZpc3VhbC1jaGVja2JveD5cbiAgICAgICAgICBgXG4gICAgICAgIDogbm90aGluZ31cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlckxhYmVsKCk6IFRlbXBsYXRlUmVzdWx0IHwgdHlwZW9mIG5vdGhpbmcge1xuICAgIGlmICh0aGlzLl92YXJpYW50ICE9PSAnYXV0b2NvbXBsZXRlJykge1xuICAgICAgcmV0dXJuIG5vdGhpbmc7XG4gICAgfVxuICAgIHJldHVybiBzdXBlci5yZW5kZXJMYWJlbCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRpY2soKTogVGVtcGxhdGVSZXN1bHQgfCB0eXBlb2Ygbm90aGluZyB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhcmlhbnQgPT09ICdzZWxlY3QnICYmICF0aGlzLl9pc011bHRpcGxlKCkgJiYgdGhpcy5zZWxlY3RlZFxuICAgICAgPyBodG1sYDxzYmItaWNvbiBuYW1lPVwidGljay1zbWFsbFwiPjwvc2JiLWljb24+YFxuICAgICAgOiBub3RoaW5nO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItb3B0aW9uJzogU2JiT3B0aW9uRWxlbWVudDtcbiAgfVxuXG4gIGludGVyZmFjZSBHbG9iYWxFdmVudEhhbmRsZXJzRXZlbnRNYXAge1xuICAgIG9wdGlvbnNlbGVjdGlvbmNoYW5nZTogRXZlbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBd0JNLE1BQU8sb0JBQVAsTUFBTywwQkFBcUMscUJBQXVCO0FBQUEsRUFXdkUsSUFBWSxTQUFTLFNBQXlCO0FBQzVDLFFBQUksS0FBSyxrQkFBa0I7QUFDekIsV0FBSyxVQUFVLE9BQU8sT0FBTyxXQUFXLEtBQUssZ0JBQWdCLEVBQUU7QUFBQSxJQUNqRTtBQUNBLFNBQUssbUJBQW1CO0FBQ3hCLFFBQUksS0FBSyxrQkFBa0I7QUFDekIsV0FBSyxVQUFVLE9BQU8sSUFBSSxXQUFXLEtBQUssZ0JBQWdCLEVBQUU7QUFBQSxJQUM5RDtBQUFBLEVBQ0Y7QUFBQSxFQUNBLElBQVksV0FBUTtBQUNsQixXQUFPLEtBQUssb0JBQW9CO0FBQUEsRUFDbEM7QUFBQSxFQUdBLGNBQUE7QUFDRSxVQUFBO0FBakJRLFNBQUEsV0FBVztBQWtCbkIsU0FBSyxjQUNILElBQUksNkJBQTZCLE1BQU0sTUFBTSxLQUFLLFFBQVEsY0FBYyxHQUFHO0FBQUEsTUFDekUsVUFBVSxDQUFDLE1BQU8sS0FBSyxvQkFBb0IsRUFBRTtBQUFBLE1BQzdDLE9BQU8sQ0FBQyxNQUFPLEtBQUssYUFBYSxFQUFFO0FBQUEsSUFBQSxDQUNwQyxDQUFDO0FBR0osU0FBSyxjQUNILElBQUksNkJBQTZCLE1BQU0sTUFBTSxLQUFLLFFBQVEsa0JBQWtCLEdBQUc7QUFBQSxNQUM3RSxVQUFVLENBQUMsTUFBTSxLQUFLLHNCQUFzQixDQUFDO0FBQUEsSUFBQSxDQUM5QyxDQUFDO0FBR0osU0FBSyxjQUNILElBQUksNkJBQTZCLE1BQU0sTUFBTSxLQUFL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

package/development/option/option-hint/option-hint.component.js

@@ -1,2 +1,44 @@
-import { t as SbbOptionHintElement } from "../../option-hint.component-CHS5Z_sK.js";
-export { SbbOptionHintElement };
+import { css, html } from "lit";
+import { SbbElement } from "../../core/base-elements.js";
+import { SbbNegativeMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`:host {
+  display: flex;
+  column-gap: var(--sbb-option-hint-column-gap);
+  padding-inline: var(--sbb-option-hint-padding-inline);
+  padding-block-end: var(--sbb-option-hint-padding-block-end);
+  font-size: var(--sbb-option-hint-font-size);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+}
+
+:host([negative]) {
+  --sbb-option-hint-color: var(--sbb-color-5);
+}
+
+.sbb-optgroup__icon-space {
+  display: var(--sbb-option-icon-container-display, none);
+  min-width: var(--sbb-size-icon-ui-small);
+}
+
+.sbb-option-hint {
+  color: var(--sbb-option-hint-color);
+  -webkit-text-fill-color: var(--sbb-option-hint-color);
+  flex-grow: 1;
+}`;
+const _SbbOptionHintElement = class _SbbOptionHintElement extends SbbNegativeMixin(SbbElement) {
+  render() {
+    return html`
+      <div class="sbb-optgroup__icon-space"></div>
+      <span class="sbb-option-hint">
+        <slot></slot>
+      </span>
+    `;
+  }
+};
+_SbbOptionHintElement.elementName = "sbb-option-hint";
+_SbbOptionHintElement.styles = [boxSizingStyles, style];
+let SbbOptionHintElement = _SbbOptionHintElement;
+export {
+  SbbOptionHintElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWhpbnQuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvb3B0aW9uL29wdGlvbi1oaW50L29wdGlvbi1oaW50LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9vcHRpb24taGludC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIERpc3BsYXkgYSB0ZXh0dWFsIGhpbnQgaW5zaWRlIGEgYHNiYi1hdXRvY29tcGxldGVgIG9yIGEgYHNiYi1zZWxlY3RgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gZGlzcGxheSB0aGUgaGludCBtZXNzYWdlLlxuICovXG5leHBvcnQgY2xhc3MgU2JiT3B0aW9uSGludEVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKFNiYkVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1vcHRpb24taGludCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItb3B0Z3JvdXBfX2ljb24tc3BhY2VcIj48L2Rpdj5cbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLW9wdGlvbi1oaW50XCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItb3B0aW9uLWhpbnQnOiBTYmJPcHRpb25IaW50RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztNQWNhLDhCQUFBLDhCQUE2QixpQkFBaUIsVUFBVSxFQUFDO0FBQUEsRUFJakQsU0FBTTtBQUN2QixXQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLEVBTVQ7O0FBVmdDLHNCQUFBLGNBQXNCO0FBQy9CLHNCQUFBLFNBQXlCLENBQUMsaUJBQWlCLEtBQUs7SUFGNUQ7In0=

package/development/option/option-hint.js

@@ -1,10 +1,8 @@
-import { t as SbbOptionHintElement } from "../option-hint.component-CHS5Z_sK.js";
-//#region src/elements/option/option-hint.ts
-/** @entrypoint */
+import { SbbOptionHintElement } from "./option-hint/option-hint.component.js";
 SbbOptionHintElement.define();
 console.warn(`The entrypoint '@sbb-esta/elements/option/option-hint.js' has been deprecated.
 Use either '@sbb-esta/elements/option.js' or '@sbb-esta/elements/option.pure.js' instead.`);
-//#endregion
-export { SbbOptionHintElement };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWhpbnQuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL29wdGlvbi9vcHRpb24taGludC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYk9wdGlvbkhpbnRFbGVtZW50IH0gZnJvbSAnLi9vcHRpb24taGludC9vcHRpb24taGludC5jb21wb25lbnQudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL29wdGlvbi1oaW50L29wdGlvbi1oaW50LmNvbXBvbmVudC50cyc7XG5cblNiYk9wdGlvbkhpbnRFbGVtZW50LmRlZmluZSgpO1xuXG5jb25zb2xlLndhcm4oYFRoZSBlbnRyeXBvaW50ICdAc2JiLWVzdGEvZWxlbWVudHMvb3B0aW9uL29wdGlvbi1oaW50LmpzJyBoYXMgYmVlbiBkZXByZWNhdGVkLlxuVXNlIGVpdGhlciAnQHNiYi1lc3RhL2VsZW1lbnRzL29wdGlvbi5qcycgb3IgJ0BzYmItZXN0YS9lbGVtZW50cy9vcHRpb24ucHVyZS5qcycgaW5zdGVhZC5gKTtcbiJdLCJtYXBwaW5ncyI6Ijs7O0FBS0EscUJBQXFCLFFBQVE7QUFFN0IsUUFBUSxLQUFLOzJGQUM4RSJ9
+export {
+  SbbOptionHintElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWhpbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9vcHRpb24vb3B0aW9uLWhpbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJPcHRpb25IaW50RWxlbWVudCB9IGZyb20gJy4vb3B0aW9uLWhpbnQvb3B0aW9uLWhpbnQuY29tcG9uZW50LnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi9vcHRpb24taGludC9vcHRpb24taGludC5jb21wb25lbnQudHMnO1xuXG5TYmJPcHRpb25IaW50RWxlbWVudC5kZWZpbmUoKTtcblxuY29uc29sZS53YXJuKGBUaGUgZW50cnlwb2ludCAnQHNiYi1lc3RhL2VsZW1lbnRzL29wdGlvbi9vcHRpb24taGludC5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9vcHRpb24uanMnIG9yICdAc2JiLWVzdGEvZWxlbWVudHMvb3B0aW9uLnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUtBLHFCQUFxQixPQUFBO0FBRXJCLFFBQVEsS0FBSztBQUFBLDBGQUM2RTsifQ==

package/development/option/option.js

@@ -1,11 +1,10 @@
+import { SbbOptionElement } from "./option/option.component.js";
 import { SbbOptionBaseElement } from "./option/option-base-element.js";
-import { t as SbbOptionElement } from "../option.component-BvOsW8Gn.js";
-//#region src/elements/option/option.ts
-/** @entrypoint */
 SbbOptionElement.define();
 console.warn(`The entrypoint '@sbb-esta/elements/option/option.js' has been deprecated.
 Use either '@sbb-esta/elements/option.js' or '@sbb-esta/elements/option.pure.js' instead.`);
-//#endregion
-export { SbbOptionBaseElement, SbbOptionElement };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9vcHRpb24vb3B0aW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiT3B0aW9uRWxlbWVudCB9IGZyb20gJy4vb3B0aW9uL29wdGlvbi5jb21wb25lbnQudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL29wdGlvbi9vcHRpb24uY29tcG9uZW50LnRzJztcbmV4cG9ydCAqIGZyb20gJy4vb3B0aW9uL29wdGlvbi1iYXNlLWVsZW1lbnQudHMnO1xuXG5TYmJPcHRpb25FbGVtZW50LmRlZmluZSgpO1xuXG5jb25zb2xlLndhcm4oYFRoZSBlbnRyeXBvaW50ICdAc2JiLWVzdGEvZWxlbWVudHMvb3B0aW9uL29wdGlvbi5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9vcHRpb24uanMnIG9yICdAc2JiLWVzdGEvZWxlbWVudHMvb3B0aW9uLnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7QUFNQSxpQkFBaUIsUUFBUTtBQUV6QixRQUFRLEtBQUs7MkZBQzhFIn0=
+export {
+  SbbOptionBaseElement,
+  SbbOptionElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvb3B0aW9uL29wdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYk9wdGlvbkVsZW1lbnQgfSBmcm9tICcuL29wdGlvbi9vcHRpb24uY29tcG9uZW50LnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi9vcHRpb24vb3B0aW9uLmNvbXBvbmVudC50cyc7XG5leHBvcnQgKiBmcm9tICcuL29wdGlvbi9vcHRpb24tYmFzZS1lbGVtZW50LnRzJztcblxuU2JiT3B0aW9uRWxlbWVudC5kZWZpbmUoKTtcblxuY29uc29sZS53YXJuKGBUaGUgZW50cnlwb2ludCAnQHNiYi1lc3RhL2VsZW1lbnRzL29wdGlvbi9vcHRpb24uanMnIGhhcyBiZWVuIGRlcHJlY2F0ZWQuXG5Vc2UgZWl0aGVyICdAc2JiLWVzdGEvZWxlbWVudHMvb3B0aW9uLmpzJyBvciAnQHNiYi1lc3RhL2VsZW1lbnRzL29wdGlvbi5wdXJlLmpzJyBpbnN0ZWFkLmApO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBTUEsaUJBQWlCLE9BQUE7QUFFakIsUUFBUSxLQUFLO0FBQUEsMEZBQzZFOyJ9

package/development/option.js

@@ -1,15 +1,16 @@
-import { t as SbbOptgroupBaseElement } from "./optgroup-base-element-CjwAXrC5.js";
+import { SbbOptgroupBaseElement } from "./option/optgroup/optgroup-base-element.js";
 import { SbbOptGroupElement } from "./option/optgroup/optgroup.component.js";
-import { t as SbbOptionHintElement } from "./option-hint.component-CHS5Z_sK.js";
+import { SbbOptionHintElement } from "./option/option-hint/option-hint.component.js";
 import { SbbOptionBaseElement } from "./option/option/option-base-element.js";
-import { t as SbbOptionElement } from "./option.component-BvOsW8Gn.js";
-import "./option.pure.js";
-//#region src/elements/option.ts
-/** @entrypoint */
+import { SbbOptionElement } from "./option/option/option.component.js";
 SbbOptGroupElement.define();
 SbbOptionElement.define();
 SbbOptionHintElement.define();
-//#endregion
-export { SbbOptGroupElement, SbbOptgroupBaseElement, SbbOptionBaseElement, SbbOptionElement, SbbOptionHintElement };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9vcHRpb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJPcHRHcm91cEVsZW1lbnQsIFNiYk9wdGlvbkVsZW1lbnQsIFNiYk9wdGlvbkhpbnRFbGVtZW50IH0gZnJvbSAnLi9vcHRpb24ucHVyZS50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vb3B0aW9uLnB1cmUudHMnO1xuXG5TYmJPcHRHcm91cEVsZW1lbnQuZGVmaW5lKCk7XG5TYmJPcHRpb25FbGVtZW50LmRlZmluZSgpO1xuU2JiT3B0aW9uSGludEVsZW1lbnQuZGVmaW5lKCk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBS0EsbUJBQW1CLFFBQVE7QUFDM0IsaUJBQWlCLFFBQVE7QUFDekIscUJBQXFCLFFBQVEifQ==
+export {
+  SbbOptGroupElement,
+  SbbOptgroupBaseElement,
+  SbbOptionBaseElement,
+  SbbOptionElement,
+  SbbOptionHintElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvb3B0aW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiT3B0R3JvdXBFbGVtZW50LCBTYmJPcHRpb25FbGVtZW50LCBTYmJPcHRpb25IaW50RWxlbWVudCB9IGZyb20gJy4vb3B0aW9uLnB1cmUudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL29wdGlvbi5wdXJlLnRzJztcblxuU2JiT3B0R3JvdXBFbGVtZW50LmRlZmluZSgpO1xuU2JiT3B0aW9uRWxlbWVudC5kZWZpbmUoKTtcblNiYk9wdGlvbkhpbnRFbGVtZW50LmRlZmluZSgpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBS0EsbUJBQW1CLE9BQUE7QUFDbkIsaUJBQWlCLE9BQUE7QUFDakIscUJBQXFCLE9BQUE7In0=

package/development/option.pure.js

@@ -1,6 +1,13 @@
-import { t as SbbOptgroupBaseElement } from "./optgroup-base-element-CjwAXrC5.js";
+import { SbbOptgroupBaseElement } from "./option/optgroup/optgroup-base-element.js";
 import { SbbOptGroupElement } from "./option/optgroup/optgroup.component.js";
-import { t as SbbOptionHintElement } from "./option-hint.component-CHS5Z_sK.js";
+import { SbbOptionHintElement } from "./option/option-hint/option-hint.component.js";
 import { SbbOptionBaseElement } from "./option/option/option-base-element.js";
-import { t as SbbOptionElement } from "./option.component-BvOsW8Gn.js";
-export { SbbOptGroupElement, SbbOptgroupBaseElement, SbbOptionBaseElement, SbbOptionElement, SbbOptionHintElement };
+import { SbbOptionElement } from "./option/option/option.component.js";
+export {
+  SbbOptGroupElement,
+  SbbOptgroupBaseElement,
+  SbbOptionBaseElement,
+  SbbOptionElement,
+  SbbOptionHintElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLnB1cmUuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OzsifQ==