scb-wc-test 0.1.129 → 0.1.131

package/blazor/ScbBlazorInteropBase.cs

@@ -5,6 +5,7 @@ som kan användas direkt i Razor-vyer */
 
 using System;
 using System.Linq;
+using System.Collections.Generic;
 using System.Threading.Tasks;
 using Microsoft.AspNetCore.Components;
 using Microsoft.JSInterop;
@@ -112,6 +113,15 @@ namespace ScbBlazorDemo
         // Alla innehållsförteckningar (scb-toc) på sidan
         protected TocState[] Tocs { get; private set; } = Array.Empty<TocState>();
 
+        // Enskild scrollspy (scb-scrollspy) för scenarion där man bara bryr sig om en
+        protected ScrollspyState Scrollspy { get; private set; } = new();
+
+        // Alla scrollspy-instanser (scb-scrollspy) på sidan
+        protected ScrollspyState[] Scrollspies { get; private set; } = Array.Empty<ScrollspyState>();
+
+        // Uppslag med alla scrollspy-instanser (scb-scrollspy) nycklade på id-attributet
+        protected Dictionary<string, ScrollspyState> ScrollspiesById { get; private set; } = new Dictionary<string, ScrollspyState>(StringComparer.Ordinal);
+
         // Alla viz-komponenter (scb-viz) på sidan
         protected VizState[] Viz { get; private set; } = Array.Empty<VizState>();
 
@@ -808,6 +818,128 @@ namespace ScbBlazorDemo
                 Tocs = Array.Empty<TocState>();
             }
 
