scb-wc-test 0.1.129 → 0.1.130

package/mvc/components/scb-calendar/scb-calendar.js

@@ -1,13 +1,13 @@
-import{a as j,n as $,i as P,x as v,t as H}from"../../vendor/vendor.js";import"./scb-calendar-event.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-dialog/scb-dialog.js";import"../scb-list/scb-list.js";import"../../vendor/vendor-material.js";import"../../vendor/preload-helper.js";import"../scb-button/scb-button.js";import"../scb-textfield/scb-textfield.js";import"../scb-datepicker/scb-datepicker.js";import"../scb-divider/scb-divider.js";import"../scb-checkbox/scb-checkbox.js";import"../scb-checkbox/scb-checkbox-group.js";import"../scb-radio-button/scb-radio-button.js";import"../scb-radio-button/scb-radio-group.js";import"../scb-switch/scb-switch.js";import"../scb-chip/scb-chip.js";import"../scb-list/scb-list-item.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,r,d){try{customElements.get(s)||e(s,r,d)}catch(c){var a=String(c||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var q=Object.defineProperty,L=Object.getOwnPropertyDescriptor,k=(t,e,s,r)=>{for(var d=r>1?void 0:r?L(e,s):e,a=t.length-1,c;a>=0;a--)(c=t[a])&&(d=(r?c(e,s,d):c(d))||d);return r&&d&&q(e,s,d),d};let D=class extends P{constructor(){super(...arguments),this._lastActiveDay=null,this.lang="sv",this.disableWeekend=!1,this.publicHolidays=!0,this.displayYear=new Date().getFullYear(),this.displayMonth=new Date().getMonth()+1,this.selectedDate="",this._mutationObserver=null,this._syncingDisplay=!1,this._onCalendarKeyDown=t=>{const s=Array.from(this.shadowRoot?.querySelectorAll(".calendar-day.has-event")??[]),r=this.shadowRoot?.activeElement,d=r&&s.includes(r)?r:document.activeElement,a=s.indexOf(d);if(a===-1)return;let c=a;const p=this.disableWeekend?5:7;switch(t.key){case"ArrowRight":c=a+1<s.length?a+1:a;break;case"ArrowLeft":c=a-1>=0?a-1:a;break;case"ArrowDown":c=a+p<s.length?a+p:a;break;case"ArrowUp":c=a-p>=0?a-p:a;break;default:return}c!==a&&(t.preventDefault(),s[c].focus())},this._onEventChanged=()=>{this.requestUpdate()},this._today=new Date,this._current=new Date,this._popupEvent=null,this._restoreDayFocus=()=>{this._lastActiveDay&&setTimeout(()=>{this._lastActiveDay?.focus(),this._lastActiveDay=null},0)},this._easterDateCalculated={}}connectedCallback(){super.connectedCallback();const t=Number(this.displayYear),e=Number(this.displayMonth);!Number.isNaN(t)&&!Number.isNaN(e)&&e>=1&&e<=12&&(this._current=new Date(t,e-1,1)),this._syncDisplayFromCurrent(!1),this.addEventListener("change",this._onEventChanged),this._mutationObserver=new MutationObserver(()=>{this.requestUpdate()}),this._mutationObserver.observe(this,{childList:!0}),this.addEventListener("keydown",this._onCalendarKeyDown)}disconnectedCallback(){this.removeEventListener("change",this._onEventChanged),super.disconnectedCallback(),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null),this.removeEventListener("keydown",this._onCalendarKeyDown)}updated(t){if(super.updated?.(t),!this._syncingDisplay&&(t.has("displayYear")||t.has("displayMonth"))){const e=Number(this.displayYear),s=Number(this.displayMonth);if(!Number.isNaN(e)&&!Number.isNaN(s)&&s>=1&&s<=12){const r=this._current.getFullYear(),d=this._current.getMonth()+1;(r!==e||d!==s)&&(this._current=new Date(e,s-1,1),this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:{displayYear:e,displayMonth:s}})),this.requestUpdate())}}}_syncDisplayFromCurrent(t=!0){const e=this._current.getFullYear(),s=this._current.getMonth()+1;this._syncingDisplay=!0;try{this.displayYear=e,this.displayMonth=s}finally{this._syncingDisplay=!1}t&&this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:{displayYear:e,displayMonth:s}}))}_daysInMonth(t,e){return new Date(t,e+1,0).getDate()}_firstDayOfWeek(t,e){const s=new Date(t,e,1).getDay();return s===0?6:s-1}_prevMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()-1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_nextMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()+1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_showEventPopup(t){this._popupEvent=t,this.selectedDate=t.date,this.dispatchEvent(new CustomEvent("scb-calendar-select",{bubbles:!0,composed:!0,detail:{selectedDate:t.date}})),this._lastActiveDay=this.shadowRoot?.activeElement||document.activeElement,this.requestUpdate(),setTimeout(()=>{const e=this.shadowRoot?.querySelector("scb-dialog");e&&(document.activeElement&&(e.__lastTriggerEl=document.activeElement),e.open=!0,e.addEventListener("close",this._restoreDayFocus,{once:!0}));const s=r=>{r.target?.closest(".event-popup")||this._closePopup()};window.addEventListener("mousedown",s,{once:!0})},0)}_closePopup(){const t=this.shadowRoot?.querySelector("scb-dialog");t&&t.removeAttribute("open"),this._popupEvent=null,this.requestUpdate()}_addDays(t,e){const s=new Date(t.valueOf());return s.setDate(s.getDate()+e),s}_easterDay(t){if(typeof this._easterDateCalculated["Ar"+t]<"u")return new Date(this._easterDateCalculated["Ar"+t]);let e=t;e<100&&(e=e+1900),e<1950&&(e=e+100);const s=e%19,r=e%4,d=e%7,a=(19*s+24)%30,c=(2*r+4*d+6*a+5)%7;let p=22+a+c,T=0;p==57&&(p-=7),p==56&&a==28&&c==6&&s>10&&(p-=7),p>31?(p-=31,T=4):T=3;const _=new Date(e,T-1,p);return this._easterDateCalculated["Ar"+t]=_,new Date(this._easterDateCalculated["Ar"+t])}_swedishHolidayName(t){const e=t.getMonth();if(e===1||e===6||e===7||e===8)return null;const s=t.getMonth()+1,r=t.getDate(),d=t.getFullYear(),a=this._easterDay(d),c=this.lang==="en",p=[["Nyårsdagen","New Year's Day",s===1&&r===1],["Trettondedag jul","Epiphany",s===1&&r===6],["Långfredag","Good Friday",+t==+this._addDays(a,-2)],["Påskdagen","Easter Sunday",+t==+a],["Annandag påsk","Easter Monday",+t==+this._addDays(a,1)],["Kristi himmelsfärdsdag","Ascension Day",+t==+this._addDays(a,39)],["Pingstdagen","Pentecost",+t==+this._addDays(a,50)&&d<2005],["Första maj","May Day",s===5&&r===1],["Nationaldagen","National Day",s===6&&r===6&&d>=2005],["Midsommarafton","Midsummer's Eve",s===6&&r>=19&&r<=25&&t.getDay()===5],["Midsommardagen","Midsummer's Day",s===6&&r>=20&&r<=26&&t.getDay()===6],["Julafton","Christmas Eve",s===12&&r===24],["Juldagen","Christmas Day",s===12&&r===25],["Annandag jul","Boxing Day",s===12&&r===26],["Alla helgons dag","All Saints' Day",s===10&&r>=31&&t.getDay()===6||s===11&&r<=6&&t.getDay()===6]];for(const T of p){const[_,N,A]=T;if(A)return c?N:_}return null}render(){const t=this._current.getFullYear(),e=this._current.getMonth(),s=this._daysInMonth(t,e),r=this._firstDayOfWeek(t,e),d=this._today,a=this.lang==="en",c=a?["January","February","March","April","May","June","July","August","September","October","November","December"]:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"];let p=a?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Mån","Tis","Ons","Tor","Fre","Lör","Sön"];this.disableWeekend&&(p=p.slice(0,5));const T=Array.from(this.querySelectorAll("scb-calendar-event")),_=new Map;for(const n of T){const l=n.getAttribute("start-date")||"",y=n.getAttribute("end-date")||"";if(l&&y){const o=new Date(l),m=new Date(y);for(let u=new Date(o);u<=m;u.setDate(u.getDate()+1)){const b=u.toISOString().split("T")[0],x=_.get(b)||[];x.push({title:n.title,description:n.description,start:l,end:y}),_.set(b,x)}}else if(l&&n.title){const o=l.split("T")[0],m=_.get(o)||[];m.push({title:n.title,description:n.description,start:l}),_.set(o,m)}}const N=[];let A=1;for(let n=0;n<6;n++){const l=[],y=this.disableWeekend?[0,1,2,3,4]:[0,1,2,3,4,5,6];let o=A;for(let m=0;m<y.length;m++){const u=y[m];if(n===0&&u<r){if(!this.disableWeekend||u<5){const b=e===0?11:e-1,x=e===0?t-1:t,S=this._daysInMonth(x,b)-(r-u-1);l.push(v`
+import{a as j,n as $,i as P,x as v,t as H}from"../../vendor/vendor.js";import"./scb-calendar-event.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-dialog/scb-dialog.js";import"../scb-list/scb-list.js";import"../../vendor/vendor-material.js";import"../../vendor/preload-helper.js";import"../scb-button/scb-button.js";import"../scb-textfield/scb-textfield.js";import"../scb-datepicker/scb-datepicker.js";import"../scb-divider/scb-divider.js";import"../scb-checkbox/scb-checkbox.js";import"../scb-checkbox/scb-checkbox-group.js";import"../scb-radio-button/scb-radio-button.js";import"../scb-radio-button/scb-radio-group.js";import"../scb-switch/scb-switch.js";import"../scb-chip/scb-chip.js";import"../scb-list/scb-list-item.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,r,d){try{customElements.get(s)||e(s,r,d)}catch(c){var a=String(c||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var q=Object.defineProperty,L=Object.getOwnPropertyDescriptor,k=(t,e,s,r)=>{for(var d=r>1?void 0:r?L(e,s):e,a=t.length-1,c;a>=0;a--)(c=t[a])&&(d=(r?c(e,s,d):c(d))||d);return r&&d&&q(e,s,d),d};let D=class extends P{constructor(){super(...arguments),this._lastActiveDay=null,this.lang="sv",this.disableWeekend=!1,this.publicHolidays=!0,this.displayYear=new Date().getFullYear(),this.displayMonth=new Date().getMonth()+1,this.selectedDate="",this._mutationObserver=null,this._syncingDisplay=!1,this._onCalendarKeyDown=t=>{const s=Array.from(this.shadowRoot?.querySelectorAll(".calendar-day.has-event")??[]),r=this.shadowRoot?.activeElement,d=r&&s.includes(r)?r:document.activeElement,a=s.indexOf(d);if(a===-1)return;let c=a;const p=this.disableWeekend?5:7;switch(t.key){case"ArrowRight":c=a+1<s.length?a+1:a;break;case"ArrowLeft":c=a-1>=0?a-1:a;break;case"ArrowDown":c=a+p<s.length?a+p:a;break;case"ArrowUp":c=a-p>=0?a-p:a;break;default:return}c!==a&&(t.preventDefault(),s[c].focus())},this._onEventChanged=()=>{this.requestUpdate()},this._today=new Date,this._current=new Date,this._popupEvent=null,this._restoreDayFocus=()=>{this._lastActiveDay&&setTimeout(()=>{this._lastActiveDay?.focus(),this._lastActiveDay=null},0)},this._easterDateCalculated={}}connectedCallback(){super.connectedCallback();const t=Number(this.displayYear),e=Number(this.displayMonth);!Number.isNaN(t)&&!Number.isNaN(e)&&e>=1&&e<=12&&(this._current=new Date(t,e-1,1)),this._syncDisplayFromCurrent(!1),this.addEventListener("change",this._onEventChanged),this._mutationObserver=new MutationObserver(()=>{this.requestUpdate()}),this._mutationObserver.observe(this,{childList:!0}),this.addEventListener("keydown",this._onCalendarKeyDown)}disconnectedCallback(){this.removeEventListener("change",this._onEventChanged),super.disconnectedCallback(),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null),this.removeEventListener("keydown",this._onCalendarKeyDown)}updated(t){if(super.updated?.(t),!this._syncingDisplay&&(t.has("displayYear")||t.has("displayMonth"))){const e=Number(this.displayYear),s=Number(this.displayMonth);if(!Number.isNaN(e)&&!Number.isNaN(s)&&s>=1&&s<=12){const r=this._current.getFullYear(),d=this._current.getMonth()+1;(r!==e||d!==s)&&(this._current=new Date(e,s-1,1),this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:{displayYear:e,displayMonth:s}})),this.requestUpdate())}}}_syncDisplayFromCurrent(t=!0){const e=this._current.getFullYear(),s=this._current.getMonth()+1;this._syncingDisplay=!0;try{this.displayYear=e,this.displayMonth=s}finally{this._syncingDisplay=!1}t&&this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:{displayYear:e,displayMonth:s}}))}_daysInMonth(t,e){return new Date(t,e+1,0).getDate()}_firstDayOfWeek(t,e){const s=new Date(t,e,1).getDay();return s===0?6:s-1}_prevMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()-1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_nextMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()+1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_showEventPopup(t){this._popupEvent=t,this.selectedDate=t.date,this.dispatchEvent(new CustomEvent("scb-calendar-select",{bubbles:!0,composed:!0,detail:{selectedDate:t.date}})),this._lastActiveDay=this.shadowRoot?.activeElement||document.activeElement,this.requestUpdate(),setTimeout(()=>{const e=this.shadowRoot?.querySelector("scb-dialog");e&&(document.activeElement&&(e.__lastTriggerEl=document.activeElement),e.open=!0,e.addEventListener("close",this._restoreDayFocus,{once:!0}));const s=r=>{r.target?.closest(".event-popup")||this._closePopup()};window.addEventListener("mousedown",s,{once:!0})},0)}_closePopup(){const t=this.shadowRoot?.querySelector("scb-dialog");t&&t.removeAttribute("open"),this._popupEvent=null,this.requestUpdate()}_addDays(t,e){const s=new Date(t.valueOf());return s.setDate(s.getDate()+e),s}_easterDay(t){if(typeof this._easterDateCalculated["Ar"+t]<"u")return new Date(this._easterDateCalculated["Ar"+t]);let e=t;e<100&&(e=e+1900),e<1950&&(e=e+100);const s=e%19,r=e%4,d=e%7,a=(19*s+24)%30,c=(2*r+4*d+6*a+5)%7;let p=22+a+c,T=0;p==57&&(p-=7),p==56&&a==28&&c==6&&s>10&&(p-=7),p>31?(p-=31,T=4):T=3;const _=new Date(e,T-1,p);return this._easterDateCalculated["Ar"+t]=_,new Date(this._easterDateCalculated["Ar"+t])}_swedishHolidayName(t){const e=t.getMonth();if(e===1||e===6||e===7||e===8)return null;const s=t.getMonth()+1,r=t.getDate(),d=t.getFullYear(),a=this._easterDay(d),c=this.lang==="en",p=[["Nyårsdagen","New Year's Day",s===1&&r===1],["Trettondedag jul","Epiphany",s===1&&r===6],["Långfredag","Good Friday",+t==+this._addDays(a,-2)],["Påskdagen","Easter Sunday",+t==+a],["Annandag påsk","Easter Monday",+t==+this._addDays(a,1)],["Kristi himmelsfärdsdag","Ascension Day",+t==+this._addDays(a,39)],["Pingstdagen","Pentecost",+t==+this._addDays(a,50)&&d<2005],["Första maj","May Day",s===5&&r===1],["Nationaldagen","National Day",s===6&&r===6&&d>=2005],["Midsommarafton","Midsummer's Eve",s===6&&r>=19&&r<=25&&t.getDay()===5],["Midsommardagen","Midsummer's Day",s===6&&r>=20&&r<=26&&t.getDay()===6],["Julafton","Christmas Eve",s===12&&r===24],["Juldagen","Christmas Day",s===12&&r===25],["Annandag jul","Boxing Day",s===12&&r===26],["Alla helgons dag","All Saints' Day",s===10&&r>=31&&t.getDay()===6||s===11&&r<=6&&t.getDay()===6]];for(const T of p){const[_,N,A]=T;if(A)return c?N:_}return null}render(){const t=this._current.getFullYear(),e=this._current.getMonth(),s=this._daysInMonth(t,e),r=this._firstDayOfWeek(t,e),d=this._today,a=this.lang==="en",c=a?["January","February","March","April","May","June","July","August","September","October","November","December"]:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"];let p=a?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Mån","Tis","Ons","Tor","Fre","Lör","Sön"];this.disableWeekend&&(p=p.slice(0,5));const T=Array.from(this.querySelectorAll("scb-calendar-event")),_=new Map;for(const n of T){const l=n.getAttribute("start-date")||"",y=n.getAttribute("end-date")||"";if(l&&y){const o=new Date(l),m=new Date(y);for(let u=new Date(o);u<=m;u.setDate(u.getDate()+1)){const f=u.toISOString().split("T")[0],x=_.get(f)||[];x.push({title:n.title,description:n.description,start:l,end:y}),_.set(f,x)}}else if(l&&n.title){const o=l.split("T")[0],m=_.get(o)||[];m.push({title:n.title,description:n.description,start:l}),_.set(o,m)}}const N=[];let A=1;for(let n=0;n<6;n++){const l=[],y=this.disableWeekend?[0,1,2,3,4]:[0,1,2,3,4,5,6];let o=A;for(let m=0;m<y.length;m++){const u=y[m];if(n===0&&u<r){if(!this.disableWeekend||u<5){const f=e===0?11:e-1,x=e===0?t-1:t,S=this._daysInMonth(x,f)-(r-u-1);l.push(v`
               <div class="calendar-day calendar-day--other">
                 <span class="calendar-day-number">${S}</span>
               </div>
