@sbb-esta/lyne-elements-dev 4.9.0-dev.1775049532 → 4.9.0-dev.1775050914

package/development/form-field.js

@@ -1,6 +1,6 @@
-import { t as SbbErrorElement } from "./error.component-H90REHso.js";
+import { t as SbbErrorElement } from "./error.component-CUqDJHb2.js";
 import { SbbFormFieldClearElement } from "./form-field/form-field-clear/form-field-clear.component.js";
-import { n as SbbFormFieldElement, t as SbbFormFieldControlEvent } from "./form-field.component-BTv2B0dZ.js";
+import { n as SbbFormFieldElement, t as SbbFormFieldControlEvent } from "./form-field.component-KEFq2rmY.js";
 import "./form-field.pure.js";
 //#region src/elements/form-field.ts
 /** @entrypoint */

package/development/form-field.pure.js

@@ -1,4 +1,4 @@
-import { t as SbbErrorElement } from "./error.component-H90REHso.js";
+import { t as SbbErrorElement } from "./error.component-CUqDJHb2.js";
 import { SbbFormFieldClearElement } from "./form-field/form-field-clear/form-field-clear.component.js";
-import { n as SbbFormFieldElement, t as SbbFormFieldControlEvent } from "./form-field.component-BTv2B0dZ.js";
+import { n as SbbFormFieldElement, t as SbbFormFieldControlEvent } from "./form-field.component-KEFq2rmY.js";
 export { SbbErrorElement, SbbFormFieldClearElement, SbbFormFieldControlEvent, SbbFormFieldElement };

package/development/header/common/header-action-common.js

@@ -1,2 +1,2 @@
-import { t as SbbHeaderActionCommonElementMixin } from "../../header-action-common-DSIc7FIL.js";
+import { t as SbbHeaderActionCommonElementMixin } from "../../header-action-common-C5NDTcye.js";
 export { SbbHeaderActionCommonElementMixin };

package/development/header/common.js

@@ -1,4 +1,4 @@
-import { t as SbbHeaderActionCommonElementMixin } from "../header-action-common-DSIc7FIL.js";
+import { t as SbbHeaderActionCommonElementMixin } from "../header-action-common-C5NDTcye.js";
 //#region src/elements/header/common.ts
 console.warn(`The entrypoint '@sbb-esta/elements/header/common.js' has been deprecated.
 Use either '@sbb-esta/elements/header.js' or '@sbb-esta/elements/header.pure.js' instead.`);

package/development/header/header/header.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/header/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AASzD;;;;;;GAMG;AACH,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,OAAO,CAAC,MAAM,CAAC,oBAAoB,CAA0B;IAC7D,OAAO,CAAC,MAAM,CAAC,eAAe,CAA+B;IAU7D;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;;OAIG;IACH,SAEgB,YAAY,EAAE,WAAW,GAAG,IAAI,CAAQ;IAExD,yDAAyD;IACzD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAE3E,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAQ;IAE9C,OAAO,CAAC,cAAc,CAA4C;IAClE,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,eAAe,CAA2B;IAClD,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,yBAAyB,CAA4B;;IAO7D,OAAO,CAAC,MAAM,CAAC,+BAA+B;IA2B9C,OAAO,CAAC,MAAM,CAAC,2BAA2B;IAM1C,OAAO,CAAC,MAAM,CAAC,0BAA0B;IAQzC,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAgBpC,gGAAgG;IAChF,iBAAiB,IAAI,IAAI;IAQzC,2DAA2D;IAC3C,oBAAoB,IAAI,IAAI;IAO5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAQY,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK9E,OAAO,CAAC,qBAAqB;IAuB7B,wDAAwD;IACxD,OAAO,CAAC,kBAAkB;IAI1B,2DAA2D;IAC3D,OAAO,CAAC,yBAAyB;IAOjC;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IA8CvB,uEAAuE;IACvE,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;cAgBP,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"header.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/header/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AASzD;;;;;;GAMG;AACH,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,OAAO,CAAC,MAAM,CAAC,oBAAoB,CAA0B;IAC7D,OAAO,CAAC,MAAM,CAAC,eAAe,CAA+B;IAU7D;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;;OAIG;IACH,SAEgB,YAAY,EAAE,WAAW,GAAG,IAAI,CAAQ;IAExD,yDAAyD;IACzD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAE3E,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAQ;IAE9C,OAAO,CAAC,cAAc,CAA4C;IAClE,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,eAAe,CAA2B;IAClD,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,yBAAyB,CAA4B;;IAO7D,OAAO,CAAC,MAAM,CAAC,+BAA+B;IA2B9C,OAAO,CAAC,MAAM,CAAC,2BAA2B;IAM1C,OAAO,CAAC,MAAM,CAAC,0BAA0B;IAQzC,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAgBpC,gGAAgG;IAChF,iBAAiB,IAAI,IAAI;IAQzC,2DAA2D;IAC3C,oBAAoB,IAAI,IAAI;IAO5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAQY,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK9E,OAAO,CAAC,qBAAqB;IAuB7B,wDAAwD;IACxD,OAAO,CAAC,kBAAkB;IAI1B,2DAA2D;IAC3D,OAAO,CAAC,yBAAyB;IAOjC;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IA8CvB,uEAAuE;IACvE,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;cAgBP,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/development/header/header/header.component.js

@@ -1,2 +1,2 @@
-import { t as SbbHeaderElement } from "../../header.component-WQQvZvNP.js";
+import { t as SbbHeaderElement } from "../../header.component-BEHRo9sO.js";
 export { SbbHeaderElement };

package/development/header/header-environment/header-environment.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-environment.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/header/header-environment/header-environment.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAKzD;;;;;;;GAOG;AACH,qBAAa,2BAA4B,SAAQ,UAAU;IACzD,gBAAgC,WAAW,EAAE,MAAM,CAA4B;IAC/E,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,OAAO,CAAC,IAAI,CAAuB;;IAcnC,OAAO,CAAC,kBAAkB;cAUP,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,2BAA2B,CAAC;KACvD;CACF"}
+{"version":3,"file":"header-environment.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/header/header-environment/header-environment.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAKzD;;;;;;;GAOG;AACH,qBAAa,2BAA4B,SAAQ,UAAU;IACzD,gBAAgC,WAAW,EAAE,MAAM,CAA4B;IAC/E,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,OAAO,CAAC,IAAI,CAAuB;;IAcnC,OAAO,CAAC,kBAAkB;cAUP,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,2BAA2B,CAAC;KACvD;CACF"}