+
+            // Enskild scrollspy: baseras på första scrollspy:n om en lista finns, annars på state.Scrollspy
+            if (state.Scrollspies is not null && state.Scrollspies.Length > 0)
+            {
+                var dto = state.Scrollspies[0];
+                Scrollspy.Id              = dto.Id              ?? string.Empty;
+                Scrollspy.ActiveId        = dto.ActiveId        ?? string.Empty;
+                Scrollspy.NavSelector     = dto.NavSelector     ?? string.Empty;
+                Scrollspy.OffsetTop       = dto.OffsetTop;
+                Scrollspy.OffsetBottom    = dto.OffsetBottom;
+                Scrollspy.UpdateHash      = dto.UpdateHash;
+                Scrollspy.Layout          = dto.Layout          ?? string.Empty;
+                Scrollspy.SidebarNavWidth = dto.SidebarNavWidth ?? string.Empty;
+                Scrollspy.SidebarHeight   = dto.SidebarHeight   ?? string.Empty;
+                Scrollspy.StackHeight     = dto.StackHeight     ?? string.Empty;
+                Scrollspy.SidebarNavTop   = dto.SidebarNavTop   ?? string.Empty;
+                Scrollspy.ContentPadding  = dto.ContentPadding  ?? string.Empty;
+            }
+            else if (state.Scrollspy is not null)
+            {
+                Scrollspy.Id              = state.Scrollspy.Id              ?? string.Empty;
+                Scrollspy.ActiveId        = state.Scrollspy.ActiveId        ?? string.Empty;
+                Scrollspy.NavSelector     = state.Scrollspy.NavSelector     ?? string.Empty;
+                Scrollspy.OffsetTop       = state.Scrollspy.OffsetTop;
+                Scrollspy.OffsetBottom    = state.Scrollspy.OffsetBottom;
+                Scrollspy.UpdateHash      = state.Scrollspy.UpdateHash;
+                Scrollspy.Layout          = state.Scrollspy.Layout          ?? string.Empty;
+                Scrollspy.SidebarNavWidth = state.Scrollspy.SidebarNavWidth ?? string.Empty;
+                Scrollspy.SidebarHeight   = state.Scrollspy.SidebarHeight   ?? string.Empty;
+                Scrollspy.StackHeight     = state.Scrollspy.StackHeight     ?? string.Empty;
+                Scrollspy.SidebarNavTop   = state.Scrollspy.SidebarNavTop   ?? string.Empty;
+                Scrollspy.ContentPadding  = state.Scrollspy.ContentPadding  ?? string.Empty;
+            }
+
+            // Lista med alla scrollspy-instanser
+            if (state.Scrollspies is not null && state.Scrollspies.Length > 0)
+            {
+                var scrollspies = new ScrollspyState[state.Scrollspies.Length];
+                for (var i = 0; i < state.Scrollspies.Length; i++)
+                {
+                    var dto = state.Scrollspies[i];
+                    scrollspies[i] = new ScrollspyState
+                    {
+                        Id              = dto.Id              ?? string.Empty,
+                        ActiveId        = dto.ActiveId        ?? string.Empty,
+                        NavSelector     = dto.NavSelector     ?? string.Empty,
+                        OffsetTop       = dto.OffsetTop,
+                        OffsetBottom    = dto.OffsetBottom,
+                        UpdateHash      = dto.UpdateHash,
+                        Layout          = dto.Layout          ?? string.Empty,
+                        SidebarNavWidth = dto.SidebarNavWidth ?? string.Empty,
+                        SidebarHeight   = dto.SidebarHeight   ?? string.Empty,
+                        StackHeight     = dto.StackHeight     ?? string.Empty,
+                        SidebarNavTop   = dto.SidebarNavTop   ?? string.Empty,
+                        ContentPadding  = dto.ContentPadding  ?? string.Empty
+                    };
+                }
+
+                Scrollspies = scrollspies;
+            }
+            else
+            {
+                Scrollspies = Array.Empty<ScrollspyState>();
+            }
+
+            // Uppslag med alla scrollspy-instanser nycklade på id
+            if (state.ScrollspiesById is not null && state.ScrollspiesById.Count > 0)
+            {
+                var byId = new Dictionary<string, ScrollspyState>(state.ScrollspiesById.Count, StringComparer.Ordinal);
+                foreach (var kvp in state.ScrollspiesById)
+                {
+                    var id  = kvp.Key;
+                    var dto = kvp.Value;
+
+                    if (string.IsNullOrWhiteSpace(id) || dto is null)
+                    {
+                        continue;
+                    }
+
+                    byId[id] = new ScrollspyState
+                    {
+                        Id              = id,
+                        ActiveId        = dto.ActiveId        ?? string.Empty,
+                        NavSelector     = dto.NavSelector     ?? string.Empty,
+                        OffsetTop       = dto.OffsetTop,
+                        OffsetBottom    = dto.OffsetBottom,
+                        UpdateHash      = dto.UpdateHash,
+                        Layout          = dto.Layout          ?? string.Empty,
+                        SidebarNavWidth = dto.SidebarNavWidth ?? string.Empty,
+                        SidebarHeight   = dto.SidebarHeight   ?? string.Empty,
+                        StackHeight     = dto.StackHeight     ?? string.Empty,
+                        SidebarNavTop   = dto.SidebarNavTop   ?? string.Empty,
+                        ContentPadding  = dto.ContentPadding  ?? string.Empty
+                    };
+                }
+
+                ScrollspiesById = byId;
+            }
+            else if (Scrollspies.Length > 0)
+            {
+                var byId = new Dictionary<string, ScrollspyState>(Scrollspies.Length, StringComparer.Ordinal);
+                for (var i = 0; i < Scrollspies.Length; i++)
+                {
+                    var sp = Scrollspies[i];
+                    var id = sp.Id;
+
+                    if (string.IsNullOrWhiteSpace(id))
+                    {
+                        id = $"scrollspy-{i + 1}";
+                        sp.Id = id;
+                    }
+
+                    byId[id] = sp;
+                }
+
+                ScrollspiesById = byId;
+            }
+            else
+            {
+                ScrollspiesById = new Dictionary<string, ScrollspyState>(StringComparer.Ordinal);
+            }
+
             // Viz
             if (state.Viz is not null && state.Viz.Length > 0)
             {
@@ -1438,6 +1570,22 @@ namespace ScbBlazorDemo
             public bool   Divider        { get; set; }
         }
 