-            `)}}else if(o>s)l.push(v`<div></div>`);else{let b=new Date(t,e,o);if(this.disableWeekend)for(;b.getDay()===0||b.getDay()===6;)o++,b=new Date(t,e,o);if(o>s){l.push(v`<div></div>`);continue}const x=d.getFullYear()===t&&d.getMonth()===e&&d.getDate()===o,f=`${t}-${String(e+1).padStart(2,"0")}-${String(o).padStart(2,"0")}`,S=new Date(t,e,o);let F=!1,w=null;this.publicHolidays&&(w=this._swedishHolidayName(S),F=!!w);let h=_.get(f)||[];h=[...h].sort((i,g)=>{const E=i.start&&f===i.start.split("T")[0]?i.start:i.end&&f===i.end.split("T")[0]?i.end:"",M=g.start&&f===g.start.split("T")[0]?g.start:g.end&&g.end.split("T")[0]?g.end:"",C=E&&E.includes("T"),O=M&&M.includes("T");return C&&O?E.localeCompare(M):C?-1:O?1:i.title.localeCompare(g.title)});const Y=[...h].map(i=>{let g="",E="";if(i.start&&i.end){const M=i.start.split("T")[0],C=i.end.split("T")[0];f===M&&f===C&&i.start.includes("T")&&i.end.includes("T")?g=i.start.split("T")[1].substring(0,5)+"–"+i.end.split("T")[1].substring(0,5):f===M&&i.start.includes("T")?g=i.start.split("T")[1].substring(0,5):f===C&&i.end.includes("T")?(g=i.end.split("T")[1].substring(0,5),E=a?"cont. ":"fort. "):f!==M&&(g="",E=a?"cont. ":"fort. ")}else i.start&&i.start.includes("T")&&(g=i.start.split("T")[1].substring(0,5));return{...i,time:g,prefix:E}});l.push(v`
+            `)}}else if(o>s)l.push(v`<div></div>`);else{let f=new Date(t,e,o);if(this.disableWeekend)for(;f.getDay()===0||f.getDay()===6;)o++,f=new Date(t,e,o);if(o>s){l.push(v`<div></div>`);continue}const x=d.getFullYear()===t&&d.getMonth()===e&&d.getDate()===o,b=`${t}-${String(e+1).padStart(2,"0")}-${String(o).padStart(2,"0")}`,S=new Date(t,e,o);let F=!1,w=null;this.publicHolidays&&(w=this._swedishHolidayName(S),F=!!w);let h=_.get(b)||[];h=[...h].sort((i,g)=>{const E=i.start&&b===i.start.split("T")[0]?i.start:i.end&&b===i.end.split("T")[0]?i.end:"",M=g.start&&b===g.start.split("T")[0]?g.start:g.end&&g.end.split("T")[0]?g.end:"",C=E&&E.includes("T"),O=M&&M.includes("T");return C&&O?E.localeCompare(M):C?-1:O?1:i.title.localeCompare(g.title)});const Y=[...h].map(i=>{let g="",E="";if(i.start&&i.end){const M=i.start.split("T")[0],C=i.end.split("T")[0];b===M&&b===C&&i.start.includes("T")&&i.end.includes("T")?g=i.start.split("T")[1].substring(0,5)+"–"+i.end.split("T")[1].substring(0,5):b===M&&i.start.includes("T")?g=i.start.split("T")[1].substring(0,5):b===C&&i.end.includes("T")?(g=i.end.split("T")[1].substring(0,5),E=a?"cont. ":"fort. "):b!==M&&(g="",E=a?"cont. ":"fort. ")}else i.start&&i.start.includes("T")&&(g=i.start.split("T")[1].substring(0,5));return{...i,time:g,prefix:E}});l.push(v`
             <div
               class="calendar-day${x?" today":""}${h.length?" has-event":""}${F?" calendar-day--holiday":""}"
               tabindex=${h.length?"0":void 0}
