@sbb-esta/lyne-elements 0.52.1 → 0.53.0

package/train/train-wagon.js

@@ -2,22 +2,22 @@ import { css as d, LitElement as w, nothing as t } from "lit";
 import { property as b, customElement as m } from "lit/decorators.js";
 import { html as s, unsafeStatic as p } from "lit/static-html.js";
 import { SbbLanguageController as y } from "../core/controllers.js";
-import { EventEmitter as f } from "../core/eventing.js";
-import { i18nSector as v, i18nWagonLabel as u, i18nClass as h, i18nBlockedPassage as _, i18nClosedCompartmentLabel as x, i18nLocomotiveLabel as $, i18nAdditionalWagonInformationHeading as C, i18nWagonLabelNumber as k } from "../core/i18n.js";
+import { EventEmitter as u } from "../core/eventing.js";
+import { i18nSector as _, i18nWagonLabel as f, i18nClass as h, i18nBlockedPassage as v, i18nClosedCompartmentLabel as x, i18nLocomotiveLabel as $, i18nAdditionalWagonInformationHeading as C, i18nWagonLabelNumber as k } from "../core/i18n.js";
 import { SbbNamedSlotListMixin as L } from "../core/mixins.js";
 import "../icon.js";
 import "../timetable-occupancy-icon.js";
 const z = d`*,:before,:after{box-sizing:border-box}:host{--sbb-train-wagon-width: var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height: var(--sbb-train-formation-wagon-height);--sbb-train-wagon-inner-padding: var(--sbb-spacing-fixed-3x);--sbb-train-wagon-shape-border-radius: var(--sbb-train-formation-wagon-border-radius);--sbb-train-wagon-shape-color: var(--sbb-color-charcoal);--sbb-train-wagon-shape-color-closed: var(--sbb-color-metal);--sbb-train-wagon-shape-width: var(--sbb-border-width-1x);--sbb-train-wagon-gap: var(--sbb-spacing-fixed-2x);--sbb-train-wagon-icons-gap: var(--sbb-spacing-fixed-1x);--sbb-train-wagon-icons-height: .875rem;display:block}@media (forced-colors: active){:host{--sbb-train-wagon-shape-color-closed: CanvasText}}.sbb-train-wagon{display:flex;flex-direction:column;align-items:center;width:var(--sbb-train-wagon-width);gap:var(--sbb-train-wagon-gap)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:grid;grid-template:"label label" auto "occupancy class" 1fr/1fr 1fr;position:relative;width:100%}:host([type=closed]) .sbb-train-wagon__compartment:before,:host(:not([data-has-visible-wagon-content])) .sbb-train-wagon__compartment:before{content:"";grid-area:occupancy/span 2;height:var(--sbb-train-wagon-height)}.sbb-train-wagon__compartment:after{content:"";display:block;position:absolute;inset-inline:0;inset-block:auto 0;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);border-radius:var(--sbb-train-wagon-shape-border-radius)}:host([type=wagon]) .sbb-train-wagon__compartment:after{border:var(--sbb-train-wagon-shape-width) solid var(--sbb-train-wagon-shape-color)}:host([type=closed]) .sbb-train-wagon__compartment:after{border:var(--sbb-train-wagon-shape-width) solid var(--sbb-train-wagon-shape-color-closed)}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);display:flex;align-items:center}.sbb-train-wagon__label{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;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);grid-area:label;text-align:center;display:var(--sbb-train-formation-wagon-label-display, inline-block);min-height:calc(1em * var(--sbb-typo-line-height-body-text))}.sbb-train-wagon__occupancy{grid-area:occupancy;padding-inline-start:var(--sbb-train-wagon-inner-padding)}.sbb-train-wagon__class{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);grid-area:class;padding-inline-end:var(--sbb-train-wagon-inner-padding);margin-inline-start:auto}.sbb-train-wagon__locomotive{grid-area:occupancy/span 2}.sbb-train-wagon__icons{--sbb-icon-svg-height: var(--sbb-train-wagon-icons-height);display:flex}.sbb-train-wagon__icons[hidden]{position:absolute}.sbb-train-wagon__icons-list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:wrap;gap:var(--sbb-train-wagon-icons-gap);justify-content:center}.sbb-train-wagon__icons-list>:is(li,span){display:inline-flex}.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}`;