+        protected sealed class ScrollspyState
+        {
+            public string Id              { get; set; } = string.Empty;
+            public string ActiveId        { get; set; } = string.Empty;
+            public double OffsetTop       { get; set; }
+            public double OffsetBottom    { get; set; }
+            public bool   UpdateHash      { get; set; }
+            public string NavSelector     { get; set; } = string.Empty;
+            public string Layout          { get; set; } = string.Empty;
+            public string SidebarNavWidth { get; set; } = string.Empty;
+            public string SidebarHeight   { get; set; } = string.Empty;
+            public string StackHeight     { get; set; } = string.Empty;
+            public string SidebarNavTop   { get; set; } = string.Empty;
+            public string ContentPadding  { get; set; } = string.Empty;
+        }
+
         protected sealed class VizState
         {
             public string Variant      { get; set; } = string.Empty;
@@ -1515,6 +1663,12 @@ namespace ScbBlazorDemo
 
             public TocDto[] Tocs { get; set; } = Array.Empty<TocDto>();
 
+            public ScrollspyDto Scrollspy { get; set; } = new();
+
+            public ScrollspyDto[] Scrollspies { get; set; } = Array.Empty<ScrollspyDto>();
+
+            public Dictionary<string, ScrollspyDto> ScrollspiesById { get; set; } = new();
+
             public VizDto[] Viz { get; set; } = Array.Empty<VizDto>();
         }
 
@@ -1779,6 +1933,22 @@ namespace ScbBlazorDemo
             public string? Text      { get; set; }
         }
 
+        private sealed class ScrollspyDto
+        {
+            public string? Id              { get; set; }
+            public string? ActiveId        { get; set; }
+            public double OffsetTop        { get; set; }
+            public double OffsetBottom     { get; set; }
+            public bool   UpdateHash       { get; set; }
+            public string? NavSelector     { get; set; }
+            public string? Layout          { get; set; }
+            public string? SidebarNavWidth { get; set; }
+            public string? SidebarHeight   { get; set; }
+            public string? StackHeight     { get; set; }
+            public string? SidebarNavTop   { get; set; }
+            public string? ContentPadding  { get; set; }
+        }
+
         private sealed class TocDto
         {
             public bool Detached { get; set; }

package/blazor/scb-blazor-bridge.js

@@ -81,6 +81,17 @@
     else el.setAttribute('search-text', String(v));
   }
 
+
+
+  function mirrorScrollspyActive(el, ev) {
+    const id = (ev && ev.detail && (ev.detail.id ?? ev.detail.activeId)) ?? '';
+    try {
+      el.activeId = id;
+    } catch (_) {}
+    if (!id) el.removeAttribute('active-id');
+    else el.setAttribute('active-id', String(id));
+  }
+
   /* Regler som beskriver hur komponenternas egna events ska översättas
      till enklare, Blazor-vänliga events (och ibland speglas till properties). */
   const RULES = [
@@ -664,6 +675,14 @@
       from: 'scb-step-change',
       to: 'stepchange',
     },
+
+    // scb-scrollspy
+    {
+      sel: 'scb-scrollspy',
+      from: 'scb-scrollspy-active-changed',
+      to: 'scrollspyactivechange',
+      mirror: mirrorScrollspyActive,
+    },
   ];
 
   /* Indexering av regler per source event för snabbare lookup vid dispatch. */
@@ -1066,6 +1085,7 @@ window.SCBBlazor.getState = function () {
   const tooltips = document.querySelectorAll('scb-tooltip');
   const textfields = document.querySelectorAll('scb-textfield');
   const searches = document.querySelectorAll('scb-search');
+  const scrollspies = document.querySelectorAll('scb-scrollspy');
   const tocs = document.querySelectorAll('scb-toc');
   const vizs = document.querySelectorAll('scb-viz');
   const lists = document.querySelectorAll('scb-list');
@@ -1682,6 +1702,125 @@ window.SCBBlazor.getState = function () {
     };
   });
 
