scb-wc-test 0.1.128 → 0.1.129

package/blazor/ScbBlazorInteropBase.cs

@@ -70,6 +70,12 @@ namespace ScbBlazorDemo
         // Alla kalenderkort på sidan
         protected CalendarState[] Calendars { get; private set; } = Array.Empty<CalendarState>();
 
+        // Enskild kalender (scb-calendar) för scenarion där man bara bryr sig om en
+        protected CalendarViewState CalendarView { get; private set; } = new();
+
+        // Alla kalendrar (scb-calendar) på sidan
+        protected CalendarViewState[] CalendarViews { get; private set; } = Array.Empty<CalendarViewState>();
+
         // Dialog (scb-dialog)
         protected DialogState Dialog { get; private set; } = new();
 
@@ -426,6 +432,61 @@ namespace ScbBlazorDemo
                 Calendars = Array.Empty<CalendarState>();
             }
 
+            // Enskild kalender-vy: baseras på första kalendern om en lista finns, annars på state.CalendarView
+            if (state.CalendarViews is not null && state.CalendarViews.Length > 0)
+            {
+                var dto = state.CalendarViews[0];
+                CalendarView.DisplayYear     = dto.DisplayYear;
+                CalendarView.DisplayMonth    = dto.DisplayMonth;
+                CalendarView.SelectedDate    = dto.SelectedDate ?? string.Empty;
+                CalendarView.Lang            = dto.Lang ?? string.Empty;
+                CalendarView.DisableWeekend  = dto.DisableWeekend;
+                CalendarView.PublicHolidays  = dto.PublicHolidays;
+            }
+            else if (state.CalendarView is not null)
+            {
+                CalendarView.DisplayYear     = state.CalendarView.DisplayYear;
+                CalendarView.DisplayMonth    = state.CalendarView.DisplayMonth;
+                CalendarView.SelectedDate    = state.CalendarView.SelectedDate ?? string.Empty;
+                CalendarView.Lang            = state.CalendarView.Lang ?? string.Empty;
+                CalendarView.DisableWeekend  = state.CalendarView.DisableWeekend;
+                CalendarView.PublicHolidays  = state.CalendarView.PublicHolidays;
+            }
+            else
+            {
+                CalendarView.DisplayYear     = 0;
+                CalendarView.DisplayMonth    = 0;
+                CalendarView.SelectedDate    = string.Empty;
+                CalendarView.Lang            = string.Empty;
+                CalendarView.DisableWeekend  = false;
+                CalendarView.PublicHolidays  = false;
+            }
+
+            // Lista med alla calendar views
+            if (state.CalendarViews is not null && state.CalendarViews.Length > 0)
+            {
+                var views = new CalendarViewState[state.CalendarViews.Length];
+                for (var i = 0; i < state.CalendarViews.Length; i++)
+                {
+                    var dto = state.CalendarViews[i];
+                    views[i] = new CalendarViewState
+                    {
+                        DisplayYear    = dto.DisplayYear,
+                        DisplayMonth   = dto.DisplayMonth,
+                        SelectedDate   = dto.SelectedDate ?? string.Empty,
+                        Lang           = dto.Lang ?? string.Empty,
+                        DisableWeekend = dto.DisableWeekend,
+                        PublicHolidays = dto.PublicHolidays
+                    };
+                }
+
+                CalendarViews = views;
+            }
+            else
+            {
+                CalendarViews = Array.Empty<CalendarViewState>();
+            }
+
             // Dialog
             if (state.Dialog is not null)
             {
@@ -961,6 +1022,57 @@ namespace ScbBlazorDemo
             return JS.InvokeVoidAsync("SCBBlazor.setStepperActiveIndexById", id ?? string.Empty, activeIndex).AsTask();
         }
 
