@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/popover/popover/popover.d.ts

@@ -0,0 +1,85 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
+import { EventEmitter } from '../../core/eventing.js';
+
+/**
+ * It displays contextual information within a popover.
+ *
+ * @slot - Use the unnamed slot to add content into the popover.
+ * @event {CustomEvent<void>} willOpen - Emits whenever the `sbb-popover` starts the opening transition. Can be canceled.
+ * @event {CustomEvent<void>} didOpen - Emits whenever the `sbb-popover` is opened.
+ * @event {CustomEvent<{ closeTarget: HTMLElement }>} willClose - Emits whenever the `sbb-popover` begins the closing
+ * transition. Can be canceled.
+ * @event {CustomEvent<{ closeTarget: HTMLElement }>} didClose - Emits whenever the `sbb-popover` is closed.
+ * @cssprop [--sbb-popover-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
+ * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
+ * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
+ */
+export declare class SbbPopoverElement extends SbbOpenCloseBaseElement {
+    static styles: CSSResultGroup;
+    /**
+     * The element that will trigger the popover overlay.
+     * Accepts both a string (id of an element) or an HTML element.
+     */
+    trigger?: string | HTMLElement;
+    /** Whether the close button should be hidden. */
+    hideCloseButton?: boolean;
+    /** Whether the popover should be triggered on hover. */
+    hoverTrigger: boolean;
+    /** Open the popover after a certain delay. */
+    openDelay?: number | undefined;
+    /** Close the popover after a certain delay. */
+    closeDelay?: number | undefined;
+    /** This will be forwarded as aria-label to the close button element. */
+    accessibilityCloseLabel: string | undefined;
+    /** Emits whenever the `sbb-popover` begins the closing transition. */
+    protected willClose: EventEmitter<{
+        closeTarget?: HTMLElement;
+    }>;
+    /** Emits whenever the `sbb-popover` is closed. */
+    protected didClose: EventEmitter<{
+        closeTarget?: HTMLElement;
+    }>;
+    private _overlay;
+    private _triggerElement?;
+    private _nextFocusedElement?;
+    private _skipCloseFocus;
+    private _popoverCloseElement?;
+    private _isPointerDownEventOnPopover?;
+    private _popoverController;
+    private _openStateController;
+    private _focusHandler;
+    private _hoverTrigger;
+    private _openTimeout?;
+    private _closeTimeout?;
+    private _language;
+    /** Opens the popover on trigger click. */
+    open(): void;
+    /** Closes the popover. */
+    close(target?: HTMLElement): void;
+    private _onKeydownEvent;
+    private _removeTriggerClickListener;
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    private _configure;
+    private _attachWindowEvents;
+    private _closeOnSbbPopoverCloseClick;
+    private _pointerDownListener;
+    private _closeOnBackdropClick;
+    private _onTriggerMouseEnter;
+    private _onTriggerMouseLeave;
+    private _onOverlayMouseEnter;
+    private _onOverlayMouseLeave;
+    private _onPopoverAnimationEnd;
+    private _setPopoverFocus;
+    private _setPopoverPosition;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-popover': SbbPopoverElement;
+    }
+}
+//# sourceMappingURL=popover.d.ts.map

package/popover/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAW1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,OAAO,EAA4B,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAYhF,OAAO,kCAAkC,CAAC;AAS1C;;;;;;;;;;;;GAYG;AACH,qBACa,iBAAkB,SAAQ,uBAAuB;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACgB,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAElD,iDAAiD;IACmB,eAAe,CAAC,EAAE,OAAO,CACrF;IAER,wDAAwD;IACQ,YAAY,EAAE,OAAO,CAAS;IAE9F,8CAA8C;IACc,SAAS,CAAC,qBAAK;IAE3E,+CAA+C;IACc,UAAU,CAAC,qBAAK;IAE7E,wEAAwE;IACX,uBAAuB,EAChF,MAAM,GACN,SAAS,CAAC;IAEd,sEAAsE;IACtE,UAAmB,SAAS,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAGvE;IAEF,kDAAkD;IAClD,UAAmB,QAAQ,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAGtE;IAEF,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,eAAe,CAAC,CAAqB;IAE7C,OAAO,CAAC,mBAAmB,CAAC,CAAc;IAC1C,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,oBAAoB,CAAC,CAAc;IAC3C,OAAO,CAAC,4BAA4B,CAAC,CAAU;IAC/C,OAAO,CAAC,kBAAkB,CAAmB;IAC7C,OAAO,CAAC,oBAAoB,CAAmB;IAC/C,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAC,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD,0CAA0C;IACnC,IAAI,IAAI,IAAI;IAyBnB,0BAA0B;IACnB,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAgBxC,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,2BAA2B;IAWnB,iBAAiB,IAAI,IAAI;cAYtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAYzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,UAAU;IAuDlB,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,4BAA4B;IAUpC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAS3B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAMF,OAAO,CAAC,sBAAsB;IA8B9B,OAAO,CAAC,gBAAgB;IAyCxB,OAAO,CAAC,mBAAmB;cA6BR,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/popover/popover-trigger/popover-trigger.d.ts