+
+
+  // Alla scb-scrollspy på sidan
+  const scrollspiesState = Array.from(scrollspies).map((sp, index) => {
+    const anySp = sp;
+
+    const id = (sp.getAttribute('id') || '').toString().trim() || `scrollspy-${index + 1}`;
+
+
+    const activeId = (
+      anySp.activeId ??
+      sp.getAttribute('active-id') ??
+      ''
+    ).toString();
+
+    const navSelector = (
+      anySp.navSelector ??
+      sp.getAttribute('nav-selector') ??
+      ''
+    ).toString();
+
+    const layout = (
+      anySp.layout ??
+      sp.getAttribute('layout') ??
+      ''
+    ).toString();
+
+    const sidebarNavWidth = (
+      anySp.sidebarNavWidth ??
+      sp.getAttribute('sidebar-nav-width') ??
+      '320px'
+    ).toString();
+
+    const sidebarHeight = (
+      anySp.sidebarHeight ??
+      sp.getAttribute('sidebar-height') ??
+      '560px'
+    ).toString();
+
+    const stackHeight = (
+      anySp.stackHeight ??
+      sp.getAttribute('stack-height') ??
+      ''
+    ).toString();
+
+    const sidebarNavTop = (
+      anySp.sidebarNavTop ??
+      sp.getAttribute('sidebar-nav-top') ??
+      '0px'
+    ).toString();
+
+    const contentPadding = (
+      anySp.contentPadding ??
+      sp.getAttribute('content-padding') ??
+      '0px'
+    ).toString();
+
+    let offsetTop = 0;
+    if (typeof anySp.offsetTop === 'number') {
+      offsetTop = anySp.offsetTop;
+    } else {
+      const v = parseFloat(sp.getAttribute('offset-top') || '0');
+      offsetTop = Number.isFinite(v) ? v : 0;
+    }
+
+    let offsetBottom = 0;
+    if (typeof anySp.offsetBottom === 'number') {
+      offsetBottom = anySp.offsetBottom;
+    } else {
+      const v = parseFloat(sp.getAttribute('offset-bottom') || '0');
+      offsetBottom = Number.isFinite(v) ? v : 0;
+    }
+
+    const updateHash =
+      typeof anySp.updateHash === 'boolean'
+        ? anySp.updateHash
+        : sp.hasAttribute('update-hash');
+
+    return {
+      id,
+      activeId,
+      offsetTop,
+      offsetBottom,
+      updateHash,
+      navSelector,
+      layout,
+      sidebarNavWidth,
+      sidebarHeight,
+      stackHeight,
+      sidebarNavTop,
+      contentPadding,
+    };
+  });
+
+  const scrollspyState =
+    scrollspiesState.length > 0
+      ? scrollspiesState[0]
+      : {
+          id: '',
+          activeId: '',
+          offsetTop: 0,
+          offsetBottom: 0,
+          updateHash: true,
+          navSelector: '',
+          layout: '',
+          sidebarNavWidth: '320px',
+          sidebarHeight: '560px',
+          stackHeight: '',
+          sidebarNavTop: '0px',
+          contentPadding: '0px',
+        };
+
+  // Uppslag där scrollspy-instanser kan hämtas via sitt id-attribut
+  const scrollspiesById = {};
+  for (const sp of scrollspiesState) {
+    if (!sp || !sp.id) continue;
+    scrollspiesById[sp.id] = sp;
+  }
+
   // Alla scb-viz på sidan
   const vizState = Array.from(vizs).map((v) => {
     const anyV = v;
@@ -1989,6 +2128,9 @@ const subMenusState = Array.from(subMenus).map((sm) => {
     textfields: textfieldsState,
     searches: searchesState,
     tocs: tocsState,
+    scrollspy: scrollspyState,
+    scrollspies: scrollspiesState,
+    scrollspiesById: scrollspiesById,
     viz: vizState,
     lists: listsState,
     links: linksState,
@@ -2057,6 +2199,8 @@ window.SCBBlazor.registerScbEventHandlers = function (dotNetRef) {
     'expandedchange',
     'dividerchange',
     'itemhrefchange',
+    // scrollspy
+    'scrollspyactivechange',
     // viz
     'descriptionchange',
     'commentchange',

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 q,x as v,t as P}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 H=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&&H(e,s,d),d};let D=class extends q{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(),this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelector("scb-dialog");e&&(document.activeElement&&(e.__lastTriggerEl=document.activeElement),requestAnimationFrame(()=>{requestAnimationFrame(()=>{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})})}_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;
@@ -142,4 +143,4 @@ import{a as j,n as $,i as P,x as v,t as H}from"../../vendor/vendor.js";import"./
         gap: var(--spacing-4);
     }
     
-  `;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);
+  `;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([P("scb-calendar")],D);

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

@@ -1,31 +1,31 @@
-import{a as u,n,i as h,E as p,x as r,t as m}from"../../vendor/vendor.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-textfield/scb-textfield.js";import"../scb-checkbox/scb-checkbox.js";import"../scb-radio-button/scb-radio-button.js";import"../scb-switch/scb-switch.js";import"../scb-chip/scb-chip.js";import"../../vendor/vendor-material.js";import"../../vendor/preload-helper.js";import"../scb-datepicker/scb-datepicker.js";import"../scb-divider/scb-divider.js";import"../scb-checkbox/scb-checkbox-group.js";import"../scb-radio-button/scb-radio-group.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(o,c,a){try{customElements.get(o)||e(o,c,a)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,s=(t,e,o,c)=>{for(var a=c>1?void 0:c?f(e,o):e,l=t.length-1,d;l>=0;l--)(d=t[l])&&(a=(c?d(e,o,a):d(a))||a);return c&&a&&b(e,o,a),a};let i=class extends h{constructor(){super(...arguments),this.open=!1,this.inSb=!1,this.scrimClose=!0,this.variant="basic",this.label="",this.icon="",this.supportingText="",this.okButton="OK",this.cancelButton="Avbryt",this.deleteButton="Delete",this.confirmButton="Ta bort",this.denyButton="Avbryt",this.resetButton="Återställ",this.submitButton="Spara",this.formId="",this.formAction="",this.formMethod="",this.__lastTriggerEl=null,this.__onDocumentClick=t=>{this.__getActionFromEvent(t)==="toggle"&&(this.__setOpen(!this.open),t.stopPropagation())},this.__onDocumentKeydown=t=>{this.open&&t.key==="Escape"&&(this.__fire("esc"),this.__setOpen(!1))},this.__onScrimClick=()=>{this.scrimClose&&(this.__fire("scrim"),this.__setOpen(!1))},this.__onOk=()=>{this.__fire("ok"),this.__setOpen(!1)},this.__onCancel=()=>{this.__fire("cancel"),this.__setOpen(!1)},this.__onConfirm=()=>{this.__fire("confirm"),this.__setOpen(!1)},this.__onDeny=()=>{this.__fire("deny"),this.__setOpen(!1)},this.__onReset=()=>{this.shadowRoot?.querySelector("form")?.reset(),(this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})??[]).forEach(e=>{const o=e.tagName;o==="SCB-TEXTFIELD"&&(e.value=""),o==="SCB-CHECKBOX"&&(e.checked=!1),o==="SCB-RADIO-BUTTON"&&(e.checked=!1),o==="SCB-SWITCH"&&(e.selected=!1),o==="SCB-CHIP"&&(e.selected=!1)}),this.__fire("reset")},this.__onSubmit=()=>{this.shadowRoot?.querySelector("form")?.requestSubmit(),this.__fire("submit"),this.__setOpen(!1)},this.__onKeydownTrap=t=>{if(!this.open||t.key!=="Tab")return;const e=Array.from(this.shadowRoot.querySelectorAll('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')).filter(a=>!a.hasAttribute("disabled"));if(!e.length)return;const o=e[0],c=e[e.length-1];t.shiftKey&&document.activeElement===o?(c.focus(),t.preventDefault()):!t.shiftKey&&document.activeElement===c&&(o.focus(),t.preventDefault())}}__getActionFromEvent(t){if(!this.id)return null;for(const e of t.composedPath())if(e instanceof Element){if(e.getAttribute("data-dialog-toggle")===this.id)return this.__lastTriggerEl=e,"toggle";if(e.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=e,"toggle"}return null}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),this.addEventListener("keydown",this.__onKeydownTrap)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.removeEventListener("keydown",this.__onKeydownTrap),super.disconnectedCallback()}updated(t){if(t.has("open")){const e=t.get("open");this.__updateTriggersExpanded(),this.open&&!e?this.updateComplete.then(()=>{const o=this.shadowRoot?.querySelector('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])');o?o.focus():this.shadowRoot?.querySelector(".container")?.focus()}):!this.open&&e&&this.__lastTriggerEl?.focus?.(),this.__toggleScrollLock(this.open)}}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-dialog-toggle="${this.id}"]`).forEach(t=>{t.hasAttribute("aria-controls")&&t.setAttribute("aria-expanded",String(this.open))})}__toggleScrollLock(t){if(this.inSb)return;const e=document.documentElement;e.style.overflow=t?"hidden":""}__setOpen(t){this.open=t,this.__fire(t?"open":"close")}__fire(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}__slotIsEmpty(){const t=this.shadowRoot?.querySelector("slot");return t?t.assignedElements({flatten:!0}).length===0:!0}renderHeader(t){const e=this.variant==="form"||this.variant==="floating";return r`
+import{a as u,n as s,i as h,E as p,x as a,t as m}from"../../vendor/vendor.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-textfield/scb-textfield.js";import"../scb-checkbox/scb-checkbox.js";import"../scb-radio-button/scb-radio-button.js";import"../scb-switch/scb-switch.js";import"../scb-chip/scb-chip.js";import"../../vendor/vendor-material.js";import"../../vendor/preload-helper.js";import"../scb-datepicker/scb-datepicker.js";import"../scb-divider/scb-divider.js";import"../scb-checkbox/scb-checkbox-group.js";import"../scb-radio-button/scb-radio-group.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(o,c,r){try{customElements.get(o)||e(o,c,r)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,n=(t,e,o,c)=>{for(var r=c>1?void 0:c?f(e,o):e,l=t.length-1,d;l>=0;l--)(d=t[l])&&(r=(c?d(e,o,r):d(r))||r);return c&&r&&b(e,o,r),r};let i=class extends h{constructor(){super(...arguments),this.open=!1,this.inSb=!1,this.scrimClose=!0,this.variant="basic",this.label="",this.icon="",this.supportingText="",this.okButton="OK",this.cancelButton="Avbryt",this.deleteButton="Delete",this.confirmButton="Ta bort",this.denyButton="Avbryt",this.resetButton="Återställ",this.submitButton="Spara",this.formId="",this.formAction="",this.formMethod="",this.__lastTriggerEl=null,this.__onDocumentClick=t=>{this.__getActionFromEvent(t)==="toggle"&&(this.__setOpen(!this.open),t.stopPropagation())},this.__onDocumentKeydown=t=>{this.open&&t.key==="Escape"&&(this.__fire("esc"),this.__setOpen(!1))},this.__onScrimClick=()=>{this.scrimClose&&(this.__fire("scrim"),this.__setOpen(!1))},this.__onOk=()=>{this.__fire("ok"),this.__setOpen(!1)},this.__onCancel=()=>{this.__fire("cancel"),this.__setOpen(!1)},this.__onConfirm=()=>{this.__fire("confirm"),this.__setOpen(!1)},this.__onDeny=()=>{this.__fire("deny"),this.__setOpen(!1)},this.__onReset=()=>{this.shadowRoot?.querySelector("form")?.reset(),(this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})??[]).forEach(e=>{const o=e.tagName;o==="SCB-TEXTFIELD"&&(e.value=""),o==="SCB-CHECKBOX"&&(e.checked=!1),o==="SCB-RADIO-BUTTON"&&(e.checked=!1),o==="SCB-SWITCH"&&(e.selected=!1),o==="SCB-CHIP"&&(e.selected=!1)}),this.__fire("reset")},this.__onSubmit=()=>{this.shadowRoot?.querySelector("form")?.requestSubmit(),this.__fire("submit"),this.__setOpen(!1)},this.__onKeydownTrap=t=>{if(!this.open||t.key!=="Tab")return;const e=Array.from(this.shadowRoot.querySelectorAll('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')).filter(r=>!r.hasAttribute("disabled"));if(!e.length)return;const o=e[0],c=e[e.length-1];t.shiftKey&&document.activeElement===o?(c.focus(),t.preventDefault()):!t.shiftKey&&document.activeElement===c&&(o.focus(),t.preventDefault())}}__getActionFromEvent(t){if(!this.id)return null;for(const e of t.composedPath())if(e instanceof Element){if(e.getAttribute("data-dialog-toggle")===this.id)return this.__lastTriggerEl=e,"toggle";if(e.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=e,"toggle"}return null}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),this.addEventListener("keydown",this.__onKeydownTrap)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.removeEventListener("keydown",this.__onKeydownTrap),super.disconnectedCallback()}updated(t){if(t.has("open")){const e=t.get("open");this.__updateTriggersExpanded(),this.open&&!e?this.updateComplete.then(()=>{const o=this.shadowRoot?.querySelector('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])');o?o.focus():this.shadowRoot?.querySelector(".container")?.focus()}):!this.open&&e&&this.__lastTriggerEl?.focus?.(),this.__toggleScrollLock(this.open)}}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-dialog-toggle="${this.id}"]`).forEach(t=>{t.hasAttribute("aria-controls")&&t.setAttribute("aria-expanded",String(this.open))})}__toggleScrollLock(t){if(this.inSb)return;const e=document.documentElement;e.style.overflow=t?"hidden":""}__setOpen(t){this.open=t,this.__fire(t?"open":"close")}__fire(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}__slotIsEmpty(){const t=this.shadowRoot?.querySelector("slot");return t?t.assignedElements({flatten:!0}).length===0:!0}renderHeader(t){const e=this.variant==="form"||this.variant==="floating";return a`
       <div class="header">
         <div class="title">
-          ${this.icon?r`<md-icon class="dialog-icon">${this.icon}</md-icon>`:p}
+          ${this.icon?a`<md-icon class="dialog-icon">${this.icon}</md-icon>`:p}
           <div class="label" id=${t}>${this.label}</div>
         </div>
-        ${e?r`<scb-icon-button class="close" icon="close" @click=${this.__onCancel}></scb-icon-button>`:p}
+        ${e?a`<scb-icon-button class="close" icon="close" @click=${this.__onCancel}></scb-icon-button>`:p}
       </div>
-    `}renderContentDefault(t){const e=this.__slotIsEmpty();return r`
+    `}renderContentDefault(t){const e=this.__slotIsEmpty();return a`
       <div class="content" id=${t}>
-        ${e&&this.supportingText?r`${this.supportingText}`:r`<slot></slot>`}
+        ${e&&this.supportingText?a`${this.supportingText}`:a`<slot></slot>`}
       </div>
-    `}renderActions(){switch(this.variant){case"alert":return r`<div class="actions">
+    `}renderActions(){switch(this.variant){case"alert":return a`<div class="actions">
           <scb-button variant="text" label=${this.okButton} @click=${this.__onOk}></scb-button>
-        </div>`;case"confirm":return r`<div class="actions">
+        </div>`;case"confirm":return a`<div class="actions">
           <scb-button variant="text" label=${this.confirmButton} @click=${this.__onConfirm}></scb-button>
           <scb-button variant="text" label=${this.denyButton} @click=${this.__onDeny}></scb-button>
-        </div>`;case"choose":return r`<div class="actions">
+        </div>`;case"choose":return a`<div class="actions">
           <scb-button variant="text" label=${this.cancelButton} @click=${this.__onCancel}></scb-button>
           <scb-button variant="text" label=${this.okButton} @click=${this.__onOk}></scb-button>
-        </div>`;case"form":return r`<div class="actions">
+        </div>`;case"form":return a`<div class="actions">
           <scb-button class="start" variant="text" label=${this.resetButton} @click=${this.__onReset}></scb-button>
           <scb-button variant="text" label=${this.cancelButton} @click=${this.__onCancel}></scb-button>
           <scb-button variant="text" label=${this.submitButton} @click=${this.__onSubmit}></scb-button>
-        </div>`;case"floating":return p;default:return r`<div class="actions">
+        </div>`;case"floating":return p;default:return a`<div class="actions">
           <scb-button variant="text" label=${this.cancelButton} @click=${this.__onCancel}></scb-button>
           <scb-button variant="text" label=${this.okButton} @click=${this.__onOk}></scb-button>
-        </div>`}}renderBody(t,e){return this.variant==="form"?r`
+        </div>`}}renderBody(t,e){return this.variant==="form"?a`
         ${this.renderHeader(t)}
         <div class="content" id=${e}>
           <form id=${this.formId} action=${this.formAction} method=${this.formMethod||p}>
@@ -33,7 +33,7 @@ import{a as u,n,i as h,E as p,x as r,t as m}from"../../vendor/vendor.js";import"
           </form>
         </div>
         ${this.renderActions()}
-      `:r`${this.renderHeader(t)} ${this.renderContentDefault(e)} ${this.renderActions()}`}render(){const t="dlg-title",e="dlg-desc";return r`
+      `:a`${this.renderHeader(t)} ${this.renderContentDefault(e)} ${this.renderActions()}`}render(){const t="dlg-title",e="dlg-desc";return a`
       <div class="scrim" @click=${this.__onScrimClick} aria-hidden="true"></div>
       <div
         class="container"
@@ -60,6 +60,7 @@ import{a as u,n,i as h,E as p,x as r,t as m}from"../../vendor/vendor.js";import"
       z-index: var(--z-dialog-scrim, 1000);
       opacity: 1;
       transition: opacity var(--motion-duration-short, 0.25s);
+      transition-timing-function: var(--motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));
       height: var(--scb-dialog-scrim-height, auto);
     }
 
@@ -94,13 +95,30 @@ import{a as u,n,i as h,E as p,x as r,t as m}from"../../vendor/vendor.js";import"
       z-index: var(--z-dialog, 1001);
       opacity: 1;
       transition:
-        opacity var(--motion-duration-short, 0.25s),
-        transform var(--motion-duration-short, 0.25s);
-    }
+        opacity var(--motion-duration-medium, 0.3s),
+        transform var(--motion-duration-medium, 0.3s);
+      transition-timing-function: var(--motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1));
+}
 
     :host(:not([open])) .scrim,
     :host(:not([open])) .container { opacity:0; pointer-events:none; }
 
