@sbb-esta/lyne-elements 5.0.2 → 5.2.0

package/custom-elements.json

@@ -9056,6 +9056,7 @@
               "description": "Find the element by id in the current document fragment"
             }
           ],
+          "deprecated": "Use idReference decorator instead. This controller will be removed in a future release.",
           "classGenerics": "T extends LitElement"
         }
       ],
@@ -75020,7 +75021,7 @@
               "kind": "field",
               "name": "_range",
               "type": {
-                "text": "readonly Day[]"
+                "text": "readonly Day<T>[]"
               },
               "privacy": "private",
               "readonly": true
@@ -75029,7 +75030,7 @@
               "kind": "field",
               "name": "range",
               "type": {
-                "text": "readonly Day[]"
+                "text": "readonly Day<T>[]"
               },
               "privacy": "public",
               "readonly": true
@@ -75038,7 +75039,8 @@
           "superclass": {
             "name": "Event",
             "module": "calendar/calendar/calendar.component.js"
-          }
+          },
+          "classGenerics": "T = Date"
         },
         {
           "kind": "class",
@@ -75471,6 +75473,17 @@
               },
               "description": "Resets the active month according to the new state of the calendar."
             },
+            {
+              "kind": "method",
+              "name": "visibleDays",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "Day<T>[]"
+                }
+              },
+              "description": "Returns the list of days that are visible in the calendar."
+            },
             {
               "kind": "method",
               "name": "_readFormData",
@@ -79001,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'",
@@ -79297,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.",
@@ -82926,7 +82939,7 @@
               "kind": "field",
               "name": "pagerPosition",
               "type": {
-                "text": "| 'start'\n      | 'end'"
+                "text": "'start' | 'end'"
               },
               "privacy": "public",
               "default": "'start'",
@@ -83250,7 +83263,7 @@
             {
               "name": "pager-position",
               "type": {
-                "text": "| 'start'\n      | 'end'"
+                "text": "'start' | 'end'"
               },
               "default": "'start'",
               "description": "Position of the prev/next buttons.",
@@ -83517,7 +83530,7 @@
               "kind": "field",
               "name": "pagerPosition",
               "type": {
-                "text": "| 'start'\n      | 'end'"
+                "text": "'start' | 'end'"
               },
               "privacy": "public",
               "default": "'start'",
@@ -84175,7 +84188,7 @@
             {
               "name": "pager-position",
               "type": {
-                "text": "| 'start'\n      | 'end'"
+                "text": "'start' | 'end'"
               },
               "default": "'start'",
               "description": "Position of the prev/next buttons.",
@@ -86565,7 +86578,7 @@
               "kind": "field",
               "name": "pagerPosition",
               "type": {
-                "text": "| 'start'\n    | 'end'"
+                "text": "'start' | 'end'"
               },
               "privacy": "public",
               "default": "'start'",
@@ -87374,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.",
@@ -88658,7 +88671,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "void"
                 }
               }
             },
@@ -88668,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."
@@ -88679,7 +88692,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "void"
                 }
               },
               "description": "Stops the clock by removing all the animations."
@@ -89223,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'",
@@ -89537,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.",
@@ -89624,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",
@@ -90164,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.",
@@ -100771,7 +100784,16 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "except",
+                  "optional": true,
+                  "type": {
+                    "text": "keyof ValidityStateFlags"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
@@ -105671,7 +105693,7 @@
               "kind": "field",
               "name": "backdrop",
               "type": {
-                "text": "| 'opaque'\n    | 'translucent'"
+                "text": "'opaque' | 'translucent'"
               },
               "privacy": "public",
               "default": "'opaque'",
@@ -106728,7 +106750,7 @@
             {
               "name": "backdrop",
               "type": {
-                "text": "| 'opaque'\n    | 'translucent'"
+                "text": "'opaque' | 'translucent'"
               },
               "default": "'opaque'",
               "description": "Backdrop density.",
@@ -106801,7 +106823,7 @@
           "name": "assignDialogResult",
           "declaration": {
             "name": "assignOverlayResult",
-            "module": "../../overlay/overlay-base-element.js"
+            "module": "../../overlay.pure.js"
           }
         },
         {
@@ -106809,7 +106831,7 @@
           "name": "SbbDialogCloseEvent",
           "declaration": {
             "name": "SbbOverlayCloseEvent",
-            "module": "../../overlay/overlay-base-element.js"
+            "module": "../../overlay.pure.js"
           }
         },
         {
@@ -108937,6 +108959,10 @@
                   "type": {
                     "text": "FileList"
                   }
+                },
+                {
+                  "name": "emitNativeEvents",
+                  "default": "false"
                 }
               ]
             },