+        // Calendar (scb-calendar): global och id-baserad variant
+        protected Task SetCalendarDisplayMonthYearAsync(int year, int month)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarDisplayMonthYear", year, month).AsTask();
+        }
+
+        protected Task SetCalendarSelectedDateAsync(string date)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarSelectedDate", date ?? string.Empty).AsTask();
+        }
+
+        protected Task SetCalendarDisableWeekendAsync(bool disableWeekend)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarDisableWeekend", disableWeekend).AsTask();
+        }
+
+        protected Task SetCalendarPublicHolidaysAsync(bool publicHolidays)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarPublicHolidays", publicHolidays).AsTask();
+        }
+
+        protected Task SetCalendarLangAsync(string lang)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarLang", lang ?? string.Empty).AsTask();
+        }
+
+        protected Task SetCalendarDisplayMonthYearByIdAsync(string id, int year, int month)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarDisplayMonthYearById", id ?? string.Empty, year, month).AsTask();
+        }
+
+        protected Task SetCalendarSelectedDateByIdAsync(string id, string date)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarSelectedDateById", id ?? string.Empty, date ?? string.Empty).AsTask();
+        }
+
+        protected Task SetCalendarDisableWeekendByIdAsync(string id, bool disableWeekend)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarDisableWeekendById", id ?? string.Empty, disableWeekend).AsTask();
+        }
+
+        protected Task SetCalendarPublicHolidaysByIdAsync(string id, bool publicHolidays)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarPublicHolidaysById", id ?? string.Empty, publicHolidays).AsTask();
+        }
+
+        protected Task SetCalendarLangByIdAsync(string id, string lang)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarLangById", id ?? string.Empty, lang ?? string.Empty).AsTask();
+        }
+
         // Pagination: index-baserad och id-baserad variant
         protected Task SetPaginationPageAsync(int paginationIndex, int page)
         {
@@ -1174,6 +1286,16 @@ namespace ScbBlazorDemo
             public bool   ShowMedia      { get; set; }
         }
 
+        protected sealed class CalendarViewState
+        {
+            public int    DisplayYear    { get; set; }
+            public int    DisplayMonth   { get; set; }
+            public string SelectedDate   { get; set; } = string.Empty;
+            public string Lang           { get; set; } = string.Empty;
+            public bool   DisableWeekend { get; set; }
+            public bool   PublicHolidays { get; set; }
+        }
+
         protected sealed class DialogState
         {
             public bool   Open    { get; set; }
@@ -1365,6 +1487,10 @@ namespace ScbBlazorDemo
 
             public CalendarDto[] Calendars { get; set; } = Array.Empty<CalendarDto>();
 
+            public CalendarViewDto CalendarView { get; set; } = new();
+
+            public CalendarViewDto[] CalendarViews { get; set; } = Array.Empty<CalendarViewDto>();
+
             public DialogDto Dialog { get; set; } = new();
 
             public NotificationDto[] Notifications { get; set; } = Array.Empty<NotificationDto>();
@@ -1515,6 +1641,17 @@ namespace ScbBlazorDemo
             public bool   ShowMedia       { get; set; }
         }
 
+
+        private sealed class CalendarViewDto
+        {
+            public int    DisplayYear    { get; set; }
+            public int    DisplayMonth   { get; set; }
+            public string? SelectedDate  { get; set; }
+            public string? Lang          { get; set; }
+            public bool   DisableWeekend { get; set; }
+            public bool   PublicHolidays { get; set; }
+        }
+
         private sealed class DialogDto
         {
             public bool   Open    { get; set; }

package/blazor/scb-blazor-bridge.js

@@ -238,6 +238,23 @@
       prop: 'mediaHeight',
     },
 
