@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/logo/logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../../src/elements/logo/logo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAK/D;;;;GAIG;AACH,qBACa,cAAe,SAAQ,mBAA4B;IAC9D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,0CAA0C;IAEnC,cAAc,CAAC,EAAE,iBAAiB,CAAW;IAEpD,mEAAmE;IACZ,kBAAkB,SAAU;cAEhE,MAAM,IAAI,cAAc;CAoB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/development/logo.d.ts

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

package/development/logo.d.ts.map

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

package/development/logo.js

@@ -0,0 +1,142 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { SbbNegativeMixin } from "./core/mixins.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-logo-panel-color: var(--sbb-color-red);
+  --sbb-logo-panel-stroke-color: var(--sbb-color-red);
+  --sbb-logo-signet-color: var(--sbb-color-white);
+  --sbb-logo-word-mark-color: var(--sbb-color-black);
+  --sbb-logo-aspect-ratio: 454 / 48;
+  --sbb-logo-svg-container-width: 100%;
+  --sbb-logo-svg-container-height: auto;
+  --sbb-logo-background-color: none;
+  display: block;
+  height: var(--sbb-logo-height);
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-logo-panel-color: ButtonText !important;
+    --sbb-logo-panel-stroke-color: ButtonText !important;
+    --sbb-logo-signet-color: Canvas !important;
+    --sbb-logo-word-mark-color: ButtonText !important;
+  }
+}
+
+:host([negative]) {
+  --sbb-logo-word-mark-color: var(--sbb-color-white);
+}
+
+:host([protective-room=minimal]) {
+  --sbb-logo-aspect-ratio: 502 / 96;
+  --sbb-logo-svg-container-height: 50%;
+}
+
+:host([protective-room=ideal]) {
+  --sbb-logo-aspect-ratio: 550 / 144;
+  --sbb-logo-svg-container-height: calc(48 / 144 * 100%);
+}
+
+.sbb-logo {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--sbb-logo-background-color);
+  aspect-ratio: var(--sbb-logo-aspect-ratio);
+  height: 100%;
+  width: 100%;
+}
+
+.sbb-logo .sbb-logo__svg-container {
+  display: flex;
+  height: var(--sbb-logo-svg-container-height);
+}
+
+.sbb-logo svg {
+  width: 100%;
+  height: 100%;
+}
+
+#sbb-logo__word-mark {
+  fill: var(--sbb-logo-word-mark-color);
+}
+
+#sbb-logo__panel {
+  fill: var(--sbb-logo-panel-color);
+  stroke: var(--sbb-logo-panel-stroke-color);
+}
+
+#sbb-logo__signet {
+  fill: var(--sbb-logo-signet-color);
+}`;
+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 SbbLogoElement = class extends SbbNegativeMixin(LitElement) {
+  constructor() {
+    super(...arguments);
+    this.protectiveRoom = "ideal";
+    this.accessibilityLabel = "Logo";
+  }
+  render() {
+    return html`
+      <span class="sbb-logo">
+        <span class="sbb-logo__svg-container">
+          <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 48">
+            <title .textContent=${this.accessibilityLabel}></title>
+            <path
+              id="sbb-logo__word-mark"
+              d="M238.2 34.6c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6h-7v9h7.4zm-.4-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4h-7v7.8h7.1zm1.1-13.4c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6h-15.9V6.8h15.1zm-33.7 27.8c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6H198v9h7.2zm-.3-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4H198v7.8h6.9zM206 6.8c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6H191V6.8h15zm-28 9.9c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14.1-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.6 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 12.9 10.6l-6.6.2zm158.7-3.9v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5zm-29.4 0v7.8h14.8v5.8h-14.8v13.7h-7V6.8h23.3v6h-16.3zm-11.8 15.7C295 36.2 289.3 41 281 41c-9.4 0-15.6-6.8-15.6-17.4 0-10.5 6.4-17.5 15.7-17.5 8.1 0 13.5 4.5 14.1 11.6h-7c-.8-3.8-3.2-5.7-7.1-5.7-5.3 0-8.8 4.6-8.8 11.6s3.4 11.6 8.6 11.6c4.3 0 6.7-2.1 7.5-6.7h7.1zm150.7-11.8c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.7 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 13 10.6l-6.7.2zm-40.4-3.9v7.8h14.9v5.8h-14.9v13.7h-7V6.8h23.4v6h-16.4zm-29.7 0v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5z"
+            ></path>
+            <path id="sbb-logo__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
+            <path
+              id="sbb-logo__signet"
+              d="M87 40h9.3L83.8 27.7h15.5V40h7.4V27.7h15.6L109.7 40h9.3l16-16-15.9-16h-9.3l12.5 12.3h-15.6V8h-7.4v12.3H83.8L96.3 8H87L71 24l16 16z"
+            ></path>
+          </svg>
+        </span>
+      </span>
+    `;
+  }
+};
+SbbLogoElement.styles = style;
+__decorateClass([
+  property({ attribute: "protective-room", reflect: true })
+], SbbLogoElement.prototype, "protectiveRoom", 2);
+__decorateClass([
+  property({ attribute: "accessibility-label" })
+], SbbLogoElement.prototype, "accessibilityLabel", 2);
+SbbLogoElement = __decorateClass([
+  customElement("sbb-logo")
+], SbbLogoElement);
+export {
+  SbbLogoElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nby5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2xvZ28vbG9nby50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYlByb3RlY3RpdmVSb29tIH0gZnJvbSAnLi4vY29yZS9pbnRlcmZhY2VzLmpzJztcbmltcG9ydCB7IFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2xvZ28uc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyB0aGUgU0JCIGxvZ28uXG4gKlxuICogQGNzc3Byb3AgWy0tc2JiLWxvZ28taGVpZ2h0PWF1dG9dIC0gQ2FuIGJlIHVzZWQgdG8gc2V0IHRoZSBoZWlnaHQgb2YgdGhlIGxvZ28uXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItbG9nbycpXG5leHBvcnQgY2xhc3MgU2JiTG9nb0VsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIFZpc3VhbCBwcm90ZWN0aXZlIHJvb20gYXJvdW5kIGxvZ28uICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3Byb3RlY3RpdmUtcm9vbScsIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIHByb3RlY3RpdmVSb29tPzogU2JiUHJvdGVjdGl2ZVJvb20gPSAnaWRlYWwnO1xuXG4gIC8qKiBBY2Nlc3NpYmlsaXR5IGxhYmVsIHdoaWNoIHdpbGwgYmUgZm9yd2FyZGVkIHRvIHRoZSBTVkcgbG9nby4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSkgcHVibGljIGFjY2Vzc2liaWxpdHlMYWJlbCA9ICdMb2dvJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWxvZ29cIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbG9nb19fc3ZnLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxzdmcgZm9jdXNhYmxlPVwiZmFsc2VcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA0NTQgNDhcIj5cbiAgICAgICAgICAgIDx0aXRsZSAudGV4dENvbnRlbnQ9JHt0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbH0+PC90aXRsZT5cbiAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgIGlkPVwic2JiLWxvZ29fX3dvcmQtbWFya1wiXG4gICAgICAgICAgICAgIGQ9XCJNMjM4LjIgMzQuNmM0LjEgMCA2LjItMS40IDYuMi00LjUgMC0zLjItMi00LjYtNi42LTQuNmgtN3Y5aDcuNHptLS40LTE0LjRjMy41IDAgNS42LTEuNCA1LjYtMy44IDAtMi43LTEuOS00LTUuNy00aC03djcuOGg3LjF6bTEuMS0xMy40YzcuMyAwIDExLjQgMy4xIDExLjQgOC41IDAgMy0xLjQgNS4xLTQuNiA2LjkgNC4xIDEuNSA1LjkgNC4xIDUuOSA4LjUgMCA1LjktNC42IDkuNi0xMS45IDkuNmgtMTUuOVY2LjhoMTUuMXptLTMzLjcgMjcuOGM0LjEgMCA2LjItMS40IDYuMi00LjUgMC0zLjItMi00LjYtNi42LTQuNkgxOTh2OWg3LjJ6bS0uMy0xNC40YzMuNSAwIDUuNi0xLjQgNS42LTMuOCAwLTIuNy0xLjktNC01LjctNEgxOTh2Ny44aDYuOXpNMjA2IDYuOGM3LjMgMCAxMS40IDMuMSAxMS40IDguNSAwIDMtMS40IDUuMS00LjYgNi45IDQuMSAxLjUgNS45IDQuMSA1LjkgOC41IDAgNS45LTQuNiA5LjYtMTEuOSA5LjZIMTkxVjYuOGgxNXptLTI4IDkuOWMtLjQtMy40LTIuNC01LTYuNS01LTMuNCAwLTUuNiAxLjUtNS42IDMuOSAwIDIgMS4zIDMuMiA0LjEgMy43bDYgMWM2LjQgMS4xIDkuOCA0LjYgOS44IDkuNyAwIDYuNi01LjMgMTAuOC0xMy43IDEwLjgtOC45IDAtMTQuMS00LjMtMTQuMS0xMS45aDcuMWMuNCA0LjQgMi42IDYuMiA3LjMgNi4yIDMuNiAwIDYuMi0xLjkgNi4yLTQuNiAwLTIuMS0xLjQtMy40LTQuMS0zLjlsLTUuNS0xYy03LTEuMy0xMC4yLTQuMy0xMC4yLTkuNyAwLTYuMiA0LjktMTAgMTIuOS0xMCA3LjggMCAxMi43IDQgMTIuOSAxMC42bC02LjYuMnptMTU4LjctMy45djcuOGgxNXY1LjhoLTE1djEzLjdoLTdWNi44aDIzLjV2NmgtMTYuNXptLTI5LjQgMHY3LjhoMTQuOHY1LjhoLTE0Ljh2MTMuN2gtN1Y2LjhoMjMuM3Y2aC0xNi4zem0tMTEuOCAxNS43QzI5NSAzNi4yIDI4OS4zIDQxIDI4MSA0MWMtOS40IDAtMTUuNi02LjgtMTUuNi0xNy40IDAtMTAuNSA2LjQtMTcuNSAxNS43LTE3LjUgOC4xIDAgMTMuNSA0LjUgMTQuMSAxMS42aC03Yy0uOC0zLjgtMy4yLTUuNy03LjEtNS43LTUuMyAwLTguOCA0LjYtOC44IDExLjZzMy40IDExLjYgOC42IDExLjZjNC4zIDAgNi43LTIuMSA3LjUtNi43aDcuMXptMTUwLjctMTEuOGMtLjQtMy40LTIuNC01LTYuNS01LTMuNCAwLTUuNiAxLjUtNS42IDMuOSAwIDIgMS4zIDMuMiA0LjEgMy43bDYgMWM2LjQgMS4xIDkuOCA0LjYgOS44IDkuNyAwIDYuNi01LjMgMTAuOC0xMy43IDEwLjgtOC45IDAtMTQtNC4zLTE0LjEtMTEuOWg3LjFjLjQgNC40IDIuNiA2LjIgNy4zIDYuMiAzLjcgMCA2LjItMS45IDYuMi00LjYgMC0yLjEtMS40LTMuNC00LjEtMy45bC01LjUtMWMtNy0xLjMtMTAuMi00LjMtMTAuMi05LjcgMC02LjIgNC45LTEwIDEyLjktMTAgNy44IDAgMTIuNyA0IDEzIDEwLjZsLTYuNy4yem0tNDAuNC0zLjl2Ny44aDE0Ljl2NS44aC0xNC45djEzLjdoLTdWNi44aDIzLjR2NmgtMTYuNHptLTI5LjcgMHY3LjhoMTV2NS44aC0xNXYxMy43aC03VjYuOGgyMy41djZoLTE2LjV6XCJcbiAgICAgICAgICAgID48L3BhdGg+XG4gICAgICAgICAgICA8cGF0aCBpZD1cInNiYi1sb2dvX19wYW5lbFwiIHN0cm9rZS13aWR0aD1cIjFcIiBkPVwiTTEgNDdoMTQxVjFIMXY0NnpcIj48L3BhdGg+XG4gICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICBpZD1cInNiYi1sb2dvX19zaWduZXRcIlxuICAgICAgICAgICAgICBkPVwiTTg3IDQwaDkuM0w4My44IDI3LjdoMTUuNVY0MGg3LjRWMjcuN2gxNS42TDEwOS43IDQwaDkuM2wxNi0xNi0xNS45LTE2aC05LjNsMTIuNSAxMi4zaC0xNS42VjhoLTcuNHYxMi4zSDgzLjhMOTYuMyA4SDg3TDcxIDI0bDE2IDE2elwiXG4gICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgIDwvc3ZnPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWxvZ28nOiBTYmJMb2dvRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBZU8sSUFBTSxpQkFBTixjQUE2QixpQkFBaUIsVUFBVSxFQUFFO0FBQUEsRUFBMUQsY0FBQTtBQUFBLFVBQUEsR0FBQSxTQUFBO0FBS0wsU0FBTyxpQkFBcUM7QUFHSSxTQUFPLHFCQUFxQjtBQUFBLEVBQUE7QUFBQSxFQUV6RCxTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsa0NBSXVCLEtBQUssa0JBQWtCO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQWN2RDtBQUNGO0FBOUJhLGVBQ1ksU0FBeUI7QUFJekMsZ0JBQUE7QUFBQSxFQUROLFNBQVMsRUFBRSxXQUFXLG1CQUFtQixTQUFTLE1BQU07QUFBQSxHQUo5QyxlQUtKLFdBQUEsa0JBQUEsQ0FBQTtBQUdnRCxnQkFBQTtBQUFBLEVBQXRELFNBQVMsRUFBRSxXQUFXLHVCQUF1QjtBQUFBLEdBUm5DLGVBUTRDLFdBQUEsc0JBQUEsQ0FBQTtBQVI1QyxpQkFBTixnQkFBQTtBQUFBLEVBRE4sY0FBYyxVQUFVO0FBQUEsR0FDWixjQUFBOyJ9

package/development/map-container/map-container.d.ts

@@ -0,0 +1,43 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+
+/**
+ * It can be used as a container for maps.
+ *
+ * @slot - Use the unnamed slot to add content to the sidebar.
+ * @slot map - Used for slotting the map.
+ * @cssprop [--sbb-map-container-margin-start=var(--sbb-header-height)] - The component
+ * comes along with a height calculation that subtracts the height of the header.
+ * For specific use cases, this variable can be used to modify the preset height.
+ * @cssprop [--sbb-map-container-sidebar-width=zero-large:400px;wide-ultra:480px] - Can be used
+ * to modify the width of the left sidebar.
+ */
+export declare class SbbMapContainerElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Flag to show/hide the scroll up button inside the sidebar on mobile. */
+    hideScrollUpButton: boolean;
+    private _scrollUpButtonVisible;
+    private _intersector?;
+    private _language;
+    private _observer;
+    /**
+     * Button click callback to trigger the scroll to container top
+     * @private
+     */
+    private _onScrollButtonClick;
+    /**
+     * Intersection callback. Toggles the visibility.
+     * @param entries
+     * @private
+     */
+    private _toggleButtonVisibilityOnIntersect;
+    connectedCallback(): void;
+    private _updateIntersectionObserver;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-map-container': SbbMapContainerElement;
+    }
+}
+//# sourceMappingURL=map-container.d.ts.map

package/development/map-container/map-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-container.d.ts","sourceRoot":"","sources":["../../../../src/elements/map-container/map-container.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAWhD,OAAO,8BAA8B,CAAC;AAEtC;;;;;;;;;;GAUG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2EAA2E;IAEpE,kBAAkB,UAAS;IAEzB,OAAO,CAAC,sBAAsB,CAAS;IAEhD,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,SAAS,CAEf;IAEF;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAG5B;;;;OAIG;IACH,OAAO,CAAC,kCAAkC;IAQ1B,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,2BAA2B;IAOnB,oBAAoB,IAAI,IAAI;cAKzB,MAAM,IAAI,cAAc;CAyC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/development/map-container.d.ts

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

package/development/map-container.d.ts.map

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

package/development/map-container.js

@@ -0,0 +1,268 @@
+import { css, LitElement, html, nothing } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { ref } from "lit/directives/ref.js";
+import { SbbLanguageController } from "./core/controllers.js";
+import { i18nMapContainerButtonLabel } from "./core/i18n.js";
+import { AgnosticIntersectionObserver } from "./core/observers.js";
+import "./button/tertiary-button.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-map-container-map-height-zero: 18.4375rem;
+  --sbb-map-container-map-height-small: 20rem;
+  --sbb-map-container-sidebar-width: 25rem;
+  --sbb-map-container-sidebar-background-color: var(--sbb-color-white);
+  --sbb-map-container-map-height: calc(
+    var(--sbb-map-container-map-height-zero) + var(--sbb-border-radius-4x)
+  );
+  --sbb-map-container-border-radius: var(--sbb-border-radius-4x);
+  --sbb-map-container-animation-duration: var(--sbb-animation-duration-4x);
+  display: block;
+}
+@media (min-width: calc(37.5rem)) {
+  :host {
+    --sbb-map-container-map-height: calc(
+      var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius)
+    );
+  }
+}
+@media (min-width: calc(80rem)) {
+  :host {
+    --sbb-map-container-sidebar-width: 30rem;
+  }
+}
+
+.sbb-map-container {
+  display: grid;
+  grid-template-rows: auto auto;
+  height: 100%;
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-map-container {
+    grid-template-columns: max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));
+    height: calc(100vh - var(--sbb-map-container-margin-start, var(--sbb-header-height)));
+    overflow: hidden;
+  }
+}
+
+.sbb-map-container__sidebar-button {
+  position: fixed;
+  left: 50%;
+  inset-block-end: var(--sbb-spacing-fixed-5x);
+  visibility: hidden;
+  opacity: 0;
+  transform: translateX(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));
+  transition: opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration), transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing);
+}
+:host([data-scroll-up-button-visible]) .sbb-map-container__sidebar-button {
+  transition: visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), transform var(--sbb-map-container-animation-duration) ease-out;
+  visibility: visible;
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-map-container__sidebar-button {
+    display: none;
+  }
+}
+
+.sbb-map-container__sidebar {
+  --sbb-scrollbar-thumb-width: 0.5rem;
+  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
+  --sbb-scrollbar-width-firefox: auto;
+  --sbb-scrollbar-color: var(--sbb-color-black-alpha-30);
+  --sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);
+  --sbb-scrollbar-track-color: var(--sbb-color-cloud);
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
+  /* Scrollbar itself */
+  /* Hide button (top and bottom of the scrollbar) */
+  grid-column: 1/3;
+  grid-row: 2/3;
+  width: 100%;
+  height: calc(100% + var(--sbb-map-container-border-radius));
+  overflow: hidden auto;
+  position: relative;
+  z-index: 2;
+  border-start-end-radius: var(--sbb-map-container-border-radius);
+  border-start-start-radius: var(--sbb-map-container-border-radius);
+  margin-block-start: calc(var(--sbb-map-container-border-radius) * -1);
+  background-color: var(--sbb-map-container-sidebar-background-color);
+}
+.sbb-map-container__sidebar::-webkit-scrollbar {
+  width: var(--sbb-scrollbar-width);
+  height: var(--sbb-scrollbar-width);
+  background-color: var(--sbb-scrollbar-track-color, transparent);
+}
+.sbb-map-container__sidebar::-webkit-scrollbar-corner {
+  background-color: var(--sbb-scrollbar-track-color, transparent);
+}
+.sbb-map-container__sidebar::-webkit-scrollbar-thumb {
+  background-color: var(--sbb-scrollbar-color, currentcolor);
+  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
+  border-radius: var(--sbb-border-radius-4x);
+  background-clip: padding-box;
+}
+.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover {
+  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
+  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
+}
+.sbb-map-container__sidebar::-webkit-scrollbar-button, .sbb-map-container__sidebar::-webkit-scrollbar-corner {
+  display: none;
+}
+@supports not selector(::-webkit-scrollbar) {
+  .sbb-map-container__sidebar {
+    scrollbar-width: var(--sbb-scrollbar-width-firefox);
+    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
+  }
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-map-container__sidebar {
+    grid-column: 1/2;
+    grid-row: 1/3;
+    border-radius: 0;
+    margin-block-start: 0;
+    border-block-start: var(--sbb-border-width-1x) solid var(--sbb-color-cloud);
+  }
+}
+
+.sbb-map-container__map {
+  position: sticky;
+  inset-block-start: 0;
+  inset-inline: 0;
+  z-index: 1;
+  grid-row: 1/2;
+  grid-column: 1/3;
+  height: var(--sbb-map-container-map-height);
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-map-container__map {
+    grid-row: 1/3;
+    grid-column: 2/3;
+    height: 100%;
+    position: relative;
+  }
+}`;
+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 SbbMapContainerElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.hideScrollUpButton = false;
+    this._scrollUpButtonVisible = false;
+    this._language = new SbbLanguageController(this);
+    this._observer = new AgnosticIntersectionObserver(
+      (entries) => this._toggleButtonVisibilityOnIntersect(entries)
+    );
+  }
+  /**
+   * Button click callback to trigger the scroll to container top
+   * @private
+   */
+  _onScrollButtonClick() {
+    this.scrollIntoView({ behavior: "smooth" });
+  }
+  /**
+   * Intersection callback. Toggles the visibility.
+   * @param entries
+   * @private
+   */
+  _toggleButtonVisibilityOnIntersect(entries) {
+    entries.forEach((entry) => {
+      const mapIsHidden = !entry.isIntersecting;
+      this.toggleAttribute("data-scroll-up-button-visible", mapIsHidden);
+      this._scrollUpButtonVisible = mapIsHidden;
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._updateIntersectionObserver();
+  }
+  _updateIntersectionObserver() {
+    this._observer.disconnect();
+    if (!this.hideScrollUpButton && this._intersector) {
+      this._observer.observe(this._intersector);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._observer.disconnect();
+  }
+  render() {
+    return html`
+      <div class="sbb-map-container">
+        <div class="sbb-map-container__sidebar">
+          ${!this.hideScrollUpButton ? html`<span
+                ${ref((el) => {
+      if (this._intersector === el) {
+        return;
+      }
+      this._intersector = el;
+      this._updateIntersectionObserver();
+    })}
+              ></span>` : nothing}
+
+          <slot></slot>
+
+          ${!this.hideScrollUpButton ? html`<sbb-tertiary-button
+                class="sbb-map-container__sidebar-button"
+                size="l"
+                icon-name="location-pin-map-small"
+                type="button"
+                @click=${() => this._onScrollButtonClick()}
+                ${ref((ref2) => {
+      if (ref2) {
+        ref2.inert = !this._scrollUpButtonVisible;
+      }
+    })}
+              >
+                ${i18nMapContainerButtonLabel[this._language.current]}
+              </sbb-tertiary-button>` : nothing}
+        </div>
+        <div class="sbb-map-container__map">
+          <slot name="map"></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+SbbMapContainerElement.styles = style;
+__decorateClass([
+  property({ attribute: "hide-scroll-up-button", reflect: true, type: Boolean })
+], SbbMapContainerElement.prototype, "hideScrollUpButton", 2);
+__decorateClass([
+  state()
+], SbbMapContainerElement.prototype, "_scrollUpButtonVisible", 2);
+SbbMapContainerElement = __decorateClass([
+  customElement("sbb-map-container")
+], SbbMapContainerElement);
+export {
+  SbbMapContainerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL21hcC1jb250YWluZXIvbWFwLWNvbnRhaW5lci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5LCBzdGF0ZSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHJlZiB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlZi5qcyc7XG5cbmltcG9ydCB0eXBlIHsgU2JiVGVydGlhcnlCdXR0b25FbGVtZW50IH0gZnJvbSAnLi4vYnV0dG9uLmpzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgaTE4bk1hcENvbnRhaW5lckJ1dHRvbkxhYmVsIH0gZnJvbSAnLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB7IEFnbm9zdGljSW50ZXJzZWN0aW9uT2JzZXJ2ZXIgfSBmcm9tICcuLi9jb3JlL29ic2VydmVycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL21hcC1jb250YWluZXIuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi9idXR0b24vdGVydGlhcnktYnV0dG9uLmpzJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3IgbWFwcy5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBzaWRlYmFyLlxuICogQHNsb3QgbWFwIC0gVXNlZCBmb3Igc2xvdHRpbmcgdGhlIG1hcC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1tYXAtY29udGFpbmVyLW1hcmdpbi1zdGFydD12YXIoLS1zYmItaGVhZGVyLWhlaWdodCldIC0gVGhlIGNvbXBvbmVudFxuICogY29tZXMgYWxvbmcgd2l0aCBhIGhlaWdodCBjYWxjdWxhdGlvbiB0aGF0IHN1YnRyYWN0cyB0aGUgaGVpZ2h0IG9mIHRoZSBoZWFkZXIuXG4gKiBGb3Igc3BlY2lmaWMgdXNlIGNhc2VzLCB0aGlzIHZhcmlhYmxlIGNhbiBiZSB1c2VkIHRvIG1vZGlmeSB0aGUgcHJlc2V0IGhlaWdodC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1tYXAtY29udGFpbmVyLXNpZGViYXItd2lkdGg9emVyby1sYXJnZTo0MDBweDt3aWRlLXVsdHJhOjQ4MHB4XSAtIENhbiBiZSB1c2VkXG4gKiB0byBtb2RpZnkgdGhlIHdpZHRoIG9mIHRoZSBsZWZ0IHNpZGViYXIuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItbWFwLWNvbnRhaW5lcicpXG5leHBvcnQgY2xhc3MgU2JiTWFwQ29udGFpbmVyRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogRmxhZyB0byBzaG93L2hpZGUgdGhlIHNjcm9sbCB1cCBidXR0b24gaW5zaWRlIHRoZSBzaWRlYmFyIG9uIG1vYmlsZS4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaGlkZS1zY3JvbGwtdXAtYnV0dG9uJywgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgaGlkZVNjcm9sbFVwQnV0dG9uID0gZmFsc2U7XG5cbiAgQHN0YXRlKCkgcHJpdmF0ZSBfc2Nyb2xsVXBCdXR0b25WaXNpYmxlID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBfaW50ZXJzZWN0b3I/OiBIVE1MU3BhbkVsZW1lbnQ7XG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcbiAgcHJpdmF0ZSBfb2JzZXJ2ZXIgPSBuZXcgQWdub3N0aWNJbnRlcnNlY3Rpb25PYnNlcnZlcigoZW50cmllcykgPT5cbiAgICB0aGlzLl90b2dnbGVCdXR0b25WaXNpYmlsaXR5T25JbnRlcnNlY3QoZW50cmllcyksXG4gICk7XG5cbiAgLyoqXG4gICAqIEJ1dHRvbiBjbGljayBjYWxsYmFjayB0byB0cmlnZ2VyIHRoZSBzY3JvbGwgdG8gY29udGFpbmVyIHRvcFxuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSBfb25TY3JvbGxCdXR0b25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLnNjcm9sbEludG9WaWV3KHsgYmVoYXZpb3I6ICdzbW9vdGgnIH0pO1xuICB9XG4gIC8qKlxuICAgKiBJbnRlcnNlY3Rpb24gY2FsbGJhY2suIFRvZ2dsZXMgdGhlIHZpc2liaWxpdHkuXG4gICAqIEBwYXJhbSBlbnRyaWVzXG4gICAqIEBwcml2YXRlXG4gICAqL1xuICBwcml2YXRlIF90b2dnbGVCdXR0b25WaXNpYmlsaXR5T25JbnRlcnNlY3QoZW50cmllczogSW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeVtdKTogdm9pZCB7XG4gICAgZW50cmllcy5mb3JFYWNoKChlbnRyeSkgPT4ge1xuICAgICAgY29uc3QgbWFwSXNIaWRkZW4gPSAhZW50cnkuaXNJbnRlcnNlY3Rpbmc7XG4gICAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1zY3JvbGwtdXAtYnV0dG9uLXZpc2libGUnLCBtYXBJc0hpZGRlbik7XG4gICAgICB0aGlzLl9zY3JvbGxVcEJ1dHRvblZpc2libGUgPSBtYXBJc0hpZGRlbjtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX3VwZGF0ZUludGVyc2VjdGlvbk9ic2VydmVyKCk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVJbnRlcnNlY3Rpb25PYnNlcnZlcigpOiB2b2lkIHtcbiAgICB0aGlzLl9vYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgaWYgKCF0aGlzLmhpZGVTY3JvbGxVcEJ1dHRvbiAmJiB0aGlzLl9pbnRlcnNlY3Rvcikge1xuICAgICAgdGhpcy5fb2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl9pbnRlcnNlY3Rvcik7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5fb2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLW1hcC1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1tYXAtY29udGFpbmVyX19zaWRlYmFyXCI+XG4gICAgICAgICAgJHshdGhpcy5oaWRlU2Nyb2xsVXBCdXR0b25cbiAgICAgICAgICAgID8gaHRtbGA8c3BhblxuICAgICAgICAgICAgICAgICR7cmVmKChlbD86IEVsZW1lbnQpOiB2b2lkID0+IHtcbiAgICAgICAgICAgICAgICAgIGlmICh0aGlzLl9pbnRlcnNlY3RvciA9PT0gZWwpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgdGhpcy5faW50ZXJzZWN0b3IgPSBlbCBhcyBIVE1MU3BhbkVsZW1lbnQ7XG4gICAgICAgICAgICAgICAgICB0aGlzLl91cGRhdGVJbnRlcnNlY3Rpb25PYnNlcnZlcigpO1xuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICA+PC9zcGFuPmBcbiAgICAgICAgICAgIDogbm90aGluZ31cblxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cblxuICAgICAgICAgICR7IXRoaXMuaGlkZVNjcm9sbFVwQnV0dG9uXG4gICAgICAgICAgICA/IGh0bWxgPHNiYi10ZXJ0aWFyeS1idXR0b25cbiAgICAgICAgICAgICAgICBjbGFzcz1cInNiYi1tYXAtY29udGFpbmVyX19zaWRlYmFyLWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cImxcIlxuICAgICAgICAgICAgICAgIGljb24tbmFtZT1cImxvY2F0aW9uLXBpbi1tYXAtc21hbGxcIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIEBjbGljaz0keygpID0+IHRoaXMuX29uU2Nyb2xsQnV0dG9uQ2xpY2soKX1cbiAgICAgICAgICAgICAgICAke3JlZigocmVmPzogRWxlbWVudCkgPT4ge1xuICAgICAgICAgICAgICAgICAgaWYgKHJlZikge1xuICAgICAgICAgICAgICAgICAgICAocmVmIGFzIFNiYlRlcnRpYXJ5QnV0dG9uRWxlbWVudCkuaW5lcnQgPSAhdGhpcy5fc2Nyb2xsVXBCdXR0b25WaXNpYmxlO1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgJHtpMThuTWFwQ29udGFpbmVyQnV0dG9uTGFiZWxbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19XG4gICAgICAgICAgICAgIDwvc2JiLXRlcnRpYXJ5LWJ1dHRvbj5gXG4gICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLW1hcC1jb250YWluZXJfX21hcFwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJtYXBcIj48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW1hcC1jb250YWluZXInOiBTYmJNYXBDb250YWluZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsicmVmIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQTBCYSxJQUFBLHlCQUFOLGNBQXFDLFdBQVc7QUFBQSxFQUFoRCxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFLTCxTQUFPLHFCQUFxQjtBQUVuQixTQUFRLHlCQUF5QjtBQUdsQyxTQUFBLFlBQVksSUFBSSxzQkFBc0IsSUFBSTtBQUNsRCxTQUFRLFlBQVksSUFBSTtBQUFBLE1BQTZCLENBQUMsWUFDcEQsS0FBSyxtQ0FBbUMsT0FBTztBQUFBLElBQUE7QUFBQSxFQUNqRDtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsRUFNUSx1QkFBNkI7QUFDbkMsU0FBSyxlQUFlLEVBQUUsVUFBVSxTQUFVLENBQUE7QUFBQSxFQUM1QztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQU1RLG1DQUFtQyxTQUE0QztBQUM3RSxZQUFBLFFBQVEsQ0FBQyxVQUFVO0FBQ25CLFlBQUEsY0FBYyxDQUFDLE1BQU07QUFDdEIsV0FBQSxnQkFBZ0IsaUNBQWlDLFdBQVc7QUFDakUsV0FBSyx5QkFBeUI7QUFBQSxJQUFBLENBQy9CO0FBQUEsRUFDSDtBQUFBLEVBRWdCLG9CQUEwQjtBQUN4QyxVQUFNLGtCQUFrQjtBQUN4QixTQUFLLDRCQUE0QjtBQUFBLEVBQ25DO0FBQUEsRUFFUSw4QkFBb0M7QUFDMUMsU0FBSyxVQUFVO0FBQ2YsUUFBSSxDQUFDLEtBQUssc0JBQXNCLEtBQUssY0FBYztBQUM1QyxXQUFBLFVBQVUsUUFBUSxLQUFLLFlBQVk7QUFBQSxJQUMxQztBQUFBLEVBQ0Y7QUFBQSxFQUVnQix1QkFBNkI7QUFDM0MsVUFBTSxxQkFBcUI7QUFDM0IsU0FBSyxVQUFVO0VBQ2pCO0FBQUEsRUFFbUIsU0FBeUI7QUFDbkMsV0FBQTtBQUFBO0FBQUE7QUFBQSxZQUdDLENBQUMsS0FBSyxxQkFDSjtBQUFBLGtCQUNJLElBQUksQ0FBQyxPQUF1QjtBQUN4QixVQUFBLEtBQUssaUJBQWlCLElBQUk7QUFDNUI7QUFBQSxNQUNGO0FBQ0EsV0FBSyxlQUFlO0FBQ3BCLFdBQUssNEJBQTRCO0FBQUEsSUFBQSxDQUNsQyxDQUFDO0FBQUEsMEJBRUosT0FBTztBQUFBO0FBQUE7QUFBQTtBQUFBLFlBSVQsQ0FBQyxLQUFLLHFCQUNKO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSx5QkFLVyxNQUFNLEtBQUssc0JBQXNCO0FBQUEsa0JBQ3hDLElBQUksQ0FBQ0EsU0FBa0I7QUFDdkIsVUFBSUEsTUFBSztBQUNOQSxhQUFpQyxRQUFRLENBQUMsS0FBSztBQUFBLE1BQ2xEO0FBQUEsSUFBQSxDQUNELENBQUM7QUFBQTtBQUFBLGtCQUVBLDRCQUE0QixLQUFLLFVBQVUsT0FBTyxDQUFDO0FBQUEsd0NBRXZELE9BQU87QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQU9uQjtBQUNGO0FBN0ZhLHVCQUNZLFNBQXlCO0FBSXpDLGdCQUFBO0FBQUEsRUFETixTQUFTLEVBQUUsV0FBVyx5QkFBeUIsU0FBUyxNQUFNLE1BQU0sU0FBUztBQUFBLEdBSm5FLHVCQUtKLFdBQUEsc0JBQUEsQ0FBQTtBQUVVLGdCQUFBO0FBQUEsRUFBaEIsTUFBTTtBQUFBLEdBUEksdUJBT00sV0FBQSwwQkFBQSxDQUFBO0FBUE4seUJBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMsbUJBQW1CO0FBQUEsR0FDckIsc0JBQUE7In0=

package/development/menu/common/menu-action-common.d.ts

@@ -0,0 +1,11 @@
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+import { AbstractConstructor, SbbDisabledMixinType } from '../../core/mixins.js';
+import { SbbIconNameMixinType } from '../../icon.js';
+
+export declare class SbbMenuActionCommonElementMixinType implements Partial<SbbDisabledMixinType>, Partial<SbbIconNameMixinType> {
+    amount?: string;
+    disabled: boolean;
+    iconName?: string;
+}
+export declare const SbbMenuActionCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbMenuActionCommonElementMixinType> & T;
+//# sourceMappingURL=menu-action-common.d.ts.map

package/development/menu/common/menu-action-common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-action-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/menu/common/menu-action-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAI5E,MAAM,CAAC,OAAO,OAAO,mCACnB,YAAW,OAAO,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC;IAEhE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC1B;AAGD,eAAO,MAAM,+BAA+B,oEAG9B,CAAC,KACZ,oBAAoB,mCAAmC,CAAC,GAAG,CA0B7D,CAAC"}

package/development/menu/common.d.ts

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

package/development/menu/common.d.ts.map

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