@@ -108968,6 +108994,16 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_dispatchNativeEvents",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_dispatchFileChangedEvent",
@@ -110085,6 +110121,10 @@
                   "type": {
                     "text": "FileList"
                   }
+                },
+                {
+                  "name": "emitNativeEvents",
+                  "default": "false"
                 }
               ],
               "inheritedFrom": {
@@ -110128,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",
@@ -111559,6 +111613,10 @@
                   "type": {
                     "text": "FileList"
                   }
+                },
+                {
+                  "name": "emitNativeEvents",
+                  "default": "false"
                 }
               ],
               "inheritedFrom": {
@@ -111602,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",
@@ -138536,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'",
@@ -139124,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.",
@@ -146683,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",
@@ -146694,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",
@@ -147506,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",
@@ -157529,7 +157565,16 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "except",
+                  "optional": true,
+                  "type": {
+                    "text": "keyof ValidityStateFlags"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -166946,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",
@@ -167199,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",
@@ -168982,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",
@@ -170082,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",
@@ -170335,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",
@@ -171120,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",
@@ -171388,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",
@@ -171983,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.js

@@ -1,6 +1 @@
-import { t as e } from "./date-input.component-CKdDrnEj.js";
-import "./date-input.pure.js";
-//#region src/elements/date-input.ts
-e.define();
-//#endregion
-export { e as SbbDateInputElement };
+import{SbbDateInputElement as e}from"./date-input.pure.js";export*from"./date-input.pure.js";e.define();

package/date-input.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./date-input.component-CKdDrnEj.js";
-export { e as SbbDateInputElement };
+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._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/datepicker.js

@@ -1,9 +1 @@
-import { n as e, t } from "./datepicker-button-D8t6_DBS.js";
-import { SbbDatepickerNextDayElement as n } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
-import { SbbDatepickerPreviousDayElement as r } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
-import { SbbDatepickerToggleElement as i } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
-import { SbbDatepickerElement as a } from "./datepicker/datepicker/datepicker.component.js";
-import "./datepicker.pure.js";
-a.define(), n.define(), r.define(), i.define();
-//#endregion
-export { t as SbbDatepickerButton, e as SbbDatepickerButtonBase, a as SbbDatepickerElement, n as SbbDatepickerNextDayElement, r as SbbDatepickerPreviousDayElement, i as SbbDatepickerToggleElement };
+import{SbbDatepickerElement as e,SbbDatepickerNextDayElement as t,SbbDatepickerPreviousDayElement as n,SbbDatepickerToggleElement as r}from"./datepicker.pure.js";export*from"./datepicker.pure.js";e.define(),t.define(),n.define(),r.define();

package/datepicker.pure.js

@@ -1,6 +1,19 @@
-import { n as e, t } from "./datepicker-button-D8t6_DBS.js";
-import { SbbDatepickerNextDayElement as n } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
-import { SbbDatepickerPreviousDayElement as r } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
-import { SbbDatepickerToggleElement as i } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
-import { SbbDatepickerElement as a } from "./datepicker/datepicker/datepicker.component.js";
-export { t as SbbDatepickerButton, e as SbbDatepickerButtonBase, a as SbbDatepickerElement, n as SbbDatepickerNextDayElement, r as SbbDatepickerPreviousDayElement, i as SbbDatepickerToggleElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,isServer as r,nothing as i,unsafeCSS as a}from"lit";import{property as o,state as s}from"lit/decorators.js";import"lit/static-html.js";import{SbbButtonBaseElement as c,SbbLanguageController as l,SbbMediaMatcherController as u,SbbMediaQueryBreakpointLargeAndAbove as d,SbbNegativeMixin as f,SbbUpdateSchedulerMixin as p,defaultDateAdapter as m,forceType as h,i18nDateChangedTo as g,i18nNextDay as _,i18nPreviousDay as v,i18nSelectNextDay as y,i18nSelectPreviousDay as b,i18nShowCalendar as x,i18nToday as S,idReference as C,readConfig as w,screenReaderOnlyStyles as T}from"./core.js";import{SbbIconElement as E}from"./icon.pure.js";import{SbbDateInputElement as D}from"./date-input.pure.js";import{SbbCalendarElement as O}from"./calendar.pure.js";import{SbbPopoverBaseElement as k}from"./popover.pure.js";var A=`:host{--sbb-button-color-active-background:var(--sbb-background-color-1-inverted);--sbb-button-color-active-border:var(--sbb-border-color-1);--sbb-button-color-active-text:light-dark(var(--sbb-color-cloud),var(--sbb-color-anthracite));--sbb-button-color-default-background:var(--sbb-background-color-3-inverted);--sbb-button-color-default-border:var(--sbb-border-color-3);--sbb-button-color-default-text:var(--sbb-color-1-inverted);--sbb-button-color-hover-background:var(--sbb-background-color-3-inverted);--sbb-button-color-hover-border:var(--sbb-border-color-3);--sbb-button-color-hover-text:var(--sbb-color-3-inverted);--sbb-button-color-loading-border:light-dark(var(--sbb-color-iron),var(--sbb-color-silver));--sbb-button-shadow-1-color:light-dark(color-mix(in srgb, var(--sbb-color-platinum) 20%, transparent),color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-shadow-2-color:light-dark(color-mix(in srgb, var(--sbb-color-cement) 20%, transparent),color-mix(in srgb, var(--sbb-color-black) 30%, transparent))}:host([negative]){--sbb-button-color-active-background:var(--sbb-background-color-1-negative-inverted);--sbb-button-color-active-border:var(--sbb-border-color-1-negative);--sbb-button-color-active-text:var(--sbb-color-anthracite);--sbb-button-color-default-background:var(--sbb-background-color-3-negative-inverted);--sbb-button-color-default-border:var(--sbb-border-color-3-negative);--sbb-button-color-default-text:var(--sbb-color-1-negative-inverted);--sbb-button-color-hover-background:var(--sbb-background-color-3-negative-inverted);--sbb-button-color-hover-border:var(--sbb-border-color-3-negative);--sbb-button-color-hover-text:var(--sbb-color-4-negative-inverted);--sbb-button-color-loading-border:var(--sbb-color-silver);--sbb-button-shadow-1-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-button-shadow-2-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent)}:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]),[loading])){--sbb-button-box-shadow:var(--sbb-button-box-shadow-definition)}
+`,j=`:host{-webkit-tap-highlight-color:transparent;--sbb-mini-button-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-mini-button-color-background:var(--sbb-mini-button-color-default-background);--sbb-mini-button-color:var(--sbb-mini-button-color-text);height:fit-content;display:inline-block;outline:none!important}@media (forced-colors:active){:host{--sbb-mini-button-color-text:ButtonText!important;--sbb-mini-button-color-hover-background:Highlight!important;--sbb-mini-button-color-active-background:Highlight!important;--sbb-mini-button-color-disabled-background:Canvas!important;--sbb-mini-button-color-disabled-border:GrayText!important;--sbb-mini-button-color-disabled-text:GrayText!important}}:host([negative]){--sbb-mini-button-color-text:var(--sbb-color-3-negative);--sbb-mini-button-color-default-background:transparent;--sbb-mini-button-color-hover-background:var(--sbb-background-color-3-negative);--sbb-mini-button-color-active-background:var(--sbb-background-color-4-negative);--sbb-mini-button-color-disabled-background:var(--sbb-background-color-3-negative);--sbb-mini-button-color-disabled-border:var(--sbb-border-color-5);--sbb-mini-button-color-disabled-text:var(--sbb-color-5)}@media (any-hover:hover){:host(:is(:hover,:is(:state(force-hover),[state--force-hover])):not([disabled],:disabled,[disabled-interactive],:is(:state(disabled),[state--disabled]),:active,:is(:state(active),[state--active]))){--sbb-mini-button-translate-y-content-hover:-.0625rem;--sbb-mini-button-color-background:var(--sbb-mini-button-color-hover-background)}}:host(:is(:active,:is(:state(active),[state--active])):not([disabled],:disabled,[disabled-interactive],:is(:state(disabled),[state--disabled]))){--sbb-mini-button-color-background:var(--sbb-mini-button-color-active-background)}:host(:is([disabled],:disabled,[disabled-interactive],:is(:state(disabled),[state--disabled]))){--sbb-mini-button-color-background:var(--sbb-mini-button-color-disabled-background);--sbb-mini-button-border:var(--sbb-border-width-1x) dashed var(--sbb-mini-button-color-disabled-border);--sbb-mini-button-color:var(--sbb-mini-button-color-disabled-text);--sbb-mini-button-pointer-events:none;--sbb-mini-button-cursor:var(--sbb-cursor-default)}:host(:is(:state(focus-visible),[state--focus-visible])){--sbb-focus-outline-style:initial}.sbb-action-base{color:var(--sbb-mini-button-color);border-radius:var(--sbb-mini-button-border-radius);user-select:none;pointer-events:var(--sbb-mini-button-pointer-events,auto);cursor:var(--sbb-mini-button-cursor,var(--sbb-cursor-pointer));transition:color var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);outline:none;text-decoration:none;display:flex;position:relative}.sbb-action-base:before{content:"";border-radius:var(--sbb-mini-button-border-radius);background-color:var(--sbb-mini-button-color-background);transition-duration:var(--sbb-mini-button-transition-duration);transition-timing-function:var(--sbb-mini-button-transition-easing-function);border:var(--sbb-mini-button-border);transition-property:inset,background-color;position:absolute;inset:0}.sbb-action-base:focus-visible:before,:host(:is(:is(:state(focus-visible),[state--focus-visible]),:focus-visible)) .sbb-action-base: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)}::slotted(sbb-icon),sbb-icon{transition:translate var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);translate:0 var(--sbb-mini-button-translate-y-content-hover,0);min-width:var(--_sbb-mini-button-image-size,var(--sbb-size-icon-ui-small));min-height:var(--_sbb-mini-button-image-size,var(--sbb-size-icon-ui-small));justify-content:center;align-items:center;display:flex}
+`,M=`:host{--sbb-mini-button-gap:.125rem;--sbb-mini-button-padding-inline:var(--sbb-spacing-fixed-2x);--sbb-mini-button-label-display:block;--sbb-mini-button-label-height:var(--sbb-size-icon-ui-small)}:host(:where(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))){--sbb-mini-button-padding-inline:0;--sbb-mini-button-label-display:none;--sbb-mini-button-label-height:unset}.sbb-action-base{height:var(--sbb-mini-button-label-height);gap:var(--sbb-mini-button-gap);padding-inline:var(--sbb-mini-button-padding-inline);justify-content:center;align-items:center}.sbb-mini-button__label{white-space:nowrap;text-overflow:ellipsis;font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:var(--sbb-mini-button-label-display);transition:translate var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);translate:0 var(--sbb-mini-button-translate-y-content-hover,0);overflow:hidden}
+`;a(`:host{--sbb-button-color-active-background:var(--sbb-color-primary150);--sbb-button-color-active-border:var(--sbb-color-primary150);--sbb-button-color-active-text:var(--sbb-color-4-negative);--sbb-button-color-default-background:var(--sbb-color-primary);--sbb-button-color-default-border:var(--sbb-color-primary);--sbb-button-color-default-text:var(--sbb-color-1-negative);--sbb-button-color-hover-background:var(--sbb-color-primary125);--sbb-button-color-hover-border:var(--sbb-color-primary125);--sbb-button-color-hover-text:var(--sbb-color-3-negative);--sbb-button-color-loading-border:light-dark(color-mix(in srgb, var(--sbb-button-color-active-background) 50%, var(--sbb-button-color-default-text)),color-mix(in srgb, var(--sbb-button-color-active-background) 70%, var(--sbb-button-color-default-text)));--sbb-button-shadow-1-color:light-dark(color-mix(in srgb, var(--sbb-color-primary) 20%, transparent),color-mix(in srgb, var(--sbb-color-primary) 40%, transparent));--sbb-button-shadow-2-color:light-dark(color-mix(in srgb, var(--sbb-color-primary125) 20%, transparent),color-mix(in srgb, var(--sbb-color-primary125) 40%, transparent))}:host([negative]){--sbb-button-color-active-background:var(--sbb-color-primary150);--sbb-button-color-active-border:var(--sbb-color-primary150);--sbb-button-color-active-text:var(--sbb-color-4-negative);--sbb-button-color-default-background:var(--sbb-color-primary);--sbb-button-color-default-border:var(--sbb-color-primary);--sbb-button-color-default-text:var(--sbb-color-1-negative);--sbb-button-color-hover-background:var(--sbb-color-primary125);--sbb-button-color-hover-border:var(--sbb-color-primary125);--sbb-button-color-hover-text:var(--sbb-color-3-negative);--sbb-button-color-loading-border:color-mix(in srgb, var(--sbb-button-color-active-background) 70%, var(--sbb-button-color-default-text));--sbb-button-shadow-1-color:light-dark(color-mix(in srgb, var(--sbb-color-primary) 60%, transparent),color-mix(in srgb, var(--sbb-color-primary) 40%, transparent));--sbb-button-shadow-2-color:light-dark(color-mix(in srgb, var(--sbb-color-primary125) 60%, transparent),color-mix(in srgb, var(--sbb-color-primary125) 40%, transparent))}:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]),[loading])){--sbb-button-box-shadow:var(--sbb-button-box-shadow-definition)}
+`),a(`:host{--sbb-button-color-active-background:var(--sbb-background-color-3);--sbb-button-color-active-border:var(--sbb-border-color-4-inverted);--sbb-button-color-active-text:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite));--sbb-button-color-default-background:var(--sbb-background-color-1);--sbb-button-color-default-border:var(--sbb-border-color-4-inverted);--sbb-button-color-default-text:var(--sbb-color-3);--sbb-button-color-hover-background:var(--sbb-background-color-1);--sbb-button-color-hover-border:var(--sbb-border-color-4-inverted);--sbb-button-color-hover-text:var(--sbb-color-4);--sbb-button-color-loading-border:var(--sbb-border-color-4-inverted);--sbb-button-shadow-1-color:light-dark(color-mix(in srgb, var(--sbb-color-platinum) 20%, transparent),color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-shadow-2-color:light-dark(color-mix(in srgb, var(--sbb-color-cement) 20%, transparent),color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-border-overlap-fix:0rem}:host([negative]){--sbb-button-color-active-background:var(--sbb-background-color-2-negative);--sbb-button-color-active-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-active-text:var(--sbb-color-graphite);--sbb-button-color-default-background:var(--sbb-background-color-1-negative);--sbb-button-color-default-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-default-text:var(--sbb-color-3-negative);--sbb-button-color-hover-background:var(--sbb-background-color-1-negative);--sbb-button-color-hover-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-hover-text:var(--sbb-color-4-negative);--sbb-button-color-loading-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-shadow-1-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-button-shadow-2-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent)}:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-button-box-shadow:var(--sbb-button-box-shadow-definition)}
+`),a(A),a(`:host{--sbb-button-color-active-background:var(--sbb-background-color-4);--sbb-button-color-active-border:var(--sbb-border-color-4-inverted);--sbb-button-color-active-text:var(--sbb-color-1);--sbb-button-color-default-background:transparent;--sbb-button-color-default-border:transparent;--sbb-button-color-default-text:var(--sbb-color-1);--sbb-button-color-hover-background:var(--sbb-background-color-3);--sbb-button-color-hover-border:var(--sbb-border-color-3-inverted);--sbb-button-color-hover-text:var(--sbb-color-1);--sbb-button-color-loading-border:light-dark(var(--sbb-color-silver),var(--sbb-color-granite))}:host([negative]){--sbb-button-color-active-background:var(--sbb-background-color-4-negative);--sbb-button-color-active-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-active-text:var(--sbb-color-1-negative);--sbb-button-color-default-background:transparent;--sbb-button-color-default-border:transparent;--sbb-button-color-default-text:var(--sbb-color-1-negative);--sbb-button-color-hover-background:var(--sbb-background-color-3-negative);--sbb-button-color-hover-border:var(--sbb-border-color-3-negative-inverted);--sbb-button-color-hover-text:var(--sbb-color-1-negative);--sbb-button-color-loading-border:var(--sbb-color-granite)}
+`);const N=a(j);a(M);var P=`.sbb-action-base{-webkit-tap-highlight-color:transparent;margin:auto}
+`;let F=(()=>{let r=f(c),i,s=[],u=[];return class extends r{constructor(){super(...arguments),this.#e=t(this,s,null),this._inputDisabled=(t(this,u),!0),this.dateAdapter=w().datetime?.dateAdapter??m,this.language=new l(this)}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;i=[C(),o()],e(this,null,i,{kind:`accessor`,name:`input`,static:!1,private:!1,access:{has:e=>`input`in e,get:e=>e.input,set:(e,t)=>{e.input=t}},metadata:t},s,u),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementDependencies=[E]}static{this.sbbDateInputAssociated=!0}static{this.styles=[N,a(P)]}#e;get input(){return this.#e}set input(e){this.#e=e}get disabled(){return!!this._inputDisabled}connectedCallback(){super.connectedCallback(),this.toggleAttribute(`disabled`,this.disabled);let e=this.closest?.(`sbb-form-field`);e&&(customElements.upgrade?.(e),this.negative=e.negative,D.resolveAssociation(this),this.slot||=this._findSlotPosition())}requestUpdate(e,t,n){super.requestUpdate(e,t,n),e===`input`&&this.input!==t?(this._inputAbortController?.abort(),this._inputDisabled=!0,this.input&&(this._inputAbortController=new AbortController,this.slot=this._findSlotPosition(),customElements.upgrade?.(this.input),this._sync(),this.input.addEventListener(`ɵchange`,()=>this._sync())),this.hasUpdated&&this.toggleAttribute(`disabled`,this.disabled)):!e&&this.hasUpdated&&this.input&&this._sync()}_findSlotPosition(){return!this.input||this.compareDocumentPosition(this.input)&Node.DOCUMENT_POSITION_FOLLOWING?`prefix`:`suffix`}_sync(){this.syncDateInputState(),this.toggleAttribute(`disabled`,this.disabled),this.disabled?this.removeAttribute(`tabindex`):this.setAttribute(`tabindex`,`0`)}syncDateInputState(){this._inputDisabled=this.input.disabled||this.input.readOnly}renderTemplate(){return n`<sbb-icon name=${this.iconName}></sbb-icon>`}}})();var I=class extends F{get disabled(){return this._disabled||super.disabled}constructor(){super(),this._disabled=!0,this.addEventListener?.(`click`,()=>this._handleClick())}_handleClick(){if(!this.input||this.disabled)return;let e=this.input.valueAsDate??this.dateAdapter.today(),t=this.getFollowingDate(e);this.dateAdapter.isValid(t)&&this.dateAdapter.compareDate(t,e)!==0&&(this.input.valueAsDate=t,this.input.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.input.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})),this.input.dispatchEvent(new Event(`blur`,{composed:!0})))}syncDateInputState(){if(super.syncDateInputState(),!this.dateAdapter.isValid(this.input.valueAsDate)){this._disabled=!0,this.internals.ariaLabel=this.i18nOffBoundaryDay[this.language.current];return}let e=this.getFollowingDate(this.input.valueAsDate);this._disabled=!this.dateAdapter.isValid(e)||this.dateAdapter.compareDate(e,this.input.valueAsDate)===0;let t=this.dateAdapter.compareDate(this.dateAdapter.today(),this.input.valueAsDate)===0?S[this.language.current].toLowerCase():this.dateAdapter.getAccessibilityFormatDate(this.input.valueAsDate);this.internals.ariaLabel=this.i18nSelectOffBoundaryDay(t)[this.language.current]}},L=class extends I{constructor(){super(...arguments),this.iconName=`chevron-small-right-small`,this.i18nOffBoundaryDay=_,this.i18nSelectOffBoundaryDay=y}static{this.elementName=`sbb-datepicker-next-day`}getFollowingDate(e){let t=this.dateAdapter.addCalendarDays(e,1);return this._isAfterMaxDate(t)?null:t}_isAfterMaxDate(e){return!!this.input.max&&this.dateAdapter.compareDate(e,this.input.max)>0}},R=class extends I{constructor(){super(...arguments),this.iconName=`chevron-small-left-small`,this.i18nOffBoundaryDay=v,this.i18nSelectOffBoundaryDay=b}static{this.elementName=`sbb-datepicker-previous-day`}getFollowingDate(e){let t=this.dateAdapter.addCalendarDays(e,-1);return this._isBeforeMinDate(t)?null:t}_isBeforeMinDate(e){return!!this.input.min&&this.dateAdapter.compareDate(e,this.input.min)<0}};let z=(()=>{let n=F,r,i=[],a=[];return class extends n{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(n[Symbol.metadata]??null):void 0;r=[C(),o()],e(this,null,r,{kind:`accessor`,name:`datepicker`,static:!1,private:!1,access:{has:e=>`datepicker`in e,get:e=>e.datepicker,set:(e,t)=>{e.datepicker=t}},metadata:t},i,a),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-datepicker-toggle`}#e;get datepicker(){return this.#e}set datepicker(e){this.#e=e}constructor(){super(),this.iconName=`calendar-small`,this.#e=t(this,i,null),t(this,a),this.addEventListener?.(`click`,()=>{this.datepicker?.isOpen||this.datepicker?.open()})}connectedCallback(){super.connectedCallback(),this.internals.ariaLabel=x[this.language.current];let e=this.closest?.(`sbb-form-field`);e&&!this.hasAttribute(`datepicker`)&&(this.datepicker??=e.querySelector(`sbb-datepicker`))}requestUpdate(e,t,n){super.requestUpdate(e,t,n),e===`datepicker`&&this.datepicker&&this.datepicker.trigger!==this?this.datepicker.trigger=this:!e&&this.hasUpdated&&(this.internals.ariaLabel=x[this.language.current])}}})(),B=(()=>{let a=p(k),c,f=[],_=[],v,y=[],b=[],x,S=[],E=[],A,j=[],M=[];return class extends a{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(a[Symbol.metadata]??null):void 0;c=[h(),o({type:Boolean})],v=[C(),o()],x=[o()],A=[s()],e(this,null,c,{kind:`accessor`,name:`wide`,static:!1,private:!1,access:{has:e=>`wide`in e,get:e=>e.wide,set:(e,t)=>{e.wide=t}},metadata:t},f,_),e(this,null,v,{kind:`accessor`,name:`input`,static:!1,private:!1,access:{has:e=>`input`in e,get:e=>e.input,set:(e,t)=>{e.input=t}},metadata:t},y,b),e(this,null,x,{kind:`accessor`,name:`view`,static:!1,private:!1,access:{has:e=>`view`in e,get:e=>e.view,set:(e,t)=>{e.view=t}},metadata:t},S,E),e(this,null,A,{kind:`accessor`,name:`_isBreakpointLargeOrAbove`,static:!1,private:!1,access:{has:e=>`_isBreakpointLargeOrAbove`in e,get:e=>e._isBreakpointLargeOrAbove,set:(e,t)=>{e._isBreakpointLargeOrAbove=t}},metadata:t},j,M),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-datepicker`}static{this.elementDependencies=[O]}static{this.styles=[T]}static{this.sbbDateInputAssociated=!0}#e;get wide(){return this.#e}set wide(e){this.#e=e}#t;get input(){return this.#t}set input(e){this.#t=e}#n;get view(){return this.#n}set view(e){this.#n=e}#r;get _isBreakpointLargeOrAbove(){return this.#r}set _isBreakpointLargeOrAbove(e){this.#r=e}constructor(){super(),this.#e=t(this,f,!1),this.#t=(t(this,_),t(this,y,null)),this.#n=(t(this,b),t(this,S,`day`)),this._inputAbortController=t(this,E),this._dateAdapter=w().datetime?.dateAdapter??m,this._language=new l(this),this._ready=!1,this._mediaMatcher=new u(this,{[d]:e=>this._isBreakpointLargeOrAbove=e}),this.#r=t(this,j,this._mediaMatcher.matches(d)??!1),t(this,M),this.startUpdate(),this.addEventListener(k.events.beforeopen,()=>{this.shadowRoot?.querySelector(`sbb-calendar`)?.resetPosition?.()}),!r&&this.hydrationRequired&&this.hydrationComplete.then(()=>this.requestUpdate())}connectedCallback(){super.connectedCallback();let e=this.closest?.(`sbb-form-field`);if(e){D.resolveAssociation(this);let t=e.querySelector(`sbb-datepicker-toggle`);t&&!t.hasAttribute(`datepicker`)&&(t.datepicker??=this)}}requestUpdate(e,t,n){if(super.requestUpdate(e,t,n),e===`input`&&this.input!==t&&(this._inputAbortController?.abort(),this.input)){let{signal:e}=this._inputAbortController=new AbortController;this.input?.addEventListener(`ɵchange`,()=>{super.requestUpdate(),this._updateStatus()},{signal:e})}}firstUpdated(e){super.firstUpdated(e),setTimeout(()=>{this._ready=!0,this.requestUpdate(),this.completeUpdate()})}_updateStatus(){let e=this.shadowRoot?.getElementById(`status-container`);if(!e)return;let t=this._dateAdapter.isValid(this.input?.valueAsDate)?`${g[this._language.current]} ${this._dateAdapter.format(this.input.valueAsDate,{weekdayStyle:`long`})}`:``;e.textContent!==t&&(e.textContent=t)}renderContent(){return n`
+      <p id="status-container" class="sbb-screen-reader-only" role="status"></p>
+      <sbb-calendar
+        .view=${this.view}
+        .min=${this.input?.min??null}
+        .max=${this.input?.max??null}
+        .dateFilter=${this.input?.dateFilter??null}
+        .value=${this.input?.valueAsDate??null}
+        .amount=${this.wide&&this._isBreakpointLargeOrAbove?2:1}
+        @change=${e=>{let t=e.target.value;this.input&&(this.input.valueAsDate=t,this.input.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.input.dispatchEvent(new Event(`change`,{bubbles:!0})),this.input.dispatchEvent(new Event(`blur`,{composed:!0})),this.close())}}
+      ></sbb-calendar>
+    `}render(){return r||this.hydrationRequired||!this._ready?n`${i}`:super.render()}}})();export{I as SbbDatepickerButton,F as SbbDatepickerButtonBase,B as SbbDatepickerElement,L as SbbDatepickerNextDayElement,R as SbbDatepickerPreviousDayElement,z as SbbDatepickerToggleElement};

package/development/accordion/accordion.component.d.ts

@@ -1,5 +1,5 @@
-import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbElement, SbbHeadingLevel } from '../core.ts';
+import { type CSSResultGroup, type PropertyValues, type TemplateResult } from 'lit';
+import { SbbElement, type SbbHeadingLevel } from '../core.ts';
 /**
  * It can be used as a container for one or more `sbb-expansion-panel` component.
  *
@@ -33,4 +33,3 @@ declare global {
         'sbb-accordion': SbbAccordionElement;
     }
 }
-//# sourceMappingURL=accordion.component.d.ts.map

package/development/accordion.d.ts

@@ -1,2 +1 @@
 export * from './accordion.pure.ts';
-//# sourceMappingURL=accordion.d.ts.map

package/development/accordion.js

@@ -1,9 +1,9 @@
-import { t as SbbAccordionElement } from "./accordion.component-pI5XM-iT.js";
-import "./accordion.pure.js";
+import { SbbAccordionElement } from "./accordion.pure.js";
+
+export * from "./accordion.pure.js"
+
 //#region src/elements/accordion.ts
 /** @entrypoint */
 SbbAccordionElement.define();
-//#endregion
-export { SbbAccordionElement };
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9hY2NvcmRpb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJBY2NvcmRpb25FbGVtZW50IH0gZnJvbSAnLi9hY2NvcmRpb24ucHVyZS50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vYWNjb3JkaW9uLnB1cmUudHMnO1xuXG5TYmJBY2NvcmRpb25FbGVtZW50LmRlZmluZSgpO1xuIl0sIm1hcHBpbmdzIjoiOzs7O0FBS0Esb0JBQW9CLE9BQU0ifQ==
+//#endregion

package/development/accordion.pure.d.ts

@@ -1,3 +1,2 @@
 /** @entrypoint */
 export * from './accordion/accordion.component.ts';
-//# sourceMappingURL=accordion.pure.d.ts.map