@@ -0,0 +1,21 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+
+declare const SbbPopoverTriggerElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
+/**
+ * It can be used as a trigger for the `sbb-popover` component.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-popover-trigger`.
+ */
+export declare class SbbPopoverTriggerElement extends SbbPopoverTriggerElement_base {
+    static styles: CSSResultGroup;
+    connectedCallback(): void;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-popover-trigger': SbbPopoverTriggerElement;
+    }
+}
+export {};
+//# sourceMappingURL=popover-trigger.d.ts.map

package/popover/popover-trigger/popover-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover-trigger/popover-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAOnE;;;;GAIG;AACH,qBACa,wBAAyB,SAAQ,6BAE7C;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtC,iBAAiB,IAAI,IAAI;cAUtB,cAAc,IAAI,cAAc;CAOpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/popover/popover-trigger.d.ts

@@ -0,0 +1,2 @@
+export * from './popover-trigger/popover-trigger.js';
+//# sourceMappingURL=popover-trigger.d.ts.map

package/popover/popover-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/popover-trigger.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}

package/popover/popover-trigger.js

@@ -0,0 +1,35 @@
+import { css as l, html as c } from "lit";
+import { customElement as d } from "lit/decorators.js";
+import { SbbButtonBaseElement as u } from "../core/base-elements.js";
+import { hostContext as n } from "../core/dom.js";
+import { SbbDisabledTabIndexActionMixin as v, SbbNegativeMixin as h } from "../core/mixins.js";
+import { SbbIconNameMixin as m } from "../icon.js";
+const p = l`*,:before,:after{box-sizing:border-box}:host{--sbb-popover-color: inherit;outline:none!important;display:inline-block}@media (forced-colors: active){:host{--sbb-popover-color: ButtonText !important}}@media (any-hover: hover){:host(:hover){--sbb-popover-color: var(--sbb-color-iron)}:host(:hover[negative]){--sbb-popover-color: var(--sbb-color-cloud)}}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:active,[data-active])){--sbb-popover-color: var(--sbb-color-anthracite)}:host(:is(:active,[data-active])[negative]){--sbb-popover-color: var(--sbb-color-cement)}:host([disabled]){--sbb-popover-color: var(--sbb-color-graphite);pointer-events:none}@media (forced-colors: active){:host([disabled]){--sbb-popover-color: GrayText !important}}:host([disabled][negative]){--sbb-popover-color: var(--sbb-color-smoke)}:host([data-icon-small]){display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-default-border: var(--sbb-color-black-alpha-0);--sbb-button-color-default-text: var(--sbb-color-charcoal);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-charcoal);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-style: solid;--sbb-button-border-disabled-style: dashed;--sbb-button-border-width: 0rem;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing);--sbb-button-inset: 0}@media (forced-colors: active){:host([data-icon-small]){--sbb-button-color-default-text: ButtonText !important;--sbb-button-color-default-border: CanvasText !important;--sbb-button-color-active-text: ButtonText !important;--sbb-button-color-active-border: Highlight !important;--sbb-button-color-hover-text: ButtonText !important}}:host([data-icon-small]) .sbb-popover-trigger{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-default-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:var(--sbb-button-display)}:host([data-icon-small]) .sbb-popover-trigger:before{position:absolute;content:"";inset:var(--sbb-button-inset);border:var(--sbb-button-border-width) var(--sbb-button-border-style) var(--sbb-button-color-default-border);border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color,border-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([data-icon-small][negative]){--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-default-border: var(--sbb-color-black-alpha-0);--sbb-button-color-default-text: var(--sbb-color-milk);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-milk);--sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host([data-icon-small][disabled]){--sbb-button-border-width: var(--sbb-border-width-1x)}@media (forced-colors: active){:host([data-icon-small][disabled]){--sbb-button-color-disabled-text: GrayText !important}}:host([data-icon-small][disabled]) .sbb-popover-trigger{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host([data-icon-small][disabled]) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-disabled-background);border-color:var(--sbb-button-color-disabled-border);border-style:var(--sbb-button-border-disabled-style)}:host([data-icon-small]:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-popover-trigger:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host([data-icon-small]:not([disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (forced-colors: active){:host([data-icon-small]:not([disabled],:active,[data-active]):hover){--sbb-button-color-hover-border: Highlight !important}}@media (any-hover: hover){:host([data-icon-small]:not([disabled],:active,[data-active]):hover) .sbb-popover-trigger:before{inset:calc(var(--sbb-button-border-width) * -1);background-color:var(--sbb-button-color-hover-background);border-color:var(--sbb-button-color-hover-border)}}@media (any-hover: hover){:host([data-icon-small]:not([disabled],:active,[data-active]):hover) .sbb-popover-trigger{color:var(--sbb-button-color-hover-text)}}:host([data-icon-small]:is(:active,[data-active])) .sbb-popover-trigger:before{color:var(--sbb-button-color-active-text);background-color:var(--sbb-button-color-active-background);border-color:var(--sbb-button-color-active-border)}:host(:not([data-icon-small])) .sbb-popover-trigger{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;display:flex;cursor:pointer;color:var(--sbb-popover-color)}:host(:focus-visible:not([data-icon-small],[data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-popover-trigger{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-4x)}sbb-icon{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small)}`;
+var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, x = (t, r, e, b) => {
+  for (var o = b > 1 ? void 0 : b ? g(r, e) : r, a = t.length - 1, s; a >= 0; a--)
+    (s = t[a]) && (o = (b ? s(r, e, o) : s(o)) || o);
+  return b && o && f(r, e, o), o;
+};
+let i = class extends v(
+  h(m(u))
+) {
+  connectedCallback() {
+    super.connectedCallback();
+    const t = n("sbb-form-field", this) ?? n("[data-form-field]", this);
+    t && (this.toggleAttribute("data-icon-small", !0), this.negative = t.hasAttribute("negative"));
+  }
+  renderTemplate() {
+    return c`
+      <slot>
+        <sbb-icon name=${this.iconName || "circle-information-small"}></sbb-icon>
+      </slot>
+    `;
+  }
+};
+i.styles = p;
+i = x([
+  d("sbb-popover-trigger")
+], i);
+export {
+  i as SbbPopoverTriggerElement
+};

