@sbb-esta/lyne-elements 0.52.2 → 1.0.0

package/development/radio-button/common.js

@@ -0,0 +1,294 @@
+import { property } from "lit/decorators.js";
+import { SbbConnectedAbortController } from "../core/controllers.js";
+import { hostAttributes } from "../core/decorators.js";
+import { setOrRemoveAttribute } from "../core/dom.js";
+import { HandlerRepository, formElementHandlerAspect, EventEmitter } from "../core/eventing.js";
+import { css } from "lit";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const SbbRadioButtonCommonElementMixin = (superClass) => {
+  let SbbRadioButtonCommonElement = class extends superClass {
+    constructor() {
+      super(...arguments);
+      this._allowEmptySelection = false;
+      this._disabled = false;
+      this._required = false;
+      this._group = null;
+      this._checked = false;
+      this._size = "m";
+      this._abort = new SbbConnectedAbortController(this);
+      this._handlerRepository = new HandlerRepository(this, formElementHandlerAspect);
+      this._stateChange = new EventEmitter(
+        this,
+        SbbRadioButtonCommonElement.events.stateChange,
+        { bubbles: true }
+      );
+    }
+    set allowEmptySelection(value) {
+      this._allowEmptySelection = Boolean(value);
+    }
+    get allowEmptySelection() {
+      var _a;
+      return this._allowEmptySelection || (((_a = this.group) == null ? void 0 : _a.allowEmptySelection) ?? false);
+    }
+    set disabled(value) {
+      this._disabled = Boolean(value);
+    }
+    get disabled() {
+      var _a;
+      return this._disabled || (((_a = this.group) == null ? void 0 : _a.disabled) ?? false);
+    }
+    set required(value) {
+      this._required = Boolean(value);
+    }
+    get required() {
+      var _a;
+      return this._required || (((_a = this.group) == null ? void 0 : _a.required) ?? false);
+    }
+    /**
+     * Reference to the connected radio button group.
+     */
+    get group() {
+      return this._group;
+    }
+    set checked(value) {
+      this._checked = Boolean(value);
+    }
+    get checked() {
+      return this._checked;
+    }
+    set size(value) {
+      this._size = value;
+    }
+    get size() {
+      var _a;
+      return ((_a = this.group) == null ? void 0 : _a.size) ?? this._size;
+    }
+    select() {
+      if (this.disabled) {
+        return;
+      }
+      if (this.allowEmptySelection) {
+        this.checked = !this.checked;
+      } else if (!this.checked) {
+        this.checked = true;
+      }
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this._group = this.closest("sbb-radio-button-group");
+      const signal = this._abort.signal;
+      this.addEventListener("click", (e) => this._handleClick(e), { signal });
+      this.addEventListener("keydown", (e) => this._handleKeyDown(e), { signal });
+      this._handlerRepository.connect();
+      ["disabled", "required", "size"].forEach((p) => this.requestUpdate(p));
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback();
+      this._handlerRepository.disconnect();
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("checked")) {
+        this.setAttribute("aria-checked", `${this.checked}`);
+        if (this.checked !== changedProperties.get("checked")) {
+          this._stateChange.emit({ type: "checked", checked: this.checked });
+        }
+      }
+      if (changedProperties.has("disabled")) {
+        setOrRemoveAttribute(this, "aria-disabled", this.disabled ? "true" : null);
+        if (this.disabled !== changedProperties.get("disabled")) {
+          this._stateChange.emit({ type: "disabled", disabled: this.disabled });
+        }
+      }
+      if (changedProperties.has("required")) {
+        this.setAttribute("aria-required", `${this.required}`);
+      }
+    }
+    _handleClick(event) {
+      event.preventDefault();
+      this.select();
+    }
+    _handleKeyDown(evt) {
+      if (evt.code === "Space") {
+        this.select();
+      }
+    }
+  };
+  SbbRadioButtonCommonElement.events = {
+    stateChange: "stateChange"
+  };
+  __decorateClass([
+    property({ attribute: "allow-empty-selection", type: Boolean })
+  ], SbbRadioButtonCommonElement.prototype, "allowEmptySelection", 1);
+  __decorateClass([
+    property()
+  ], SbbRadioButtonCommonElement.prototype, "value", 2);
+  __decorateClass([
+    property({ reflect: true, type: Boolean })
+  ], SbbRadioButtonCommonElement.prototype, "disabled", 1);
+  __decorateClass([
+    property({ reflect: true, type: Boolean })
+  ], SbbRadioButtonCommonElement.prototype, "required", 1);
+  __decorateClass([
+    property({ reflect: true, type: Boolean })
+  ], SbbRadioButtonCommonElement.prototype, "checked", 1);
+  __decorateClass([
+    property({ reflect: true })
+  ], SbbRadioButtonCommonElement.prototype, "size", 1);
+  SbbRadioButtonCommonElement = __decorateClass([
+    hostAttributes({
+      role: "radio"
+    })
+  ], SbbRadioButtonCommonElement);
+  return SbbRadioButtonCommonElement;
+};
+const radioButtonCommon = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-radio-button-label-color: var(--sbb-color-charcoal);
+  --sbb-radio-button-background-color: var(--sbb-color-white);
+  --sbb-radio-button-inner-circle-color: var(--sbb-color-white);
+  --sbb-radio-button-border-width: var(--sbb-border-width-1x);
+  --sbb-radio-button-border-style: solid;
+  --sbb-radio-button-border-color: var(--sbb-color-smoke);
+  --sbb-radio-button-dimension: var(--sbb-size-icon-ui-small);
+  --sbb-radio-button-inner-circle-dimension: 0.625rem;
+  --sbb-radio-button-cursor: pointer;
+  --sbb-radio-button-background-fake-border-width: calc(var(--sbb-radio-button-dimension) / 2);
+  --sbb-radio-button-icon-align: calc(
+    (1em * var(--sbb-typo-line-height-body-text) - var(--sbb-radio-button-dimension)) / 2
+  );
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-radio-button-background-color: Canvas !important;
+    --sbb-radio-button-border-width: var(--sbb-border-width-2x);
+    --sbb-radio-button-border-color: ButtonBorder;
+  }
+}
+
+:host([checked]) {
+  --sbb-radio-button-inner-circle-color: var(--sbb-color-red);
+  --sbb-radio-button-background-fake-border-width: calc(
+    (var(--sbb-radio-button-dimension) - var(--sbb-radio-button-inner-circle-dimension)) / 2
+  );
+}
+@media (forced-colors: active) {
+  :host([checked]) {
+    --sbb-radio-button-inner-circle-color: Highlight;
+    --sbb-radio-button-border-color: Highlight;
+  }
+}
+
+:host([disabled]) {
+  --sbb-radio-button-label-color: var(--sbb-color-granite);
+  --sbb-radio-button-background-color: var(--sbb-color-milk);
+  --sbb-radio-button-border-style: dashed;
+  --sbb-radio-button-inner-circle-color: var(--sbb-color-charcoal);
+  --sbb-radio-button-cursor: default;
+}
+@media (forced-colors: active) {
+  :host([disabled]) {
+    --sbb-radio-button-inner-circle-color: GrayText;
+    --sbb-radio-button-border-color: GrayText;
+    --sbb-radio-button-border-style: solid;
+  }
+}
+
+.sbb-screen-reader-only {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+.sbb-radio-button {
+  --sbb-text-font-size: var(--sbb-font-size-text-m);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  display: block;
+  cursor: var(--sbb-radio-button-cursor);
+  user-select: none;
+  position: relative;
+  color: var(--sbb-radio-button-label-color);
+  -webkit-tap-highlight-color: transparent;
+}
+:host([size=s]) .sbb-radio-button {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+}
+
+.sbb-radio-button__label-slot {
+  display: flex;
+  align-items: flex-start;
+  overflow: hidden;
+}
+.sbb-radio-button__label-slot::before, .sbb-radio-button__label-slot::after {
+  content: "";
+  flex-shrink: 0;
+  width: var(--sbb-radio-button-dimension);
+  height: var(--sbb-radio-button-dimension);
+  border-radius: 50%;
+  margin-block-start: var(--sbb-radio-button-icon-align);
+  transition-duration: var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x));
+  transition-timing-function: ease;
+  transition-property: background-color, border;
+}
+@media (forced-colors: active) {
+  .sbb-radio-button__label-slot::before, .sbb-radio-button__label-slot::after {
+    transition: none;
+  }
+}
+.sbb-radio-button__label-slot::before {
+  background: var(--sbb-radio-button-inner-circle-color);
+  border: var(--sbb-radio-button-background-fake-border-width) solid var(--sbb-radio-button-background-color);
+  margin-inline-end: var(--sbb-spacing-fixed-2x);
+}
+.sbb-radio-button__label-slot::after {
+  position: absolute;
+  border: var(--sbb-radio-button-border-width) var(--sbb-radio-button-border-style) var(--sbb-radio-button-border-color);
+}`;
+export {
+  SbbRadioButtonCommonElementMixin,
+  radioButtonCommon as radioButtonCommonStyle
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvcmFkaW8tYnV0dG9uL2NvbW1vbi9yYWRpby1idXR0b24tY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTGl0RWxlbWVudCwgUHJvcGVydHlWYWx1ZXMgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkNvbm5lY3RlZEFib3J0Q29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgc2V0T3JSZW1vdmVBdHRyaWJ1dGUgfSBmcm9tICcuLi8uLi9jb3JlL2RvbS5qcyc7XG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIsIEhhbmRsZXJSZXBvc2l0b3J5LCBmb3JtRWxlbWVudEhhbmRsZXJBc3BlY3QgfSBmcm9tICcuLi8uLi9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB0eXBlIHtcbiAgU2JiQ2hlY2tlZFN0YXRlQ2hhbmdlLFxuICBTYmJEaXNhYmxlZFN0YXRlQ2hhbmdlLFxuICBTYmJTdGF0ZUNoYW5nZSxcbn0gZnJvbSAnLi4vLi4vY29yZS9pbnRlcmZhY2VzLmpzJztcbmltcG9ydCB0eXBlIHsgQWJzdHJhY3RDb25zdHJ1Y3RvciB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiUmFkaW9CdXR0b25Hcm91cEVsZW1lbnQgfSBmcm9tICcuLi9yYWRpby1idXR0b24tZ3JvdXAuanMnO1xuXG5leHBvcnQgdHlwZSBTYmJSYWRpb0J1dHRvblNpemUgPSAncycgfCAnbSc7XG5cbmV4cG9ydCB0eXBlIFNiYlJhZGlvQnV0dG9uU3RhdGVDaGFuZ2UgPSBFeHRyYWN0PFxuICBTYmJTdGF0ZUNoYW5nZSxcbiAgU2JiRGlzYWJsZWRTdGF0ZUNoYW5nZSB8IFNiYkNoZWNrZWRTdGF0ZUNoYW5nZVxuPjtcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgU2JiUmFkaW9CdXR0b25Db21tb25FbGVtZW50TWl4aW5UeXBlIHtcbiAgcHVibGljIGdldCBhbGxvd0VtcHR5U2VsZWN0aW9uKCk6IGJvb2xlYW47XG4gIHB1YmxpYyBzZXQgYWxsb3dFbXB0eVNlbGVjdGlvbihib29sZWFuKTtcbiAgcHVibGljIHZhbHVlPzogc3RyaW5nO1xuICBwdWJsaWMgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW47XG4gIHB1YmxpYyBzZXQgZGlzYWJsZWQoYm9vbGVhbik7XG4gIHB1YmxpYyBnZXQgcmVxdWlyZWQoKTogYm9vbGVhbjtcbiAgcHVibGljIHNldCByZXF1aXJlZChib29sZWFuKTtcbiAgcHVibGljIGdldCBncm91cCgpOiBTYmJSYWRpb0J1dHRvbkdyb3VwRWxlbWVudCB8IG51bGw7XG4gIHB1YmxpYyBnZXQgY2hlY2tlZCgpOiBib29sZWFuO1xuICBwdWJsaWMgc2V0IGNoZWNrZWQoYm9vbGVhbik7XG4gIHB1YmxpYyBzZWxlY3QoKTogdm9pZDtcbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYlJhZGlvQnV0dG9uQ29tbW9uRWxlbWVudE1peGluID0gPFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPExpdEVsZW1lbnQ+PihcbiAgc3VwZXJDbGFzczogVCxcbik6IEFic3RyYWN0Q29uc3RydWN0b3I8U2JiUmFkaW9CdXR0b25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQgPT4ge1xuICBAaG9zdEF0dHJpYnV0ZXMoe1xuICAgIHJvbGU6ICdyYWRpbycsXG4gIH0pXG4gIGFic3RyYWN0IGNsYXNzIFNiYlJhZGlvQnV0dG9uQ29tbW9uRWxlbWVudFxuICAgIGV4dGVuZHMgc3VwZXJDbGFzc1xuICAgIGltcGxlbWVudHMgUGFydGlhbDxTYmJSYWRpb0J1dHRvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+XG4gIHtcbiAgICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICAgIHN0YXRlQ2hhbmdlOiAnc3RhdGVDaGFuZ2UnLFxuICAgIH0gYXMgY29uc3Q7XG5cbiAgICAvKipcbiAgICAgKiBXaGV0aGVyIHRoZSByYWRpbyBjYW4gYmUgZGVzZWxlY3RlZC5cbiAgICAgKi9cbiAgICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhbGxvdy1lbXB0eS1zZWxlY3Rpb24nLCB0eXBlOiBCb29sZWFuIH0pXG4gICAgcHVibGljIHNldCBhbGxvd0VtcHR5U2VsZWN0aW9uKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICB0aGlzLl9hbGxvd0VtcHR5U2VsZWN0aW9uID0gQm9vbGVhbih2YWx1ZSk7XG4gICAgfVxuICAgIHB1YmxpYyBnZXQgYWxsb3dFbXB0eVNlbGVjdGlvbigpOiBib29sZWFuIHtcbiAgICAgIHJldHVybiB0aGlzLl9hbGxvd0VtcHR5U2VsZWN0aW9uIHx8ICh0aGlzLmdyb3VwPy5hbGxvd0VtcHR5U2VsZWN0aW9uID8/IGZhbHNlKTtcbiAgICB9XG4gICAgcHJpdmF0ZSBfYWxsb3dFbXB0eVNlbGVjdGlvbiA9IGZhbHNlO1xuXG4gICAgLyoqXG4gICAgICogVmFsdWUgb2YgcmFkaW8gYnV0dG9uLlxuICAgICAqL1xuICAgIEBwcm9wZXJ0eSgpIHB1YmxpYyB2YWx1ZT86IHN0cmluZztcblxuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgdGhlIHJhZGlvIGJ1dHRvbiBpcyBkaXNhYmxlZC5cbiAgICAgKi9cbiAgICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gICAgcHVibGljIHNldCBkaXNhYmxlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgdGhpcy5fZGlzYWJsZWQgPSBCb29sZWFuKHZhbHVlKTtcbiAgICB9XG4gICAgcHVibGljIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZCB8fCAodGhpcy5ncm91cD8uZGlzYWJsZWQgPz8gZmFsc2UpO1xuICAgIH1cbiAgICBwcml2YXRlIF9kaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgLyoqXG4gICAgICogV2hldGhlciB0aGUgcmFkaW8gYnV0dG9uIGlzIHJlcXVpcmVkLlxuICAgICAqL1xuICAgIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgICBwdWJsaWMgc2V0IHJlcXVpcmVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICB0aGlzLl9yZXF1aXJlZCA9IEJvb2xlYW4odmFsdWUpO1xuICAgIH1cbiAgICBwdWJsaWMgZ2V0IHJlcXVpcmVkKCk6IGJvb2xlYW4ge1xuICAgICAgcmV0dXJuIHRoaXMuX3JlcXVpcmVkIHx8ICh0aGlzLmdyb3VwPy5yZXF1aXJlZCA/PyBmYWxzZSk7XG4gICAgfVxuICAgIHByaXZhdGUgX3JlcXVpcmVkID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiBSZWZlcmVuY2UgdG8gdGhlIGNvbm5lY3RlZCByYWRpbyBidXR0b24gZ3JvdXAuXG4gICAgICovXG4gICAgcHVibGljIGdldCBncm91cCgpOiBTYmJSYWRpb0J1dHRvbkdyb3VwRWxlbWVudCB8IG51bGwge1xuICAgICAgcmV0dXJuIHRoaXMuX2dyb3VwO1xuICAgIH1cbiAgICBwcml2YXRlIF9ncm91cDogU2JiUmFkaW9CdXR0b25Hcm91cEVsZW1lbnQgfCBudWxsID0gbnVsbDtcblxuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgdGhlIHJhZGlvIGJ1dHRvbiBpcyBjaGVja2VkLlxuICAgICAqL1xuICAgIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgICBwdWJsaWMgc2V0IGNoZWNrZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgIHRoaXMuX2NoZWNrZWQgPSBCb29sZWFuKHZhbHVlKTtcbiAgICB9XG4gICAgcHVibGljIGdldCBjaGVja2VkKCk6IGJvb2xlYW4ge1xuICAgICAgcmV0dXJuIHRoaXMuX2NoZWNrZWQ7XG4gICAgfVxuICAgIHByaXZhdGUgX2NoZWNrZWQgPSBmYWxzZTtcblxuICAgIC8qKlxuICAgICAqIExhYmVsIHNpemUgdmFyaWFudCwgZWl0aGVyIG0gb3Igcy5cbiAgICAgKi9cbiAgICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gICAgcHVibGljIHNldCBzaXplKHZhbHVlOiBTYmJSYWRpb0J1dHRvblNpemUpIHtcbiAgICAgIHRoaXMuX3NpemUgPSB2YWx1ZTtcbiAgICB9XG4gICAgcHVibGljIGdldCBzaXplKCk6IFNiYlJhZGlvQnV0dG9uU2l6ZSB7XG4gICAgICByZXR1cm4gdGhpcy5ncm91cD8uc2l6ZSA/PyB0aGlzLl9zaXplO1xuICAgIH1cbiAgICBwcml2YXRlIF9zaXplOiBTYmJSYWRpb0J1dHRvblNpemUgPSAnbSc7XG5cbiAgICBwcml2YXRlIF9hYm9ydCA9IG5ldyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIodGhpcyk7XG4gICAgcHJpdmF0ZSBfaGFuZGxlclJlcG9zaXRvcnkgPSBuZXcgSGFuZGxlclJlcG9zaXRvcnkodGhpcywgZm9ybUVsZW1lbnRIYW5kbGVyQXNwZWN0KTtcblxuICAgIC8qKlxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqIEludGVybmFsIGV2ZW50IHRoYXQgZW1pdHMgd2hlbmV2ZXIgdGhlIHN0YXRlIG9mIHRoZSByYWRpbyBvcHRpb25cbiAgICAgKiBpbiByZWxhdGlvbiB0byB0aGUgcGFyZW50IHNlbGVjdGlvbiBwYW5lbCBjaGFuZ2VzLlxuICAgICAqL1xuICAgIHByaXZhdGUgX3N0YXRlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8U2JiUmFkaW9CdXR0b25TdGF0ZUNoYW5nZT4gPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgICAgdGhpcyxcbiAgICAgIFNiYlJhZGlvQnV0dG9uQ29tbW9uRWxlbWVudC5ldmVudHMuc3RhdGVDaGFuZ2UsXG4gICAgICB7IGJ1YmJsZXM6IHRydWUgfSxcbiAgICApO1xuXG4gICAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMuYWxsb3dFbXB0eVNlbGVjdGlvbikge1xuICAgICAgICB0aGlzLmNoZWNrZWQgPSAhdGhpcy5jaGVja2VkO1xuICAgICAgfSBlbHNlIGlmICghdGhpcy5jaGVja2VkKSB7XG4gICAgICAgIHRoaXMuY2hlY2tlZCA9IHRydWU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICAgIHRoaXMuX2dyb3VwID0gdGhpcy5jbG9zZXN0KCdzYmItcmFkaW8tYnV0dG9uLWdyb3VwJykgYXMgU2JiUmFkaW9CdXR0b25Hcm91cEVsZW1lbnQ7XG5cbiAgICAgIGNvbnN0IHNpZ25hbCA9IHRoaXMuX2Fib3J0LnNpZ25hbDtcbiAgICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCAoZSkgPT4gdGhpcy5faGFuZGxlQ2xpY2soZSksIHsgc2lnbmFsIH0pO1xuICAgICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgKGUpID0+IHRoaXMuX2hhbmRsZUtleURvd24oZSksIHsgc2lnbmFsIH0pO1xuICAgICAgdGhpcy5faGFuZGxlclJlcG9zaXRvcnkuY29ubmVjdCgpO1xuXG4gICAgICAvLyBXZSBuZWVkIHRvIGNhbGwgcmVxdWVzdFVwZGF0ZSB0byB1cGRhdGUgdGhlIHJlZmxlY3RlZCBhdHRyaWJ1dGVzXG4gICAgICBbJ2Rpc2FibGVkJywgJ3JlcXVpcmVkJywgJ3NpemUnXS5mb3JFYWNoKChwKSA9PiB0aGlzLnJlcXVlc3RVcGRhdGUocCkpO1xuICAgIH1cblxuICAgIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgICB0aGlzLl9oYW5kbGVyUmVwb3NpdG9yeS5kaXNjb25uZWN0KCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnY2hlY2tlZCcpKSB7XG4gICAgICAgIHRoaXMuc2V0QXR0cmlidXRlKCdhcmlhLWNoZWNrZWQnLCBgJHt0aGlzLmNoZWNrZWR9YCk7XG4gICAgICAgIGlmICh0aGlzLmNoZWNrZWQgIT09IGNoYW5nZWRQcm9wZXJ0aWVzLmdldCgnY2hlY2tlZCcpISkge1xuICAgICAgICAgIHRoaXMuX3N0YXRlQ2hhbmdlLmVtaXQoeyB0eXBlOiAnY2hlY2tlZCcsIGNoZWNrZWQ6IHRoaXMuY2hlY2tlZCB9KTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZGlzYWJsZWQnKSkge1xuICAgICAgICBzZXRPclJlbW92ZUF0dHJpYnV0ZSh0aGlzLCAnYXJpYS1kaXNhYmxlZCcsIHRoaXMuZGlzYWJsZWQgPyAndHJ1ZScgOiBudWxsKTtcbiAgICAgICAgaWYgKHRoaXMuZGlzYWJsZWQgIT09IGNoYW5nZWRQcm9wZXJ0aWVzLmdldCgnZGlzYWJsZWQnKSEpIHtcbiAgICAgICAgICB0aGlzLl9zdGF0ZUNoYW5nZS5lbWl0KHsgdHlwZTogJ2Rpc2FibGVkJywgZGlzYWJsZWQ6IHRoaXMuZGlzYWJsZWQgfSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ3JlcXVpcmVkJykpIHtcbiAgICAgICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ2FyaWEtcmVxdWlyZWQnLCBgJHt0aGlzLnJlcXVpcmVkfWApO1xuICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgX2hhbmRsZUNsaWNrKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMuc2VsZWN0KCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfaGFuZGxlS2V5RG93bihldnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgIGlmIChldnQuY29kZSA9PT0gJ1NwYWNlJykge1xuICAgICAgICB0aGlzLnNlbGVjdCgpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiBTYmJSYWRpb0J1dHRvbkNvbW1vbkVsZW1lbnQgYXMgdW5rbm93biBhcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYlJhZGlvQnV0dG9uQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFxQ2EsTUFBQSxtQ0FBbUMsQ0FDOUMsZUFDa0U7QUFJbkQsTUFBQSw4QkFBZixjQUNVLFdBRVY7QUFBQSxJQUhBLGNBQUE7QUFBQSxZQUFBLEdBQUEsU0FBQTtBQWtCRSxXQUFRLHVCQUF1QjtBQWlCL0IsV0FBUSxZQUFZO0FBWXBCLFdBQVEsWUFBWTtBQVFwQixXQUFRLFNBQTRDO0FBWXBELFdBQVEsV0FBVztBQVluQixXQUFRLFFBQTRCO0FBRTVCLFdBQUEsU0FBUyxJQUFJLDRCQUE0QixJQUFJO0FBQ3JELFdBQVEscUJBQXFCLElBQUksa0JBQWtCLE1BQU0sd0JBQXdCO0FBT2pGLFdBQVEsZUFBd0QsSUFBSTtBQUFBLFFBQ2xFO0FBQUEsUUFDQSw0QkFBNEIsT0FBTztBQUFBLFFBQ25DLEVBQUUsU0FBUyxLQUFLO0FBQUEsTUFBQTtBQUFBLElBQ2xCO0FBQUEsSUFqRkEsSUFBVyxvQkFBb0IsT0FBZ0I7QUFDeEMsV0FB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

package/development/radio-button/radio-button/radio-button.d.ts

@@ -1,96 +1,17 @@
-import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-import { SbbCheckedStateChange, SbbDisabledStateChange, SbbStateChange } from '../../core/interfaces.js';
-import { SbbRadioButtonGroupElement } from '../radio-button-group.js';
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
 
-export type SbbRadioButtonStateChange = Extract<SbbStateChange, SbbDisabledStateChange | SbbCheckedStateChange>;
-export type SbbRadioButtonSize = 's' | 'm';
-declare const SbbRadioButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbUpdateSchedulerMixinType> & typeof LitElement;
+declare const SbbRadioButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbRadioButtonCommonElementMixinType> & typeof LitElement;
 /**
  * It displays a radio button enhanced with the SBB Design.
  *
  * @slot - Use the unnamed slot to add content to the radio label.
- * @slot subtext - Slot used to render a subtext under the label (only visible within a `sbb-selection-panel`).
- * @slot suffix - Slot used to render additional content after the label (only visible within a `sbb-selection-panel`).
  */
 export declare class SbbRadioButtonElement extends SbbRadioButtonElement_base {
     static styles: CSSResultGroup;
     static readonly events: {
         readonly stateChange: "stateChange";
-        readonly radioButtonLoaded: "radioButtonLoaded";
     };
-    /**
-     * Whether the radio can be deselected.
-     */
-    set allowEmptySelection(value: boolean);
-    get allowEmptySelection(): boolean;
-    private _allowEmptySelection;
-    /**
-     * Value of radio button.
-     */
-    value?: string;
-    /**
-     * Whether the radio button is disabled.
-     */
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    private _disabled;
-    /**
-     * Whether the radio button is required.
-     */
-    set required(value: boolean);
-    get required(): boolean;
-    private _required;
-    /**
-     * Reference to the connected radio button group.
-     */
-    get group(): SbbRadioButtonGroupElement | null;
-    private _group;
-    /**
-     * Whether the radio button is checked.
-     */
-    set checked(value: boolean);
-    get checked(): boolean;
-    private _checked;
-    /**
-     * Label size variant, either m or s.
-     */
-    set size(value: SbbRadioButtonSize);
-    get size(): SbbRadioButtonSize;
-    private _size;
-    /**
-     * Whether the input is the main input of a selection panel.
-     * @internal
-     */
-    get isSelectionPanelInput(): boolean;
-    private _isSelectionPanelInput;
-    /**
-     * The label describing whether the selection panel is expanded (for screen readers only).
-     */
-    private _selectionPanelExpandedLabel?;
-    private _selectionPanelElement;
-    private _abort;
-    private _language;
-    /**
-     * @internal
-     * Internal event that emits whenever the state of the radio option
-     * in relation to the parent selection panel changes.
-     */
-    private _stateChange;
-    /**
-     * @internal
-     * Internal event that emits when the radio button is loaded.
-     */
-    private _radioButtonLoaded;
-    private _handleClick;
-    select(): void;
-    private _handlerRepository;
     constructor();
-    connectedCallback(): void;
-    protected willUpdate(changedProperties: PropertyValues<this>): void;
-    protected firstUpdated(changedProperties: PropertyValues<this>): void;
-    disconnectedCallback(): void;
-    private _handleKeyDown;
-    private _updateExpandedLabel;
     protected render(): TemplateResult;
 }
 declare global {

package/development/radio-button/radio-button/radio-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../../src/elements/radio-button/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAYhD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAGlC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAI3E,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,CAAC;;AAE3C;;;;;;GAMG;AACH,qBAIa,qBAAsB,SAAQ,0BAAmC;IAC5E,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX;;OAEG;IACH,IACW,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAE5C;IACD,IAAW,mBAAmB,IAAI,OAAO,CAExC;IACD,OAAO,CAAC,oBAAoB,CAAS;IAErC;;OAEG;IACgB,KAAK,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAEjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IACD,OAAO,CAAC,SAAS,CAAS;IAE1B;;OAEG;IACH,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAEjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IACD,OAAO,CAAC,SAAS,CAAS;IAE1B;;OAEG;IACH,IAAW,KAAK,IAAI,0BAA0B,GAAG,IAAI,CAEpD;IACD,OAAO,CAAC,MAAM,CAA2C;IAEzD;;OAEG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,OAAO,EAEhC;IACD,IAAW,OAAO,IAAI,OAAO,CAE5B;IACD,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,IACW,IAAI,CAAC,KAAK,EAAE,kBAAkB,EAExC;IACD,IAAW,IAAI,IAAI,kBAAkB,CAEpC;IACD,OAAO,CAAC,KAAK,CAA2B;IAExC;;;OAGG;IACH,IAAW,qBAAqB,IAAI,OAAO,CAE1C;IACQ,OAAO,CAAC,sBAAsB,CAAS;IAEhD;;OAEG;IACM,OAAO,CAAC,4BAA4B,CAAC,CAAS;IAEvD,OAAO,CAAC,sBAAsB,CAAyC;IACvE,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;;OAIG;IACH,OAAO,CAAC,YAAY,CAIlB;IAEF;;;OAGG;IACH,OAAO,CAAC,kBAAkB,CAIxB;IACF,OAAO,CAAC,YAAY;IAKb,MAAM,IAAI,IAAI;IAYrB,OAAO,CAAC,kBAAkB,CAAyD;;IAOnE,iBAAiB,IAAI,IAAI;cAmBtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAqBzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW9D,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,oBAAoB;cAWT,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}
+{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../../src/elements/radio-button/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;;AAQhD;;;;GAIG;AACH,qBACa,qBAAsB,SAAQ,0BAA4C;IACrF,OAAuB,MAAM,EAAE,cAAc,CAA8C;IAC3F,gBAAuB,MAAM;;MAElB;;cAOQ,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/development/radio-button/radio-button-group/radio-button-group.d.ts

@@ -1,10 +1,12 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
 import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.js';
-import { SbbRadioButtonElement, SbbRadioButtonSize } from '../radio-button.js';
+import { SbbRadioButtonSize } from '../common.js';
+import { SbbRadioButtonPanelElement } from '../radio-button-panel.js';
+import { SbbRadioButtonElement } from '../radio-button.js';
 
 export type SbbRadioButtonGroupEventDetail = {
     value: any | null;
-    radioButton: SbbRadioButtonElement;
+    radioButton: SbbRadioButtonElement | SbbRadioButtonPanelElement;
 };
 declare const SbbRadioButtonGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof LitElement;
 /**
@@ -50,9 +52,9 @@ export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupEleme
     /**
      * List of contained radio buttons.
      */
-    get radioButtons(): SbbRadioButtonElement[];
+    get radioButtons(): (SbbRadioButtonElement | SbbRadioButtonPanelElement)[];
     private get _enabledRadios();
-    private _hasSelectionPanel;
+    private _hasSelectionExpansionPanelElement;
     private _didLoad;
     private _abort;
     private _valueChanged;

package/development/radio-button/radio-button-group/radio-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../../src/elements/radio-button/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAkB,MAAM,0BAA0B,CAAC;AAGlG,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAEnB,MAAM,oBAAoB,CAAC;AAI5B,MAAM,MAAM,8BAA8B,GAAG;IAC3C,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,WAAW,EAAE,qBAAqB,CAAC;CACpC,CAAC;;AAEF;;;;;;;;GAQG;AACH,qBAIa,0BAA2B,SAAQ,+BAA4B;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX;;OAEG;IAEI,mBAAmB,EAAE,OAAO,CAAS;IAE5C;;OAEG;IACiC,QAAQ,EAAE,OAAO,CAAS;IAE9D;;OAEG;IACgB,KAAK,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAEtC;;OAEG;IACgB,IAAI,EAAE,kBAAkB,CAAO;IAElD;;OAEG;IAEI,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C;;OAEG;IAEI,WAAW,EAAE,cAAc,CAAgB;IAElD;;OAEG;IACH,IAAW,YAAY,IAAI,qBAAqB,EAAE,CAIjD;IAED,OAAO,KAAK,cAAc,GAIzB;IAED,OAAO,CAAC,kBAAkB,CAAkB;IAC5C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,MAAM,CAAyC;IAEvD,OAAO,CAAC,aAAa;IAQrB;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;IAEF;;OAEG;IACH,OAAO,CAAC,OAAO,CAGb;IAEF;;OAEG;IACH,OAAO,CAAC,MAAM,CAGZ;;IAOc,iBAAiB,IAAI,IAAI;IAkBzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAqBtD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9D,oBAAoB,IAAI,IAAI;IAI5C,OAAO,CAAC,oBAAoB;IAmB5B,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,cAAc;cAiCH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}
+{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../../src/elements/radio-button/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAkB,MAAM,0BAA0B,CAAC;AAElG,OAAO,KAAK,EAAE,kBAAkB,EAA6B,MAAM,cAAc,CAAC;AAClF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAIhE,MAAM,MAAM,8BAA8B,GAAG;IAC3C,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,WAAW,EAAE,qBAAqB,GAAG,0BAA0B,CAAC;CACjE,CAAC;;AAEF;;;;;;;;GAQG;AACH,qBAIa,0BAA2B,SAAQ,+BAA4B;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX;;OAEG;IAEI,mBAAmB,EAAE,OAAO,CAAS;IAE5C;;OAEG;IACiC,QAAQ,EAAE,OAAO,CAAS;IAE9D;;OAEG;IACgB,KAAK,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAEtC;;OAEG;IACgB,IAAI,EAAE,kBAAkB,CAAO;IAElD;;OAEG;IAEI,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C;;OAEG;IAEI,WAAW,EAAE,cAAc,CAAgB;IAElD;;OAEG;IACH,IAAW,YAAY,IAAI,CAAC,qBAAqB,GAAG,0BAA0B,CAAC,EAAE,CAOhF;IAED,OAAO,KAAK,cAAc,GAIzB;IAED,OAAO,CAAC,kCAAkC,CAAkB;IAC5D,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,MAAM,CAAyC;IAEvD,OAAO,CAAC,aAAa;IAQrB;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGhB;IAEF;;OAEG;IACH,OAAO,CAAC,OAAO,CAGb;IAEF;;OAEG;IACH,OAAO,CAAC,MAAM,CAGZ;;IAOc,iBAAiB,IAAI,IAAI;IAuBzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAqBtD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9D,oBAAoB,IAAI,IAAI;IAI5C,OAAO,CAAC,oBAAoB;IAmB5B,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,cAAc;cA+BH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF"}