@sbb-esta/lyne-elements 3.12.1 → 4.0.0-next

package/header/header/header.component.js

@@ -1,8 +1,8 @@
 var D = (s) => {
   throw TypeError(s);
 };
-var F = (s, a, i) => a.has(s) || D("Cannot " + i);
-var p = (s, a, i) => (F(s, a, "read from private field"), i ? i.call(s) : a.get(s)), m = (s, a, i) => a.has(s) ? D("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, i), l = (s, a, i, d) => (F(s, a, "write to private field"), d ? d.call(s, i) : a.set(s, i), i);
+var F = (s, i, r) => i.has(s) || D("Cannot " + r);
+var m = (s, i, r) => (F(s, i, "read from private field"), r ? r.call(s) : i.get(s)), f = (s, i, r) => i.has(s) ? D("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, r), l = (s, i, r, d) => (F(s, i, "write to private field"), d ? d.call(s, r) : i.set(s, r), r);
 import { __esDecorate as _, __runInitializers as n } from "tslib";
 import { css as q, LitElement as B, isServer as M, html as N } from "lit";
 import { customElement as R, property as g, state as Z } from "lit/decorators.js";
@@ -10,26 +10,27 @@ import { SbbFocusVisibleWithinController as Q } from "../../core/a11y.js";
 import { forceType as j, idReference as V } from "../../core/decorators.js";
 import { isLean as W } from "../../core/dom.js";
 import { SbbHydrationMixin as Y } from "../../core/mixins.js";
-const G = q`*,:before,:after{box-sizing:border-box}:host{display:block;height:var(--sbb-header-height);--sbb-logo-height: 1rem;--sbb-signet-height: 1rem;--sbb-header-position: fixed;--sbb-header-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-header-inset-inline-end: 0}@media(min-width:52.5rem){:host{--sbb-logo-height: 1.25rem;--sbb-signet-height: 1.25rem}}:host([hide-on-scroll]){--sbb-header-position: absolute}:host([hide-on-scroll][data-fixed]){--sbb-header-position: fixed;--sbb-header-animation-name: hide;--sbb-header-transform: translate3d(0, -100%, 0);--sbb-header-inset-inline-end: var(--sbb-scrollbar-width, 0)}:host([hide-on-scroll][data-fixed][data-animated]){--sbb-header-transition-timing: cubic-bezier(.4, 0, 1, 1)}:host([hide-on-scroll][data-fixed][data-visible]){--sbb-header-animation-name: show;--sbb-header-transform: translate3d(0, 0, 0);--sbb-header-transition-timing: cubic-bezier(0, 0, .2, 1)}:host([hide-on-scroll][data-fixed][data-has-visible-focus-within]){--sbb-header-transition-duration: 0;--sbb-header-transform: translate3d(0, 0, 0)}.sbb-header{position:var(--sbb-header-position);inset:0 var(--sbb-header-inset-inline-end) auto 0;background:var(--sbb-background-color-1);z-index:var(--sbb-header-z-index, 10);transform:var(--sbb-header-transform);transition-property:box-shadow;transition-duration:var(--sbb-header-transition-duration);transition-timing-function:var(--sbb-header-transition-timing);animation-name:var(--sbb-header-animation-name);animation-duration:var(--sbb-header-transition-duration);animation-timing-function:var(--sbb-header-transition-timing)}:host(:is([data-shadow],[data-has-visible-focus-within][data-fixed])) .sbb-header{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-color-soft-2),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-color-soft-1)}@media(forced-colors:active){.sbb-header{border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-header__wrapper{display:flex;align-items:center;justify-content:flex-start;height:var(--sbb-header-height)}:host(:not([expanded])) .sbb-header__wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-header__wrapper{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-header__wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}::slotted(:is(sbb-header-button,sbb-header-link):first-child){margin-inline-start:var(--sbb-header-first-item-margin-inline-start)}:host([size=s]) ::slotted(:is(sbb-header-button,sbb-header-link)){--sbb-header-action-min-height: var(--sbb-size-element-xs);--sbb-header-action-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(*){flex:0 0 auto}::slotted(.sbb-header-shrinkable){flex-shrink:1;min-width:0}::slotted(.sbb-header-spacer){flex-grow:1}::slotted(.sbb-header-logo){margin-inline-start:var(--sbb-spacing-responsive-s)}::slotted(a.sbb-header-logo){display:block;padding-block:var(--sbb-spacing-fixed-3x);position:relative;outline:none!important}::slotted(a.sbb-header-logo):before{content:"";display:block;position:absolute;inset:var(--sbb-spacing-fixed-3x) 0}::slotted(a.sbb-header-logo:focus-visible):before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-3x);border-radius:1px}@keyframes show{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}@keyframes hide{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0)}}`, J = "[aria-controls][aria-expanded='true']";
-let oe = (() => {
-  var h, b, c, u, f, o;
-  let s = [R("sbb-header")], a, i = [], d, v = Y(B), x, w = [], O = [], S, y = [], z = [], E, k = [], T = [], C, L = [], A = [], I, U = [], P = [];
+import { boxSizingStyles as G } from "../../core/styles.js";
+const J = q`:host{display:block;height:var(--sbb-header-height);--sbb-logo-height: 1rem;--sbb-signet-height: 1rem;--sbb-header-position: fixed;--sbb-header-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-header-inset-inline-end: 0}@media(min-width:64rem){:host{--sbb-logo-height: 1.25rem;--sbb-signet-height: 1.25rem}}:host([hide-on-scroll]){--sbb-header-position: absolute}:host([hide-on-scroll][data-fixed]){--sbb-header-position: fixed;--sbb-header-animation-name: hide;--sbb-header-transform: translate3d(0, -100%, 0);--sbb-header-inset-inline-end: var(--sbb-scrollbar-width, 0)}:host([hide-on-scroll][data-fixed][data-animated]){--sbb-header-transition-timing: cubic-bezier(.4, 0, 1, 1)}:host([hide-on-scroll][data-fixed][data-visible]){--sbb-header-animation-name: show;--sbb-header-transform: translate3d(0, 0, 0);--sbb-header-transition-timing: cubic-bezier(0, 0, .2, 1)}:host([hide-on-scroll][data-fixed][data-has-visible-focus-within]){--sbb-header-transition-duration: 0;--sbb-header-transform: translate3d(0, 0, 0)}.sbb-header{position:var(--sbb-header-position);inset:0 var(--sbb-header-inset-inline-end) auto 0;background:var(--sbb-background-color-1);z-index:var(--sbb-header-z-index, 10);transform:var(--sbb-header-transform);transition-property:box-shadow;transition-duration:var(--sbb-header-transition-duration);transition-timing-function:var(--sbb-header-transition-timing);animation-name:var(--sbb-header-animation-name);animation-duration:var(--sbb-header-transition-duration);animation-timing-function:var(--sbb-header-transition-timing)}:host(:is([data-shadow],[data-has-visible-focus-within][data-fixed])) .sbb-header{box-shadow:var(--sbb-box-shadow-level-9-soft)}@media(forced-colors:active){.sbb-header{border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-header__wrapper{display:flex;align-items:center;justify-content:flex-start;height:var(--sbb-header-height)}:host(:not([expanded])) .sbb-header__wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-header__wrapper{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-header__wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}::slotted(:is(sbb-header-button,sbb-header-link):first-child){margin-inline-start:var(--sbb-header-first-item-margin-inline-start)}:host([size=s]) ::slotted(:is(sbb-header-button,sbb-header-link)){--sbb-header-action-min-height: var(--sbb-size-element-xs);--sbb-header-action-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(*){flex:0 0 auto}::slotted(.sbb-header-shrinkable){flex-shrink:1;min-width:0}::slotted(.sbb-header-spacer){flex-grow:1}::slotted(.sbb-header-logo){margin-inline-start:var(--sbb-spacing-responsive-s)}::slotted(a.sbb-header-logo){display:block;padding-block:var(--sbb-spacing-fixed-3x);position:relative;outline:none!important}::slotted(a.sbb-header-logo):before{content:"";display:block;position:absolute;inset:var(--sbb-spacing-fixed-3x) 0}::slotted(a.sbb-header-logo:focus-visible):before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-3x);border-radius:1px}@keyframes show{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}@keyframes hide{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0)}}`, K = "[aria-controls][aria-expanded='true']";
+let ne = (() => {
+  var h, c, b, u, p, o;
+  let s = [R("sbb-header")], i, r = [], d, v = Y(B), x, S = [], O = [], y, w = [], z = [], E, k = [], T = [], C, L = [], A = [], I, U = [], P = [];
   return o = class extends v {
     constructor() {
       super();
-      m(this, h);
-      m(this, b);
-      m(this, c);
-      m(this, u);
-      m(this, f);
-      l(this, h, n(this, w, !1)), l(this, b, (n(this, O), n(this, y, null))), l(this, c, (n(this, z), n(this, k, !1))), l(this, u, (n(this, T), n(this, L, W() ? "s" : "m"))), l(this, f, (n(this, A), n(this, U, !0))), this._scrollElement = n(this, P), this._lastScroll = 0, this.addController(new Q(this));
+      f(this, h);
+      f(this, c);
+      f(this, b);
+      f(this, u);
+      f(this, p);
+      l(this, h, n(this, S, !1)), l(this, c, (n(this, O), n(this, w, null))), l(this, b, (n(this, z), n(this, k, !1))), l(this, u, (n(this, T), n(this, L, W() ? "s" : "m"))), l(this, p, (n(this, A), n(this, U, !0))), this._scrollElement = n(this, P), this._lastScroll = 0, this.addController(new Q(this));
     }
     /**
      * Whether to allow the header content to stretch to full width.
      * By default, the content has the appropriate page size.
      */
     get expanded() {
-      return p(this, h);
+      return m(this, h);
     }
     set expanded(e) {
       l(this, h, e);
@@ -40,33 +41,33 @@ let oe = (() => {
      * For attribute usage, provide an id reference.
      */
     get scrollOrigin() {
-      return p(this, b);
+      return m(this, c);
     }
     set scrollOrigin(e) {
-      l(this, b, e);
+      l(this, c, e);
     }
     /** Whether the header should hide and show on scroll. */
     get hideOnScroll() {
-      return p(this, c);
+      return m(this, b);
     }
     set hideOnScroll(e) {
-      l(this, c, e);
+      l(this, b, e);
     }
     /**
      * Size of the header, either m or s.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return p(this, u);
+      return m(this, u);
     }
     set size(e) {
       l(this, u, e);
     }
     get _headerOnTop() {
-      return p(this, f);
+      return m(this, p);
     }
     set _headerOnTop(e) {
-      l(this, f, e);
+      l(this, p, e);
     }
     /** If `hideOnScroll` is set, checks the element to hook the listener on, and possibly add it.*/
     connectedCallback() {
@@ -76,8 +77,8 @@ let oe = (() => {
     disconnectedCallback() {
       super.disconnectedCallback(), this._scrollElement = null, this._scrollEventsController?.abort();
     }
-    requestUpdate(e, t, r) {
-      super.requestUpdate(e, t, r), !M && (!e || e === "scrollOrigin") && this.hasUpdated && this._updateScrollListener();
+    requestUpdate(e, t, a) {
+      super.requestUpdate(e, t, a), !M && (!e || e === "scrollOrigin") && this.hasUpdated && this._updateScrollListener();
     }
     firstUpdated(e) {
       super.firstUpdated(e), this._updateScrollListener();
@@ -118,9 +119,9 @@ let oe = (() => {
     _closeOpenOverlays() {
       if (this.hasAttribute("data-has-visible-focus-within"))
         return;
-      const e = Array.from(this.querySelectorAll(J));
+      const e = Array.from(this.querySelectorAll(K));
       for (const t of e) {
-        const r = t.getAttribute("aria-controls"), H = document.getElementById(r);
+        const a = t.getAttribute("aria-controls"), H = document.getElementById(a);
         typeof H?.close == "function" && H.close();
       }
     }
@@ -133,21 +134,21 @@ let oe = (() => {
       </header>
     `;
     }
-  }, h = new WeakMap(), b = new WeakMap(), c = new WeakMap(), u = new WeakMap(), f = new WeakMap(), d = o, (() => {
+  }, h = new WeakMap(), c = new WeakMap(), b = new WeakMap(), u = new WeakMap(), p = new WeakMap(), d = o, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    x = [j(), g({ reflect: !0, type: Boolean })], S = [V(), g({ attribute: "scroll-origin" })], E = [j(), g({ attribute: "hide-on-scroll", reflect: !0, type: Boolean })], C = [g({ reflect: !0 })], I = [Z()], _(o, null, x, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (t) => "expanded" in t, get: (t) => t.expanded, set: (t, r) => {
-      t.expanded = r;
-    } }, metadata: e }, w, O), _(o, null, S, { kind: "accessor", name: "scrollOrigin", static: !1, private: !1, access: { has: (t) => "scrollOrigin" in t, get: (t) => t.scrollOrigin, set: (t, r) => {
-      t.scrollOrigin = r;
-    } }, metadata: e }, y, z), _(o, null, E, { kind: "accessor", name: "hideOnScroll", static: !1, private: !1, access: { has: (t) => "hideOnScroll" in t, get: (t) => t.hideOnScroll, set: (t, r) => {
-      t.hideOnScroll = r;
-    } }, metadata: e }, k, T), _(o, null, C, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, r) => {
-      t.size = r;
-    } }, metadata: e }, L, A), _(o, null, I, { kind: "accessor", name: "_headerOnTop", static: !1, private: !1, access: { has: (t) => "_headerOnTop" in t, get: (t) => t._headerOnTop, set: (t, r) => {
-      t._headerOnTop = r;
-    } }, metadata: e }, U, P), _(null, a = { value: d }, s, { kind: "class", name: d.name, metadata: e }, null, i), d = a.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), o.styles = G, n(d, i), d;
+    x = [j(), g({ reflect: !0, type: Boolean })], y = [V(), g({ attribute: "scroll-origin" })], E = [j(), g({ attribute: "hide-on-scroll", reflect: !0, type: Boolean })], C = [g({ reflect: !0 })], I = [Z()], _(o, null, x, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (t) => "expanded" in t, get: (t) => t.expanded, set: (t, a) => {
+      t.expanded = a;
+    } }, metadata: e }, S, O), _(o, null, y, { kind: "accessor", name: "scrollOrigin", static: !1, private: !1, access: { has: (t) => "scrollOrigin" in t, get: (t) => t.scrollOrigin, set: (t, a) => {
+      t.scrollOrigin = a;
+    } }, metadata: e }, w, z), _(o, null, E, { kind: "accessor", name: "hideOnScroll", static: !1, private: !1, access: { has: (t) => "hideOnScroll" in t, get: (t) => t.hideOnScroll, set: (t, a) => {
+      t.hideOnScroll = a;
+    } }, metadata: e }, k, T), _(o, null, C, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, a) => {
+      t.size = a;
+    } }, metadata: e }, L, A), _(o, null, I, { kind: "accessor", name: "_headerOnTop", static: !1, private: !1, access: { has: (t) => "_headerOnTop" in t, get: (t) => t._headerOnTop, set: (t, a) => {
+      t._headerOnTop = a;
+    } }, metadata: e }, U, P), _(null, i = { value: d }, s, { kind: "class", name: d.name, metadata: e }, null, r), d = i.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), o.styles = [G, J], n(d, r), d;
 })();
 export {
-  oe as SbbHeaderElement
+  ne as SbbHeaderElement
 };

package/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,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;;AAOjF;;;;;;;GAOG;AACH,qBAEM,2BAA4B,SAAQ,gCAAoC;IAC5E,OAAuB,MAAM,EAAE,cAAc,CAAS;;IActD,OAAO,CAAC,kBAAkB;cAQP,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,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;;AAQjF;;;;;;;GAOG;AACH,qBAEM,2BAA4B,SAAQ,gCAAoC;IAC5E,OAAuB,MAAM,EAAE,cAAc,CAA4B;;IAczE,OAAO,CAAC,kBAAkB;cAQP,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,2BAA2B,CAAC;KACvD;CACF"}

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

@@ -3,8 +3,9 @@ import { MutationController as l } from "@lit-labs/observers/mutation-controller
 import { css as c, LitElement as d, html as v } from "lit";
 import { customElement as m } from "lit/decorators.js";
 import { SbbElementInternalsMixin as h } from "../../core/mixins.js";
-const u = c`*,:before,:after{box-sizing:border-box}:host{--sbb-header-environment-background-color: var(--sbb-color-granite);--sbb-header-environment-color: var(--sbb-color-1-negative);--sbb-header-environment-size: 2.375rem;--sbb-header-environment-rotate: 45deg;position:absolute;inset-inline-end:0;inset-block-start:0;display:flex;align-items:center;justify-content:center}:host(:dir(rtl)){--sbb-header-environment-rotate: -45deg}:host(:is(:state(env-dev),[state--env-dev])){--sbb-header-environment-background-color: var(--sbb-color-orange)}:host(:is(:state(env-edu),[state--env-edu])){--sbb-header-environment-background-color: var(--sbb-color-green)}:host(:is(:state(env-int),[state--env-int])),:host(:is(:state(env-inte),[state--env-inte])){--sbb-header-environment-background-color: var(--sbb-color-granite)}:host(:is(:state(env-loc),[state--env-loc])){--sbb-header-environment-background-color: var(--sbb-color-pink)}:host(:is(:state(env-test),[state--env-test])){--sbb-header-environment-background-color: var(--sbb-color-sky)}:host:before{content:"";border-block-start:var(--sbb-header-environment-size) solid var(--sbb-header-environment-background-color);border-inline-start:var(--sbb-header-environment-size) solid transparent}.sbb-header-environment__text{--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);font-weight:700;position:absolute;color:var(--sbb-header-environment-color);rotate:var(--sbb-header-environment-rotate);padding-block-end:var(--sbb-spacing-fixed-4x)}`;
-let _ = (() => {
+import { boxSizingStyles as u } from "../../core/styles.js";
+const g = c`:host{--sbb-header-environment-background-color: var(--sbb-color-granite);--sbb-header-environment-color: var(--sbb-color-1-negative);--sbb-header-environment-size: 2.375rem;--sbb-header-environment-rotate: 45deg;position:absolute;inset-inline-end:0;inset-block-start:0;display:flex;align-items:center;justify-content:center}:host(:dir(rtl)){--sbb-header-environment-rotate: -45deg}:host(:is(:state(env-dev),[state--env-dev])){--sbb-header-environment-background-color: var(--sbb-color-orange)}:host(:is(:state(env-edu),[state--env-edu])){--sbb-header-environment-background-color: var(--sbb-color-green)}:host(:is(:state(env-int),[state--env-int])),:host(:is(:state(env-inte),[state--env-inte])){--sbb-header-environment-background-color: var(--sbb-color-granite)}:host(:is(:state(env-loc),[state--env-loc])){--sbb-header-environment-background-color: var(--sbb-color-pink)}:host(:is(:state(env-test),[state--env-test])){--sbb-header-environment-background-color: var(--sbb-color-sky)}:host:before{content:"";border-block-start:var(--sbb-header-environment-size) solid var(--sbb-header-environment-background-color);border-inline-start:var(--sbb-header-environment-size) solid transparent}.sbb-header-environment__text{--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);font-weight:700;position:absolute;color:var(--sbb-header-environment-color);rotate:var(--sbb-header-environment-rotate);padding-block-end:var(--sbb-spacing-fixed-4x)}`;
+let z = (() => {
   var t;
   let a = [m("sbb-header-environment")], r, o = [], e, s = h(d);
   return t = class extends s {
@@ -30,8 +31,8 @@ let _ = (() => {
   }, e = t, (() => {
     const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
     i(null, r = { value: e }, a, { kind: "class", name: e.name, metadata: n }, null, o), e = r.value, n && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
-  })(), t.styles = u, b(e, o), e;
+  })(), t.styles = [u, g], b(e, o), e;
 })();
 export {
-  _ as SbbHeaderEnvironmentElement
+  z as SbbHeaderEnvironmentElement
 };

package/icon/icon-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-base.d.ts","sourceRoot":"","sources":["../../../src/elements/icon/icon-base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAevC;;;GAGG;AACH,8BAKe,WAAY,SAAQ,gBAAoC;IACrE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAgC,IAAI,SAAS;IAEpC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAoB;IAE3D;;OAEG;IACM,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAC3B;IAEP;;;;;OAKG;IACH,SAEgB,UAAU,EAAE,OAAO,CAAS;cAE5B,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;cAkB5C,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAI9E,OAAO,CAAC,cAAc;cAgBH,MAAM,IAAI,cAAc;CAS5C"}
+{"version":3,"file":"icon-base.d.ts","sourceRoot":"","sources":["../../../src/elements/icon/icon-base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAgBvC;;;GAGG;AACH,8BAKe,WAAY,SAAQ,gBAAoC;IACrE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAgC,IAAI,SAAS;IAEpC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAoB;IAE3D;;OAEG;IACM,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAC3B;IAEP;;;;;OAKG;IACH,SAEgB,UAAU,EAAE,OAAO,CAAS;cAE5B,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;cAkB5C,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAI9E,OAAO,CAAC,cAAc;cAgBH,MAAM,IAAI,cAAc;CAS5C"}

package/icon/icon-base.js

@@ -2,35 +2,36 @@ var $ = (s) => {
   throw TypeError(s);
 };
 var A = (s, a, i) => a.has(s) || $("Cannot " + i);
-var g = (s, a, i) => (A(s, a, "read from private field"), i ? i.call(s) : a.get(s)), u = (s, a, i) => a.has(s) ? $("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, i), d = (s, a, i, o) => (A(s, a, "write to private field"), o ? o.call(s, i) : a.set(s, i), i);
-import { __esDecorate as p, __runInitializers as l } from "tslib";
+var g = (s, a, i) => (A(s, a, "read from private field"), i ? i.call(s) : a.get(s)), p = (s, a, i) => a.has(s) ? $("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, i), u = (s, a, i, o) => (A(s, a, "write to private field"), o ? o.call(s, i) : a.set(s, i), i);
+import { __esDecorate as d, __runInitializers as l } from "tslib";
 import { css as j, LitElement as B, html as E } from "lit";
 import { state as D, property as L } from "lit/decorators.js";
 import { unsafeHTML as M } from "lit/directives/unsafe-html.js";
 import { until as O } from "lit/directives/until.js";
 import { hostAttributes as C, forceType as H } from "../core/decorators.js";
 import { SbbElementInternalsMixin as P } from "../core/mixins.js";
-import { getSvgContent as q } from "./icon-request.js";
-const F = j`*,:before,:after{box-sizing:border-box}:host{display:inline-block;line-height:0;-webkit-tap-highlight-color:transparent}:host([data-empty]){--sbb-icon-default-dimension: 0}:host([data-empty][data-namespace=default][name$=-extra-small]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-extra-small)}:host([data-empty][data-namespace=default][name$=-small]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-small)}:host([data-empty][data-namespace=default][name$=-medium]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-medium)}:host([data-empty][data-namespace=default][name$=-large]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-large)}svg{width:var(--sbb-icon-svg-width, var(--sbb-icon-default-dimension));height:var(--sbb-icon-svg-height, var(--sbb-icon-default-dimension));stroke:var(--sbb-icon-svg-stroke-color);stroke-width:var(--sbb-icon-svg-stroke-width)}svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}svg:not(.color-immutable) [stroke]:not([stroke=none]){stroke:currentcolor}svg:not(.color-immutable)>:where(path,polygon,polyline):where(:not([stroke]):not([fill])),svg:not(.color-immutable) :where(:not([stroke]):not([fill])) :where(path,polygon,polyline):where(:not([stroke]):not([fill])){fill:currentcolor}`, _ = "default";
-let Z = (() => {
+import { boxSizingStyles as q } from "../core/styles.js";
+import { getSvgContent as F } from "./icon-request.js";
+const G = j`:host{display:inline-block;line-height:0;-webkit-tap-highlight-color:transparent}:host([data-empty]){--sbb-icon-default-dimension: 0}:host([data-empty][data-namespace=default][name$=-extra-small]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-extra-small)}:host([data-empty][data-namespace=default][name$=-small]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-small)}:host([data-empty][data-namespace=default][name$=-medium]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-medium)}:host([data-empty][data-namespace=default][name$=-large]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-large)}svg{width:var(--sbb-icon-svg-width, var(--sbb-icon-default-dimension));height:var(--sbb-icon-svg-height, var(--sbb-icon-default-dimension));stroke:var(--sbb-icon-svg-stroke-color);stroke-width:var(--sbb-icon-svg-stroke-width)}svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}svg:not(.color-immutable) [stroke]:not([stroke=none]){stroke:currentcolor}svg:not(.color-immutable)>:where(path,polygon,polyline):where(:not([stroke]):not([fill])),svg:not(.color-immutable) :where(:not([stroke]):not([fill])) :where(path,polygon,polyline):where(:not([stroke]):not([fill])){fill:currentcolor}`, _ = "default";
+let et = (() => {
   var c, m, h, n;
   let s = [C({
     "data-namespace": _,
     "data-empty": ""
-  })], a, i = [], o, b = P(B), v, f = [], y = [], I, z = [], S = [], k, w = [], N = [];
-  return n = class extends b {
+  })], a, i = [], o, v = P(B), b, f = [], y = [], I, z = [], S = [], k, w = [], N = [];
+  return n = class extends v {
     constructor() {
       super(...arguments);
-      u(this, c, l(this, f, _));
-      u(this, m, (l(this, y), l(this, z, null)));
-      u(this, h, (l(this, S), l(this, w, !1)));
+      p(this, c, l(this, f, _));
+      p(this, m, (l(this, y), l(this, z, null)));
+      p(this, h, (l(this, S), l(this, w, !1)));
       l(this, N);
     }
     get _svgNamespace() {
       return g(this, c);
     }
     set _svgNamespace(e) {
-      d(this, c, e);
+      u(this, c, e);
     }
     /**
      * The icon svg content rendered on the page: <svg>...</svg>.
@@ -39,7 +40,7 @@ let Z = (() => {
       return g(this, m);
     }
     set _svgIcon(e) {
-      d(this, m, e);
+      u(this, m, e);
     }
     /**
      * When set to `true`, SVG content that is HTTP fetched will not be checked
@@ -51,7 +52,7 @@ let Z = (() => {
       return g(this, h);
     }
     set noSanitize(e) {
-      d(this, h, e);
+      u(this, h, e);
     }
     async loadSvgIcon(e) {
       if (!e)
@@ -67,7 +68,7 @@ let Z = (() => {
       }
     }
     async fetchSvgIcon(e, t) {
-      return await q(e, t, !this.noSanitize);
+      return await F(e, t, !this.noSanitize);
     }
     _splitIconName(e) {
       if (!e)
@@ -92,16 +93,16 @@ let Z = (() => {
     >`;
     }
   }, c = new WeakMap(), m = new WeakMap(), h = new WeakMap(), o = n, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-    v = [D()], I = [D()], k = [H(), L({ attribute: "no-sanitize", type: Boolean })], p(n, null, v, { kind: "accessor", name: "_svgNamespace", static: !1, private: !1, access: { has: (t) => "_svgNamespace" in t, get: (t) => t._svgNamespace, set: (t, r) => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+    b = [D()], I = [D()], k = [H(), L({ attribute: "no-sanitize", type: Boolean })], d(n, null, b, { kind: "accessor", name: "_svgNamespace", static: !1, private: !1, access: { has: (t) => "_svgNamespace" in t, get: (t) => t._svgNamespace, set: (t, r) => {
       t._svgNamespace = r;
-    } }, metadata: e }, f, y), p(n, null, I, { kind: "accessor", name: "_svgIcon", static: !1, private: !1, access: { has: (t) => "_svgIcon" in t, get: (t) => t._svgIcon, set: (t, r) => {
+    } }, metadata: e }, f, y), d(n, null, I, { kind: "accessor", name: "_svgIcon", static: !1, private: !1, access: { has: (t) => "_svgIcon" in t, get: (t) => t._svgIcon, set: (t, r) => {
       t._svgIcon = r;
-    } }, metadata: e }, z, S), p(n, null, k, { kind: "accessor", name: "noSanitize", static: !1, private: !1, access: { has: (t) => "noSanitize" in t, get: (t) => t.noSanitize, set: (t, r) => {
+    } }, metadata: e }, z, S), d(n, null, k, { kind: "accessor", name: "noSanitize", static: !1, private: !1, access: { has: (t) => "noSanitize" in t, get: (t) => t.noSanitize, set: (t, r) => {
       t.noSanitize = r;
-    } }, metadata: e }, w, N), p(null, a = { value: o }, s, { kind: "class", name: o.name, metadata: e }, null, i), o = a.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), n.styles = F, n.role = "img", l(o, i), o;
+    } }, metadata: e }, w, N), d(null, a = { value: o }, s, { kind: "class", name: o.name, metadata: e }, null, i), o = a.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), n.styles = [q, G], n.role = "img", l(o, i), o;
 })();
 export {
-  Z as SbbIconBase
+  et as SbbIconBase
 };

