@sbb-esta/lyne-elements 5.1.0 → 5.2.0

package/custom-elements.json

@@ -79014,7 +79014,7 @@
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "| 'white'\n    | 'milk'\n    | 'transparent-bordered'\n    | 'transparent-bordered-dashed'"
+                "text": "'white' | 'milk' | 'transparent-bordered' | 'transparent-bordered-dashed'"
               },
               "privacy": "public",
               "default": "'white'",
@@ -79310,7 +79310,7 @@
             {
               "name": "color",
               "type": {
-                "text": "| 'white'\n    | 'milk'\n    | 'transparent-bordered'\n    | 'transparent-bordered-dashed'"
+                "text": "'white' | 'milk' | 'transparent-bordered' | 'transparent-bordered-dashed'"
               },
               "default": "'white'",
               "description": "Option to set the component's background color.",
@@ -82939,7 +82939,7 @@
               "kind": "field",
               "name": "pagerPosition",
               "type": {
-                "text": "| 'start'\n      | 'end'"
+                "text": "'start' | 'end'"
               },
               "privacy": "public",
               "default": "'start'",
@@ -83263,7 +83263,7 @@
             {
               "name": "pager-position",
               "type": {
-                "text": "| 'start'\n      | 'end'"
+                "text": "'start' | 'end'"
               },
               "default": "'start'",
               "description": "Position of the prev/next buttons.",
@@ -83530,7 +83530,7 @@
               "kind": "field",
               "name": "pagerPosition",
               "type": {
-                "text": "| 'start'\n      | 'end'"
+                "text": "'start' | 'end'"
               },
               "privacy": "public",
               "default": "'start'",
@@ -84188,7 +84188,7 @@
             {
               "name": "pager-position",
               "type": {
-                "text": "| 'start'\n      | 'end'"
+                "text": "'start' | 'end'"
               },
               "default": "'start'",
               "description": "Position of the prev/next buttons.",
@@ -86578,7 +86578,7 @@
               "kind": "field",
               "name": "pagerPosition",
               "type": {
-                "text": "| 'start'\n    | 'end'"
+                "text": "'start' | 'end'"
               },
               "privacy": "public",
               "default": "'start'",
@@ -87387,7 +87387,7 @@
             {
               "name": "pager-position",
               "type": {
-                "text": "| 'start'\n    | 'end'"
+                "text": "'start' | 'end'"
               },
               "default": "'start'",
               "description": "Position of the prev/next buttons: if `pageSizeOptions` is set,\nthe sbb-select for the pageSize change will be positioned oppositely, with the page numbers always in the center.",
@@ -88671,7 +88671,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "void"
                 }
               }
             },
@@ -88681,7 +88681,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "void"
                 }
               },
               "description": "Starts the clock by defining the hands starting position then starting the animations."
@@ -88692,7 +88692,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "void"
                 }
               },
               "description": "Stops the clock by removing all the animations."
@@ -89236,7 +89236,7 @@
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
+                "text": "'transparent' | 'white' | 'milk' | 'midnight' | 'charcoal'"
               },
               "privacy": "public",
               "default": "'white'",
@@ -89550,7 +89550,7 @@
             {
               "name": "color",
               "type": {
-                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
+                "text": "'transparent' | 'white' | 'milk' | 'midnight' | 'charcoal'"
               },
               "default": "'white'",
               "description": "Color of the container, like transparent, white etc.",
@@ -89637,7 +89637,7 @@
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
+                "text": "'white' | 'milk' | 'midnight' | 'charcoal' | null"
               },
               "privacy": "public",
               "default": "null",
@@ -90177,7 +90177,7 @@
             {
               "name": "color",
               "type": {
-                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
+                "text": "'white' | 'milk' | 'midnight' | 'charcoal' | null"
               },
               "default": "null",
               "description": "Color of the container, like transparent, white etc.",
@@ -100784,7 +100784,16 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "except",
+                  "optional": true,
+                  "type": {
+                    "text": "keyof ValidityStateFlags"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
@@ -105684,7 +105693,7 @@
               "kind": "field",
               "name": "backdrop",
               "type": {
-                "text": "| 'opaque'\n    | 'translucent'"
+                "text": "'opaque' | 'translucent'"
               },
               "privacy": "public",
               "default": "'opaque'",
@@ -106741,7 +106750,7 @@
             {
               "name": "backdrop",
               "type": {
-                "text": "| 'opaque'\n    | 'translucent'"
+                "text": "'opaque' | 'translucent'"
               },
               "default": "'opaque'",
               "description": "Backdrop density.",
@@ -108950,6 +108959,10 @@
                   "type": {
                     "text": "FileList"
                   }
+                },
+                {
+                  "name": "emitNativeEvents",
+                  "default": "false"
                 }
               ]
             },