-              @click=${h.length?()=>this._showEventPopup({date:f,events:h}):null}
-              @keydown=${h.length?i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this._showEventPopup({date:f,events:h}))}:null}
+              @click=${h.length?()=>this._showEventPopup({date:b,events:h}):null}
+              @keydown=${h.length?i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this._showEventPopup({date:b,events:h}))}:null}
               title=${w||(h.length===1?h[0].title:h.length>1?h.map(i=>i.title).join(", "):"")}
               role=${h.length?"button":void 0}
               aria-label=${w||(h.length?h.length===1?h[0].title:h.map(i=>i.title).join(", "):void 0)}
@@ -33,7 +33,7 @@ import{a as j,n as $,i as P,x as v,t as H}from"../../vendor/vendor.js";import"./
       ${this._popupEvent&&Array.isArray(this._popupEvent.events)?v`
         <scb-dialog variant="floating" open label="${a?"Events":"Händelser"} ${this._popupEvent.date}">
           <scb-list>
-            ${[...this._popupEvent.events].sort((n,l)=>{const y=n.start&&n.start.includes("T")?n.start:n.end&&n.end.includes("T")?n.end:"",o=l.start&&l.start.includes("T")?l.start:l.end&&l.end.includes("T")?l.end:"",m=y&&y.includes("T"),u=o&&o.includes("T");return m&&u?y.localeCompare(o):m?-1:u?1:n.title.localeCompare(l.title)}).map(n=>{const l=this._popupEvent?.date??"";let y="",o="",m="";if(n.start&&n.end){const u=n.start.split("T")[0],b=n.end.split("T")[0];u===b&&n.start.includes("T")&&n.end.includes("T")?y=n.start.split("T")[1].substring(0,5)+" – "+n.end.split("T")[1].substring(0,5):l===u&&n.start.includes("T")&&(y="Start: "+n.start.split("T")[1].substring(0,5)+(a?" (Extended event) ":" (Flerdagsevenemang) ")),l===b&&n.end.includes("T")&&u!==b&&(m=(a?"End: ":"Slut: ")+n.end.split("T")[1].substring(0,5)),l!==u&&(o=a?"cont. ":"fort. ")}else n.start&&n.start.includes("T")&&(y=n.start.split("T")[1].substring(0,5));return v`
+            ${[...this._popupEvent.events].sort((n,l)=>{const y=n.start&&n.start.includes("T")?n.start:n.end&&n.end.includes("T")?n.end:"",o=l.start&&l.start.includes("T")?l.start:l.end&&l.end.includes("T")?l.end:"",m=y&&y.includes("T"),u=o&&o.includes("T");return m&&u?y.localeCompare(o):m?-1:u?1:n.title.localeCompare(l.title)}).map(n=>{const l=this._popupEvent?.date??"";let y="",o="",m="";if(n.start&&n.end){const u=n.start.split("T")[0],f=n.end.split("T")[0];u===f&&n.start.includes("T")&&n.end.includes("T")?y=n.start.split("T")[1].substring(0,5)+" – "+n.end.split("T")[1].substring(0,5):l===u&&n.start.includes("T")&&(y="Start: "+n.start.split("T")[1].substring(0,5)+(a?" (Extended event) ":" (Flerdagsevenemang) ")),l===f&&n.end.includes("T")&&u!==f&&(m=(a?"End: ":"Slut: ")+n.end.split("T")[1].substring(0,5)),l!==u&&(o=a?"cont. ":"fort. ")}else n.start&&n.start.includes("T")&&(y=n.start.split("T")[1].substring(0,5));return v`
                 <scb-list-item label="${o}${n.title}" supporting-text="${n.description?n.description:""}" overline="${y||""}${m||""}">
                 </scb-list-item>`})}
           </scb-list>
@@ -46,6 +46,7 @@ import{a as j,n as $,i as P,x as v,t as H}from"../../vendor/vendor.js";import"./
         padding: var(--spacing-5);
         border-radius: var(--md-sys-shape-corner-large);
         background: var(--md-sys-color-surface);
+        font-family: var(--brand-font);
     }
     .calendar-header {
         display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.129",
+    "version":  "0.1.130",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -365,5 +365,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "1090899C972F630CDC9711AC68F664420F2F778DD638257B3B524FF3DDFA1D77"
+    "buildHash":  "061F4A217571154EADA9203928D0933063F15EBF8C1DDCD5E81A63C7C619C838"
 }

