@sbb-esta/lyne-elements 3.0.0-next.0 → 3.0.0-next.2

package/flip-card/flip-card-summary/flip-card-summary.component.js

@@ -1,34 +1,33 @@
-var p = (a) => {
+var c = (a) => {
   throw TypeError(a);
 };
-var u = (a, e, t) => e.has(a) || p("Cannot " + t);
-var f = (a, e, t) => (u(a, e, "read from private field"), t ? t.call(a) : e.get(a)), h = (a, e, t) => e.has(a) ? p("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), y = (a, e, t, i) => (u(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t);
-import { __esDecorate as v, __runInitializers as o } from "tslib";
+var p = (a, e, t) => e.has(a) || c("Cannot " + t);
+var u = (a, e, t) => (p(a, e, "read from private field"), t ? t.call(a) : e.get(a)), f = (a, e, t) => e.has(a) ? c("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), h = (a, e, t, i) => (p(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t);
+import { __esDecorate as y, __runInitializers as n } from "tslib";
 import { css as w, LitElement as _, html as A } from "lit";
 import { customElement as x, property as S } from "lit/decorators.js";
 const k = w`*,:before,:after{box-sizing:border-box}:host{--sbb-flip-card-summary-opacity: 1;--sbb-flip-card-summary-pointer-events: all;display:contents}.sbb-flip-card-summary{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-events:var(--sbb-flip-card-summary-pointer-events);opacity:var(--sbb-flip-card-summary-opacity);border-radius:var(--sbb-flip-card-border-radius);overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay)}@media (min-width: 37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}}@media (min-width: 52.5rem){:host([image-alignment=after]) .sbb-flip-card-summary{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}}::slotted(sbb-title){padding-inline:var(--sbb-spacing-responsive-s);padding-block:var(--sbb-spacing-responsive-s) var(--sbb-spacing-responsive-xs);margin:0;grid-area:1/1/2/2}@media (min-width: 37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media (min-width: 52.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/2}}::slotted(*:not([slot=image])){transform:translateY(var(--sbb-flip-card-translate-title-y-hover, 0rem));transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x)) var(--sbb-animation-easing)}.sbb-flip-card-summary--image-wrapper{grid-area:2/1/3/2}@media (min-width: 37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media (min-width: 52.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted([slot=image]){width:100%;height:100%}`;
 let j = (() => {
-  var l, s;
-  let a = [x("sbb-flip-card-summary")], e, t = [], i, d = _, b, g = [], c = [];
-  return s = class extends d {
+  var m, s;
+  let a = [x("sbb-flip-card-summary")], e, t = [], i, o = _, d, b = [], g = [];
+  return s = class extends o {
     constructor() {
       super(...arguments);
-      h(this, l, o(this, g, "after"));
-      o(this, c);
+      f(this, m, n(this, b, "after"));
+      n(this, g);
     }
     /** The position where to render the image. */
     get imageAlignment() {
-      return f(this, l);
+      return u(this, m);
     }
     set imageAlignment(r) {
-      y(this, l, r);
+      h(this, m, r);
     }
     connectedCallback() {
-      super.connectedCallback(), this.slot || (this.slot = "summary");
+      super.connectedCallback(), this.slot ||= "summary";
     }
     willUpdate(r) {
-      var m, n;
-      super.willUpdate(r), r.has("imageAlignment") && ((n = (m = this.closest) == null ? void 0 : m.call(this, "sbb-flip-card")) == null || n.setAttribute("data-image-alignment", this.imageAlignment));
+      super.willUpdate(r), r.has("imageAlignment") && this.closest?.("sbb-flip-card")?.setAttribute("data-image-alignment", this.imageAlignment);
     }
     render() {
       return A`
@@ -40,12 +39,12 @@ let j = (() => {
       </div>
     `;
     }
-  }, l = new WeakMap(), i = s, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-    b = [S({ attribute: "image-alignment", reflect: !0 })], v(s, null, b, { kind: "accessor", name: "imageAlignment", static: !1, private: !1, access: { has: (m) => "imageAlignment" in m, get: (m) => m.imageAlignment, set: (m, n) => {
-      m.imageAlignment = n;
-    } }, metadata: r }, g, c), v(null, e = { value: i }, a, { kind: "class", name: i.name, metadata: r }, null, t), i = e.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), s.styles = k, o(i, t), i;
+  }, m = new WeakMap(), i = s, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+    d = [S({ attribute: "image-alignment", reflect: !0 })], y(s, null, d, { kind: "accessor", name: "imageAlignment", static: !1, private: !1, access: { has: (l) => "imageAlignment" in l, get: (l) => l.imageAlignment, set: (l, v) => {
+      l.imageAlignment = v;
+    } }, metadata: r }, b, g), y(null, e = { value: i }, a, { kind: "class", name: i.name, metadata: r }, null, t), i = e.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), s.styles = k, n(i, t), i;
 })();
 export {
   j as SbbFlipCardSummaryElement

package/form-error/form-error.component.js

@@ -1,20 +1,19 @@
-import { __esDecorate as b, __runInitializers as c } from "tslib";
-import { css as m, LitElement as f, html as h } from "lit";
-import { customElement as d } from "lit/decorators.js";
-import { SbbNegativeMixin as g } from "../core/mixins.js";
-const v = m`*,:before,:after{box-sizing:border-box}:host{--sbb-form-error-color: var(--sbb-color-red125);--sbb-form-error-height: calc(var(--sbb-typo-line-height-body-text) * 1em);--sbb-form-error-icon-size: 1.0625rem;--sbb-icon-svg-width: var(--sbb-form-error-icon-size);--sbb-icon-svg-height: var(--sbb-form-error-icon-size);display:flex;align-items:flex-start;color:var(--sbb-form-error-color);min-height:var(--sbb-form-error-height);--sbb-text-font-size: var(--sbb-font-size-text-xs);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)}@media (forced-colors: active){:host{--sbb-form-error-color: LinkText !important}}:host([negative]){--sbb-form-error-color: var(--sbb-color-red-mode-dark)}.form-error__icon{display:flex;align-items:center;height:var(--sbb-form-error-height);margin-inline-end:var(--sbb-spacing-fixed-1x)}.form-error-content{line-height:var(--sbb-typo-line-height-body-text);vertical-align:text-top}.form-error__icon-svg{stroke:currentcolor;height:var(--sbb-form-error-height)}`;
-let x = 0, z = (() => {
+import { __esDecorate as l, __runInitializers as n } from "tslib";
+import { css as b, LitElement as c, html as m } from "lit";
+import { customElement as f } from "lit/decorators.js";
+import { SbbNegativeMixin as h } from "../core/mixins.js";
+const d = b`*,:before,:after{box-sizing:border-box}:host{--sbb-form-error-color: var(--sbb-color-red125);--sbb-form-error-height: calc(var(--sbb-typo-line-height-body-text) * 1em);--sbb-form-error-icon-size: 1.0625rem;--sbb-icon-svg-width: var(--sbb-form-error-icon-size);--sbb-icon-svg-height: var(--sbb-form-error-icon-size);display:flex;align-items:flex-start;color:var(--sbb-form-error-color);min-height:var(--sbb-form-error-height);--sbb-text-font-size: var(--sbb-font-size-text-xs);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)}@media (forced-colors: active){:host{--sbb-form-error-color: LinkText !important}}:host([negative]){--sbb-form-error-color: var(--sbb-color-red-mode-dark)}.form-error__icon{display:flex;align-items:center;height:var(--sbb-form-error-height);margin-inline-end:var(--sbb-spacing-fixed-1x)}.form-error-content{line-height:var(--sbb-typo-line-height-body-text);vertical-align:text-top}.form-error__icon-svg{stroke:currentcolor;height:var(--sbb-form-error-height)}`;
+let g = 0, u = (() => {
   var r;
-  let n = [d("sbb-form-error")], o, s = [], e, i = g(f);
+  let a = [f("sbb-form-error")], o, s = [], e, i = h(c);
   return r = class extends i {
     connectedCallback() {
-      var a, l;
-      super.connectedCallback(), this.id || (this.id = `sbb-form-error-${x++}`);
-      const t = ((a = this.closest) == null ? void 0 : a.call(this, "sbb-form-field")) ?? ((l = this.closest) == null ? void 0 : l.call(this, "[data-form-field]"));
+      super.connectedCallback(), this.id ||= `sbb-form-error-${g++}`;
+      const t = this.closest?.("sbb-form-field") ?? this.closest?.("[data-form-field]");
       t && (this.negative = t.hasAttribute("negative"));
     }
     render() {
-      return h`
+      return m`
       <span class="form-error__icon">
         <slot name="icon">
           <svg
@@ -39,9 +38,9 @@ let x = 0, z = (() => {
     }
   }, e = r, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    b(null, o = { value: e }, n, { kind: "class", name: e.name, metadata: t }, null, s), e = o.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), r.styles = v, c(e, s), e;
+    l(null, o = { value: e }, a, { kind: "class", name: e.name, metadata: t }, null, s), e = o.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), r.styles = d, n(e, s), e;
 })();
 export {
-  z as SbbFormErrorElement
+  u as SbbFormErrorElement
 };

package/form-field/form-field/form-field.component.d.ts

@@ -77,7 +77,7 @@ export declare class SbbFormFieldElement extends SbbFormFieldElement_base {
      * It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-form-error> instances.
      */
     private _onSlotErrorChange;
-    private _applyAriaDescribedby;
+    private _assignErrorMessageElements;
     /** Manually reset the form field. Currently, this only resets the floating label. */
     reset(): void;
     /** Manually clears the input value. It only works for inputs, selects are not supported. */

package/form-field/form-field/form-field.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field/form-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAkBb,OAAO,eAAe,CAAC;;AAQvB;;;;;;;;GAQG;AACH,qBAGM,mBAAoB,SAAQ,wBAEjC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAGtD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAuD;IAE9F,OAAO,CAAC,QAAQ,CAAC,oCAAoC,CAOnD;IAEF,OAAO,CAAC,QAAQ,CAAC,iCAAiC,CAQhD;IAEF;;;;OAIG;IACH,SACgB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAU;IAExD,+CAA+C;IAC/C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAwB;IAE1F,0DAA0D;IAC1D,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C;;+EAE2E;IAC3E,SAA6C,KAAK,EAAE,SAAS,GAAG,UAAU,CAAa;IAEvF,wFAAwF;IACxF,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C,4FAA4F;IAC5F,SAEgB,aAAa,EAAE,OAAO,CAAS;IAE/C,qDAAqD;IAC5C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEzD,8CAA8C;IACrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAkE;IAElG,+CAA+C;IACtC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAoB;IAEpD,iCAAiC;IACjC,IAAW,YAAY,IAAI,gBAAgB,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAExF;IAED,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACH,OAAO,CAAC,2BAA2B,CAQ1B;IAET,OAAO,CAAC,yBAAyB,CAAyB;;IA6C1C,iBAAiB,IAAI,IAAI;cAQtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,uBAAuB;IAW/B,OAAO,CAAC,kBAAkB;IAW1B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,oBAAoB;IAiD5B,OAAO,CAAC,yBAAyB;IA6BjC,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,0BAA0B;IAclC,OAAO,CAAC,gBAAgB;IAgCxB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,kBAAkB;IAK1B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,qBAAqB;IAyB7B,qFAAqF;IAC9E,KAAK,IAAI,IAAI;IAIpB,4FAA4F;IACrF,KAAK,IAAI,IAAI;IAQpB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,SAAS;cAME,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field/form-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAoBb,OAAO,eAAe,CAAC;;AAOvB;;;;;;;;GAQG;AACH,qBAGM,mBAAoB,SAAQ,wBAEjC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAGtD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAuD;IAE9F,OAAO,CAAC,QAAQ,CAAC,oCAAoC,CAOnD;IAEF,OAAO,CAAC,QAAQ,CAAC,iCAAiC,CAQhD;IAEF;;;;OAIG;IACH,SACgB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAU;IAExD,+CAA+C;IAC/C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAwB;IAE1F,0DAA0D;IAC1D,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C;;+EAE2E;IAC3E,SAA6C,KAAK,EAAE,SAAS,GAAG,UAAU,CAAa;IAEvF,wFAAwF;IACxF,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C,4FAA4F;IAC5F,SAEgB,aAAa,EAAE,OAAO,CAAS;IAE/C,qDAAqD;IAC5C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEzD,8CAA8C;IACrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiE;IAEjG,+CAA+C;IACtC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAoB;IAEpD,iCAAiC;IACjC,IAAW,YAAY,IAAI,gBAAgB,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAExF;IAED,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACH,OAAO,CAAC,2BAA2B,CAQ1B;IAET,OAAO,CAAC,yBAAyB,CAAyB;;IA6C1C,iBAAiB,IAAI,IAAI;cAQtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,uBAAuB;IAW/B,OAAO,CAAC,kBAAkB;IAW1B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,oBAAoB;IAiD5B,OAAO,CAAC,yBAAyB;IA6BjC,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,0BAA0B;IAclC,OAAO,CAAC,gBAAgB;IAgCxB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,kBAAkB;IAK1B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAqB1B,OAAO,CAAC,2BAA2B;IASnC,qFAAqF;IAC9E,KAAK,IAAI,IAAI;IAIpB,4FAA4F;IACrF,KAAK,IAAI,IAAI;IAQpB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,SAAS;cAME,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}