@@ -108981,6 +108994,16 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_dispatchNativeEvents",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_dispatchFileChangedEvent",
@@ -110098,6 +110121,10 @@
                   "type": {
                     "text": "FileList"
                   }
+                },
+                {
+                  "name": "emitNativeEvents",
+                  "default": "false"
                 }
               ],
               "inheritedFrom": {
@@ -110141,6 +110168,20 @@
                 "module": "file-selector/common/file-selector-common.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "_dispatchNativeEvents",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFileSelectorCommonElementMixin",
+                "module": "file-selector/common/file-selector-common.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_dispatchFileChangedEvent",
@@ -111572,6 +111613,10 @@
                   "type": {
                     "text": "FileList"
                   }
+                },
+                {
+                  "name": "emitNativeEvents",
+                  "default": "false"
                 }
               ],
               "inheritedFrom": {
@@ -111615,6 +111660,20 @@
                 "module": "file-selector/common/file-selector-common.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "_dispatchNativeEvents",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFileSelectorCommonElementMixin",
+                "module": "file-selector/common/file-selector-common.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_dispatchFileChangedEvent",
@@ -138549,7 +138608,7 @@
               "kind": "field",
               "name": "type",
               "type": {
-                "text": "| 'info'\n    | 'note'\n    | 'success'\n    | 'warn'\n    | 'error'"
+                "text": "'info' | 'note' | 'success' | 'warn' | 'error'"
               },
               "privacy": "public",
               "default": "'info'",
@@ -139137,7 +139196,7 @@
             {
               "name": "type",
               "type": {
-                "text": "| 'info'\n    | 'note'\n    | 'success'\n    | 'warn'\n    | 'error'"
+                "text": "'info' | 'note' | 'success' | 'warn' | 'error'"
               },
               "default": "'info'",
               "description": "The type of the notification.",
@@ -146696,7 +146755,7 @@
                   "text": "void"
                 }
               },
-              "description": "Selects the next step."
+              "description": "Selects the next enabled step. If no available step is found, it simply exits."
             },
             {
               "kind": "method",
@@ -146707,7 +146766,7 @@
                   "text": "void"
                 }
               },
-              "description": "Selects the previous step."
+              "description": "Selects the previous enabled step. If no available step is found, it simply exits."
             },
             {
               "kind": "method",
@@ -147519,42 +147578,6 @@
               ],
               "description": "Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes."
             },