package/development/header/header-environment/header-environment.component.js

@@ -1,2 +1,2 @@
-import { t as SbbHeaderEnvironmentElement } from "../../header-environment.component-CfdMcDA3.js";
+import { t as SbbHeaderEnvironmentElement } from "../../header-environment.component-ubJnFyq6.js";
 export { SbbHeaderEnvironmentElement };

package/development/header/header-environment.js

@@ -1,4 +1,4 @@
-import { t as SbbHeaderEnvironmentElement } from "../header-environment.component-CfdMcDA3.js";
+import { t as SbbHeaderEnvironmentElement } from "../header-environment.component-ubJnFyq6.js";
 //#region src/elements/header/header-environment.ts
 /** @entrypoint */
 SbbHeaderEnvironmentElement.define();

package/development/header/header.js

@@ -1,4 +1,4 @@
-import { t as SbbHeaderElement } from "../header.component-WQQvZvNP.js";
+import { t as SbbHeaderElement } from "../header.component-BEHRo9sO.js";
 //#region src/elements/header/header.ts
 /** @entrypoint */
 SbbHeaderElement.define();

package/development/header-action-common-C5NDTcye.js

@@ -0,0 +1,80 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { html as html$1 } from "lit/static-html.js";
+import { SbbIconNameMixin } from "./icon.js";
+//#region src/elements/header/common/header-action.scss?inline
+var header_action_default = ":host {\n  --sbb-header-action-active-border-margin-inline: var(--sbb-header-action-padding-inline);\n  --sbb-header-action-min-width: var(--sbb-header-action-min-height);\n  --sbb-header-action-transition-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-2x)\n  );\n  --_sbb-header-first-item-padding-shift: calc(-1 * var(--sbb-header-action-padding-inline));\n  --sbb-header-first-item-margin-inline-start: calc(\n    var(--_sbb-header-first-item-padding-shift) - var(--sbb-header-first-item-icon-shift)\n  );\n  display: inline-block;\n  outline: none !important;\n}\n\n@media (any-hover: hover) {\n  :host(:hover:not(:active, :is(:state(active),[state--active]))) {\n    --sbb-header-action-background-color: var(--sbb-background-color-3);\n    --sbb-header-action-translate-y: -0.0625rem;\n    --sbb-header-action-background-inset: calc(var(--sbb-border-width-2x) * -1);\n  }\n}\n@media (any-hover: hover) and (forced-colors: active) {\n  :host(:hover:not(:active, :is(:state(active),[state--active]))) {\n    --sbb-header-action-border-color: Highlight;\n  }\n}\n:host(:is(:active, :is(:state(active),[state--active]))) {\n  --sbb-header-action-background-color: var(--sbb-background-color-4);\n}\n@media (forced-colors: active) {\n  :host(:is(:active, :is(:state(active),[state--active]))) {\n    --sbb-header-action-border-color: Highlight;\n  }\n}\n\n:host(.sbb-active) {\n  --sbb-header-action-active-border-scale: 1;\n}\n@media (forced-colors: active) {\n  :host(.sbb-active) {\n    --sbb-header-action-border-color: Highlight;\n  }\n}\n\n@media (forced-colors: active) {\n  :host(:is(:state(button),[state--button])) {\n    --sbb-header-action-color: ButtonText;\n  }\n}\n\n:host(:not(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name]))) {\n  --sbb-header-first-item-margin-inline-start: var(--_sbb-header-first-item-padding-shift);\n}\n\n.sbb-action-base {\n  font-family: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  font-size: inherit;\n  text-align: inherit;\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  color: var(--sbb-header-action-color);\n  text-decoration: none;\n  min-height: var(--sbb-header-action-min-height);\n  min-width: var(--sbb-header-action-min-width);\n  padding-inline: var(--sbb-header-action-padding-inline-zero, var(--sbb-header-action-padding-inline));\n  cursor: var(--sbb-cursor-pointer);\n  user-select: none;\n  outline: none;\n}\n.sbb-action-base::before {\n  position: absolute;\n  content: \"\";\n  inset: var(--sbb-header-action-background-inset, 0);\n  border-radius: var(--sbb-border-radius-infinity);\n  background-color: var(--sbb-header-action-background-color);\n  transition-duration: var(--sbb-header-action-transition-duration);\n  transition-timing-function: var(--sbb-header-action-transition-easing);\n  transition-property: inset, background-color;\n  border: var(--sbb-border-width-1x) solid var(--sbb-header-action-border-color);\n}\n@media (forced-colors: active) {\n  .sbb-action-base::before {\n    border-width: var(--sbb-border-width-2x);\n  }\n}\n:host(:focus-visible) .sbb-action-base::before, .sbb-action-base:focus-visible::before {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n}\n.sbb-action-base::after {\n  content: \"\";\n  position: absolute;\n  border-block-end: var(--sbb-header-action-active-border-width) solid var(--sbb-header-action-active-border-color);\n  inset: auto 0 calc(-1 * var(--sbb-header-action-active-border-width));\n  margin-inline: var(--sbb-header-action-active-border-margin-inline);\n  scale: var(--sbb-header-action-active-border-scale, 0);\n  transition: scale var(--sbb-header-action-transition-easing) var(--sbb-header-action-transition-duration);\n}\n\n.sbb-header-action__wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--sbb-header-action-gap);\n  white-space: nowrap;\n  transform: translateY(var(--sbb-header-action-translate-y, 0));\n  transition: transform var(--sbb-header-action-transition-duration) var(--sbb-header-action-transition-easing);\n  will-change: transform;\n  max-width: 100%;\n}\n\n.sbb-header-action__icon {\n  --sbb-icon-svg-stroke-color: currentcolor;\n  --sbb-icon-svg-stroke-width: 1px;\n  min-width: var(--sbb-header-action-icon-dimension);\n  min-height: var(--sbb-header-action-icon-dimension);\n  line-height: 0;\n}\n:host(:not(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name]))) .sbb-header-action__icon {\n  display: none;\n}\n\n.sbb-header-action__text {\n  --sbb-text-font-size: var(--sbb-text-font-size-xs);\n  font-family: var(--sbb-typo-font-family);\n  font-weight: normal;\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  font-size: var(--sbb-text-font-size);\n  font-weight: bold;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  display: block;\n}\n:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-header-action__text {\n  display: none;\n}\n\n:host(:is(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))) {\n  --_sbb-header-first-item-padding-shift: calc(\n    -0.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension))\n  );\n  --sbb-header-action-padding-inline-zero: 0;\n  --sbb-header-action-active-border-margin-inline: calc(\n    0.5 * (100% - var(--sbb-size-icon-ui-small))\n  );\n}\n:host(:is(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))) .sbb-header-action__text {\n  border: 0;\n  clip-path: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n  display: flex;\n}\n\n@media (max-width: calc(37.4375rem)) {\n  :host([expand-from=small]:is(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) {\n    --_sbb-header-first-item-padding-shift: calc(\n      -0.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension))\n    );\n    --sbb-header-action-padding-inline-zero: 0;\n    --sbb-header-action-active-border-margin-inline: calc(\n      0.5 * (100% - var(--sbb-size-icon-ui-small))\n    );\n  }\n  :host([expand-from=small]:is(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text {\n    border: 0;\n    clip-path: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n    display: flex;\n  }\n}\n\n@media (max-width: calc(63.9375rem)) {\n  :host([expand-from=large]:is(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) {\n    --_sbb-header-first-item-padding-shift: calc(\n      -0.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension))\n    );\n    --sbb-header-action-padding-inline-zero: 0;\n    --sbb-header-action-active-border-margin-inline: calc(\n      0.5 * (100% - var(--sbb-size-icon-ui-small))\n    );\n  }\n  :host([expand-from=large]:is(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text {\n    border: 0;\n    clip-path: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n    display: flex;\n  }\n}\n\n@media (max-width: calc(89.9375rem)) {\n  :host([expand-from=ultra]:is(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) {\n    --_sbb-header-first-item-padding-shift: calc(\n      -0.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension))\n    );\n    --sbb-header-action-padding-inline-zero: 0;\n    --sbb-header-action-active-border-margin-inline: calc(\n      0.5 * (100% - var(--sbb-size-icon-ui-small))\n    );\n  }\n  :host([expand-from=ultra]:is(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text {\n    border: 0;\n    clip-path: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n    display: flex;\n  }\n}\n\n@media (max-width: calc(98.9375rem)) {\n  :host([expand-from=ultra--max-content]:is(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) {\n    --_sbb-header-first-item-padding-shift: calc(\n      -0.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension))\n    );\n    --sbb-header-action-padding-inline-zero: 0;\n    --sbb-header-action-active-border-margin-inline: calc(\n      0.5 * (100% - var(--sbb-size-icon-ui-small))\n    );\n  }\n  :host([expand-from=ultra--max-content]:is(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text {\n    border: 0;\n    clip-path: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n    display: flex;\n  }\n}\n\n::slotted([slot=icon]:is(sbb-image, img)) {\n  width: var(--sbb-header-action-icon-dimension);\n  height: var(--sbb-header-action-icon-dimension);\n  border-radius: var(--sbb-border-radius-infinity);\n}";
+//#endregion
+//#region src/elements/header/common/header-action-common.ts
+var SbbHeaderActionCommonElementMixin = (superClass) => {
+	return (() => {
+		let _classSuper = SbbIconNameMixin(superClass);
+		let _expandFrom_decorators;
+		let _expandFrom_initializers = [];
+		let _expandFrom_extraInitializers = [];
+		return class SbbHeaderActionCommonElement extends _classSuper {
+			static {
+				const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+				_expandFrom_decorators = [property({
+					attribute: "expand-from",
+					reflect: true
+				})];
+				__esDecorate(this, null, _expandFrom_decorators, {
+					kind: "accessor",
+					name: "expandFrom",
+					static: false,
+					private: false,
+					access: {
+						has: (obj) => "expandFrom" in obj,
+						get: (obj) => obj.expandFrom,
+						set: (obj, value) => {
+							obj.expandFrom = value;
+						}
+					},
+					metadata: _metadata
+				}, _expandFrom_initializers, _expandFrom_extraInitializers);
+				if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+					enumerable: true,
+					configurable: true,
+					writable: true,
+					value: _metadata
+				});
+			}
+			static {
+				this.styles = [boxSizingStyles, unsafeCSS(header_action_default)];
+			}
+			#expandFrom_accessor_storage = __runInitializers(this, _expandFrom_initializers, "large");
+			/**
+			* Used to set the minimum breakpoint from which the text is displayed.
+			* E.g. if set to 'large', the text will be visible for breakpoints large and ultra,
+			* and hidden for all the others. Ignored if no icon is set.
+			*/
+			get expandFrom() {
+				return this.#expandFrom_accessor_storage;
+			}
+			set expandFrom(value) {
+				this.#expandFrom_accessor_storage = value;
+			}
+			renderTemplate() {
+				return html$1`
+        <span class="sbb-header-action__wrapper">
+          <span class="sbb-header-action__icon"> ${super.renderIconSlot()} </span>
+          <span class="sbb-header-action__text">
+            <slot></slot>
+          </span>
+        </span>
+      `;
+			}
+			constructor() {
+				super(...arguments);
+				__runInitializers(this, _expandFrom_extraInitializers);
+			}
+		};
+	})();
+};
+//#endregion
+export { SbbHeaderActionCommonElementMixin as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLWFjdGlvbi1jb21tb24tQzVORFRjeWUuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2hlYWRlci9jb21tb24vaGVhZGVyLWFjdGlvbi5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9oZWFkZXIvY29tbW9uL2hlYWRlci1hY3Rpb24tY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbkBtaXhpbiBpY29uLW9ubHkge1xuICAvLyBUaGUgdmFyaWFibGUgaXMgYXNzaWduZWQgdG8gdGhlIHByb3BlcnR5IGluIHRoZSBzYmItaGVhZGVyIGNvbXBvbmVudCBpZiBpdCBpc1xuICAvLyB0aGUgZmlyc3QgZWxlbWVudCBpbiB0aGUgaGVhZGVyIGFuZCBuZWVkcyBsZWZ0IG9mZnNldCBjb3JyZWN0aW9uIChzZWUgc2JiLWhlYWRlci5zY3NzKS5cbiAgLy8gVG8gYXZvaWQgZHVwbGljYXRlZCBDU1MgZGVmaW5pdGlvbnMsIHRoZSB2YWx1ZSBpdHNlbGYgaXMgYXNzaWduZWQgaGVyZSBpblxuICAvLyBzYmItaGVhZGVyLWJ1dHRvbi9zYmItaGVhZGVyLWxpbmsgaW5zdGVhZCBvZiBzYmItaGVhZGVyLlxuXG4gIC8vIE1vdmUgaXQgbGVmdCBieSBwYWRkaW5nIG9mIGhlYWRlciBhY3Rpb24gdG8gdGhlIGljb24gaXRzZWxmLlxuICAtLV9zYmItaGVhZGVyLWZpcnN0LWl0ZW0tcGFkZGluZy1zaGlmdDogY2FsYyhcbiAgICAtMC41ICogKHZhcigtLXNiYi1oZWFkZXItYWN0aW9uLW1pbi13aWR0aCkgLSB2YXIoLS1zYmItaGVhZGVyLWFjdGlvbi1pY29uLWRpbWVuc2lvbikpXG4gICk7XG4gIC0tc2JiLWhlYWRlci1hY3Rpb24tcGFkZGluZy1pbmxpbmUtemVybzogMDtcbiAgLS1zYmItaGVhZGVyLWFjdGlvbi1hY3RpdmUtYm9yZGVyLW1hcmdpbi1pbmxpbmU6IGNhbGMoXG4gICAgMC41ICogKDEwMCUgLSB2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKSlcbiAgKTtcblxuICAuc2JiLWhlYWRlci1hY3Rpb25fX3RleHQge1xuICAgIEBpbmNsdWRlIHNiYi5zY3JlZW4tcmVhZGVyLW9ubHk7XG5cbiAgICAvLyBUaGlzIGlzIGEgd29ya2Fyb3VuZCB0byBmaXggc3R5bGluZyBhZnRlciBvcmllbnRhdGlvbiBjaGFuZ2Ugb24gaU9TLlxuICAgIC8vIElmIHRoZSBkaXNwbGF5IHZhbHVlIGNoYW5nZXMgY29tcGFyaW5nIHRvIHRoZSBiYXNlIHN0YXRlIChkaXNwbGF5OiBmbGV4KSxcbiAgICAvLyBpdCByZS1yZW5kZXJzIGFuZCBkaXNwbGF5cyBldmVyeXRoaW5nIGNvcnJlY3RseS5cbiAgICAvLyBXaXRob3V0IHRoaXMgd29ya2Fyb3VuZCwgZWxlbWVudHMgYXJlIG92ZXJsYXBwaW5nIGVhY2ggb3RoZXIuXG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxufVxuXG46aG9zdCB7XG4gIC0tc2JiLWhlYWRlci1hY3Rpb24tYWN0aXZlLWJvcmRlci1tYXJnaW4taW5saW5lOiB2YXIoLS1zYmItaGVhZGVyLWFjdGlvbi1wYWRkaW5nLWlubGluZSk7XG4gIC0tc2JiLWhlYWRlci1hY3Rpb24tbWluLXdpZHRoOiB2YXIoLS1zYmItaGVhZGVyLWFjdGlvbi1taW4taGVpZ2h0KTtcbiAgLS1zYmItaGVhZGVyLWFjdGlvbi10cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0yeClcbiAgKTtcblxuICAvLyBJZiBleHBhbmRlZCwgbW92ZSBpdCBsZWZ0IGJ5IGxlZnQgcGFkZGluZy5cbiAgLy8gQXMgcmVzdWx0LCB0aGUgaWNvbiBzaG91bGQgYmUgYWxpZ25lZCB3aXRoIHRoZSBsZWZ0IHNpZGUgb2YgdGhlIHBhZ2Ugd3JhcHBlci5cbiAgLS1fc2JiLWhlYWRlci1maXJzdC1pdGVtLXBhZGRpbmctc2hpZnQ6IGNhbGMoLTEgKiB2YXIoLS1zYmItaGVhZGVyLWFjdGlvbi1wYWRkaW5nLWlubGluZSkpO1xuICAtLXNiYi1oZWFkZXItZmlyc3QtaXRlbS1tYXJnaW4taW5saW5lLXN0YXJ0OiBjYWxjKFxuICAgIHZhcigtLV9zYmItaGVhZGVyLWZpcnN0LWl0ZW0tcGFkZGluZy1zaGlmdCkgLSB2YXIoLS1zYmItaGVhZGVyLWZpcnN0LWl0ZW0taWNvbi1zaGlmdClcbiAgKTtcblxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgLy8gVXNlICFpbXBvcnRhbnQgaGVyZSB0byBub3QgaW50ZXJmZXJlIHdpdGggRmlyZWZveCBmb2N1cyByaW5nIGRlZmluaXRpb25cbiAgLy8gd2hpY2ggYXBwZWFycyBpbiBub3JtYWxpemUgQ1NTIG9mIHNldmVyYWwgZnJhbWV3b3Jrcy5cbiAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xufVxuXG5AaW5jbHVkZSBzYmIuaG92ZXItbXEoJGhvdmVyOiB0cnVlKSB7XG4gIDpob3N0KDpob3Zlcjpub3QoOmFjdGl2ZSwgOnN0YXRlKGFjdGl2ZSkpKSB7XG4gICAgLS1zYmItaGVhZGVyLWFjdGlvbi1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0zKTtcbiAgICAtLXNiYi1oZWFkZXItYWN0aW9uLXRyYW5zbGF0ZS15OiAje3NiYi5weC10by1yZW0tYnVpbGQoLTEpfTtcbiAgICAtLXNiYi1oZWFkZXItYWN0aW9uLWJhY2tncm91bmQtaW5zZXQ6IGNhbGModmFyKC0tc2JiLWJvcmRlci13aWR0aC0yeCkgKiAtMSk7XG5cbiAgICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgICAtLXNiYi1oZWFkZXItYWN0aW9uLWJvcmRlci1jb2xvcjogSGlnaGxpZ2h0O1xuICAgIH1cbiAgfVxufVxuXG46aG9zdCg6aXMoOmFjdGl2ZSwgOnN0YXRlKGFjdGl2ZSkpKSB7XG4gIC0tc2JiLWhlYWRlci1hY3Rpb24tYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWJhY2tncm91bmQtY29sb3ItNCk7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLWhlYWRlci1hY3Rpb24tYm9yZGVyLWNvbG9yOiBIaWdobGlnaHQ7XG4gIH1cbn1cblxuOmhvc3QoLnNiYi1hY3RpdmUpIHtcbiAgLS1zYmItaGVhZGVyLWFjdGlvbi1hY3RpdmUtYm9yZGVyLXNjYWxlOiAxO1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1oZWFkZXItYWN0aW9uLWJvcmRlci1jb2xvcjogSGlnaGxpZ2h0O1xuICB9XG59XG5cbjpob3N0KDpzdGF0ZShidXR0b24pKSB7XG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1oZWFkZXItYWN0aW9uLWNvbG9yOiBCdXR0b25UZXh0O1xuICB9XG59XG5cbi8vIElmIHRoZXJlIGlzIG5vIGljb24gYW5kIHRoZSBhY3Rpb24gaXMgdGhlIGZpcnN0IGluIHRoZSBoZWFkZXIsIHRoZSBsZWZ0IG9mZnNldFxuLy8gbXVzdCBiZSBjaGFuZ2VkIChvdGhlciB2YWx1ZSB0aGFuIGZvciB0aGUgaWNvbiBvbmx5IHZhcmlhbnQpIHRvIGFsaWduIHRoZSB0ZXh0IHdpdGggdGhlIGNvbnRhaW5lci5cbi8vIFRoZSB2YWx1ZSBjb3JyZXNwb25kcyB0byB0aGUgcGFkZGluZyBvZiB0aGUgaGVhZGVyIGFjdGlvbiBpdHNlbGYuXG46aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWljb24pLCA6c3RhdGUoaGFzLWljb24tbmFtZSkpKSB7XG4gIC0tc2JiLWhlYWRlci1maXJzdC1pdGVtLW1hcmdpbi1pbmxpbmUtc3RhcnQ6IHZhcigtLV9zYmItaGVhZGVyLWZpcnN0LWl0ZW0tcGFkZGluZy1zaGlmdCk7XG59XG5cbi5zYmItYWN0aW9uLWJhc2Uge1xuICBAaW5jbHVkZSBzYmIudGV4dC1pbmhlcml0O1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiB2YXIoLS1zYmItaGVhZGVyLWFjdGlvbi1jb2xvcik7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgbWluLWhlaWdodDogdmFyKC0tc2JiLWhlYWRlci1hY3Rpb24tbWluLWhlaWdodCk7XG4gIG1pbi13aWR0aDogdmFyKC0tc2JiLWhlYWRlci1hY3Rpb24tbWluLXdpZHRoKTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcihcbiAgICAtLXNiYi1oZWFkZXItYWN0aW9uLXBhZGRpbmctaW5saW5lLXplcm8sXG4gICAgdmFyKC0tc2JiLWhlYWRlci1hY3Rpb24tcGFkZGluZy1pbmxpbmUpXG4gICk7XG4gIGN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1wb2ludGVyKTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG91dGxpbmU6IG5vbmU7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgY29udGVudDogJyc7XG4gICAgaW5zZXQ6IHZhcigtLXNiYi1oZWFkZXItYWN0aW9uLWJhY2tncm91bmQtaW5zZXQsIDApO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLWluZmluaXR5KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItaGVhZGVyLWFjdGlvbi1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoLS1zYmItaGVhZGVyLWFjdGlvbi10cmFuc2l0aW9uLWR1cmF0aW9uKTtcbiAgICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogdmFyKC0tc2JiLWhlYWRlci1hY3Rpb24tdHJhbnNpdGlvbi1lYXNpbmcpO1xuICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IGluc2V0LCBiYWNrZ3JvdW5kLWNvbG9yO1xuICAgIGJvcmRlcjogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgc29saWQgdmFyKC0tc2JiLWhlYWRlci1hY3Rpb24tYm9yZGVyLWNvbG9yKTtcblxuICAgIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAgIGJvcmRlci13aWR0aDogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0yeCk7XG4gICAgfVxuICB9XG5cbiAgLy8gSGFuZGxlIGZvY3VzIG9uIHRoZSBob3N0IChidXR0b24gdmFyaWFudClcbiAgOmhvc3QoOmZvY3VzLXZpc2libGUpICYsXG4gIC8vIEhhbmRsZSBmb2N1cyBvbiB0aGUgYWN0aW9uIChsaW5rIHZhcmlhbnQpXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuICAgIH1cbiAgfVxuXG4gIC8vIEFjdGl2ZSBzdGF0ZSBib3JkZXJcbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3JkZXItYmxvY2stZW5kOiB2YXIoLS1zYmItaGVhZGVyLWFjdGlvbi1hY3RpdmUtYm9yZGVyLXdpZHRoKSBzb2xpZFxuICAgICAgdmFyKC0tc2JiLWhlYWRlci1hY3Rpb24tYWN0aXZlLWJvcmRlci1jb2xvcik7XG4gICAgaW5zZXQ6IGF1dG8gMCBjYWxjKC0xICogdmFyKC0tc2JiLWhlYWRlci1hY3Rpb24tYWN0aXZlLWJvcmRlci13aWR0aCkpO1xuICAgIG1hcmdpbi1pbmxpbmU6IHZhcigtLXNiYi1oZWFkZXItYWN0aW9uLWFjdGl2ZS1ib3JkZXItbWFyZ2luLWlubGluZSk7XG4gICAgc2NhbGU6IHZhcigtLXNiYi1oZWFkZXItYWN0aW9uLWFjdGl2ZS1ib3JkZXItc2NhbGUsIDApO1xuICAgIHRyYW5zaXRpb246IHNjYWxlIHZhcigtLXNiYi1oZWFkZXItYWN0aW9uLXRyYW5zaXRpb24tZWFzaW5nKVxuICAgICAgdmFyKC0tc2JiLWhlYWRlci1hY3Rpb24tdHJhbnNpdGlvbi1kdXJhdGlvbik7XG4gIH1cbn1cblxuLnNiYi1oZWFkZXItYWN0aW9uX193cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiB2YXIoLS1zYmItaGVhZGVyLWFjdGlvbi1nYXApO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkodmFyKC0tc2JiLWhlYWRlci1hY3Rpb24tdHJhbnNsYXRlLXksIDApKTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIHZhcigtLXNiYi1oZWFkZXItYWN0aW9uLXRyYW5zaXRpb24tZHVyYXRpb24pXG4gICAgdmFyKC0tc2JiLWhlYWRlci1hY3Rpb24tdHJhbnNpdGlvbi1lYXNpbmcpO1xuICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbi5zYmItaGVhZGVyLWFjdGlvbl9faWNvbiB7XG4gIC8vIFNldCBzdHJva2Ugb24gaGVhZGVyIGljb25zXG4gIC0tc2JiLWljb24tc3ZnLXN0cm9rZS1jb2xvcjogY3VycmVudGNvbG9yO1xuICAtLXNiYi1pY29uLXN2Zy1zdHJva2Utd2lkdGg6IDFweDtcblxuICBtaW4td2lkdGg6IHZhcigtLXNiYi1oZWFkZXItYWN0aW9uLWljb24tZGltZW5zaW9uKTtcbiAgbWluLWhlaWdodDogdmFyKC0tc2JiLWhlYWRlci1hY3Rpb24taWNvbi1kaW1lbnNpb24pO1xuICBsaW5lLWhlaWdodDogMDtcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWljb24pLCA6c3RhdGUoaGFzLWljb24tbmFtZSkpKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG5cbi5zYmItaGVhZGVyLWFjdGlvbl9fdGV4dCB7XG4gIEBpbmNsdWRlIHNiYi50ZXh0LXhzLS1ib2xkO1xuICBAaW5jbHVkZSBzYmIuZWxsaXBzaXM7XG5cbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZCkpKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG5cbi8vIElmIHRoZXJlIGlzIG5vIHNsb3R0ZWQgdGV4dCwgcmVnYXJkbGVzcyBvZiBleHBhbmRlZC1mcm9tIHN0YXRlLCB0aGUgaWNvbiBvbmx5IHZhcmlhbnQgc2hvdWxkIGJlIHNldC5cbjpob3N0KDppcyg6c3RhdGUoc2xvdHRlZC1pY29uKSwgOnN0YXRlKGhhcy1pY29uLW5hbWUpKTpub3QoOnN0YXRlKHNsb3R0ZWQpKSkge1xuICBAaW5jbHVkZSBpY29uLW9ubHk7XG59XG5cbi8vIFRPRE86IHJlZXZhbHVhdGUgdGhpcyBvbmNlICdDU1MgY29udGFpbmVyIHF1ZXJpZXMnIGlzIHN1cHBvcnRlZFxuLy8gaHR0cHM6Ly9jYW5pdXNlLmNvbS9jc3MtY29udGFpbmVyLXF1ZXJpZXMtc3R5bGVcbkBlYWNoICRicmVha3BvaW50LCAkdmFsdWUgaW4gc2JiLiRtcS1icmVha3BvaW50cyB7XG4gIC8vIFdlIHNraXAgemVybyBicmVha3BvaW50IGFzIGl0IHdvdWxkIHJlc29sdmUgaW50byAodG86IDApLlxuICAvLyBUaGUgcnVsZXMgYXJlIHNldCB0byBmb3JjZSB0aGUgaWNvbiBvbmx5IHZhcmlhbnQgaWYgdGhlcmUgaXMgc2xvdHRlZCB0ZXh0LCBidXQgbm90IHlldCBleHBhbmRlZC5cbiAgQGlmICRicmVha3BvaW50ICE9ICd6ZXJvJyB7XG4gICAgOmhvc3QoXG4gICAgICBbZXhwYW5kLWZyb209JyN7JGJyZWFrcG9pbnR9J106aXMoOnN0YXRlKHNsb3R0ZWQtaWNvbiksIDpzdGF0ZShoYXMtaWNvbi1uYW1lKSk6c3RhdGUoc2xvdHRlZClcbiAgICApIHtcbiAgICAgIEBpbmNsdWRlIHNiYi5tcSgkdG86ICN7JGJyZWFrcG9pbnR9KSB7XG4gICAgICAgIEBpbmNsdWRlIGljb24tb25seTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuOjpzbG90dGVkKFtzbG90PSdpY29uJ106aXMoc2JiLWltYWdlLCBpbWcpKSB7XG4gIHdpZHRoOiB2YXIoLS1zYmItaGVhZGVyLWFjdGlvbi1pY29uLWRpbWVuc2lvbik7XG4gIGhlaWdodDogdmFyKC0tc2JiLWhlYWRlci1hY3Rpb24taWNvbi1kaW1lbnNpb24pO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy1pbmZpbml0eSk7XG59XG4iLCJpbXBvcnQgeyB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJBY3Rpb25CYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkhvcml6b250YWxGcm9tIH0gZnJvbSAnLi4vLi4vY29yZS9pbnRlcmZhY2VzLnRzJztcbmltcG9ydCB0eXBlIHsgQWJzdHJhY3RDb25zdHJ1Y3RvciB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi8uLi9pY29uLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vaGVhZGVyLWFjdGlvbi5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCBkZWNsYXJlIGNsYXNzIFNiYkhlYWRlckFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGUgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFxuICBTYmJBY3Rpb25CYXNlRWxlbWVudCxcbikge1xuICBwdWJsaWMgYWNjZXNzb3IgZXhwYW5kRnJvbTogU2JiSG9yaXpvbnRhbEZyb207XG59XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbmV4cG9ydCBjb25zdCBTYmJIZWFkZXJBY3Rpb25Db21tb25FbGVtZW50TWl4aW4gPSA8XG4gIFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkFjdGlvbkJhc2VFbGVtZW50Pixcbj4oXG4gIHN1cGVyQ2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkhlYWRlckFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICYgVCA9PiB7XG4gIGFic3RyYWN0IGNsYXNzIFNiYkhlYWRlckFjdGlvbkNvbW1vbkVsZW1lbnRcbiAgICBleHRlbmRzIFNiYkljb25OYW1lTWl4aW4oc3VwZXJDbGFzcylcbiAgICBpbXBsZW1lbnRzIFBhcnRpYWw8U2JiSGVhZGVyQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT5cbiAge1xuICAgIHB1YmxpYyBzdGF0aWMgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gICAgLyoqXG4gICAgICogVXNlZCB0byBzZXQgdGhlIG1pbmltdW0gYnJlYWtwb2ludCBmcm9tIHdoaWNoIHRoZSB0ZXh0IGlzIGRpc3BsYXllZC5cbiAgICAgKiBFLmcuIGlmIHNldCB0byAnbGFyZ2UnLCB0aGUgdGV4dCB3aWxsIGJlIHZpc2libGUgZm9yIGJyZWFrcG9pbnRzIGxhcmdlIGFuZCB1bHRyYSxcbiAgICAgKiBhbmQgaGlkZGVuIGZvciBhbGwgdGhlIG90aGVycy4gSWdub3JlZCBpZiBubyBpY29uIGlzIHNldC5cbiAgICAgKi9cbiAgICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdleHBhbmQtZnJvbScsIHJlZmxlY3Q6IHRydWUgfSlcbiAgICBwdWJsaWMgYWNjZXNzb3IgZXhwYW5kRnJvbTogU2JiSG9yaXpvbnRhbEZyb20gPSAnbGFyZ2UnO1xuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICAgIHJldHVybiBodG1sYFxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1oZWFkZXItYWN0aW9uX193cmFwcGVyXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItaGVhZGVyLWFjdGlvbl9faWNvblwiPiAke3N1cGVyLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1oZWFkZXItYWN0aW9uX190ZXh0XCI+XG4gICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICBgO1xuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiSGVhZGVyQWN0aW9uQ29tbW9uRWxlbWVudCBhcyB1bmtub3duIGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiSGVhZGVyQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FDbUJBLElBQWEscUNBR1gsZUFDa0U7QUEwQmxFLGVBekIyQztvQkFDakMsaUJBQWlCLFdBQVc7Ozs7ZUFEdkIscUNBQ0wsWUFBNEI7Ozs4QkFVbkMsU0FBUztLQUFFLFdBQVc7S0FBZSxTQUFTO0tBQU0sQ0FBQyxDQUFBO0FBQ3RELGlCQUFBLE1BQUEsTUFBQSx3QkFBQTtLQUFBLE1BQUE7S0FBQSxNQUFBO0tBQUEsUUFBQTtLQUFBLFNBQUE7S0FBQSxRQUFBO01BQUEsTUFBQSxRQUFBLGdCQUFBO01BQUEsTUFBQSxRQUFBLElBQWdCO01BQVUsTUFBQSxLQUFBLFVBQUE7QUFBQSxXQUFWLGFBQVU7O01BQUE7S0FBQSxVQUFBO0tBQUEsRUFBQSwwQkFBQSw4QkFBQTs7Ozs7Ozs7O0FBUlosU0FBQSxTQUF5QixDQUFDLGlCQUFpQixVQUFVLHNCQUFNLENBQUM7O0dBUTFFLCtCQUFBLGtCQUFBLE1BQUEsMEJBQWdELFFBQU87Ozs7OztHQUF2RCxJQUFnQixhQUFVO0FBQUEsV0FBQSxNQUFBOztHQUExQixJQUFnQixXQUFVLE9BQUE7QUFBQSxVQUFBLDhCQUFBOztHQUVQLGlCQUFjO0FBQy9CLFdBQU8sTUFBSTs7bURBRWtDLE1BQU0sZ0JBQWdCLENBQUEifQ==

package/development/header-environment.component-ubJnFyq6.js

@@ -0,0 +1,53 @@
+import { html, unsafeCSS } from "lit";
+import { SbbElement } from "./core/base-elements.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { MutationController } from "@lit-labs/observers/mutation-controller.js";
+//#region src/elements/header/header-environment/header-environment.scss?inline
+var header_environment_default = ":host {\n  position: absolute;\n  inset-inline-end: 0;\n  inset-block-start: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--sbb-text-font-size-xxs);\n  font-weight: bold;\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n\n:host(:dir(rtl)) {\n  --sbb-header-environment-rotate: -45deg;\n}\n\n:host(:is(:state(env-dev),[state--env-dev])) {\n  --sbb-header-environment-background-color: var(--sbb-color-orange);\n}\n\n:host(:is(:state(env-edu),[state--env-edu])) {\n  --sbb-header-environment-background-color: var(--sbb-color-green);\n}\n\n:host(:is(:state(env-int),[state--env-int])),\n:host(:is(:state(env-inte),[state--env-inte])) {\n  --sbb-header-environment-background-color: var(--sbb-color-granite);\n}\n\n:host(:is(:state(env-loc),[state--env-loc])) {\n  --sbb-header-environment-background-color: var(--sbb-color-pink);\n}\n\n:host(:is(:state(env-test),[state--env-test])) {\n  --sbb-header-environment-background-color: var(--sbb-color-sky);\n}\n\n:host::before {\n  content: \"\";\n  border-block-start: var(--sbb-header-environment-size) solid var(--sbb-header-environment-background-color);\n  border-inline-start: var(--sbb-header-environment-size) solid transparent;\n}\n\n.sbb-header-environment__text {\n  position: absolute;\n  color: var(--sbb-header-environment-color);\n  rotate: var(--sbb-header-environment-rotate);\n  padding-block-end: var(--sbb-spacing-fixed-4x);\n}";
+//#endregion
+//#region src/elements/header/header-environment/header-environment.component.ts
+/**
+* It displays a ribbon inside the header to indicate the current environment.
+*
+* @slot - Use the unnamed slot to add the environment.
+*
+* @cssprop [--sbb-header-environment-background-color=var(sbb-color-granite)] - Can be used change the ribbon color.
+* @cssprop [--sbb-header-environment-color=var(sbb-color-white)] - Can be used change the text color.
+*/
+var SbbHeaderEnvironmentElement = class extends SbbElement {
+	static {
+		this.elementName = "sbb-header-environment";
+	}
+	static {
+		this.styles = [boxSizingStyles, unsafeCSS(header_environment_default)];
+	}
+	constructor() {
+		super();
+		this._env = null;
+		this.addController(new MutationController(this, {
+			config: {
+				characterData: true,
+				subtree: true
+			},
+			callback: () => {
+				this._slottedTextChange();
+			}
+		}));
+	}
+	_slottedTextChange() {
+		if (this._env) this.internals.states.delete(`env-${this._env}`);
+		this._env = this.textContent?.trim() ?? "";
+		if (this._env) this.internals.states.add(`env-${this._env}`);
+	}
+	render() {
+		return html`
+      <span class="sbb-header-environment__text">
+        <slot></slot>
+      </span>
+    `;
+	}
+};
+//#endregion
+export { SbbHeaderEnvironmentElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLWVudmlyb25tZW50LmNvbXBvbmVudC11YkpuRnlxNi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvaGVhZGVyL2hlYWRlci1lbnZpcm9ubWVudC9oZWFkZXItZW52aXJvbm1lbnQuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvaGVhZGVyL2hlYWRlci1lbnZpcm9ubWVudC9oZWFkZXItZW52aXJvbm1lbnQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICBpbnNldC1ibG9jay1zdGFydDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLXh4cyk7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG59XG5cbjpob3N0KDpkaXIocnRsKSkge1xuICAtLXNiYi1oZWFkZXItZW52aXJvbm1lbnQtcm90YXRlOiAtNDVkZWc7XG59XG5cbjpob3N0KDpzdGF0ZShlbnYtZGV2KSkge1xuICAtLXNiYi1oZWFkZXItZW52aXJvbm1lbnQtYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLW9yYW5nZSk7XG59XG5cbjpob3N0KDpzdGF0ZShlbnYtZWR1KSkge1xuICAtLXNiYi1oZWFkZXItZW52aXJvbm1lbnQtYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLWdyZWVuKTtcbn1cblxuOmhvc3QoOnN0YXRlKGVudi1pbnQpKSxcbjpob3N0KDpzdGF0ZShlbnYtaW50ZSkpIHtcbiAgLS1zYmItaGVhZGVyLWVudmlyb25tZW50LWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1jb2xvci1ncmFuaXRlKTtcbn1cblxuOmhvc3QoOnN0YXRlKGVudi1sb2MpKSB7XG4gIC0tc2JiLWhlYWRlci1lbnZpcm9ubWVudC1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItcGluayk7XG59XG5cbjpob3N0KDpzdGF0ZShlbnYtdGVzdCkpIHtcbiAgLS1zYmItaGVhZGVyLWVudmlyb25tZW50LWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1jb2xvci1za3kpO1xufVxuXG4vLyBSaWJib25cbjpob3N0OjpiZWZvcmUge1xuICBjb250ZW50OiAnJztcbiAgYm9yZGVyLWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItaGVhZGVyLWVudmlyb25tZW50LXNpemUpIHNvbGlkXG4gICAgdmFyKC0tc2JiLWhlYWRlci1lbnZpcm9ubWVudC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm9yZGVyLWlubGluZS1zdGFydDogdmFyKC0tc2JiLWhlYWRlci1lbnZpcm9ubWVudC1zaXplKSBzb2xpZCB0cmFuc3BhcmVudDtcbn1cblxuLnNiYi1oZWFkZXItZW52aXJvbm1lbnRfX3RleHQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbG9yOiB2YXIoLS1zYmItaGVhZGVyLWVudmlyb25tZW50LWNvbG9yKTtcbiAgcm90YXRlOiB2YXIoLS1zYmItaGVhZGVyLWVudmlyb25tZW50LXJvdGF0ZSk7XG4gIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC00eCk7XG59XG4iLCJpbXBvcnQgeyBNdXRhdGlvbkNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL211dGF0aW9uLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2hlYWRlci1lbnZpcm9ubWVudC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSByaWJib24gaW5zaWRlIHRoZSBoZWFkZXIgdG8gaW5kaWNhdGUgdGhlIGN1cnJlbnQgZW52aXJvbm1lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgdGhlIGVudmlyb25tZW50LlxuICpcbiAqIEBjc3Nwcm9wIFstLXNiYi1oZWFkZXItZW52aXJvbm1lbnQtYmFja2dyb3VuZC1jb2xvcj12YXIoc2JiLWNvbG9yLWdyYW5pdGUpXSAtIENhbiBiZSB1c2VkIGNoYW5nZSB0aGUgcmliYm9uIGNvbG9yLlxuICogQGNzc3Byb3AgWy0tc2JiLWhlYWRlci1lbnZpcm9ubWVudC1jb2xvcj12YXIoc2JiLWNvbG9yLXdoaXRlKV0gLSBDYW4gYmUgdXNlZCBjaGFuZ2UgdGhlIHRleHQgY29sb3IuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJIZWFkZXJFbnZpcm9ubWVudEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1oZWFkZXItZW52aXJvbm1lbnQnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICBwcml2YXRlIF9lbnY6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBNdXRhdGlvbkNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBjb25maWc6IHsgY2hhcmFjdGVyRGF0YTogdHJ1ZSwgc3VidHJlZTogdHJ1ZSB9LFxuICAgICAgICBjYWxsYmFjazogKCkgPT4ge1xuICAgICAgICAgIHRoaXMuX3Nsb3R0ZWRUZXh0Q2hhbmdlKCk7XG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfc2xvdHRlZFRleHRDaGFuZ2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX2Vudikge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgZW52LSR7dGhpcy5fZW52fWApO1xuICAgIH1cbiAgICB0aGlzLl9lbnYgPSB0aGlzLnRleHRDb250ZW50Py50cmltKCkgPz8gJyc7XG4gICAgaWYgKHRoaXMuX2Vudikge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgZW52LSR7dGhpcy5fZW52fWApO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItaGVhZGVyLWVudmlyb25tZW50X190ZXh0XCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItaGVhZGVyLWVudmlyb25tZW50JzogU2JiSGVhZGVyRW52aXJvbm1lbnRFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUNnQkEsSUFBYSw4QkFBYixjQUFpRCxXQUFVOztBQUN6QixPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLGlCQUFpQixVQUFVLDJCQUFNLENBQUM7O0NBSW5GLGNBQUE7QUFDRSxTQUFPO0FBSEQsT0FBQSxPQUFzQjtBQUk1QixPQUFLLGNBQ0gsSUFBSSxtQkFBbUIsTUFBTTtHQUMzQixRQUFRO0lBQUUsZUFBZTtJQUFNLFNBQVM7SUFBTTtHQUM5QyxnQkFBZTtBQUNiLFNBQUssb0JBQW9COztHQUU1QixDQUFDLENBQ0g7O0NBR0sscUJBQWtCO0FBQ3hCLE1BQUksS0FBSyxLQUNQLE1BQUssVUFBVSxPQUFPLE9BQU8sT0FBTyxLQUFLLE9BQU87QUFFbEQsT0FBSyxPQUFPLEtBQUssYUFBYSxNQUFNLElBQUk7QUFDeEMsTUFBSSxLQUFLLEtBQ1AsTUFBSyxVQUFVLE9BQU8sSUFBSSxPQUFPLEtBQUssT0FBTzs7Q0FJOUIsU0FBTTtBQUN2QixTQUFPLElBQUkifQ==