+	// scb-calendar
+	{
+		sel: 'scb-calendar',
+		from: 'scb-calendar-month-change',
+		to: 'calendarmonthchange',
+	},
+	{
+		sel: 'scb-calendar',
+		from: 'scb-calendar-select',
+		to: 'calendarselect',
+	},
+	{
+		sel: 'scb-calendar',
+		from: 'change',
+		to: 'calendareventschange',
+	},
+
     // scb-card
     {
       sel: 'scb-card',
@@ -724,6 +741,14 @@
     { sel: 'scb-calendar-card', attr: 'variant', to: 'variantchange' },
     { sel: 'scb-calendar-card', attr: 'show-media', to: 'showmediachange' },
 
+	// scb-calendar attribut som ska trigga state-refresh
+	{ sel: 'scb-calendar', attr: 'display-year', to: 'calendarmonthchange' },
+	{ sel: 'scb-calendar', attr: 'display-month', to: 'calendarmonthchange' },
+	{ sel: 'scb-calendar', attr: 'selected-date', to: 'calendarselect' },
+	{ sel: 'scb-calendar', attr: 'disable-weekend', to: 'calendardisplaychange' },
+	{ sel: 'scb-calendar', attr: 'public-holidays', to: 'calendardisplaychange' },
+	{ sel: 'scb-calendar', attr: 'lang', to: 'calendardisplaychange' },
+
     // scb-keyfigure-card attribut som ska trigga state-refresh
     { sel: 'scb-keyfigure-card', attr: 'keyfigure', to: 'keyfigurechange' },
     { sel: 'scb-keyfigure-card', attr: 'subtitle', to: 'subtitlechange' },
@@ -1027,6 +1052,7 @@ window.SCBBlazor.getState = function () {
   const segmented = document.querySelector('scb-segmented-button');
   const tabs = document.querySelectorAll('scb-tabs');
   const calendars = document.querySelectorAll('scb-calendar-card');
+	const calendarViews = document.querySelectorAll('scb-calendar');
   const cards = document.querySelectorAll('scb-card');
   const keyfigures = document.querySelectorAll('scb-keyfigure-card');
   const menu = document.querySelector('scb-menu');
@@ -1221,6 +1247,67 @@ window.SCBBlazor.getState = function () {
           showMedia: false,
         };
 
+	// Alla scb-calendar på sidan
+	const calendarViewsState = Array.from(calendarViews).map((c) => {
+		const anyC = c;
+		const now = new Date();
+		let displayYear = now.getFullYear();
+		let displayMonth = now.getMonth() + 1;
+
+		if (typeof anyC.displayYear === 'number') {
+			displayYear = anyC.displayYear;
+		} else {
+			const yAttr = c.getAttribute('display-year');
+			if (yAttr != null) {
+				const parsed = parseInt(yAttr, 10);
+				if (!Number.isNaN(parsed)) displayYear = parsed;
+			}
+		}
+
+		if (typeof anyC.displayMonth === 'number') {
+			displayMonth = anyC.displayMonth;
+		} else {
+			const mAttr = c.getAttribute('display-month');
+			if (mAttr != null) {
+				const parsed = parseInt(mAttr, 10);
+				if (!Number.isNaN(parsed)) displayMonth = parsed;
+			}
+		}
+
+		const selectedDate =
+			(anyC.selectedDate ?? c.getAttribute('selected-date') ?? '') + '';
+		const lang = (anyC.lang ?? c.getAttribute('lang') ?? '') + '';
+		const disableWeekend =
+			typeof anyC.disableWeekend === 'boolean'
+				? anyC.disableWeekend
+				: c.hasAttribute('disable-weekend');
+		const publicHolidays =
+			typeof anyC.publicHolidays === 'boolean'
+				? anyC.publicHolidays
+				: c.hasAttribute('public-holidays');
+
+		return {
+			displayYear,
+			displayMonth,
+			selectedDate,
+			lang,
+			disableWeekend,
+			publicHolidays,
+		};
+	});
+
+	const calendarViewState =
+		calendarViewsState.length > 0
+			? calendarViewsState[0]
+			: {
+				displayYear: new Date().getFullYear(),
+				displayMonth: new Date().getMonth() + 1,
+				selectedDate: '',
+				lang: 'sv',
+				disableWeekend: false,
+				publicHolidays: true,
+			};
+
   // Alla scb-card på sidan
   const cardsState = Array.from(cards).map((card) => ({
     type: card.getAttribute('type') || '',
@@ -1886,6 +1973,8 @@ const subMenusState = Array.from(subMenus).map((sm) => {
     tabs: tabsState,
     calendar: calendarState,
     calendars: calendarsState,
+		calendarView: calendarViewState,
+		calendarViews: calendarViewsState,
     cards: cardsState,
     keyfigures: keyfiguresState,
     menu: menuState,
@@ -1932,6 +2021,11 @@ window.SCBBlazor.registerScbEventHandlers = function (dotNetRef) {
     'supportingtextchange',
     'variantchange',
     'showmediachange',
+		// calendar
+		'calendarmonthchange',
+		'calendarselect',
+		'calendareventschange',
+		'calendardisplaychange',
     // keyfigure-card
     'keyfigurechange',
     'cardhrefchange',
@@ -2390,6 +2484,105 @@ window.SCBBlazor.registerScbEventHandlers = function (dotNetRef) {
     dispatchChange(tabs, 'tabschange', { activeIndex: i });
   };
 
+	// Calendar
+
+	api.setCalendarDisplayMonthYear = function (calendarIndex, displayYear, displayMonth) {
+		const cal = getByIndex('scb-calendar', calendarIndex);
+		if (!cal) return;
+		const y = typeof displayYear === 'number' ? displayYear : parseInt(displayYear, 10);
+		const m = typeof displayMonth === 'number' ? displayMonth : parseInt(displayMonth, 10);
+		if (Number.isNaN(y) || Number.isNaN(m) || m < 1 || m > 12) return;
+		const anyCal = cal;
+		try {
+			anyCal.displayYear = y;
+			anyCal.displayMonth = m;
+		} catch (_) {}
+		cal.setAttribute('display-year', String(y));
+		cal.setAttribute('display-month', String(m));
+		dispatchChange(cal, 'calendarmonthchange', { displayYear: y, displayMonth: m });
+	};
+
+	api.setCalendarDisplayMonthYearById = function (id, displayYear, displayMonth) {
+		const cal = getById(id, 'scb-calendar');
+		if (!cal) return;
+		const y = typeof displayYear === 'number' ? displayYear : parseInt(displayYear, 10);
+		const m = typeof displayMonth === 'number' ? displayMonth : parseInt(displayMonth, 10);
+		if (Number.isNaN(y) || Number.isNaN(m) || m < 1 || m > 12) return;
+		const anyCal = cal;
+		try {
+			anyCal.displayYear = y;
+			anyCal.displayMonth = m;
+		} catch (_) {}
+		cal.setAttribute('display-year', String(y));
+		cal.setAttribute('display-month', String(m));
+		dispatchChange(cal, 'calendarmonthchange', { displayYear: y, displayMonth: m });
+	};
+
+	api.setCalendarSelectedDate = function (calendarIndex, selectedDate) {
+		const cal = getByIndex('scb-calendar', calendarIndex);
+		if (!cal) return;
+		const d = String(selectedDate ?? '');
+		const anyCal = cal;
+		try {
+			anyCal.selectedDate = d;
+		} catch (_) {}
+		if (d) cal.setAttribute('selected-date', d);
+		else cal.removeAttribute('selected-date');
+		dispatchChange(cal, 'calendarselect', { selectedDate: d });
+	};
+
+	api.setCalendarSelectedDateById = function (id, selectedDate) {
+		const cal = getById(id, 'scb-calendar');
+		if (!cal) return;
+		const d = String(selectedDate ?? '');
+		const anyCal = cal;
+		try {
+			anyCal.selectedDate = d;
+		} catch (_) {}
+		if (d) cal.setAttribute('selected-date', d);
+		else cal.removeAttribute('selected-date');
+		dispatchChange(cal, 'calendarselect', { selectedDate: d });
+	};
+
+	api.setCalendarDisableWeekend = function (calendarIndex, disableWeekend) {
+		const cal = getByIndex('scb-calendar', calendarIndex);
+		if (!cal) return;
+		const v = toBool(disableWeekend);
+		const anyCal = cal;
+		try {
+			anyCal.disableWeekend = v;
+		} catch (_) {}
+		if (v) cal.setAttribute('disable-weekend', '');
+		else cal.removeAttribute('disable-weekend');
+		dispatchChange(cal, 'calendardisplaychange', { disableWeekend: v });
+	};
+
+	api.setCalendarPublicHolidays = function (calendarIndex, publicHolidays) {
+		const cal = getByIndex('scb-calendar', calendarIndex);
+		if (!cal) return;
+		const v = toBool(publicHolidays);
+		const anyCal = cal;
+		try {
+			anyCal.publicHolidays = v;
+		} catch (_) {}
+		if (v) cal.setAttribute('public-holidays', '');
+		else cal.removeAttribute('public-holidays');
+		dispatchChange(cal, 'calendardisplaychange', { publicHolidays: v });
+	};
+
+	api.setCalendarLang = function (calendarIndex, lang) {
+		const cal = getByIndex('scb-calendar', calendarIndex);
+		if (!cal) return;
+		const v = String(lang ?? '');
+		const anyCal = cal;
+		try {
+			anyCal.lang = v;
+		} catch (_) {}
+		if (v) cal.setAttribute('lang', v);
+		else cal.removeAttribute('lang');
+		dispatchChange(cal, 'calendardisplaychange', { lang: v });
+	};
+
   // Dialog, notification och snackbar
 
       api.setDialogOpen = function (open) {

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

@@ -1,45 +1,45 @@
-import{a as N,n as O,i as H,x as v,t as q}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 e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(a,r,d){try{customElements.get(a)||t(a,r,d)}catch(c){var s=String(c||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var L=Object.defineProperty,W=Object.getOwnPropertyDescriptor,S=(e,t,a,r)=>{for(var d=r>1?void 0:r?W(t,a):t,s=e.length-1,c;s>=0;s--)(c=e[s])&&(d=(r?c(t,a,d):c(d))||d);return r&&d&&L(t,a,d),d};let x=class extends H{constructor(){super(...arguments),this._lastActiveDay=null,this.lang="sv",this.disableWeekend=!1,this.publicHolidays=!0,this._mutationObserver=null,this._onCalendarKeyDown=e=>{const a=Array.from(this.shadowRoot?.querySelectorAll(".calendar-day.has-event")??[]),r=this.shadowRoot?.activeElement,d=r&&a.includes(r)?r:document.activeElement,s=a.indexOf(d);if(s===-1)return;let c=s;const p=this.disableWeekend?5:7;switch(e.key){case"ArrowRight":c=s+1<a.length?s+1:s;break;case"ArrowLeft":c=s-1>=0?s-1:s;break;case"ArrowDown":c=s+p<a.length?s+p:s;break;case"ArrowUp":c=s-p>=0?s-p:s;break;default:return}c!==s&&(e.preventDefault(),a[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(),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)}_daysInMonth(e,t){return new Date(e,t+1,0).getDate()}_firstDayOfWeek(e,t){const a=new Date(e,t,1).getDay();return a===0?6:a-1}_prevMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()-1,1),this.requestUpdate()}_nextMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()+1,1),this.requestUpdate()}_showEventPopup(e){this._popupEvent=e,this._lastActiveDay=this.shadowRoot?.activeElement||document.activeElement,this.requestUpdate(),setTimeout(()=>{const t=this.shadowRoot?.querySelector("scb-dialog");t&&(document.activeElement&&(t.__lastTriggerEl=document.activeElement),t.open=!0,t.addEventListener("close",this._restoreDayFocus,{once:!0}));const a=r=>{r.target?.closest(".event-popup")||this._closePopup()};window.addEventListener("mousedown",a,{once:!0})},0)}_closePopup(){const e=this.shadowRoot?.querySelector("scb-dialog");e&&e.removeAttribute("open"),this._popupEvent=null,this.requestUpdate()}_addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}_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 a=t%19,r=t%4,d=t%7,s=(19*a+24)%30,c=(2*r+4*d+6*s+5)%7;let p=22+s+c,w=0;p==57&&(p-=7),p==56&&s==28&&c==6&&a>10&&(p-=7),p>31?(p-=31,w=4):w=3;const _=new Date(t,w-1,p);return this._easterDateCalculated["Ar"+e]=_,new Date(this._easterDateCalculated["Ar"+e])}_swedishHolidayName(e){const t=e.getMonth();if(t===1||t===6||t===7||t===8)return null;const a=e.getMonth()+1,r=e.getDate(),d=e.getFullYear(),s=this._easterDay(d),c=this.lang==="en",p=[["Nyårsdagen","New Year's Day",a===1&&r===1],["Trettondedag jul","Epiphany",a===1&&r===6],["Långfredag","Good Friday",+e==+this._addDays(s,-2)],["Påskdagen","Easter Sunday",+e==+s],["Annandag påsk","Easter Monday",+e==+this._addDays(s,1)],["Kristi himmelsfärdsdag","Ascension Day",+e==+this._addDays(s,39)],["Pingstdagen","Pentecost",+e==+this._addDays(s,50)&&d<2005],["Första maj","May Day",a===5&&r===1],["Nationaldagen","National Day",a===6&&r===6&&d>=2005],["Midsommarafton","Midsummer's Eve",a===6&&r>=19&&r<=25&&e.getDay()===5],["Midsommardagen","Midsummer's Day",a===6&&r>=20&&r<=26&&e.getDay()===6],["Julafton","Christmas Eve",a===12&&r===24],["Juldagen","Christmas Day",a===12&&r===25],["Annandag jul","Boxing Day",a===12&&r===26],["Alla helgons dag","All Saints' Day",a===10&&r>=31&&e.getDay()===6||a===11&&r<=6&&e.getDay()===6]];for(const w of p){const[_,A,$]=w;if($)return c?A:_}return null}render(){const e=this._current.getFullYear(),t=this._current.getMonth(),a=this._daysInMonth(e,t),r=this._firstDayOfWeek(e,t),d=this._today,s=this.lang==="en",c=s?["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=s?["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 w=Array.from(this.querySelectorAll("scb-calendar-event")),_=new Map;for(const n of w){const o=n.getAttribute("start-date")||"",y=n.getAttribute("end-date")||"";if(o&&y){const l=new Date(o),g=new Date(y);for(let u=new Date(l);u<=g;u.setDate(u.getDate()+1)){const f=u.toISOString().split("T")[0],k=_.get(f)||[];k.push({title:n.title,description:n.description,start:o,end:y}),_.set(f,k)}}else if(o&&n.title){const l=o.split("T")[0],g=_.get(l)||[];g.push({title:n.title,description:n.description,start:o}),_.set(l,g)}}const A=[];let $=1;for(let n=0;n<6;n++){const o=[],y=this.disableWeekend?[0,1,2,3,4]:[0,1,2,3,4,5,6];let l=$;for(let g=0;g<y.length;g++){const u=y[g];if(n===0&&u<r){if(!this.disableWeekend||u<5){const f=t===0?11:t-1,k=t===0?e-1:e,C=this._daysInMonth(k,f)-(r-u-1);o.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 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`
               <div class="calendar-day calendar-day--other">
-                <span class="calendar-day-number">${C}</span>
+                <span class="calendar-day-number">${S}</span>
               </div>
-            `)}}else if(l>a)o.push(v`<div></div>`);else{let f=new Date(e,t,l);if(this.disableWeekend)for(;f.getDay()===0||f.getDay()===6;)l++,f=new Date(e,t,l);if(l>a){o.push(v`<div></div>`);continue}const k=d.getFullYear()===e&&d.getMonth()===t&&d.getDate()===l,b=`${e}-${String(t+1).padStart(2,"0")}-${String(l).padStart(2,"0")}`,C=new Date(e,t,l);let F=!1,D=null;this.publicHolidays&&(D=this._swedishHolidayName(C),F=!!D);let h=_.get(b)||[];h=[...h].sort((i,m)=>{const T=i.start&&b===i.start.split("T")[0]?i.start:i.end&&b===i.end.split("T")[0]?i.end:"",E=m.start&&b===m.start.split("T")[0]?m.start:m.end&&m.end.split("T")[0]?m.end:"",M=T&&T.includes("T"),P=E&&E.includes("T");return M&&P?T.localeCompare(E):M?-1:P?1:i.title.localeCompare(m.title)});const j=[...h].map(i=>{let m="",T="";if(i.start&&i.end){const E=i.start.split("T")[0],M=i.end.split("T")[0];b===E&&b===M&&i.start.includes("T")&&i.end.includes("T")?m=i.start.split("T")[1].substring(0,5)+"–"+i.end.split("T")[1].substring(0,5):b===E&&i.start.includes("T")?m=i.start.split("T")[1].substring(0,5):b===M&&i.end.includes("T")?(m=i.end.split("T")[1].substring(0,5),T=s?"cont. ":"fort. "):b!==E&&(m="",T=s?"cont. ":"fort. ")}else i.start&&i.start.includes("T")&&(m=i.start.split("T")[1].substring(0,5));return{...i,time:m,prefix:T}});o.push(v`
+            `)}}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`
             <div
-              class="calendar-day${k?" today":""}${h.length?" has-event":""}${F?" calendar-day--holiday":""}"
+              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:b,events:h}):null}
-              @keydown=${h.length?i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this._showEventPopup({date:b,events:h}))}:null}
-              title=${D||(h.length===1?h[0].title:h.length>1?h.map(i=>i.title).join(", "):"")}
+              @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}
+              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=${D||(h.length?h.length===1?h[0].title:h.map(i=>i.title).join(", "):void 0)}
+              aria-label=${w||(h.length?h.length===1?h[0].title:h.map(i=>i.title).join(", "):void 0)}
             >
               <md-focus-ring inward></md-focus-ring>
-              <span class="calendar-day-number">${l} ${D?v`<span class="calendar-day-holiday-name">${D}</span>`:""}</span>
+              <span class="calendar-day-number">${o} ${w?v`<span class="calendar-day-holiday-name">${w}</span>`:""}</span>
               <div class="calendar-titles-wrapper">
-                ${j.map(i=>v`<span class="calendar-day-event-title">${i.prefix||""}${i.title}</span>`)}
+                ${Y.map(i=>v`<span class="calendar-day-event-title">${i.prefix||""}${i.title}</span>`)}
               </div>
             </div>
-          `),l++}}if($=l,A.push(v`<div class="calendar-grid">${o}</div>`),$>a)break}return v`
+          `),o++}}if(A=o,N.push(v`<div class="calendar-grid">${l}</div>`),A>s)break}return v`
       <div class="calendar-header">
-        <scb-icon-button @click=${this._prevMonth} icon="chevron_left" aria-label="${s?"Previous month":"Föregående månad"}"></scb-icon-button>
-        <span>${c[t]} ${e}</span>
-        <scb-icon-button @click=${this._nextMonth} icon="chevron_right" aria-label="${s?"Next month":"Nästa månad"}"></scb-icon-button>
+        <scb-icon-button @click=${this._prevMonth} icon="chevron_left" aria-label="${a?"Previous month":"Föregående månad"}"></scb-icon-button>
+        <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">
         ${p.map(n=>v`<div>${n}</div>`)}
       </div>
       <div class="calendar-weeks">
-      ${A}
+      ${N}
       </div>
       ${this._popupEvent&&Array.isArray(this._popupEvent.events)?v`
-        <scb-dialog variant="floating" open label="${s?"Events":"Händelser"} ${this._popupEvent.date}">
+        <scb-dialog variant="floating" open label="${a?"Events":"Händelser"} ${this._popupEvent.date}">
           <scb-list>
-            ${[...this._popupEvent.events].sort((n,o)=>{const y=n.start&&n.start.includes("T")?n.start:n.end&&n.end.includes("T")?n.end:"",l=o.start&&o.start.includes("T")?o.start:o.end&&o.end.includes("T")?o.end:"",g=y&&y.includes("T"),u=l&&l.includes("T");return g&&u?y.localeCompare(l):g?-1:u?1:n.title.localeCompare(o.title)}).map(n=>{const o=this._popupEvent?.date??"";let y="",l="",g="";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):o===u&&n.start.includes("T")&&(y="Start: "+n.start.split("T")[1].substring(0,5)+(s?" (Extended event) ":" (Flerdagsevenemang) ")),o===f&&n.end.includes("T")&&u!==f&&(g=(s?"End: ":"Slut: ")+n.end.split("T")[1].substring(0,5)),o!==u&&(l=s?"cont. ":"fort. ")}else n.start&&n.start.includes("T")&&(y=n.start.split("T")[1].substring(0,5));return v`
-                <scb-list-item label="${l}${n.title}" supporting-text="${n.description?n.description:""}" overline="${y||""}${g||""}">
+            ${[...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`
+                <scb-list-item label="${o}${n.title}" supporting-text="${n.description?n.description:""}" overline="${y||""}${m||""}">
                 </scb-list-item>`})}
           </scb-list>
         </scb-dialog>
       `:""}
-    `}};x.styles=N`
+    `}};D.styles=j`
     :host {
         display: block;
         border: 1px solid var(--md-sys-color-outline-variant);
@@ -142,4 +142,4 @@ import{a as N,n as O,i as H,x as v,t as q}from"../../vendor/vendor.js";import"./
         gap: var(--spacing-4);
     }
     
-  `;S([O({type:String})],x.prototype,"lang",2);S([O({type:Boolean,attribute:"disable-weekend"})],x.prototype,"disableWeekend",2);S([O({type:Boolean,attribute:"public-holidays"})],x.prototype,"publicHolidays",2);x=S([q("scb-calendar")],x);
+  `;k([$({type:String})],D.prototype,"lang",2);k([$({type:Boolean,attribute:"disable-weekend"})],D.prototype,"disableWeekend",2);k([$({type:Boolean,attribute:"public-holidays"})],D.prototype,"publicHolidays",2);k([$({type:Number,attribute:"display-year",reflect:!0})],D.prototype,"displayYear",2);k([$({type:Number,attribute:"display-month",reflect:!0})],D.prototype,"displayMonth",2);k([$({type:String,attribute:"selected-date",reflect:!0})],D.prototype,"selectedDate",2);D=k([H("scb-calendar")],D);