package/icon/icon-name-mixin.d.ts

@@ -1,11 +1,12 @@
 import { LitElement, TemplateResult } from 'lit';
-import { AbstractConstructor } from '../core/mixins.js';
+import { AbstractConstructor, SbbElementInternalsMixinType } from '../core/mixins.js';
 export declare class SbbIconNameMixinType {
     accessor iconName: string;
     protected renderIconSlot(classname?: string): TemplateResult;
+    protected renderIconName(): string;
 }
 /**
  * Enhance your component with an iconName property and provides a template for the icon slot.
  */
-export declare const SbbIconNameMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbIconNameMixinType> & T;
+export declare const SbbIconNameMixin: <T extends AbstractConstructor<LitElement & SbbElementInternalsMixinType>>(superClass: T) => AbstractConstructor<SbbIconNameMixinType> & T;
 //# sourceMappingURL=icon-name-mixin.d.ts.map

package/icon/icon-name-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-name-mixin.d.ts","sourceRoot":"","sources":["../../../src/elements/icon/icon-name-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,SAAgB,QAAQ,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,cAAc;CAC7D;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACxE,YAAY,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAuB9C,CAAC"}
+{"version":3,"file":"icon-name-mixin.d.ts","sourceRoot":"","sources":["../../../src/elements/icon/icon-name-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAC;AAE3F,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,SAAgB,QAAQ,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,cAAc;IAC5D,SAAS,CAAC,cAAc,IAAI,MAAM;CACnC;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAC3B,CAAC,SAAS,mBAAmB,CAAC,UAAU,GAAG,4BAA4B,CAAC,EAExE,YAAY,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAmC9C,CAAC"}

package/icon/icon-name-mixin.js

@@ -2,20 +2,20 @@ var l = (e) => {
   throw TypeError(e);
 };
 var u = (e, t, a) => t.has(e) || l("Cannot " + a);
-var b = (e, t, a) => (u(e, t, "read from private field"), a ? a.call(e) : t.get(e)), p = (e, t, a) => t.has(e) ? l("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), N = (e, t, a, i) => (u(e, t, "write to private field"), i ? i.call(e, a) : t.set(e, a), a);
-import { __esDecorate as y, __runInitializers as f } from "tslib";
-import { nothing as _, html as d } from "lit";
-import { property as S } from "lit/decorators.js";
-import { forceType as g, omitEmptyConverter as v } from "../core/decorators.js";
+var N = (e, t, a) => (u(e, t, "read from private field"), a ? a.call(e) : t.get(e)), b = (e, t, a) => t.has(e) ? l("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), d = (e, t, a, i) => (u(e, t, "write to private field"), i ? i.call(e, a) : t.set(e, a), a);
+import { __esDecorate as y, __runInitializers as p } from "tslib";
+import { nothing as h, html as _ } from "lit";
+import { property as I } from "lit/decorators.js";
+import { forceType as S, omitEmptyConverter as g } from "../core/decorators.js";
 import "./icon.component.js";
 const k = (e) => (() => {
-  var n, o;
-  let a = e, i, s = [], m = [];
-  return o = class extends a {
+  var c, r;
+  let a = e, i, m = [], s = [];
+  return r = class extends a {
     constructor() {
       super(...arguments);
-      p(this, n, f(this, s, ""));
-      f(this, m);
+      b(this, c, p(this, m, ""));
+      p(this, s);
     }
     /**
      * The icon name we want to use, choose from the small icon variants
@@ -23,24 +23,32 @@ const k = (e) => (() => {
      * https://icons.app.sbb.ch.
      */
     get iconName() {
-      return b(this, n);
+      return N(this, c);
     }
-    set iconName(r) {
-      N(this, n, r);
+    set iconName(n) {
+      d(this, c, n);
     }
-    renderIconSlot(r) {
-      return d`
+    renderIconSlot(n) {
+      const o = this._renderIconName();
+      return _`
         <slot name="icon">
-          ${this.iconName ? d`<sbb-icon name=${this.iconName} class=${r || _}></sbb-icon>` : _}
+          ${o ? _`<sbb-icon name=${o} class=${n || h}></sbb-icon>` : h}
         </slot>
       `;
     }
-  }, n = new WeakMap(), (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    i = [g(), S({ attribute: "icon-name", reflect: !0, converter: v })], y(o, null, i, { kind: "accessor", name: "iconName", static: !1, private: !1, access: { has: (c) => "iconName" in c, get: (c) => c.iconName, set: (c, h) => {
-      c.iconName = h;
-    } }, metadata: r }, s, m), r && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), o;
+    renderIconName() {
+      return this.iconName;
+    }
+    _renderIconName() {
+      const n = this.renderIconName();
+      return this.toggleState("has-icon-name", !!n), n;
+    }
+  }, c = new WeakMap(), (() => {
+    const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    i = [S(), I({ attribute: "icon-name", converter: g })], y(r, null, i, { kind: "accessor", name: "iconName", static: !1, private: !1, access: { has: (o) => "iconName" in o, get: (o) => o.iconName, set: (o, f) => {
+      o.iconName = f;
+    } }, metadata: n }, m, s), n && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
+  })(), r;
 })();
 export {
   k as SbbIconNameMixin

package/icon-sidebar-button-common-W6GYJbVt.js

@@ -0,0 +1,7 @@
+import { css as o } from "lit";
+const i = o`:host{position:absolute;inset:0}`, b = o`:host{position:relative;display:block;height:100%;overflow:auto;outline-color:var(--sbb-focus-outline-color)}`, r = o`:host{display:block;outline:none!important;--sbb-icon-sidebar-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-icon-sidebar-button-transition-easing-function: var(--sbb-animation-easing);--sbb-icon-sidebar-button-dimension: var(--sbb-size-element-m);--sbb-icon-sidebar-button-border-radius: var(--sbb-border-radius-4x);--sbb-icon-sidebar-button-color: var(--sbb-color-granite);--sbb-icon-sidebar-button-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-icon-sidebar-button-current-color: var(--sbb-color-3);--sbb-icon-sidebar-button-current-border-width: var(--sbb-border-width-3x);--sbb-icon-sidebar-button-current-border-inset-block: var(--sbb-spacing-fixed-2x);--sbb-icon-sidebar-button__current-border-inset-inline-start: 0;--sbb-icon-sidebar-button__color: var(--sbb-icon-sidebar-button-color)}@media(forced-colors:active){:host{--sbb-icon-sidebar-button-current-color: Highlight !important}}@media(forced-colors:active){:host([data-button]){--sbb-icon-sidebar-button-color: ButtonText !important}}@media(forced-colors:active){:host([data-link]){--sbb-icon-sidebar-button-color: LinkText !important}}@media(any-hover:hover){:host(:not(:active,[data-active]):hover){--sbb-icon-sidebar-button__hover-shift: .0625rem;--sbb-icon-sidebar-button__cursor: var(--sbb-cursor-pointer)}}.sbb-action-base{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:var(--sbb-icon-sidebar-button-dimension);padding-block:0 calc(2 * var(--sbb-icon-sidebar-button__hover-shift, 0rem));color:var(--sbb-icon-sidebar-button__color);border-radius:var(--sbb-icon-sidebar-button-border-radius);cursor:var(--sbb-icon-sidebar-button__cursor);-webkit-user-select:none;user-select:none;transition-duration:var(--sbb-icon-sidebar-button-transition-duration);transition-timing-function:var(--sbb-icon-sidebar-button-transition-easing-function);transition-property:color,padding}:host(.sbb-active) .sbb-action-base{color:var(--sbb-icon-sidebar-button-current-color)}:host(.sbb-active) .sbb-action-base:before{content:"";display:block;position:absolute;inset-block:var(--sbb-icon-sidebar-button-current-border-inset-block);inset-inline:var(--sbb-icon-sidebar-button__current-border-inset-inline-start) 0;border-inline-start:var(--sbb-icon-sidebar-button-current-border-width) solid currentcolor}:host(:focus-visible) .sbb-action-base,.sbb-action-base:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:calc(-1 * var(--sbb-focus-outline-width) - .3125rem)}`;
+export {
+  b as a,
+  r as i,
+  i as s
+};

package/image/image.component.d.ts

@@ -175,7 +175,7 @@ export declare class SbbImageElement extends LitElement {
      *            "conditionFeature": "max-width",
      *            "conditionFeatureValue": {
      *              "lyneDesignToken": true,
-     *              "value": "sbb-breakpoint-micro-max"
+     *              "value": "sbb-breakpoint-small-max"
      *            },
      *            "conditionOperator": "and"
      *          },

package/image/image.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.component.d.ts","sourceRoot":"","sources":["../../../src/elements/image/image.component.ts"],"names":[],"mappings":"AAiBA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,MAAM,WAAW,mCAAmC;IAClD,WAAW,EAAE,6CAA6C,EAAE,CAAC;CAC9D;AAED,MAAM,WAAW,6CAA6C;IAC5D,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,YAAY,EAAE,6CAA6C,EAAE,CAAC;CAC/D;AAED,MAAM,WAAW,6CAA6C;IAC5D,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE;QACrB,eAAe,EAAE,OAAO,CAAC;QACzB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,iBAAiB,EAAE,KAAK,CAAC;CAC1B;AAgGD;;;;;;;;GAQG;AACH,qBAEM,eAAgB,SAAQ,UAAU;IACtC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,OAAO,CAAC,eAAe,CAAC,CAAc;IACtC,OAAO,CAAC,eAAe,CAAC,CAA8B;IACtD,OAAO,CAAC,OAAO,CAGb;IAEF;;;;;;OAMG;IACH,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC;;;;;;OAMG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;;OAIG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD;;;;;;OAMG;IACH,SAA4B,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAU;IAEzE;;;OAGG;IACH,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD;;OAEG;IACH,SAEgB,WAAW,EAAE,MAAM,CAAK;IAExC;;OAEG;IACH,SAEgB,WAAW,EAAE,MAAM,CAAK;IAExC;;;;;;;;;OASG;IACH,SAEgB,QAAQ,EAAE,MAAM,CAAM;IAEtC;;;;;;;;OAQG;IACH,SAA4B,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAU;IAEzE;;;;;;;;;OASG;IACH,SAA4B,OAAO,EAAE,OAAO,GAAG,MAAM,CAAW;IAEhE;;;;;;;;;;;;OAYG;IACH,SAEgB,eAAe,EAAE,MAAM,CAAM;IAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmEG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,+DAA+D;IAC/D,IAAW,QAAQ,IAAI,OAAO,CAE7B;cAEkB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBtD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW9E,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,gCAAgC;IAMxC,OAAO,CAAC,gBAAgB;IA0CxB,OAAO,CAAC,0BAA0B;IAgElC,OAAO,CAAC,uBAAuB;IAwB/B,OAAO,CAAC,YAAY;cAQD,MAAM,IAAI,cAAc;CAoE5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
+{"version":3,"file":"image.component.d.ts","sourceRoot":"","sources":["../../../src/elements/image/image.component.ts"],"names":[],"mappings":"AAWA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,MAAM,WAAW,mCAAmC;IAClD,WAAW,EAAE,6CAA6C,EAAE,CAAC;CAC9D;AAED,MAAM,WAAW,6CAA6C;IAC5D,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,YAAY,EAAE,6CAA6C,EAAE,CAAC;CAC/D;AAED,MAAM,WAAW,6CAA6C;IAC5D,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE;QACrB,eAAe,EAAE,OAAO,CAAC;QACzB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,iBAAiB,EAAE,KAAK,CAAC;CAC1B;AA0FD;;;;;;;;GAQG;AACH,qBAEM,eAAgB,SAAQ,UAAU;IACtC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;MAGlB;IAEX,OAAO,CAAC,eAAe,CAAC,CAAc;IACtC,OAAO,CAAC,eAAe,CAAC,CAA8B;IACtD,OAAO,CAAC,OAAO,CAGb;IAEF;;;;;;OAMG;IACH,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC;;;;;;OAMG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;;OAIG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD;;;;;;OAMG;IACH,SAA4B,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAU;IAEzE;;;OAGG;IACH,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD;;OAEG;IACH,SAEgB,WAAW,EAAE,MAAM,CAAK;IAExC;;OAEG;IACH,SAEgB,WAAW,EAAE,MAAM,CAAK;IAExC;;;;;;;;;OASG;IACH,SAEgB,QAAQ,EAAE,MAAM,CAAM;IAEtC;;;;;;;;OAQG;IACH,SAA4B,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAU;IAEzE;;;;;;;;;OASG;IACH,SAA4B,OAAO,EAAE,OAAO,GAAG,MAAM,CAAW;IAEhE;;;;;;;;;;;;OAYG;IACH,SAEgB,eAAe,EAAE,MAAM,CAAM;IAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmEG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,+DAA+D;IAC/D,IAAW,QAAQ,IAAI,OAAO,CAE7B;cAEkB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBtD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW9E,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,gCAAgC;IAMxC,OAAO,CAAC,gBAAgB;IA0CxB,OAAO,CAAC,0BAA0B;IAgElC,OAAO,CAAC,uBAAuB;IAwB/B,OAAO,CAAC,YAAY;cAQD,MAAM,IAAI,cAAc;CAoE5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}