-var S = Object.defineProperty, A = Object.getOwnPropertyDescriptor, e = (a, i, l, o) => {
-  for (var r = o > 1 ? void 0 : o ? A(i, l) : i, c = a.length - 1, g; c >= 0; c--)
-    (g = a[c]) && (r = (o ? g(i, l, r) : g(r)) || r);
-  return o && r && S(i, l, r), r;
+var S = Object.defineProperty, A = Object.getOwnPropertyDescriptor, i = (a, e, l, o) => {
+  for (var r = o > 1 ? void 0 : o ? A(e, l) : e, c = a.length - 1, g; c >= 0; c--)
+    (g = a[c]) && (r = (o ? g(e, l, r) : g(r)) || r);
+  return o && r && S(e, l, r), r;
 };
 let n = class extends L(
   w
 ) {
   constructor() {
-    super(...arguments), this.listChildLocalNames = ["sbb-icon"], this.type = "wagon", this.occupancy = "none", this.b = null, this.blockedPassage = "none", this.a = new y(this), this.d = new f(
+    super(...arguments), this.listChildLocalNames = ["sbb-icon"], this.type = "wagon", this.occupancy = "none", this._sector = null, this.blockedPassage = "none", this._language = new y(this), this._sectorChange = new u(
       this,
       n.events.sectorChange,
       {
@@ -27,10 +27,10 @@ let n = class extends L(
     );
   }
   set sector(a) {
-    this.b = a, this.c();
+    this._sector = a, this._sectorChanged();
   }
   get sector() {
-    return this.b;
+    return this._sector;
   }
   willUpdate(a) {
     super.willUpdate(a), (a.has("type") || a.has("occupancy") || a.has("wagonClass")) && this.toggleAttribute(
@@ -38,8 +38,8 @@ let n = class extends L(
       !!(this.type === "wagon" && this.occupancy || this.wagonClass)
     );
   }
-  c() {
-    this.d.emit();
+  _sectorChanged() {
+    this._sectorChange.emit();
   }
   render() {
     const a = (l) => {
@@ -47,23 +47,23 @@ let n = class extends L(
       return s`
         <${p(o)} class="sbb-train-wagon__label" aria-hidden=${(!this.label).toString()}>
           ${this.label ? s` <span class="sbb-screen-reader-only">
-                    ${`${k[this.a.current]},`}&nbsp;
+                    ${`${k[this._language.current]},`}&nbsp;
                   </span>
                   ${this.label}` : t}
         </${p(o)}>
       `;
-    }, i = `${v[this.a.current]}, ${this.sector}`;
+    }, e = `${_[this._language.current]}, ${this.sector}`;
     return s`
       <div class="sbb-train-wagon">
         ${this.type === "wagon" ? s`<ul
-              aria-label=${u[this.a.current]}
+              aria-label=${f[this._language.current]}
               class="sbb-train-wagon__compartment"
             >
-              ${this.sector ? s`<li class="sbb-screen-reader-only">${i}</li>` : t}
+              ${this.sector ? s`<li class="sbb-screen-reader-only">${e}</li>` : t}
               ${a("li")}
               ${this.wagonClass ? s`<li class="sbb-train-wagon__class">
                     <span class="sbb-screen-reader-only">
-                      ${this.wagonClass === "1" ? h.first[this.a.current] : h.second[this.a.current]}
+                      ${this.wagonClass === "1" ? h.first[this._language.current] : h.second[this._language.current]}
                     </span>
                     <span aria-hidden="true">${this.wagonClass}</span>
                   </li>` : t}
@@ -73,20 +73,20 @@ let n = class extends L(
                     .occupancy=${this.occupancy}
                   ></sbb-timetable-occupancy-icon>` : t}
               ${this.blockedPassage && this.blockedPassage !== "none" ? s`<li class="sbb-screen-reader-only">
-                    ${_[this.blockedPassage][this.a.current]}
+                    ${v[this.blockedPassage][this._language.current]}
                   </li>` : t}
             </ul>` : t}
         ${this.type === "closed" ? s`<span class="sbb-train-wagon__compartment">
               <span class="sbb-screen-reader-only">
-                ${x(this.label ? parseInt(this.label) : void 0)[this.a.current]}
-                ${this.sector ? `, ${i}` : t}
+                ${x(this.label ? parseInt(this.label) : void 0)[this._language.current]}
+                ${this.sector ? `, ${e}` : t}
               </span>
               ${a("span")}
             </span>` : t}
         ${this.type === "locomotive" ? s`<span class="sbb-train-wagon__compartment">
               <span class="sbb-screen-reader-only">
-                ${$[this.a.current]}
-                ${this.sector ? `, ${i}` : t}
+                ${$[this._language.current]}
+                ${this.sector ? `, ${e}` : t}
               </span>
               ${a("span")}
               <svg
@@ -108,7 +108,7 @@ let n = class extends L(
         ${this.type === "wagon" ? s`<span class="sbb-train-wagon__icons" ?hidden=${this.listChildren.length === 0}>
               ${this.renderList({
       class: "sbb-train-wagon__icons-list",
-      ariaLabel: C[this.a.current]
+      ariaLabel: C[this._language.current]
     })}
             </span>` : t}
       </div>
@@ -119,28 +119,28 @@ n.styles = z;
 n.events = {
   sectorChange: "sectorChange"
 };
-e([
+i([
   b({ reflect: !0 })
 ], n.prototype, "type", 2);
-e([
+i([
   b()
 ], n.prototype, "occupancy", 2);
-e([
+i([
   b({ reflect: !0 })
 ], n.prototype, "sector", 1);
-e([
+i([
   b({ attribute: "blocked-passage" })
 ], n.prototype, "blockedPassage", 2);
-e([
+i([
   b({ attribute: "wagon-class" })
 ], n.prototype, "wagonClass", 2);
-e([
+i([
   b()
 ], n.prototype, "label", 2);
-e([
+i([
   b({ attribute: "additional-accessibility-text" })
 ], n.prototype, "additionalAccessibilityText", 2);
-n = e([
+n = i([
   m("sbb-train-wagon")
 ], n);
 export {

package/train/train.js

@@ -1,9 +1,9 @@
-import { css as p, LitElement as f, nothing as d } from "lit";
-import { property as n, customElement as v } from "lit/decorators.js";
+import { css as p, LitElement as g, nothing as d } from "lit";
+import { property as n, customElement as f } from "lit/decorators.js";
 import { html as c, unsafeStatic as h } from "lit/static-html.js";
-import { SbbLanguageController as g } from "../core/controllers.js";
-import { EventEmitter as m } from "../core/eventing.js";
-import { i18nTrain as _, i18nWagonsLabel as w } from "../core/i18n.js";
+import { SbbLanguageController as v } from "../core/controllers.js";
+import { EventEmitter as _ } from "../core/eventing.js";
+import { i18nTrain as m, i18nWagonsLabel as w } from "../core/i18n.js";
 import { SbbNamedSlotListMixin as x } from "../core/mixins.js";
 import "../icon.js";
 const y = p`*,:before,:after{box-sizing:border-box}:host{--sbb-train-direction-spacing: var(--sbb-spacing-fixed-4x);--sbb-train-direction-label-padding: var(--sbb-spacing-fixed-1x);--sbb-train-direction-station-padding: var(--sbb-spacing-fixed-3x);--sbb-train-direction-line-width: var(--sbb-border-width-1x);--sbb-train-direction-line-color: var(--sbb-color-smoke);--sbb-train-direction-label-color: var(--sbb-color-metal);--sbb-train-direction-label-background: var(--sbb-color-white);--sbb-train-direction-indicator-end-height: .75rem;--sbb-train-direction-indicator-arrow-offset-end: .5625rem;--sbb-train-direction-indicator-arrow-offset-start: calc( var(--sbb-train-direction-indicator-arrow-offset-end) * -1 );display:block}@media (forced-colors: active){:host{--sbb-train-direction-line-color: CanvasText}}.sbb-train{display:flex;flex-direction:column;position:relative;height:100%}.sbb-train__wagons{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train__direction{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;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);padding-block-start:var(--sbb-train-direction-spacing);margin-block:auto var(--sbb-train-direction-spacing);display:flex;position:relative;width:100%}.sbb-train__direction-heading{z-index:1;display:flex;position:sticky;inset:auto 0;flex-direction:column;width:100%;max-width:var(--sbb-train-direction-width);margin:0;color:var(--sbb-train-direction-label-color);font-size:inherit;font-weight:inherit}.sbb-train__direction-indicator{z-index:0;position:absolute;top:calc(.5em * var(--sbb-typo-line-height-body-text) + var(--sbb-train-direction-spacing));inset-inline:0;height:var(--sbb-train-direction-line-width);background-color:var(--sbb-train-direction-line-color)}.sbb-train__direction-arrow{color:var(--sbb-train-direction-line-color)}:host([direction=right]) .sbb-train__direction-arrow{transform:translate(var(--sbb-train-direction-indicator-arrow-offset-end));order:1}:host([direction=left]) .sbb-train__direction-arrow{transform:translate(var(--sbb-train-direction-indicator-arrow-offset-start))}.sbb-train__sticky-wrapper{position:sticky;inset:auto 0;width:100%;max-width:var(--sbb-train-direction-width);height:var(--sbb-train-direction-line-width);display:flex;align-items:center;justify-content:space-between}.sbb-train__sticky-wrapper:after{content:"";width:var(--sbb-train-direction-line-width);height:var(--sbb-train-direction-indicator-end-height);background-color:var(--sbb-train-direction-line-color);display:block}.sbb-train__direction-label,.sbb-train__direction-station{margin:0 auto}.sbb-train__direction-label{padding:0 var(--sbb-train-direction-label-padding);background-color:var(--sbb-train-direction-label-background)}.sbb-train__direction-station{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;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);max-width:100%;text-overflow:ellipsis;overflow:hidden;padding:0 var(--sbb-train-direction-station-padding)}.sbb-train__direction-label-sr{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
@@ -12,12 +12,12 @@ var u = Object.defineProperty, L = Object.getOwnPropertyDescriptor, e = (i, a, s
     (l = i[b]) && (r = (o ? l(a, s, r) : l(r)) || r);
   return o && r && u(a, s, r), r;
 };
-let t = class extends x(f) {
+let t = class extends x(g) {
   constructor() {
     super(...arguments), this.listChildLocalNames = [
       "sbb-train-wagon",
       "sbb-train-blocked-passage"
-    ], this.directionLabelLevel = "6", this.direction = "left", this.a = new g(this), this.b = new m(
+    ], this.directionLabelLevel = "6", this.direction = "left", this._language = new v(this), this._trainSlotChange = new _(
       this,
       t.events.trainSlotChange,
       {
@@ -29,23 +29,23 @@ let t = class extends x(f) {
   /**
    * Create the aria-label text out of the direction label, station and the accessibility label.
    */
-  c() {
-    const i = [_[this.a.current]];
+  _getDirectionAriaLabel() {
+    const i = [m[this._language.current]];
     return this.directionLabel && this.station && i.push(`${this.directionLabel} ${this.station}`), this.accessibilityLabel && i.push(this.accessibilityLabel), `${i.join(", ")}.`;
   }
   willUpdate(i) {
-    super.willUpdate(i), i.has("listChildren") && this.b.emit();
+    super.willUpdate(i), i.has("listChildren") && this._trainSlotChange.emit();
   }
   render() {
     const i = `h${this.directionLabelLevel}`;
     return c`
       <div class="sbb-train">
         <${h(i)} class="sbb-train__direction-label-sr">
-          ${this.c()}
+          ${this._getDirectionAriaLabel()}
         </${h(i)}>
         ${this.renderList({
       class: "sbb-train__wagons",
-      ariaLabel: w[this.a.current]
+      ariaLabel: w[this._language.current]
     })}
 
         ${this.directionLabel ? c`<div class="sbb-train__direction" aria-hidden="true">
@@ -86,7 +86,7 @@ e([
   n({ reflect: !0 })
 ], t.prototype, "direction", 2);
 t = e([
-  v("sbb-train")
+  f("sbb-train")
 ], t);
 export {
   t as SbbTrainElement

package/development/selection-panel/selection-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"selection-panel.d.ts","sourceRoot":"","sources":["../../../../src/elements/selection-panel/selection-panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAWvC,OAAO,eAAe,CAAC;AAEvB;;;;;;;;;;GAUG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IAEtD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAK1C;IAEX,yCAAyC;IACtB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAW;IAErD,qDAAqD;IACQ,SAAS,UAAS;IAE/E,iDAAiD;IACE,UAAU,UAAS;IAEtE,wCAAwC;IAExC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,8CAA8C;IAC9C,OAAO,KAAK,QAAQ,QAEnB;IACD,OAAO,KAAK,QAAQ,GAEnB;IAED,+CAA+C;IAC/C,OAAO,KAAK,SAAS,QAEpB;IAED,wEAAwE;IACxE,OAAO,CAAC,SAAS,CAGf;IAEF,oDAAoD;IACpD,OAAO,CAAC,QAAQ,CAGd;IAEF,wEAAwE;IACxE,OAAO,CAAC,UAAU,CAGhB;IAEF,oDAAoD;IACpD,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,YAAY,CAAkB;IAEtC;;;OAGG;IACH,IAAW,UAAU,IAAI,OAAO,CAG/B;;IAOe,iBAAiB,IAAI,IAAI;cAStB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,KAAK;IAcb,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,eAAe;cAUJ,MAAM,IAAI,cAAc;CAuB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/development/selection-panel.d.ts

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

package/development/selection-panel.d.ts.map

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

package/development/selection-panel.js

@@ -1,376 +0,0 @@
-import { css, LitElement, html } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
-import { SbbConnectedAbortController, SbbSlotStateController } from "./core/controllers.js";
-import { EventEmitter } from "./core/eventing.js";
-import "./divider.js";
-const style = 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-selection-panel-cursor: pointer;
-  --sbb-selection-panel-background: var(--sbb-color-white);
-  --sbb-selection-panel-border-color: var(--sbb-color-cloud);
-  --sbb-selection-panel-animation-duration: var(
-    --sbb-disable-animation-zero-time,
-    var(--sbb-animation-duration-4x)
-  );
-  --sbb-selection-panel-border-width: var(--sbb-border-width-1x);
-  --sbb-selection-panel-input-pointer-events: all;
-  --sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs)
-    var(--sbb-spacing-responsive-xxs);
-  --sbb-selection-panel-content-visibility: hidden;
-  --sbb-selection-panel-content-padding-inline: var(--sbb-spacing-responsive-xxs);
-  --sbb-selection-panel-border-radius: var(--sbb-border-radius-4x);
-  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);
-  display: contents;
-}
-
-:host([color=milk]) {
-  --sbb-selection-panel-background: var(--sbb-color-milk);
-}
-
-:host([data-checked]:not([data-disabled])) {
-  --sbb-selection-panel-border-color: var(--sbb-color-charcoal);
-  --sbb-selection-panel-border-width: var(--sbb-border-width-2x);
-}
-
-:host([data-slot-names~=content][data-disabled]) {
-  --sbb-selection-panel-input-pointer-events: none;
-  --sbb-selection-panel-border-color: var(--sbb-color-cloud);
-}
-
-:host([data-disabled]) {
-  --sbb-selection-panel-cursor: default;
-}
-
-:host([borderless]:not([data-checked])) {
-  --sbb-selection-panel-border-color: transparent;
-}
-
-:host([data-resize-disable-animation]) {
-  --sbb-disable-animation-time: 0.1ms;
-  --sbb-disable-animation-zero-time: 0s;
-}
-
-:host([data-slot-names~=content]:where([data-state=opening], [data-state=opened])) {
-  --sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs)
-    var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxs)
-    var(--sbb-spacing-responsive-xxs);
-  --sbb-selection-panel-content-visibility: visible;
-  --sbb-selection-panel-content-grid-template-rows: 1fr;
-  --sbb-selection-panel-content-opacity: 1;
-  --sbb-selection-panel-content-padding-block-end: var(--sbb-spacing-responsive-xs);
-  --sbb-selection-panel-content-transition: grid-template-rows
-      var(--sbb-selection-panel-animation-duration) var(--sbb-animation-easing),
-    opacity var(--sbb-selection-panel-animation-duration)
-      var(--sbb-selection-panel-animation-duration) var(--sbb-animation-easing);
-}
-
-.sbb-selection-panel {
-  flex: auto;
-  position: relative;
-  width: 100%;
-  background-color: var(--sbb-selection-panel-background);
-  border-radius: var(--sbb-selection-panel-border-radius);
-  box-shadow: inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);
-  transition-duration: var(--sbb-selection-panel-animation-duration);
-  transition-timing-function: var(--sbb-animation-easing);
-  transition-property: box-shadow;
-}
-@media (forced-colors: active) {
-  .sbb-selection-panel::after {
-    content: "";
-    display: block;
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    border: var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);
-    border-radius: var(--sbb-selection-panel-border-radius);
-  }
-}
-
-.sbb-selection-panel__badge {
-  user-select: none;
-  pointer-events: none;
-  position: absolute;
-  inset: 0;
-  border-radius: var(--sbb-selection-panel-border-radius);
-  overflow: hidden;
-}
-
-.sbb-selection-panel__content--wrapper {
-  display: grid;
-  visibility: var(--sbb-selection-panel-content-visibility);
-  grid-template-rows: 0fr;
-  opacity: 0;
-}
-:host([data-state=opened]) .sbb-selection-panel__content--wrapper {
-  grid-template-rows: 1fr;
-  opacity: 1;
-}
-:host([data-state=opening]) .sbb-selection-panel__content--wrapper {
-  animation-name: open, open-opacity;
-  animation-fill-mode: forwards;
-  animation-duration: var(--sbb-selection-panel-animation-duration);
-  animation-timing-function: var(--sbb-animation-easing);
-  animation-delay: 0s, var(--sbb-selection-panel-animation-duration);
-}
-:host([data-state=closing]) .sbb-selection-panel__content--wrapper {
-  animation-name: close;
-  animation-duration: var(--sbb-selection-panel-animation-duration);
-  animation-timing-function: var(--sbb-animation-easing);
-}
-:host(:not([data-slot-names~=content])) .sbb-selection-panel__content--wrapper {
-  display: none;
-}
-
-.sbb-selection-panel__content {
-  overflow: hidden;
-  padding-inline: var(--sbb-selection-panel-content-padding-inline);
-  padding-block-end: var(--sbb-selection-panel-content-padding-block-end);
-  transition: padding var(--sbb-selection-panel-animation-duration) var(--sbb-animation-easing);
-}
-
-sbb-divider {
-  margin-block-end: var(--sbb-spacing-responsive-xxs);
-}
-
-::slotted(sbb-radio-button),
-::slotted(sbb-checkbox) {
-  cursor: var(--sbb-selection-panel-cursor);
-  pointer-events: var(--sbb-selection-panel-input-pointer-events);
-  display: block;
-  padding: var(--sbb-selection-panel-input-padding);
-  transition-duration: var(--sbb-selection-panel-animation-duration);
-  transition-timing-function: var(--sbb-animation-easing);
-  transition-property: padding;
-}
-
-@keyframes open {
-  from {
-    grid-template-rows: 0fr;
-  }
-  to {
-    grid-template-rows: 1fr;
-  }
-}
-@keyframes open-opacity {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes close {
-  from {
-    grid-template-rows: 1fr;
-    opacity: 1;
-  }
-  to {
-    grid-template-rows: 0fr;
-    opacity: 0;
-  }
-}`;
-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;
-};
-let SbbSelectionPanelElement = class extends LitElement {
-  constructor() {
-    super();
-    this.color = "white";
-    this.forceOpen = false;
-    this.borderless = false;
-    this._willOpen = new EventEmitter(
-      this,
-      SbbSelectionPanelElement.events.willOpen
-    );
-    this._didOpen = new EventEmitter(
-      this,
-      SbbSelectionPanelElement.events.didOpen
-    );
-    this._willClose = new EventEmitter(
-      this,
-      SbbSelectionPanelElement.events.willClose
-    );
-    this._didClose = new EventEmitter(
-      this,
-      SbbSelectionPanelElement.events.didClose
-    );
-    this._abort = new SbbConnectedAbortController(this);
-    this._initialized = false;
-    new SbbSlotStateController(this);
-  }
-  set _state(state2) {
-    this.setAttribute("data-state", state2);
-  }
-  get _state() {
-    return this.getAttribute("data-state");
-  }
-  /** Whether the selection panel is checked. */
-  set _checked(checked) {
-    this.toggleAttribute("data-checked", checked);
-  }
-  get _checked() {
-    return this.hasAttribute("data-checked");
-  }
-  /** Whether the selection panel is disabled. */
-  set _disabled(disabled) {
-    this.toggleAttribute("data-disabled", disabled);
-  }
-  /**
-   * Whether it has an expandable content
-   * @internal
-   */
-  get hasContent() {
-    var _a;
-    return ((_a = this.querySelectorAll) == null ? void 0 : _a.call(this, '[slot="content"]').length) > 0;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this._state || (this._state = "closed");
-    const signal = this._abort.signal;
-    this.addEventListener("stateChange", this._onInputStateChange.bind(this), { signal });
-    this.addEventListener("checkboxLoaded", this._initFromInput.bind(this), { signal });
-    this.addEventListener("radioButtonLoaded", this._initFromInput.bind(this), { signal });
-  }
-  willUpdate(changedProperties) {
-    super.willUpdate(changedProperties);
-    if (changedProperties.has("forceOpen")) {
-      this._updateState();
-    }
-  }
-  firstUpdated(changedProperties) {
-    super.firstUpdated(changedProperties);
-    this._initialized = true;
-  }
-  _updateState() {
-    if (!this.hasContent) {
-      return;
-    }
-    this.forceOpen || this._checked ? this._open(!this._initialized) : this._close();
-  }
-  _open(skipAnimation = false) {
-    if (this._state !== "closed" && this._state !== "closing") {
-      return;
-    }
-    this._state = "opening";
-    this._willOpen.emit();
-    if (skipAnimation) {
-      this._state = "opened";
-      this._didOpen.emit();
-    }
-  }
-  _close() {
-    if (this._state !== "opened" && this._state !== "opening") {
-      return;
-    }
-    this._state = "closing";
-    this._willClose.emit();
-  }
-  _initFromInput(event) {
-    const input = event.target;
-    if (!input.isSelectionPanelInput) {
-      return;
-    }
-    this._checked = input.checked;
-    this._disabled = input.disabled;
-    this._updateState();
-  }
-  _onInputStateChange(event) {
-    const input = event.target;
-    if (!input.isSelectionPanelInput) {
-      return;
-    }
-    if (event.detail.type === "disabled") {
-      this._disabled = event.detail.disabled;
-      return;
-    } else if (event.detail.type !== "checked") {
-      return;
-    }
-    this._checked = event.detail.checked;
-    this._updateState();
-  }
-  _onAnimationEnd(event) {
-    if (event.animationName === "open-opacity" && this._state === "opening") {
-      this._state = "opened";
-      this._didOpen.emit();
-    } else if (event.animationName === "close" && this._state === "closing") {
-      this._state = "closed";
-      this._didClose.emit();
-    }
-  }
-  render() {
-    return html`
-      <div class="sbb-selection-panel">
-        <div class="sbb-selection-panel__badge">
-          <slot name="badge"></slot>
-        </div>
-
-        <div class="sbb-selection-panel__input">
-          <slot></slot>
-        </div>
-        <div
-          class="sbb-selection-panel__content--wrapper"
-          .inert=${this._state !== "opened"}
-          @animationend=${(event) => this._onAnimationEnd(event)}
-        >
-          <div class="sbb-selection-panel__content">
-            <sbb-divider></sbb-divider>
-            <slot name="content"></slot>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-};
-SbbSelectionPanelElement.styles = style;
-SbbSelectionPanelElement.events = {
-  willOpen: "willOpen",
-  didOpen: "didOpen",
-  willClose: "willClose",
-  didClose: "didClose"
-};
-__decorateClass([
-  property()
-], SbbSelectionPanelElement.prototype, "color", 2);
-__decorateClass([
-  property({ attribute: "force-open", type: Boolean })
-], SbbSelectionPanelElement.prototype, "forceOpen", 2);
-__decorateClass([
-  property({ reflect: true, type: Boolean })
-], SbbSelectionPanelElement.prototype, "borderless", 2);
-__decorateClass([
-  state()
-], SbbSelectionPanelElement.prototype, "_state", 1);
-SbbSelectionPanelElement = __decorateClass([
-  customElement("sbb-selection-panel")
-], SbbSelectionPanelElement);
-export {
-  SbbSelectionPanelElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLXBhbmVsLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2VsZWN0aW9uLXBhbmVsL3NlbGVjdGlvbi1wYW5lbC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSwgc3RhdGUgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB0eXBlIHsgU2JiQ2hlY2tib3hFbGVtZW50IH0gZnJvbSAnLi4vY2hlY2tib3guanMnO1xuaW1wb3J0IHsgU2JiQ29ubmVjdGVkQWJvcnRDb250cm9sbGVyLCBTYmJTbG90U3RhdGVDb250cm9sbGVyIH0gZnJvbSAnLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICcuLi9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiT3BlbmVkQ2xvc2VkU3RhdGUsIFNiYlN0YXRlQ2hhbmdlIH0gZnJvbSAnLi4vY29yZS9pbnRlcmZhY2VzLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiUmFkaW9CdXR0b25FbGVtZW50IH0gZnJvbSAnLi4vcmFkaW8tYnV0dG9uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2VsZWN0aW9uLXBhbmVsLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vZGl2aWRlci5qcyc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gZXhwYW5kYWJsZSBwYW5lbCBjb25uZWN0ZWQgdG8gYSBgc2JiLWNoZWNrYm94YCBvciB0byBhIGBzYmItcmFkaW8tYnV0dG9uYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBgc2JiLWNoZWNrYm94YCBvciBgc2JiLXJhZGlvLWJ1dHRvbmAgZWxlbWVudHMgdG8gdGhlIGBzYmItc2VsZWN0aW9uLXBhbmVsYC5cbiAqIEBzbG90IGJhZGdlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGEgYHNiYi1jYXJkLWJhZGdlYCAob3B0aW9uYWwpLlxuICogQHNsb3QgY29udGVudCAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBjdXN0b20gY29udGVudCBmb3IgdGhlIHBhbmVsIChvcHRpb25hbCkuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSB3aWxsT3BlbiAtIEVtaXRzIHdoZW5ldmVyIHRoZSBjb250ZW50IHNlY3Rpb24gc3RhcnRzIHRoZSBvcGVuaW5nIHRyYW5zaXRpb24uXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSBkaWRPcGVuIC0gRW1pdHMgd2hlbmV2ZXIgdGhlIGNvbnRlbnQgc2VjdGlvbiBpcyBvcGVuZWQuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSB3aWxsQ2xvc2UgLSBFbWl0cyB3aGVuZXZlciB0aGUgY29udGVudCBzZWN0aW9uIGJlZ2lucyB0aGUgY2xvc2luZyB0cmFuc2l0aW9uLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gZGlkQ2xvc2UgLSBFbWl0cyB3aGVuZXZlciB0aGUgY29udGVudCBzZWN0aW9uIGlzIGNsb3NlZC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1zZWxlY3Rpb24tcGFuZWwnKVxuZXhwb3J0IGNsYXNzIFNiYlNlbGVjdGlvblBhbmVsRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICAvLyBGSVhNRSBpbmhlcml0aW5nIGZyb20gU2JiT3BlbkNsb3NlQmFzZUVsZW1lbnQgcmVxdWlyZXM6IGh0dHBzOi8vZ2l0aHViLmNvbS9vcGVuLXdjL2N1c3RvbS1lbGVtZW50cy1tYW5pZmVzdC9pc3N1ZXMvMjUzXG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50czogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICB3aWxsT3BlbjogJ3dpbGxPcGVuJyxcbiAgICBkaWRPcGVuOiAnZGlkT3BlbicsXG4gICAgd2lsbENsb3NlOiAnd2lsbENsb3NlJyxcbiAgICBkaWRDbG9zZTogJ2RpZENsb3NlJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKiogVGhlIGJhY2tncm91bmQgY29sb3Igb2YgdGhlIHBhbmVsLiAqL1xuICBAcHJvcGVydHkoKSBwdWJsaWMgY29sb3I6ICd3aGl0ZScgfCAnbWlsaycgPSAnd2hpdGUnO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBjb250ZW50IHNlY3Rpb24gaXMgYWx3YXlzIHZpc2libGUuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2ZvcmNlLW9wZW4nLCB0eXBlOiBCb29sZWFuIH0pIHB1YmxpYyBmb3JjZU9wZW4gPSBmYWxzZTtcblxuICAvKiogV2hldGhlciB0aGUgdW5zZWxlY3RlZCBwYW5lbCBoYXMgYSBib3JkZXIuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSkgcHVibGljIGJvcmRlcmxlc3MgPSBmYWxzZTtcblxuICAvKiogVGhlIHN0YXRlIG9mIHRoZSBzZWxlY3Rpb24gcGFuZWwuICovXG4gIEBzdGF0ZSgpXG4gIHByaXZhdGUgc2V0IF9zdGF0ZShzdGF0ZTogU2JiT3BlbmVkQ2xvc2VkU3RhdGUpIHtcbiAgICB0aGlzLnNldEF0dHJpYnV0ZSgnZGF0YS1zdGF0ZScsIHN0YXRlKTtcbiAgfVxuICBwcml2YXRlIGdldCBfc3RhdGUoKTogU2JiT3BlbmVkQ2xvc2VkU3RhdGUge1xuICAgIHJldHVybiB0aGlzLmdldEF0dHJpYnV0ZSgnZGF0YS1zdGF0ZScpIGFzIFNiYk9wZW5lZENsb3NlZFN0YXRlO1xuICB9XG5cbiAgLyoqIFdoZXRoZXIgdGhlIHNlbGVjdGlvbiBwYW5lbCBpcyBjaGVja2VkLiAqL1xuICBwcml2YXRlIHNldCBfY2hlY2tlZChjaGVja2VkOiBib29sZWFuKSB7XG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtY2hlY2tlZCcsIGNoZWNrZWQpO1xuICB9XG4gIHByaXZhdGUgZ2V0IF9jaGVja2VkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmhhc0F0dHJpYnV0ZSgnZGF0YS1jaGVja2VkJyk7XG4gIH1cblxuICAvKiogV2hldGhlciB0aGUgc2VsZWN0aW9uIHBhbmVsIGlzIGRpc2FibGVkLiAqL1xuICBwcml2YXRlIHNldCBfZGlzYWJsZWQoZGlzYWJsZWQ6IGJvb2xlYW4pIHtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1kaXNhYmxlZCcsIGRpc2FibGVkKTtcbiAgfVxuXG4gIC8qKiBFbWl0cyB3aGVuZXZlciB0aGUgY29udGVudCBzZWN0aW9uIHN0YXJ0cyB0aGUgb3BlbmluZyB0cmFuc2l0aW9uLiAqL1xuICBwcml2YXRlIF93aWxsT3BlbjogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcihcbiAgICB0aGlzLFxuICAgIFNiYlNlbGVjdGlvblBhbmVsRWxlbWVudC5ldmVudHMud2lsbE9wZW4sXG4gICk7XG5cbiAgLyoqIEVtaXRzIHdoZW5ldmVyIHRoZSBjb250ZW50IHNlY3Rpb24gaXMgb3BlbmVkLiAqL1xuICBwcml2YXRlIF9kaWRPcGVuOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiU2VsZWN0aW9uUGFuZWxFbGVtZW50LmV2ZW50cy5kaWRPcGVuLFxuICApO1xuXG4gIC8qKiBFbWl0cyB3aGVuZXZlciB0aGUgY29udGVudCBzZWN0aW9uIGJlZ2lucyB0aGUgY2xvc2luZyB0cmFuc2l0aW9uLiAqL1xuICBwcml2YXRlIF93aWxsQ2xvc2U6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoXG4gICAgdGhpcyxcbiAgICBTYmJTZWxlY3Rpb25QYW5lbEVsZW1lbnQuZXZlbnRzLndpbGxDbG9zZSxcbiAgKTtcblxuICAvKiogRW1pdHMgd2hlbmV2ZXIgdGhlIGNvbnRlbnQgc2VjdGlvbiBpcyBjbG9zZWQuICovXG4gIHByaXZhdGUgX2RpZENsb3NlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiU2VsZWN0aW9uUGFuZWxFbGVtZW50LmV2ZW50cy5kaWRDbG9zZSxcbiAgKTtcblxuICBwcml2YXRlIF9hYm9ydCA9IG5ldyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX2luaXRpYWxpemVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgaXQgaGFzIGFuIGV4cGFuZGFibGUgY29udGVudFxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHB1YmxpYyBnZXQgaGFzQ29udGVudCgpOiBib29sZWFuIHtcbiAgICAvLyBXZSBjYW5ub3QgdXNlIHRoZSBOYW1lZFNsb3RzIGJlY2F1c2UgaXQncyB0b28gc2xvdyB0byBpbml0aWFsaXplXG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3RvckFsbD8uKCdbc2xvdD1cImNvbnRlbnRcIl0nKS5sZW5ndGggPiAwO1xuICB9XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgbmV3IFNiYlNsb3RTdGF0ZUNvbnRyb2xsZXIodGhpcyk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9zdGF0ZSB8fD0gJ2Nsb3NlZCc7XG4gICAgY29uc3Qgc2lnbmFsID0gdGhpcy5fYWJvcnQuc2lnbmFsO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcignc3RhdGVDaGFuZ2UnLCB0aGlzLl9vbklucHV0U3RhdGVDaGFuZ2UuYmluZCh0aGlzKSwgeyBzaWduYWwgfSk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCdjaGVja2JveExvYWRlZCcsIHRoaXMuX2luaXRGcm9tSW5wdXQuYmluZCh0aGlzKSwgeyBzaWduYWwgfSk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCdyYWRpb0J1dHRvbkxvYWRlZCcsIHRoaXMuX2luaXRGcm9tSW5wdXQuYmluZCh0aGlzKSwgeyBzaWduYWwgfSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2ZvcmNlT3BlbicpKSB7XG4gICAgICB0aGlzLl91cGRhdGVTdGF0ZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIHRoaXMuX2luaXRpYWxpemVkID0gdHJ1ZTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZVN0YXRlKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5oYXNDb250ZW50KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5mb3JjZU9wZW4gfHwgdGhpcy5fY2hlY2tlZCA/IHRoaXMuX29wZW4oIXRoaXMuX2luaXRpYWxpemVkKSA6IHRoaXMuX2Nsb3NlKCk7XG4gIH1cblxuICBwcml2YXRlIF9vcGVuKHNraXBBbmltYXRpb24gPSBmYWxzZSk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9zdGF0ZSAhPT0gJ2Nsb3NlZCcgJiYgdGhpcy5fc3RhdGUgIT09ICdjbG9zaW5nJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuX3N0YXRlID0gJ29wZW5pbmcnO1xuICAgIHRoaXMuX3dpbGxPcGVuLmVtaXQoKTtcblxuICAgIGlmIChza2lwQW5pbWF0aW9uKSB7XG4gICAgICB0aGlzLl9zdGF0ZSA9ICdvcGVuZWQnO1xuICAgICAgdGhpcy5fZGlkT3Blbi5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfY2xvc2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX3N0YXRlICE9PSAnb3BlbmVkJyAmJiB0aGlzLl9zdGF0ZSAhPT0gJ29wZW5pbmcnKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5fc3RhdGUgPSAnY2xvc2luZyc7XG4gICAgdGhpcy5fd2lsbENsb3NlLmVtaXQoKTtcbiAgfVxuXG4gIHByaXZhdGUgX2luaXRGcm9tSW5wdXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgU2JiQ2hlY2tib3hFbGVtZW50IHwgU2JiUmFkaW9CdXR0b25FbGVtZW50O1xuXG4gICAgaWYgKCFpbnB1dC5pc1NlbGVjdGlvblBhbmVsSW5wdXQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9jaGVja2VkID0gaW5wdXQuY2hlY2tlZDtcbiAgICB0aGlzLl9kaXNhYmxlZCA9IGlucHV0LmRpc2FibGVkO1xuICAgIHRoaXMuX3VwZGF0ZVN0YXRlKCk7XG4gIH1cblxuICBwcml2YXRlIF9vbklucHV0U3RhdGVDaGFuZ2UoZXZlbnQ6IEN1c3RvbUV2ZW50PFNiYlN0YXRlQ2hhbmdlPik6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIFNiYkNoZWNrYm94RWxlbWVudCB8IFNiYlJhZGlvQnV0dG9uRWxlbWVudDtcblxuICAgIGlmICghaW5wdXQuaXNTZWxlY3Rpb25QYW5lbElucHV0KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKGV2ZW50LmRldGFpbC50eXBlID09PSAnZGlzYWJsZWQnKSB7XG4gICAgICB0aGlzLl9kaXNhYmxlZCA9IGV2ZW50LmRldGFpbC5kaXNhYmxlZDtcbiAgICAgIHJldHVybjtcbiAgICB9IGVsc2UgaWYgKGV2ZW50LmRldGFpbC50eXBlICE9PSAnY2hlY2tlZCcpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9jaGVja2VkID0gZXZlbnQuZGV0YWlsLmNoZWNrZWQ7XG4gICAgdGhpcy5fdXBkYXRlU3RhdGUoKTtcbiAgfVxuXG4gIHByaXZhdGUgX29uQW5pbWF0aW9uRW5kKGV2ZW50OiBBbmltYXRpb25FdmVudCk6IHZvaWQge1xuICAgIGlmIChldmVudC5hbmltYXRpb25OYW1lID09PSAnb3Blbi1vcGFjaXR5JyAmJiB0aGlzLl9zdGF0ZSA9PT0gJ29wZW5pbmcnKSB7XG4gICAgICB0aGlzLl9zdGF0ZSA9ICdvcGVuZWQnO1xuICAgICAgdGhpcy5fZGlkT3Blbi5lbWl0KCk7XG4gICAgfSBlbHNlIGlmIChldmVudC5hbmltYXRpb25OYW1lID09PSAnY2xvc2UnICYmIHRoaXMuX3N0YXRlID09PSAnY2xvc2luZycpIHtcbiAgICAgIHRoaXMuX3N0YXRlID0gJ2Nsb3NlZCc7XG4gICAgICB0aGlzLl9kaWRDbG9zZS5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXNlbGVjdGlvbi1wYW5lbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXNlbGVjdGlvbi1wYW5lbF9fYmFkZ2VcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiYmFkZ2VcIj48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItc2VsZWN0aW9uLXBhbmVsX19pbnB1dFwiPlxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInNiYi1zZWxlY3Rpb24tcGFuZWxfX2NvbnRlbnQtLXdyYXBwZXJcIlxuICAgICAgICAgIC5pbmVydD0ke3RoaXMuX3N0YXRlICE9PSAnb3BlbmVkJ31cbiAgICAgICAgICBAYW5pbWF0aW9uZW5kPSR7KGV2ZW50OiBBbmltYXRpb25FdmVudCkgPT4gdGhpcy5fb25BbmltYXRpb25FbmQoZXZlbnQpfVxuICAgICAgICA+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1zZWxlY3Rpb24tcGFuZWxfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgIDxzYmItZGl2aWRlcj48L3NiYi1kaXZpZGVyPlxuICAgICAgICAgICAgPHNsb3QgbmFtZT1cImNvbnRlbnRcIj48L3Nsb3Q+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNlbGVjdGlvbi1wYW5lbCc6IFNiYlNlbGVjdGlvblBhbmVsRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbInN0YXRlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUEwQmEsSUFBQSwyQkFBTixjQUF1QyxXQUFXO0FBQUEsRUE2RWhELGNBQWM7QUFD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

package/development/tabs/tab-title.d.ts

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

package/development/tabs/tab-title.d.ts.map

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