@sbb-esta/lyne-elements-dev 5.7.0-dev.1788770150 → 5.7.0-dev.1788783153

package/custom-elements.json

@@ -158691,15 +158691,7 @@
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "method",
@@ -158902,14 +158894,6 @@
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
               "inheritedFrom": {
                 "name": "SbbTeaserCommonElementMixin",
                 "module": "teaser/common/teaser-common.js"
@@ -159448,14 +159432,6 @@
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
               "inheritedFrom": {
                 "name": "SbbTeaserCommonElementMixin",
                 "module": "teaser/common/teaser-common.js"

package/development/teaser.pure.js

@@ -77,6 +77,10 @@ const SbbTeaserCommonElementMixin = (superClass) => {
 			set size(value) {
 				this.#size_accessor_storage = value;
 			}
+			willUpdate(changedProperties) {
+				super.willUpdate(changedProperties);
+				if (changedProperties.has("size")) this._configureTitle();
+			}
 			_handleSlotchange() {
 				let foundChipLabel = false;
 				let foundTitle = false;
@@ -98,8 +102,8 @@ const SbbTeaserCommonElementMixin = (superClass) => {
 					chipLabel.size = "xxs";
 				}
 			}
-			_configureTitle(event) {
-				const title = event.target.assignedElements().find((e) => e.localName === "sbb-title");
+			_configureTitle() {
+				const title = this.shadowRoot?.querySelector("slot[name=\"title\"]")?.assignedElements().find((e) => e.localName === "sbb-title");
 				if (title) {
 					customElements.upgrade(title);
 					title.visualLevel = this.size === "l" ? "2" : "5";

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "5.7.0-dev.1788770150",
+  "version": "5.7.0-dev.1788783153",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/283d8770a6494971e0dbe11c30aa3484b0b498c8"
+    "https://github.com/sbb-design-systems/lyne-components/commit/f1a4ab7ffb7bbdbba1866c16de068fd010269710"
   ],
   "type": "module",
   "exports": {

package/teaser.pure.js

@@ -1,5 +1,5 @@
 import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,unsafeCSS as r}from"lit";import{property as i}from"lit/decorators.js";import{SbbActionBaseElement as a,SbbLinkBaseElement as o,screenReaderOnlyStyles as s}from"./core.js";import{html as c}from"lit/static-html.js";var l=`:host{--_sbb-teaser-forced-colors-inset:calc(-1 * var(--sbb-focus-outline-offset));--_sbb-teaser-forced-colors-outline-offset:calc(2 * var(--sbb-focus-outline-offset));--_sbb-teaser-forced-colors-border-radius:calc(var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset));display:inline-block}:host([size=l]){--sbb-teaser-gap:var(--sbb-teaser-gap-l);--sbb-teaser-title-gap:var(--sbb-teaser-title-gap-l);--sbb-teaser-button-gap:var(--sbb-teaser-button-gap-l);--sbb-teaser-font-size:var(--sbb-teaser-font-size-l)}:host(:is([alignment=after],[alignment=before])){--sbb-teaser-align-items:start}:host(:is([alignment=before],[alignment=before-centered])){--sbb-teaser-flex-direction:row-reverse}:host([alignment=below]){--sbb-teaser-flex-direction:column;--sbb-teaser-align-items:baseline;--sbb-teaser-gap:var(--sbb-teaser-gap-below)}.sbb-teaser__wrapper{display:flex;position:relative}.sbb-teaser__wrapper:before{content:"​";user-select:none;width:0;height:0}@media (forced-colors:active){.sbb-teaser__wrapper:after{content:"";inset:var(--_sbb-teaser-forced-colors-inset);pointer-events:none;border-radius:var(--_sbb-teaser-forced-colors-border-radius);border:var(--sbb-border-width-1x) solid CanvasText;position:absolute}}.sbb-teaser__container{flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);width:100%;max-width:100%;display:flex}.sbb-teaser__content{gap:var(--sbb-teaser-button-gap);flex-direction:column;width:100%;display:flex}.sbb-teaser__text{color:var(--sbb-teaser-description-color);font-size:var(--sbb-teaser-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);max-width:100%;overflow:hidden}:host(:is(:state(slotted-action),[state--slotted-action])) slot[name=action]{display:block}::slotted([slot=image]){width:var(--sbb-teaser-image-width);display:block}.sbb-teaser__image-wrapper{border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing);flex-shrink:0;max-width:100%;overflow:hidden}:host(:not(:is(:state(slotted-image),[state--slotted-image]))) .sbb-teaser__image-wrapper{display:none}.sbb-teaser__description{margin:0;padding:0;display:inline-block}::slotted(sbb-chip-label){width:fit-content;max-width:100%;margin-block-end:var(--sbb-spacing-fixed-1x);display:flex}::slotted(sbb-title){margin-block:0 var(--sbb-teaser-title-gap)}
-`;const u=a=>(()=>{let o=a,s,c=[],u=[],d,f=[],p=[];return class extends o{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;s=[i({reflect:!0})],d=[i({reflect:!0})],e(this,null,s,{kind:`accessor`,name:`alignment`,static:!1,private:!1,access:{has:e=>`alignment`in e,get:e=>e.alignment,set:(e,t)=>{e.alignment=t}},metadata:t},c,u),e(this,null,d,{kind:`accessor`,name:`size`,static:!1,private:!1,access:{has:e=>`size`in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},f,p),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.styles=[r(l)]}#e=t(this,c,`after-centered`);get alignment(){return this.#e}set alignment(e){this.#e=e}#t=(t(this,u),t(this,f,null));get size(){return this.#t}set size(e){this.#t=e}_handleSlotchange(){let e=!1,t=!1;for(let n of this.children)n.localName===`sbb-chip-label`&&!e?(n.slot||=`chip`,n.slot===`chip`&&(e=!0)):n.localName===`sbb-title`&&!t?(n.slot||=`title`,n.slot===`title`&&(t=!0)):/^sbb-(secondary-|accent-|transparent-)?button(-static|-link)?$/.test(n.localName)&&(n.slot||=`action`)}_configureChip(e){let t=e.target.assignedElements().find(e=>e.localName===`sbb-chip-label`);t&&(customElements.upgrade(t),t.color=`charcoal`,t.size=`xxs`)}_configureTitle(e){let t=e.target.assignedElements().find(e=>e.localName===`sbb-title`);t&&(customElements.upgrade(t),t.visualLevel=this.size===`l`?`2`:`5`)}renderTemplate(){return n`
+`;const u=a=>(()=>{let o=a,s,c=[],u=[],d,f=[],p=[];return class extends o{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;s=[i({reflect:!0})],d=[i({reflect:!0})],e(this,null,s,{kind:`accessor`,name:`alignment`,static:!1,private:!1,access:{has:e=>`alignment`in e,get:e=>e.alignment,set:(e,t)=>{e.alignment=t}},metadata:t},c,u),e(this,null,d,{kind:`accessor`,name:`size`,static:!1,private:!1,access:{has:e=>`size`in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},f,p),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.styles=[r(l)]}#e=t(this,c,`after-centered`);get alignment(){return this.#e}set alignment(e){this.#e=e}#t=(t(this,u),t(this,f,null));get size(){return this.#t}set size(e){this.#t=e}willUpdate(e){super.willUpdate(e),e.has(`size`)&&this._configureTitle()}_handleSlotchange(){let e=!1,t=!1;for(let n of this.children)n.localName===`sbb-chip-label`&&!e?(n.slot||=`chip`,n.slot===`chip`&&(e=!0)):n.localName===`sbb-title`&&!t?(n.slot||=`title`,n.slot===`title`&&(t=!0)):/^sbb-(secondary-|accent-|transparent-)?button(-static|-link)?$/.test(n.localName)&&(n.slot||=`action`)}_configureChip(e){let t=e.target.assignedElements().find(e=>e.localName===`sbb-chip-label`);t&&(customElements.upgrade(t),t.color=`charcoal`,t.size=`xxs`)}_configureTitle(){let e=this.shadowRoot?.querySelector(`slot[name="title"]`)?.assignedElements().find(e=>e.localName===`sbb-title`);e&&(customElements.upgrade(e),e.visualLevel=this.size===`l`?`2`:`5`)}renderTemplate(){return n`
         <span class="sbb-teaser__container">
           <span class="sbb-teaser__image-wrapper">
             <slot name="image"></slot>