-            {
-              "kind": "method",
-              "name": "_isGoNextElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isGoPreviousElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "_onStepElementResize",
@@ -157542,7 +157565,16 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "except",
+                  "optional": true,
+                  "type": {
+                    "text": "keyof ValidityStateFlags"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -166959,7 +166991,7 @@
               "kind": "field",
               "name": "wagonClass",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "privacy": "public",
               "default": "null",
@@ -167212,7 +167244,7 @@
             {
               "name": "wagon-class",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "default": "null",
               "description": "Class label",
@@ -168995,7 +169027,7 @@
               "kind": "field",
               "name": "wagonClass",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "privacy": "public",
               "default": "null",
@@ -170095,7 +170127,7 @@
             {
               "name": "wagon-class",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "default": "null",
               "description": "Class label",
@@ -170348,7 +170380,7 @@
               "kind": "field",
               "name": "wagonClass",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "privacy": "public",
               "default": "null",
@@ -171133,7 +171165,7 @@
             {
               "name": "wagon-class",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "default": "null",
               "description": "Class label",
@@ -171401,7 +171433,7 @@
               "kind": "field",
               "name": "wagonClass",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "privacy": "public",
               "default": "null",
@@ -171996,7 +172028,7 @@
             {
               "name": "wagon-class",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'1' | '2' | '1-2' | '2-1' | null"
               },
               "default": "null",
               "description": "Class label",

package/date-input.pure.js

@@ -1,2 +1,2 @@
 import{__esDecorate as e,__runInitializers as t}from"tslib";import{isServer as n,unsafeCSS as r}from"lit";import{property as i}from"lit/decorators.js";import{SbbElement as a,SbbFormAssociatedInputMixin as o,defaultDateAdapter as s,i18nDateInvalid as c,i18nDateMax as l,i18nDateMin as u,i18nDatePickerPlaceholder as d,plainDate as f,plainDateConverter as p,readConfig as m}from"./core.js";var h=`:host{cursor:text;align-items:center;min-width:9.375rem;max-width:100%;font-weight:400;display:inline-flex}@media (forced-colors:active){:host{color:fieldtext}}:host(:disabled){cursor:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media (forced-colors:active){:host(:empty):after{color:graytext}}
-`;Object.assign(ValidityState.prototype,{get sbbDateFilter(){return!1}});let g=(()=>{let g=o(a),_=[],v,y,b=[],x=[],S,C=[],w=[],T,E,D=[],O=[];return class extends g{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;v=[i({attribute:!1})],y=[f(),i({converter:p,reflect:!0})],S=[f(),i({converter:p,reflect:!0})],T=[i({attribute:!1})],E=[i({attribute:`weekday-style`})],e(this,null,v,{kind:`setter`,name:`valueAsDate`,static:!1,private:!1,access:{has:e=>`valueAsDate`in e,set:(e,t)=>{e.valueAsDate=t}},metadata:t},null,_),e(this,null,y,{kind:`accessor`,name:`min`,static:!1,private:!1,access:{has:e=>`min`in e,get:e=>e.min,set:(e,t)=>{e.min=t}},metadata:t},b,x),e(this,null,S,{kind:`accessor`,name:`max`,static:!1,private:!1,access:{has:e=>`max`in e,get:e=>e.max,set:(e,t)=>{e.max=t}},metadata:t},C,w),e(this,null,T,{kind:`setter`,name:`dateFilter`,static:!1,private:!1,access:{has:e=>`dateFilter`in e,set:(e,t)=>{e.dateFilter=t}},metadata:t},null,_),e(this,null,E,{kind:`accessor`,name:`weekdayStyle`,static:!1,private:!1,access:{has:e=>`weekdayStyle`in e,get:e=>e.weekdayStyle,set:(e,t)=>{e.weekdayStyle=t}},metadata:t},D,O),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-date-input`}static{this.styles=[r(h)]}set value(e){this._tryParseValue(e),!n&&!this.isSelected()&&this.valueAsDate!==null&&(e=this._formatDate()),super.value=e}get value(){return super.value??``}set valueAsDate(e){if(e=this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e)),!(this.isSelected()&&(e===null||this._dateAdapter.sameDate(e,this._dateAdapter.parse(this.value))))){if(!e)this._valueAsDate=null,this._valueCache=[``,null],this.value=``;else if(!this._dateAdapter.isDateInstance(this._valueAsDate)||this._dateAdapter.compareDate(this._valueAsDate,e)!==0){this._valueAsDate=this._dateAdapter.createDate(this._dateAdapter.getYear(e),this._dateAdapter.getMonth(e),this._dateAdapter.getDate(e));let t=this._formatDate();this._valueCache=[t,this._valueAsDate],this.value=t}}}get valueAsDate(){return this._valueAsDate?this._dateAdapter.clone(this._valueAsDate):null}#e;get min(){return this.#e}set min(e){this.#e=e}#t;get max(){return this.#t}set max(e){this.#t=e}set dateFilter(e){this._dateFilter=e}get dateFilter(){return this._dateFilter}#n;get weekdayStyle(){return this.#n}set weekdayStyle(e){this.#n=e}get datepicker(){return this.parentElement.querySelector(`sbb-datepicker`)}constructor(){super(),this._valueAsDate=t(this,_),this.#e=t(this,b,null),this.#t=(t(this,x),t(this,C,null)),this.#n=(t(this,w),t(this,D,`short`)),this._valueCache=t(this,O),this._dateAdapter=m().datetime?.dateAdapter??s,this._placeholderMutable=!1,this._dateFilter=()=>!0,this.addEventListener?.(`change`,()=>this._updateValueDateFormat(),{capture:!0})}static resolveAssociation(e){if(e.hasAttribute(`input`)||e.input)return;let t=e.closest(`sbb-form-field`)?.querySelector(`sbb-date-input`);t&&(e.input=t)}connectedCallback(){super.connectedCallback(),this.placeholder||=(this._placeholderMutable=!0,d[this.language.current]);for(let e of Array.from(this.closest(`sbb-form-field`)?.children??[]))customElements.upgrade?.(e),e.constructor.sbbDateInputAssociated&&!e.hasAttribute(`input`)&&!e.input&&(e.input=this)}requestUpdate(e,t,n){super.requestUpdate(e,t,n),this.hasUpdated&&!e?(this._updateValueDateFormat(),this._placeholderMutable&&(this.placeholder=d[this.language.current])):e===`weekdayStyle`&&this._updateValueDateFormat(),this.isConnected&&this.dispatchEvent(new Event(`ɵchange`))}updateFormValue(){this._tryParseValue();let e=this.valueAsDate===null?null:this._dateAdapter.toIso8601(this.valueAsDate);this.internals.setFormValue(e,this.value)}_tryParseValue(e=this.value){this._valueCache?.[0]!==e&&(this._valueAsDate=this._dateAdapter.parse(e),this._valueCache=[e,this._valueAsDate])}_updateValueDateFormat(){if(this.valueAsDate){let e=this._formatDate();this.value!==e&&(super.value=e)}}_formatDate(){return this._dateAdapter.format(this.valueAsDate,{weekdayStyle:this.weekdayStyle})}shouldValidate(e){return super.shouldValidate(e)||[`valueAsDate`,`min`,`max`,`dateFilter`].includes(e)}validate(){super.validate(),this.value?this._dateAdapter.isValid(this.valueAsDate)?this._dateAdapter.isValid(this.min)&&this._dateAdapter.compareDate(this.min,this.valueAsDate)>0?this.setValidityFlag(`rangeUnderflow`,u(this._dateAdapter.format(this.min,{weekdayStyle:`none`}))[this.language.current]):this._dateAdapter.isValid(this.max)&&this._dateAdapter.compareDate(this.valueAsDate,this.max)>0?this.setValidityFlag(`rangeOverflow`,l(this._dateAdapter.format(this.max,{weekdayStyle:`none`}))[this.language.current]):this.dateFilter&&!this.dateFilter(this.valueAsDate)?this.setValidityFlag(`sbbDateFilter`,c[this.language.current]):this._removeValidityErrors():this.setValidityFlag(`badInput`,c[this.language.current]):this._removeValidityErrors()}_removeValidityErrors(){[`badInput`,`rangeUnderflow`,`rangeOverflow`,`sbbDateFilter`].forEach(e=>this.removeValidityFlag(e))}}})();export{g as SbbDateInputElement};
+`;Object.assign(ValidityState.prototype,{get sbbDateFilter(){return!1}});let g=(()=>{let g=o(a),_=[],v,y,b=[],x=[],S,C=[],w=[],T,E,D=[],O=[];return class extends g{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;v=[i({attribute:!1})],y=[f(),i({converter:p,reflect:!0})],S=[f(),i({converter:p,reflect:!0})],T=[i({attribute:!1})],E=[i({attribute:`weekday-style`})],e(this,null,v,{kind:`setter`,name:`valueAsDate`,static:!1,private:!1,access:{has:e=>`valueAsDate`in e,set:(e,t)=>{e.valueAsDate=t}},metadata:t},null,_),e(this,null,y,{kind:`accessor`,name:`min`,static:!1,private:!1,access:{has:e=>`min`in e,get:e=>e.min,set:(e,t)=>{e.min=t}},metadata:t},b,x),e(this,null,S,{kind:`accessor`,name:`max`,static:!1,private:!1,access:{has:e=>`max`in e,get:e=>e.max,set:(e,t)=>{e.max=t}},metadata:t},C,w),e(this,null,T,{kind:`setter`,name:`dateFilter`,static:!1,private:!1,access:{has:e=>`dateFilter`in e,set:(e,t)=>{e.dateFilter=t}},metadata:t},null,_),e(this,null,E,{kind:`accessor`,name:`weekdayStyle`,static:!1,private:!1,access:{has:e=>`weekdayStyle`in e,get:e=>e.weekdayStyle,set:(e,t)=>{e.weekdayStyle=t}},metadata:t},D,O),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-date-input`}static{this.styles=[r(h)]}set value(e){this._tryParseValue(e),!n&&!this.isSelected()&&this.valueAsDate!==null&&(e=this._formatDate()),super.value=e}get value(){return super.value??``}set valueAsDate(e){if(e=this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e)),!(this.isSelected()&&(e===null||this._dateAdapter.sameDate(e,this._dateAdapter.parse(this.value))))){if(!e)this._valueAsDate=null,this._valueCache=[``,null],this.value=``;else if(!this._dateAdapter.isDateInstance(this._valueAsDate)||this._dateAdapter.compareDate(this._valueAsDate,e)!==0){this._valueAsDate=this._dateAdapter.createDate(this._dateAdapter.getYear(e),this._dateAdapter.getMonth(e),this._dateAdapter.getDate(e));let t=this._formatDate();this._valueCache=[t,this._valueAsDate],this.value=t}}}get valueAsDate(){return this._valueAsDate?this._dateAdapter.clone(this._valueAsDate):null}#e;get min(){return this.#e}set min(e){this.#e=e}#t;get max(){return this.#t}set max(e){this.#t=e}set dateFilter(e){this._dateFilter=e}get dateFilter(){return this._dateFilter}#n;get weekdayStyle(){return this.#n}set weekdayStyle(e){this.#n=e}get datepicker(){return this.parentElement.querySelector(`sbb-datepicker`)}constructor(){super(),this._valueAsDate=t(this,_),this.#e=t(this,b,null),this.#t=(t(this,x),t(this,C,null)),this.#n=(t(this,w),t(this,D,`short`)),this._valueCache=t(this,O),this._dateAdapter=m().datetime?.dateAdapter??s,this._placeholderMutable=!1,this._dateFilter=()=>!0,this.addEventListener?.(`change`,()=>this._updateValueDateFormat(),{capture:!0})}static resolveAssociation(e){if(e.hasAttribute(`input`)||e.input)return;let t=e.closest(`sbb-form-field`)?.querySelector(`sbb-date-input`);t&&(e.input=t)}connectedCallback(){super.connectedCallback(),this.placeholder||=(this._placeholderMutable=!0,d[this.language.current]);for(let e of Array.from(this.closest(`sbb-form-field`)?.children??[]))customElements.upgrade?.(e),e.constructor.sbbDateInputAssociated&&!e.hasAttribute(`input`)&&!e.input&&(e.input=this)}requestUpdate(e,t,n){super.requestUpdate(e,t,n),this.hasUpdated&&!e?(this._updateValueDateFormat(),this._placeholderMutable&&(this.placeholder=d[this.language.current])):e===`weekdayStyle`&&this._updateValueDateFormat(),this.isConnected&&this.dispatchEvent(new Event(`ɵchange`))}updateFormValue(){this._tryParseValue();let e=this.valueAsDate===null?null:this._dateAdapter.toIso8601(this.valueAsDate);this.internals.setFormValue(e,this.value)}_tryParseValue(e=this.value){this._valueCache?.[0]!==e&&(this._valueAsDate=this._dateAdapter.parse(e),this._valueCache=[e,this._valueAsDate])}_updateValueDateFormat(){if(this.valueAsDate){let e=this._formatDate();this.value!==e&&(super.value=e)}}_formatDate(){return this._dateAdapter.format(this.valueAsDate,{weekdayStyle:this.weekdayStyle})}shouldValidate(e){return super.shouldValidate(e)||[`valueAsDate`,`min`,`max`,`dateFilter`].includes(e)}validate(){super.validate(),this.value?this._dateAdapter.isValid(this.valueAsDate)?this._dateAdapter.isValid(this.min)&&this._dateAdapter.compareDate(this.min,this.valueAsDate)>0?(this._removeValidityErrors(`rangeUnderflow`),this.setValidityFlag(`rangeUnderflow`,u(this._dateAdapter.format(this.min,{weekdayStyle:`none`}))[this.language.current])):this._dateAdapter.isValid(this.max)&&this._dateAdapter.compareDate(this.valueAsDate,this.max)>0?(this._removeValidityErrors(`rangeOverflow`),this.setValidityFlag(`rangeOverflow`,l(this._dateAdapter.format(this.max,{weekdayStyle:`none`}))[this.language.current])):this.dateFilter&&!this.dateFilter(this.valueAsDate)?(this._removeValidityErrors(`sbbDateFilter`),this.setValidityFlag(`sbbDateFilter`,c[this.language.current])):this._removeValidityErrors():(this._removeValidityErrors(`badInput`),this.setValidityFlag(`badInput`,c[this.language.current])):this._removeValidityErrors()}_removeValidityErrors(e){[`badInput`,`rangeUnderflow`,`rangeOverflow`,`sbbDateFilter`].filter(t=>t!==e).forEach(e=>this.removeValidityFlag(e))}}})();export{g as SbbDateInputElement};

package/development/action-group.pure.js

@@ -2,7 +2,7 @@ import { html, unsafeCSS } from "lit";
 import { SbbElement } from "./core.js";
 
 //#region src/elements/action-group/action-group.scss?inline
-var action_group_default = ":host {\n  display: flex;\n  align-items: center;\n  justify-content: start;\n  gap: var(--sbb-action-group-gap);\n}\n\n:host(.sbb-orientation-vertical-full-width) {\n  flex-direction: column;\n  align-items: stretch;\n}\n\n:host(:where(.sbb-orientation-vertical,\n.sbb-orientation-horizontal-from-small,\n.sbb-orientation-horizontal-from-large,\n.sbb-orientation-horizontal-from-ultra)) {\n  align-items: start;\n}\n\n@media (min-width: calc(37.5rem)) {\n  :host(.sbb-orientation-horizontal-from-small) {\n    align-items: center;\n  }\n}\n\n@media (min-width: calc(64rem)) {\n  :host(.sbb-orientation-horizontal-from-large) {\n    align-items: center;\n  }\n}\n\n@media (min-width: calc(90rem)) {\n  :host(.sbb-orientation-horizontal-from-ultra) {\n    align-items: center;\n  }\n}\n";
+var action_group_default = ":host {\n  display: flex;\n  align-items: center;\n  justify-content: start;\n  gap: var(--sbb-action-group-gap);\n  flex-wrap: wrap;\n}\n\n:host(.sbb-orientation-vertical-full-width) {\n  flex-direction: column;\n  align-items: stretch;\n}\n\n:host(:where(.sbb-orientation-vertical,\n.sbb-orientation-horizontal-from-small,\n.sbb-orientation-horizontal-from-large,\n.sbb-orientation-horizontal-from-ultra)) {\n  align-items: start;\n}\n\n@media (min-width: calc(37.5rem)) {\n  :host(.sbb-orientation-horizontal-from-small) {\n    align-items: center;\n  }\n}\n\n@media (min-width: calc(64rem)) {\n  :host(.sbb-orientation-horizontal-from-large) {\n    align-items: center;\n  }\n}\n\n@media (min-width: calc(90rem)) {\n  :host(.sbb-orientation-horizontal-from-ultra) {\n    align-items: center;\n  }\n}\n";
 
 //#endregion
 //#region src/elements/action-group/action-group.component.ts

package/development/alert.pure.js

@@ -369,20 +369,20 @@ let SbbAlertElement = (() => {
             </p>
           </span>
           ${!this.readOnly ? html`<span class="sbb-alert__close-button-wrapper">
-                <sbb-divider
-                  orientation="vertical"
-                  ?negative=${this._isLightMode()}
-                  class="sbb-alert__close-button-divider"
-                ></sbb-divider>
-                <sbb-transparent-button
-                  ?negative=${this._isLightMode()}
-                  size=${this.size === "l" ? "m" : this.size || nothing}
-                  icon-name="cross-small"
-                  @click=${() => this.close()}
-                  aria-label=${i18nCloseAlert[this._language.current]}
-                  class="sbb-alert__close-button"
-                ></sbb-transparent-button>
-              </span>` : nothing}
+                  <sbb-divider
+                    orientation="vertical"
+                    ?negative=${this._isLightMode()}
+                    class="sbb-alert__close-button-divider"
+                  ></sbb-divider>
+                  <sbb-transparent-button
+                    ?negative=${this._isLightMode()}
+                    size=${this.size === "l" ? "m" : this.size || nothing}
+                    icon-name="cross-small"
+                    @click=${() => this.close()}
+                    aria-label=${i18nCloseAlert[this._language.current]}
+                    class="sbb-alert__close-button"
+                  ></sbb-transparent-button>
+                </span>` : nothing}
         </div>
       </div>
     `;

package/development/breadcrumb.pure.js

@@ -178,9 +178,9 @@ let SbbBreadcrumbGroupElement = (() => {
         <li class="sbb-breadcrumb-group__item">
           <slot name=${slot.name}></slot>
           ${index !== array.length - 1 ? html`<sbb-icon
-                name="chevron-small-right-small"
-                class="sbb-breadcrumb-group__divider-icon"
-              ></sbb-icon>` : nothing}
+                  name="chevron-small-right-small"
+                  class="sbb-breadcrumb-group__divider-icon"
+                ></sbb-icon>` : nothing}
         </li>
       `);
 		}