+    :host([open]) .scrim {
+      animation:
+        var(--motion-keyframe-fade-in, scb-kf-fade-in)
+        var(--motion-duration-short, 0.25s)
+        var(--motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))
+        both;
+    }
+
+    :host([open]) .container {
+      animation:
+        var(--motion-keyframe-fade-in, scb-kf-fade-in)
+        var(--motion-duration-medium, 0.3s)
+        var(--motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))
+        both;
+    }
+
     /* Header: ikon över rubrik */
     .header {
       display:flex;
@@ -160,4 +178,15 @@ import{a as u,n,i as h,E as p,x as r,t as m}from"../../vendor/vendor.js";import"
       display:block;
       margin-block: var(--scb-choice-gap, 6px);
     }
-  `;s([n({type:Boolean,reflect:!0})],i.prototype,"open",2);s([n({type:Boolean,attribute:!1})],i.prototype,"inSb",2);s([n({type:Boolean,attribute:"scrim-close"})],i.prototype,"scrimClose",2);s([n({type:String})],i.prototype,"variant",2);s([n({type:String})],i.prototype,"label",2);s([n({type:String})],i.prototype,"icon",2);s([n({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);s([n({type:String,attribute:"ok-button"})],i.prototype,"okButton",2);s([n({type:String,attribute:"cancel-button"})],i.prototype,"cancelButton",2);s([n({type:String,attribute:"delete-button"})],i.prototype,"deleteButton",2);s([n({type:String,attribute:"confirm-button"})],i.prototype,"confirmButton",2);s([n({type:String,attribute:"deny-button"})],i.prototype,"denyButton",2);s([n({type:String,attribute:"reset-button"})],i.prototype,"resetButton",2);s([n({type:String,attribute:"submit-button"})],i.prototype,"submitButton",2);s([n({type:String,attribute:"form-id"})],i.prototype,"formId",2);s([n({type:String,attribute:"form-action"})],i.prototype,"formAction",2);s([n({type:String,attribute:"form-method"})],i.prototype,"formMethod",2);i=s([m("scb-dialog")],i);
+    /* Keyframes för motion-tokens (behövs för att animationer ska fungera i shadow DOM) */
+    @keyframes scb-kf-fade-in {
+      from { opacity: 0; }
+      to { opacity: 1; }
+    }
+
+    @keyframes scb-kf-fade-out {
+      from { opacity: 1; }
+      to { opacity: 0; }
+    }
+
+  `;n([s({type:Boolean,reflect:!0})],i.prototype,"open",2);n([s({type:Boolean,attribute:!1})],i.prototype,"inSb",2);n([s({type:Boolean,attribute:"scrim-close"})],i.prototype,"scrimClose",2);n([s({type:String})],i.prototype,"variant",2);n([s({type:String})],i.prototype,"label",2);n([s({type:String})],i.prototype,"icon",2);n([s({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);n([s({type:String,attribute:"ok-button"})],i.prototype,"okButton",2);n([s({type:String,attribute:"cancel-button"})],i.prototype,"cancelButton",2);n([s({type:String,attribute:"delete-button"})],i.prototype,"deleteButton",2);n([s({type:String,attribute:"confirm-button"})],i.prototype,"confirmButton",2);n([s({type:String,attribute:"deny-button"})],i.prototype,"denyButton",2);n([s({type:String,attribute:"reset-button"})],i.prototype,"resetButton",2);n([s({type:String,attribute:"submit-button"})],i.prototype,"submitButton",2);n([s({type:String,attribute:"form-id"})],i.prototype,"formId",2);n([s({type:String,attribute:"form-action"})],i.prototype,"formAction",2);n([s({type:String,attribute:"form-method"})],i.prototype,"formMethod",2);i=n([m("scb-dialog")],i);