package/popover/popover.d.ts

@@ -0,0 +1,2 @@
+export * from './popover/popover.js';
+//# sourceMappingURL=popover.d.ts.map

package/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/popover.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/popover/popover.js

@@ -0,0 +1,241 @@
+import { css as u, html as d, nothing as g } from "lit";
+import { property as l, customElement as f } from "lit/decorators.js";
+import { ref as m } from "lit/directives/ref.js";
+import { SbbFocusHandler as _, IS_FOCUSABLE_QUERY as w, setModalityOnNextFocus as b, getFirstFocusableElement as y } from "../core/a11y.js";
+import { SbbOpenCloseBaseElement as E } from "../core/base-elements.js";
+import { SbbLanguageController as x } from "../core/controllers.js";
+import { findReferencedElement as C } from "../core/dom.js";
+import { EventEmitter as h, composedPathHasAttribute as T } from "../core/eventing.js";
+import { i18nClosePopover as k } from "../core/i18n.js";
+import { isEventOnElement as c, removeAriaOverlayTriggerAttributes as P, setAriaOverlayTriggerAttributes as L, getElementPosition as O } from "../core/overlay.js";
+import "../button/secondary-button.js";
+const S = u`*,:before,:after{box-sizing:border-box}:host{--sbb-popover-position: absolute;--sbb-popover-position-x: 0;--sbb-popover-position-y: 0;--sbb-popover-arrow-size: var(--sbb-spacing-fixed-4x);--sbb-popover-arrow-position-x: 0;--sbb-popover-max-width: calc(100% - var(--sbb-spacing-fixed-2x));--sbb-popover-inset: 0 auto auto 0;--sbb-popover-border-radius: var(--sbb-border-radius-8x);--sbb-popover-padding: var(--sbb-spacing-fixed-4x);--sbb-popover-background: var(--sbb-color-white);--sbb-popover-color: var(--sbb-color-charcoal);--sbb-popover-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-popover-animation-easing: ease-out;--sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:block}:host([data-position=above]){--sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}:host(:not([data-state=closed])){--sbb-popover-inset: 0}.sbb-popover:after,.sbb-popover__content:before{content:"";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--sbb-popover-arrow-position-x);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index));color:var(--sbb-popover-color)}.sbb-popover{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);display:none;position:var(--sbb-popover-position);pointer-events:all;top:var(--sbb-popover-position-y);bottom:unset;left:var(--sbb-popover-position-x);right:unset;border:none;border-radius:var(--sbb-popover-border-radius);padding:0;max-width:var(--sbb-popover-max-width);width:max-content;background-color:var(--sbb-popover-background);outline:none}.sbb-popover:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}:host([data-state]:not([data-state=closed])) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host([data-state][data-state=closing]) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);z-index:-1}@media (forced-colors: active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host([data-position=above]) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media (forced-colors: active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:transparent}:host([data-position=below]) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host([data-position=above]) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);overflow:hidden;flex-direction:row-reverse}:host([data-position=above]) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@keyframes open{0%{opacity:0;transform:var(--sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--sbb-popover-transform)}}`;
+var A = Object.defineProperty, F = Object.getOwnPropertyDescriptor, n = (e, o, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? F(o, t) : o, a = e.length - 1, p; a >= 0; a--)
+    (p = e[a]) && (r = (i ? p(o, t, r) : p(r)) || r);
+  return i && r && A(o, t, r), r;
+};
+const z = 16, D = 32;
+let M = 0;
+const v = /* @__PURE__ */ new Set();
+let s = class extends E {
+  constructor() {
+    super(...arguments), this.hideCloseButton = !1, this.hoverTrigger = !1, this.openDelay = 0, this.closeDelay = 0, this.willClose = new h(
+      this,
+      s.events.willClose
+    ), this.didClose = new h(
+      this,
+      s.events.didClose
+    ), this._skipCloseFocus = !1, this._focusHandler = new _(), this._hoverTrigger = !1, this._language = new x(this), this._pointerDownListener = (e) => {
+      this._isPointerDownEventOnPopover = c(this._overlay, e);
+    }, this._closeOnBackdropClick = (e) => {
+      !this._isPointerDownEventOnPopover && !c(this._overlay, e) && (this._nextFocusedElement = e.composedPath().filter((o) => o instanceof window.HTMLElement).find((o) => o.matches(w)), clearTimeout(this._closeTimeout), this.close());
+    }, this._onTriggerMouseEnter = () => {
+      this.state === "closed" || this.state === "closing" ? this._openTimeout = setTimeout(() => this.open(), this.openDelay) : clearTimeout(this._closeTimeout);
+    }, this._onTriggerMouseLeave = () => {
+      this.state === "opened" || this.state === "opening" ? this._closeTimeout = setTimeout(() => this.close(), this.closeDelay) : clearTimeout(this._openTimeout);
+    }, this._onOverlayMouseEnter = () => {
+      this.state !== "opening" && clearTimeout(this._closeTimeout);
+    }, this._onOverlayMouseLeave = () => {
+      this.state !== "opening" && (this._closeTimeout = setTimeout(() => this.close(), this.closeDelay));
+    };
+  }
+  /** Opens the popover on trigger click. */
+  open() {
+    var e;
+    if (!(this.state !== "closed" && this.state !== "closing" || !this._overlay) && this.willOpen.emit()) {
+      for (const o of Array.from(v)) {
+        const t = o.getAttribute("data-state");
+        t && (t === "opened" || t === "opening") && o.close();
+      }
+      this.state = "opening", this.inert = !0, this._setPopoverPosition(), (e = this._triggerElement) == null || e.setAttribute("aria-expanded", "true"), this._nextFocusedElement = void 0, this._skipCloseFocus = !1;
+    }
+  }
+  /** Closes the popover. */
+  close(e) {
+    var o;
+    this.state !== "opened" && this.state !== "opening" || (this._popoverCloseElement = e, this.willClose.emit({ closeTarget: e }) && (this.state = "closing", this.inert = !0, (o = this._triggerElement) == null || o.setAttribute("aria-expanded", "false")));
+  }
+  // Closes the popover on "Esc" key pressed and traps focus within the popover.
+  _onKeydownEvent(e) {
+    if (this.state === "opened" && e.key === "Escape") {
+      this.close();
+      return;
+    }
+  }
+  // Removes trigger click listener on trigger change.
+  _removeTriggerClickListener(e, o) {
+    var t, i;
+    e !== o && ((t = this._popoverController) == null || t.abort(), (i = this._openStateController) == null || i.abort(), this._configure());
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.id || (this.id = this.id || `sbb-popover-${++M}`), this._configure(), this.state = "closed", v.add(this);
+  }
+  willUpdate(e) {
+    super.willUpdate(e), e.has("trigger") && this._removeTriggerClickListener(this.trigger, e.get("trigger")), e.has("hoverTrigger") && this._configure();
+  }
+  firstUpdated(e) {
+    super.firstUpdated(e), this._hoverTrigger && (this._overlay.addEventListener("mouseenter", () => this._onOverlayMouseEnter()), this._overlay.addEventListener("mouseleave", () => this._onOverlayMouseLeave()));
+  }
+  disconnectedCallback() {
+    var e, o;
+    super.disconnectedCallback(), (e = this._popoverController) == null || e.abort(), (o = this._openStateController) == null || o.abort(), this._focusHandler.disconnect(), v.delete(this);
+  }
+  // Check if the trigger is valid and attach click event listeners.
+  _configure() {
+    var e;
+    P(this._triggerElement), this.trigger && (this._triggerElement = C(this.trigger), this._triggerElement && (L(this._triggerElement, "dialog", this.id, this.state), this._hoverTrigger = this.hoverTrigger && !window.matchMedia("(pointer: coarse)").matches, (e = this._popoverController) == null || e.abort(), this._popoverController = new AbortController(), this._hoverTrigger ? (this._triggerElement.addEventListener("mouseenter", this._onTriggerMouseEnter, {
+      signal: this._popoverController.signal
+    }), this._triggerElement.addEventListener("mouseleave", this._onTriggerMouseLeave, {
+      signal: this._popoverController.signal
+    }), this._triggerElement.addEventListener(
+      "keydown",
+      (o) => {
+        (o.code === "Space" || o.code === "Enter") && this.open();
+      },
+      {
+        signal: this._popoverController.signal
+      }
+    )) : this._triggerElement.addEventListener(
+      "click",
+      () => {
+        this.state === "closed" && this.open();
+      },
+      {
+        signal: this._popoverController.signal
+      }
+    )));
+  }
+  _attachWindowEvents() {
+    this._openStateController = new AbortController(), document.addEventListener("scroll", () => this._setPopoverPosition(), {
+      passive: !0,
+      signal: this._openStateController.signal
+    }), window.addEventListener("resize", () => this._setPopoverPosition(), {
+      passive: !0,
+      signal: this._openStateController.signal
+    }), window.addEventListener("keydown", (e) => this._onKeydownEvent(e), {
+      signal: this._openStateController.signal
+    }), window.addEventListener("pointerdown", this._pointerDownListener, {
+      signal: this._openStateController.signal
+    }), window.addEventListener("pointerup", this._closeOnBackdropClick, {
+      signal: this._openStateController.signal
+    });
+  }
+  // Close the popover on click of any element that has the 'sbb-popover-close' attribute.
+  _closeOnSbbPopoverCloseClick(e) {
+    const o = T(e, "sbb-popover-close", this);
+    o && !o.hasAttribute("disabled") && (clearTimeout(this._closeTimeout), this.close(o));
+  }
+  // Set popover position (x, y) to '0' once the popover is closed and the transition ended to prevent the
+  // viewport from overflowing. And set the focus to the first focusable element once the popover is open.
+  // In rare cases it can be that the animationEnd event is triggered twice.
+  // To avoid entering a corrupt state, exit when state is not expected.
+  _onPopoverAnimationEnd(e) {
+    var o, t, i, r;
+    if (e.animationName === "open" && this.state === "opening")
+      this.state = "opened", this.didOpen.emit(), this.inert = !1, this._attachWindowEvents(), this._setPopoverFocus(), this._focusHandler.trap(this, {
+        postFilter: (a) => a !== this._overlay
+      });
+    else if (e.animationName === "close" && this.state === "closing") {
+      if (this.state = "closed", (t = (o = this._overlay) == null ? void 0 : o.firstElementChild) == null || t.scrollTo(0, 0), (i = this._overlay) == null || i.removeAttribute("tabindex"), !this._skipCloseFocus) {
+        const a = this._nextFocusedElement || this._triggerElement;
+        b(a), a == null || a.focus();
+      }
+      this.didClose.emit({ closeTarget: this._popoverCloseElement }), (r = this._openStateController) == null || r.abort(), this._focusHandler.disconnect();
+    }
+  }
+  // Set focus on the first focusable element.
+  _setPopoverFocus() {
+    const e = this.shadowRoot.querySelector("[sbb-popover-close]") || y(
+      Array.from(this.children).filter((o) => o instanceof window.HTMLElement)
+    );
+    e ? (b(e), e.focus()) : (this._overlay.setAttribute("tabindex", "0"), b(this._overlay), this._overlay.focus(), this._overlay.addEventListener(
+      "blur",
+      () => {
+        setTimeout(() => {
+          var o;
+          document.visibilityState !== "hidden" && ((o = this._overlay) == null || o.removeAttribute("tabindex"), (this.state === "opened" || this.state === "opening") && (this._skipCloseFocus = !0), this.close());
+        });
+      },
+      {
+        signal: this._openStateController.signal
+      }
+    ));
+  }
+  _setPopoverPosition() {
+    if (!this._overlay || !this._triggerElement)
+      return;
+    const e = O(
+      this._overlay,
+      this._triggerElement,
+      this.shadowRoot.querySelector(".sbb-popover__container"),
+      {
+        verticalOffset: z,
+        horizontalOffset: D,
+        centered: !0,
+        responsiveHeight: !0
+      }
+    );
+    this.setAttribute("data-position", e.alignment.vertical);
+    const o = this._triggerElement.getBoundingClientRect().left - e.left + this._triggerElement.clientWidth / 2 - 8;
+    this.style.setProperty("--sbb-popover-position-x", `${e.left}px`), this.style.setProperty("--sbb-popover-position-y", `${e.top}px`), this.style.setProperty("--sbb-popover-arrow-position-x", `${o}px`);
+  }
+  render() {
+    const e = d`
+      <span class="sbb-popover__close">
+        <sbb-secondary-button
+          aria-label=${this.accessibilityCloseLabel || k[this._language.current]}
+          size="s"
+          type="button"
+          icon-name="cross-small"
+          sbb-popover-close
+        ></sbb-secondary-button>
+      </span>
+    `;
+    return d`
+      <div class="sbb-popover__container">
+        <div
+          @animationend=${(o) => this._onPopoverAnimationEnd(o)}
+          class="sbb-popover"
+          role="tooltip"
+          ${m((o) => this._overlay = o)}
+        >
+          <div
+            @click=${(o) => this._closeOnSbbPopoverCloseClick(o)}
+            class="sbb-popover__content"
+          >
+            ${!this.hideCloseButton && !this._hoverTrigger ? e : g}
+            <span>
+              <slot>No content</slot>
+            </span>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+};
+s.styles = S;
+n([
+  l()
+], s.prototype, "trigger", 2);
+n([
+  l({ attribute: "hide-close-button", type: Boolean })
+], s.prototype, "hideCloseButton", 2);
+n([
+  l({ attribute: "hover-trigger", type: Boolean })
+], s.prototype, "hoverTrigger", 2);
+n([
+  l({ attribute: "open-delay", type: Number })
+], s.prototype, "openDelay", 2);
+n([
+  l({ attribute: "close-delay", type: Number })
+], s.prototype, "closeDelay", 2);
+n([
+  l({ attribute: "accessibility-close-label" })
+], s.prototype, "accessibilityCloseLabel", 2);
+s = n([
+  f("sbb-popover")
+], s);
+export {
+  s as SbbPopoverElement
+};

package/popover.d.ts

@@ -0,0 +1,3 @@
+export * from './popover/popover.js';
+export * from './popover/popover-trigger.js';
+//# sourceMappingURL=popover.d.ts.map

package/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/elements/popover.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC"}

package/popover.js

@@ -0,0 +1,2 @@
+export * from "./popover/popover.js";
+export * from "./popover/popover-trigger.js";

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

@@ -0,0 +1,102 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { SbbCheckedStateChange, SbbDisabledStateChange, SbbStateChange } from '../../core/interfaces.js';
+import { SbbRadioButtonGroupElement } from '../radio-button-group.js';
+
+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;
+/**
+ * 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 {
+    interface HTMLElementTagNameMap {
+        'sbb-radio-button': SbbRadioButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=radio-button.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,91 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.js';
+import { SbbRadioButtonElement, SbbRadioButtonSize } from '../radio-button.js';
+
+export type SbbRadioButtonGroupEventDetail = {
+    value: any | null;
+    radioButton: SbbRadioButtonElement;
+};
+declare const SbbRadioButtonGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof LitElement;
+/**
+ * It can be used as a container for one or more `sbb-radio-button`.
+ *
+ * @slot - Use the unnamed slot to add `sbb-radio-button` elements to the `sbb-radio-button-group`.
+ * @slot error - Use this to provide a `sbb-form-error` to show an error message.
+ * @event {CustomEvent<SbbRadioButtonGroupEventDetail>} didChange - Deprecated. Only used for React. Will probably be removed once React 19 is available. Emits whenever the `sbb-radio-group` value changes.
+ * @event {CustomEvent<SbbRadioButtonGroupEventDetail>} change - Emits whenever the `sbb-radio-group` value changes.
+ * @event {CustomEvent<SbbRadioButtonGroupEventDetail>} input - Emits whenever the `sbb-radio-group` value changes.
+ */
+export declare class SbbRadioButtonGroupElement extends SbbRadioButtonGroupElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly didChange: "didChange";
+        readonly change: "change";
+        readonly input: "input";
+    };
+    /**
+     * Whether the radios can be deselected.
+     */
+    allowEmptySelection: boolean;
+    /**
+     * Whether the radio group is required.
+     */
+    required: boolean;
+    /**
+     * The value of the radio group.
+     */
+    value?: any | null;
+    /**
+     * Size variant, either m or s.
+     */
+    size: SbbRadioButtonSize;
+    /**
+     * Overrides the behaviour of `orientation` property.
+     */
+    horizontalFrom?: SbbHorizontalFrom;
+    /**
+     * Radio group's orientation, either horizontal or vertical.
+     */
+    orientation: SbbOrientation;
+    /**
+     * List of contained radio buttons.
+     */
+    get radioButtons(): SbbRadioButtonElement[];
+    private get _enabledRadios();
+    private _hasSelectionPanel;
+    private _didLoad;
+    private _abort;
+    private _valueChanged;
+    /**
+     * Emits whenever the `sbb-radio-group` value changes.
+     * @deprecated only used for React. Will probably be removed once React 19 is available.
+     */
+    private _didChange;
+    /**
+     * Emits whenever the `sbb-radio-group` value changes.
+     */
+    private _change;
+    /**
+     * Emits whenever the `sbb-radio-group` value changes.
+     */
+    private _input;
+    constructor();
+    connectedCallback(): void;
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    private _onRadioButtonSelect;
+    private _emitChange;
+    private _updateRadios;
+    private _setFocusableRadio;
+    private _getRadioTabIndex;
+    private _handleKeyDown;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-radio-button-group': SbbRadioButtonGroupElement;
+    }
+}
+export {};
+//# sourceMappingURL=radio-button-group.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export * from './radio-button-group/radio-button-group.js';
+//# sourceMappingURL=radio-button-group.d.ts.map