package/scb-calendar/scb-calendar.js

@@ -5,20 +5,20 @@ import "../scb-icon-button/scb-icon-button.js";
 import "../scb-dialog/scb-dialog.js";
 import "../scb-list/scb-list.js";
 import "@material/web/focus/md-focus-ring.js";
-var q = Object.defineProperty, L = Object.getOwnPropertyDescriptor, x = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? L(t, s) : t, a = e.length - 1, c; a >= 0; a--)
-    (c = e[a]) && (o = (i ? c(t, s, o) : c(o)) || o);
-  return i && o && q(t, s, o), o;
+var q = Object.defineProperty, L = Object.getOwnPropertyDescriptor, x = (t, e, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? L(e, s) : e, a = t.length - 1, c; a >= 0; a--)
+    (c = t[a]) && (o = (i ? c(e, s, o) : c(o)) || o);
+  return i && o && q(e, s, o), o;
 };
 let T = class extends P {
   constructor() {
-    super(...arguments), this._lastActiveDay = null, this.lang = "sv", this.disableWeekend = !1, this.publicHolidays = !0, this.displayYear = (/* @__PURE__ */ new Date()).getFullYear(), this.displayMonth = (/* @__PURE__ */ new Date()).getMonth() + 1, this.selectedDate = "", this._mutationObserver = null, this._syncingDisplay = !1, this._onCalendarKeyDown = (e) => {
+    super(...arguments), this._lastActiveDay = null, this.lang = "sv", this.disableWeekend = !1, this.publicHolidays = !0, this.displayYear = (/* @__PURE__ */ new Date()).getFullYear(), this.displayMonth = (/* @__PURE__ */ new Date()).getMonth() + 1, this.selectedDate = "", this._mutationObserver = null, this._syncingDisplay = !1, this._onCalendarKeyDown = (t) => {
       var _, f;
       const s = Array.from(((_ = this.shadowRoot) == null ? void 0 : _.querySelectorAll(".calendar-day.has-event")) ?? []), i = (f = this.shadowRoot) == null ? void 0 : f.activeElement, o = i && s.includes(i) ? i : document.activeElement, a = s.indexOf(o);
       if (a === -1) return;
       let c = a;
       const p = this.disableWeekend ? 5 : 7;
-      switch (e.key) {
+      switch (t.key) {
         case "ArrowRight":
           c = a + 1 < s.length ? a + 1 : a;
           break;
@@ -34,29 +34,29 @@ let T = class extends P {
         default:
           return;
       }
-      c !== a && (e.preventDefault(), s[c].focus());
+      c !== a && (t.preventDefault(), s[c].focus());
     }, this._onEventChanged = () => {
       this.requestUpdate();
     }, this._today = /* @__PURE__ */ new Date(), this._current = /* @__PURE__ */ new Date(), this._popupEvent = null, this._restoreDayFocus = () => {
       this._lastActiveDay && setTimeout(() => {
-        var e;
-        (e = this._lastActiveDay) == null || e.focus(), this._lastActiveDay = null;
+        var t;
+        (t = this._lastActiveDay) == null || t.focus(), this._lastActiveDay = null;
       }, 0);
     }, this._easterDateCalculated = {};
   }
   connectedCallback() {
     super.connectedCallback();
-    const e = Number(this.displayYear), t = Number(this.displayMonth);
-    !Number.isNaN(e) && !Number.isNaN(t) && t >= 1 && t <= 12 && (this._current = new Date(e, t - 1, 1)), this._syncDisplayFromCurrent(!1), this.addEventListener("change", this._onEventChanged), this._mutationObserver = new MutationObserver(() => {
+    const t = Number(this.displayYear), e = Number(this.displayMonth);
+    !Number.isNaN(t) && !Number.isNaN(e) && e >= 1 && e <= 12 && (this._current = new Date(t, e - 1, 1)), this._syncDisplayFromCurrent(!1), this.addEventListener("change", this._onEventChanged), this._mutationObserver = new MutationObserver(() => {
       this.requestUpdate();
     }), this._mutationObserver.observe(this, { childList: !0 }), this.addEventListener("keydown", this._onCalendarKeyDown);
   }
   disconnectedCallback() {
     this.removeEventListener("change", this._onEventChanged), super.disconnectedCallback(), this._mutationObserver && (this._mutationObserver.disconnect(), this._mutationObserver = null), this.removeEventListener("keydown", this._onCalendarKeyDown);
   }
-  updated(e) {
-    var t;
-    if ((t = super.updated) == null || t.call(this, e), !this._syncingDisplay && (e.has("displayYear") || e.has("displayMonth"))) {
+  updated(t) {
+    var e;
+    if ((e = super.updated) == null || e.call(this, t), !this._syncingDisplay && (t.has("displayYear") || t.has("displayMonth"))) {
       const s = Number(this.displayYear), i = Number(this.displayMonth);
       if (!Number.isNaN(s) && !Number.isNaN(i) && i >= 1 && i <= 12) {
         const o = this._current.getFullYear(), a = this._current.getMonth() + 1;
@@ -70,27 +70,27 @@ let T = class extends P {
       }
     }
   }
-  _syncDisplayFromCurrent(e = !0) {
-    const t = this._current.getFullYear(), s = this._current.getMonth() + 1;
+  _syncDisplayFromCurrent(t = !0) {
+    const e = this._current.getFullYear(), s = this._current.getMonth() + 1;
     this._syncingDisplay = !0;
     try {
-      this.displayYear = t, this.displayMonth = s;
+      this.displayYear = e, this.displayMonth = s;
     } finally {
       this._syncingDisplay = !1;
     }
-    e && this.dispatchEvent(
+    t && this.dispatchEvent(
       new CustomEvent("scb-calendar-month-change", {
         bubbles: !0,
         composed: !0,
-        detail: { displayYear: t, displayMonth: s }
+        detail: { displayYear: e, displayMonth: s }
       })
     );
   }
-  _daysInMonth(e, t) {
-    return new Date(e, t + 1, 0).getDate();
+  _daysInMonth(t, e) {
+    return new Date(t, e + 1, 0).getDate();
   }
-  _firstDayOfWeek(e, t) {
-    const s = new Date(e, t, 1).getDay();
+  _firstDayOfWeek(t, e) {
+    const s = new Date(t, e, 1).getDay();
     return s === 0 ? 6 : s - 1;
   }
   _prevMonth() {
@@ -99,15 +99,15 @@ let T = class extends P {
   _nextMonth() {
     this._current = new Date(this._current.getFullYear(), this._current.getMonth() + 1, 1), this.selectedDate = "", this._popupEvent = null, this._syncDisplayFromCurrent(), this.requestUpdate();
   }
-  _showEventPopup(e) {
-    var t;
-    this._popupEvent = e, this.selectedDate = e.date, this.dispatchEvent(
+  _showEventPopup(t) {
+    var e;
+    this._popupEvent = t, this.selectedDate = t.date, this.dispatchEvent(
       new CustomEvent("scb-calendar-select", {
         bubbles: !0,
         composed: !0,
-        detail: { selectedDate: e.date }
+        detail: { selectedDate: t.date }
       })
-    ), this._lastActiveDay = ((t = this.shadowRoot) == null ? void 0 : t.activeElement) || document.activeElement, this.requestUpdate(), setTimeout(() => {
+    ), this._lastActiveDay = ((e = this.shadowRoot) == null ? void 0 : e.activeElement) || document.activeElement, this.requestUpdate(), setTimeout(() => {
       var o;
       const s = (o = this.shadowRoot) == null ? void 0 : o.querySelector("scb-dialog");
       s && (document.activeElement && (s.__lastTriggerEl = document.activeElement), s.open = !0, s.addEventListener("close", this._restoreDayFocus, { once: !0 }));
@@ -119,48 +119,48 @@ let T = class extends P {
     }, 0);
   }
   _closePopup() {
-    var t;
-    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector("scb-dialog");
-    e && e.removeAttribute("open"), this._popupEvent = null, this.requestUpdate();
+    var e;
+    const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("scb-dialog");
+    t && t.removeAttribute("open"), this._popupEvent = null, this.requestUpdate();
   }
-  _addDays(e, t) {
-    const s = new Date(e.valueOf());
-    return s.setDate(s.getDate() + t), s;
+  _addDays(t, e) {
+    const s = new Date(t.valueOf());
+    return s.setDate(s.getDate() + e), s;
   }
-  _easterDay(e) {
-    if (typeof this._easterDateCalculated["Ar" + e] < "u")
-      return new Date(this._easterDateCalculated["Ar" + e]);
-    let t = e;
-    t < 100 && (t = t + 1900), t < 1950 && (t = t + 100);
-    const s = t % 19, i = t % 4, o = t % 7, a = (19 * s + 24) % 30, c = (2 * i + 4 * o + 6 * a + 5) % 7;
+  _easterDay(t) {
+    if (typeof this._easterDateCalculated["Ar" + t] < "u")
+      return new Date(this._easterDateCalculated["Ar" + t]);
+    let e = t;
+    e < 100 && (e = e + 1900), e < 1950 && (e = e + 100);
+    const s = e % 19, i = e % 4, o = e % 7, a = (19 * s + 24) % 30, c = (2 * i + 4 * o + 6 * a + 5) % 7;
     let p = 22 + a + c, _ = 0;
     p == 57 && (p -= 7), p == 56 && a == 28 && c == 6 && s > 10 && (p -= 7), p > 31 ? (p -= 31, _ = 4) : _ = 3;
-    const f = new Date(t, _ - 1, p);
-    return this._easterDateCalculated["Ar" + e] = f, new Date(this._easterDateCalculated["Ar" + e]);
+    const f = new Date(e, _ - 1, p);
+    return this._easterDateCalculated["Ar" + t] = f, new Date(this._easterDateCalculated["Ar" + t]);
   }
   /**
    * Returnerar namnet på svensk helgdag eller null om det inte är en helgdag
    */
-  _swedishHolidayName(e) {
-    const t = e.getMonth();
-    if (t === 1 || t === 6 || t === 7 || t === 8) return null;
-    const s = e.getMonth() + 1, i = e.getDate(), o = e.getFullYear(), a = this._easterDay(o), c = this.lang === "en", p = [
+  _swedishHolidayName(t) {
+    const e = t.getMonth();
+    if (e === 1 || e === 6 || e === 7 || e === 8) return null;
+    const s = t.getMonth() + 1, i = t.getDate(), o = t.getFullYear(), a = this._easterDay(o), c = this.lang === "en", p = [
       // [svenska, engelska, villkor]
       ["Nyårsdagen", "New Year's Day", s === 1 && i === 1],
       ["Trettondedag jul", "Epiphany", s === 1 && i === 6],
-      ["Långfredag", "Good Friday", +e == +this._addDays(a, -2)],
-      ["Påskdagen", "Easter Sunday", +e == +a],
-      ["Annandag påsk", "Easter Monday", +e == +this._addDays(a, 1)],
-      ["Kristi himmelsfärdsdag", "Ascension Day", +e == +this._addDays(a, 39)],
-      ["Pingstdagen", "Pentecost", +e == +this._addDays(a, 50) && o < 2005],
+      ["Långfredag", "Good Friday", +t == +this._addDays(a, -2)],
+      ["Påskdagen", "Easter Sunday", +t == +a],
+      ["Annandag påsk", "Easter Monday", +t == +this._addDays(a, 1)],
+      ["Kristi himmelsfärdsdag", "Ascension Day", +t == +this._addDays(a, 39)],
+      ["Pingstdagen", "Pentecost", +t == +this._addDays(a, 50) && o < 2005],
       ["Första maj", "May Day", s === 5 && i === 1],
       ["Nationaldagen", "National Day", s === 6 && i === 6 && o >= 2005],
-      ["Midsommarafton", "Midsummer's Eve", s === 6 && i >= 19 && i <= 25 && e.getDay() === 5],
-      ["Midsommardagen", "Midsummer's Day", s === 6 && i >= 20 && i <= 26 && e.getDay() === 6],
+      ["Midsommarafton", "Midsummer's Eve", s === 6 && i >= 19 && i <= 25 && t.getDay() === 5],
+      ["Midsommardagen", "Midsummer's Day", s === 6 && i >= 20 && i <= 26 && t.getDay() === 6],
       ["Julafton", "Christmas Eve", s === 12 && i === 24],
       ["Juldagen", "Christmas Day", s === 12 && i === 25],
       ["Annandag jul", "Boxing Day", s === 12 && i === 26],
-      ["Alla helgons dag", "All Saints' Day", s === 10 && i >= 31 && e.getDay() === 6 || s === 11 && i <= 6 && e.getDay() === 6]
+      ["Alla helgons dag", "All Saints' Day", s === 10 && i >= 31 && t.getDay() === 6 || s === 11 && i <= 6 && t.getDay() === 6]
     ];
     for (const _ of p) {
       const [f, N, A] = _;
@@ -169,7 +169,7 @@ let T = class extends P {
     return null;
   }
   render() {
-    const e = this._current.getFullYear(), t = this._current.getMonth(), s = this._daysInMonth(e, t), i = this._firstDayOfWeek(e, t), o = this._today, a = this.lang === "en", c = a ? [
+    const t = this._current.getFullYear(), e = this._current.getMonth(), s = this._daysInMonth(t, e), i = this._firstDayOfWeek(t, e), o = this._today, a = this.lang === "en", c = a ? [
       "January",
       "February",
       "March",
@@ -226,7 +226,7 @@ let T = class extends P {
         const g = h[y];
         if (n === 0 && g < i) {
           if (!this.disableWeekend || g < 5) {
-            const m = t === 0 ? 11 : t - 1, w = t === 0 ? e - 1 : e, S = this._daysInMonth(w, m) - (i - g - 1);
+            const m = e === 0 ? 11 : e - 1, w = e === 0 ? t - 1 : t, S = this._daysInMonth(w, m) - (i - g - 1);
             l.push(D`
               <div class="calendar-day calendar-day--other">
                 <span class="calendar-day-number">${S}</span>
@@ -236,15 +236,15 @@ let T = class extends P {
         } else if (d > s)
           l.push(D`<div></div>`);
         else {
-          let m = new Date(e, t, d);
+          let m = new Date(t, e, d);
           if (this.disableWeekend)
             for (; m.getDay() === 0 || m.getDay() === 6; )
-              d++, m = new Date(e, t, d);
+              d++, m = new Date(t, e, d);
           if (d > s) {
             l.push(D`<div></div>`);
             continue;
           }
-          const w = o.getFullYear() === e && o.getMonth() === t && o.getDate() === d, v = `${e}-${String(t + 1).padStart(2, "0")}-${String(d).padStart(2, "0")}`, S = new Date(e, t, d);
+          const w = o.getFullYear() === t && o.getMonth() === e && o.getDate() === d, v = `${t}-${String(e + 1).padStart(2, "0")}-${String(d).padStart(2, "0")}`, S = new Date(t, e, d);
           let F = !1, E = null;
           this.publicHolidays && (E = this._swedishHolidayName(S), F = !!E);
           let u = f.get(v) || [];
@@ -286,7 +286,7 @@ let T = class extends P {
     return D`
       <div class="calendar-header">
         <scb-icon-button @click=${this._prevMonth} icon="chevron_left" aria-label="${a ? "Previous month" : "Föregående månad"}"></scb-icon-button>
-        <span>${c[t]} ${e}</span>
+        <span>${c[e]} ${t}</span>
         <scb-icon-button @click=${this._nextMonth} icon="chevron_right" aria-label="${a ? "Next month" : "Nästa månad"}"></scb-icon-button>
       </div>
       <div class="calendar-grid calendar-grid-days">
@@ -326,6 +326,7 @@ T.styles = j`
         padding: var(--spacing-5);
         border-radius: var(--md-sys-shape-corner-large);
         background: var(--md-sys-color-surface);
+        font-family: var(--brand-font);
     }
     .calendar-header {
         display: flex;

package/scb-wc-test.bundle.js

@@ -4373,6 +4373,7 @@ ${this.value}</textarea
         padding: var(--spacing-5);
         border-radius: var(--md-sys-shape-corner-large);
         background: var(--md-sys-color-surface);
+        font-family: var(--brand-font);
     }
     .calendar-header {
         display: flex;