scb-wc-test 0.1.208 → 0.1.210

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

@@ -102,7 +102,13 @@ import{a as W,n as w,i as j,x as D,t as R}from"../../vendor/vendor.js";import"./
         border-radius: 6px;
     }
     .calendar-day--other {
-        opacity: 0.4;
+       color: light-dark(var(--n-40), var(--n-70));
+    }
+    .calendar-day--other .calendar-day-event-title {
+       color: inherit;
+    }
+    .calendar-day--other .calendar-day-number {
+       font-weight: var(--weight-regular);
     }
     .calendar-day-number {
         font-size:  var(--md-sys-typescale-label-small-size);

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

@@ -1,4 +1,4 @@
-import{a as _,n as a,i as u,E as c,x as f,t as h}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(i,s,r){try{customElements.get(i)||o(i,s,r)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var p=Object.defineProperty,y=Object.getOwnPropertyDescriptor,n=(e,o,i,s)=>{for(var r=s>1?void 0:s?y(o,i):o,l=e.length-1,d;l>=0;l--)(d=e[l])&&(r=(s?d(o,i,r):d(r))||r);return s&&r&&p(o,i,r),r};let t=class extends u{constructor(){super(...arguments),this.floating=!0,this.left=!0,this.right=!1,this.open=!1,this.overlay=!1,this.lockScroll=!1,this.closeOnOverlay=!0,this.modal=!1,this.__effectiveSide="left",this.__lastTriggerEl=null,this.__lastTriggerWasAriaControls=!1,this.__onDocumentClick=e=>{const o=this.__getActionFromEvent(e);if(o){o==="open"&&this.__setOpen(!0),o==="close"&&this.__setOpen(!1),o==="toggle"&&this.__setOpen(!this.open),e.stopPropagation();return}this.floating&&this.open&&!this.overlay&&(e.composedPath().includes(this)||this.__setOpen(!1))},this.__onDocumentKeydown=e=>{if(this.open){if(e.key==="Escape"){this.__setOpen(!1);return}if(this.overlay&&e.key==="Tab"){const o=this.__getFocusable();if(o.length===0)return;const i=o[0],s=o[o.length-1],r=document.activeElement;e.shiftKey?(r===i||!r||!this.contains(r))&&(e.preventDefault(),s.focus()):(r===s||!r||!this.contains(r))&&(e.preventDefault(),i.focus())}}}}static __ensureOverlayStyles(){if(typeof document>"u"||document.getElementById("scb-drawer-overlay-styles"))return;const e=document.createElement("style");e.id="scb-drawer-overlay-styles",e.textContent=`
+import{a as _,n as a,i as u,E as d,x as f,t as h}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(r,s,i){try{customElements.get(r)||o(r,s,i)}catch(c){var l=String(c||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var p=Object.defineProperty,y=Object.getOwnPropertyDescriptor,n=(e,o,r,s)=>{for(var i=s>1?void 0:s?y(o,r):o,l=e.length-1,c;l>=0;l--)(c=e[l])&&(i=(s?c(o,r,i):c(i))||i);return s&&i&&p(o,r,i),i};let t=class extends u{constructor(){super(...arguments),this.floating=!0,this.left=!0,this.right=!1,this.open=!1,this.overlay=!1,this.lockScroll=!1,this.closeOnOverlay=!0,this.modal=!1,this.__effectiveSide="left",this.__lastTriggerEl=null,this.__lastTriggerWasAriaControls=!1,this.__onDocumentClick=e=>{const o=this.__getActionFromEvent(e);if(o){o==="open"&&this.__setOpen(!0),o==="close"&&this.__setOpen(!1),o==="toggle"&&this.__setOpen(!this.open),e.stopPropagation();return}this.floating&&this.open&&!this.overlay&&(e.composedPath().includes(this)||this.__setOpen(!1))},this.__onDocumentKeydown=e=>{if(this.open){if(e.key==="Escape"){this.__setOpen(!1);return}if(this.overlay&&e.key==="Tab"){const o=this.__getFocusable();if(o.length===0)return;const r=o[0],s=o[o.length-1],i=document.activeElement;e.shiftKey?(i===r||!i||!this.contains(i))&&(e.preventDefault(),s.focus()):(i===s||!i||!this.contains(i))&&(e.preventDefault(),r.focus())}}}}static __ensureOverlayStyles(){if(typeof document>"u"||document.getElementById("scb-drawer-overlay-styles"))return;const e=document.createElement("style");e.id="scb-drawer-overlay-styles",e.textContent=`
       .scb-drawer-global-overlay {
         position: fixed;
         inset: 0;
@@ -15,15 +15,15 @@ import{a as _,n as a,i as u,E as c,x as f,t as h}from"../../vendor/vendor.js";im
       @media (prefers-reduced-motion: reduce) {
         .scb-drawer-global-overlay { transition: none; }
       }
-    `,document.head.appendChild(e)}static __ensureOverlay(){if(typeof document>"u"||t.__overlayEl)return;t.__ensureOverlayStyles();const e=document.createElement("div");e.className="scb-drawer-global-overlay",e.addEventListener("pointerdown",()=>{const o=t.__overlayStack[t.__overlayStack.length-1];o&&o.closeOnOverlay&&o.__setOpen(!1)},{passive:!0}),document.body.appendChild(e),t.__overlayEl=e}static __showOverlay(e){t.__ensureOverlay(),t.__overlayEl&&(t.__overlayStack.includes(e)||t.__overlayStack.push(e),t.__overlayEl.classList.add("is-visible"))}static __hideOverlay(e){const o=t.__overlayStack.indexOf(e);o>=0&&t.__overlayStack.splice(o,1),t.__overlayStack.length===0&&t.__overlayEl&&t.__overlayEl.classList.remove("is-visible")}static __lockScrollEnable(){if(!(typeof document>"u")){if(t.__lockedCount===0){t.__prevDocOverflow=document.documentElement.style.overflow||"",t.__prevBodyOverflow=document.body.style.overflow||"",t.__prevDocPaddingRight=document.documentElement.style.paddingRight||"",t.__prevBodyPaddingRight=document.body.style.paddingRight||"";const e=Math.max(0,window.innerWidth-document.documentElement.clientWidth);if(e>0){const o=Number.parseFloat(getComputedStyle(document.documentElement).paddingRight||"0"),i=Number.parseFloat(getComputedStyle(document.body).paddingRight||"0");document.documentElement.style.paddingRight=`${o+e}px`,document.body.style.paddingRight=`${i+e}px`}document.documentElement.style.overflow="hidden",document.body.style.overflow="hidden"}t.__lockedCount++}}static __lockScrollDisable(){typeof document>"u"||(t.__lockedCount=Math.max(0,t.__lockedCount-1),t.__lockedCount===0&&(document.documentElement.style.overflow=t.__prevDocOverflow??"",document.body.style.overflow=t.__prevBodyOverflow??"",document.documentElement.style.paddingRight=t.__prevDocPaddingRight??"",document.body.style.paddingRight=t.__prevBodyPaddingRight??""))}render(){const e=this.modal&&this.overlay&&this.floating;return f`
+    `,document.head.appendChild(e)}static __ensureOverlay(){if(typeof document>"u"||t.__overlayEl)return;t.__ensureOverlayStyles();const e=document.createElement("div");e.className="scb-drawer-global-overlay",e.addEventListener("pointerdown",()=>{const o=t.__overlayStack[t.__overlayStack.length-1];o&&o.closeOnOverlay&&o.__setOpen(!1)},{passive:!0}),document.body.appendChild(e),t.__overlayEl=e}static __showOverlay(e){t.__ensureOverlay(),t.__overlayEl&&(t.__overlayStack.includes(e)||t.__overlayStack.push(e),t.__overlayEl.classList.add("is-visible"))}static __hideOverlay(e){const o=t.__overlayStack.indexOf(e);o>=0&&t.__overlayStack.splice(o,1),t.__overlayStack.length===0&&t.__overlayEl&&t.__overlayEl.classList.remove("is-visible")}static __lockScrollEnable(){if(!(typeof document>"u")){if(t.__lockedCount===0){t.__prevDocOverflow=document.documentElement.style.overflow||"",t.__prevBodyOverflow=document.body.style.overflow||"",t.__prevDocPaddingRight=document.documentElement.style.paddingRight||"",t.__prevBodyPaddingRight=document.body.style.paddingRight||"";const e=Math.max(0,window.innerWidth-document.documentElement.clientWidth);if(e>0){const o=Number.parseFloat(getComputedStyle(document.documentElement).paddingRight||"0"),r=Number.parseFloat(getComputedStyle(document.body).paddingRight||"0");document.documentElement.style.paddingRight=`${o+e}px`,document.body.style.paddingRight=`${r+e}px`}document.documentElement.style.overflow="hidden",document.body.style.overflow="hidden"}t.__lockedCount++}}static __lockScrollDisable(){typeof document>"u"||(t.__lockedCount=Math.max(0,t.__lockedCount-1),t.__lockedCount===0&&(document.documentElement.style.overflow=t.__prevDocOverflow??"",document.body.style.overflow=t.__prevBodyOverflow??"",document.documentElement.style.paddingRight=t.__prevDocPaddingRight??"",document.body.style.paddingRight=t.__prevBodyPaddingRight??""))}render(){const e=this.modal&&this.overlay&&this.floating;return f`
       <div
         class="root"
-        role=${e?"dialog":c}
-        aria-modal=${e?"true":c}
+        role=${e?"dialog":d}
+        aria-modal=${e?"true":d}
       >
         <div class="panel"><slot></slot></div>
       </div>
-    `}connectedCallback(){super.connectedCallback(),this.__syncEffectiveSide(new Map),document.addEventListener("click",this.__onDocumentClick,!1)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.overlay&&(t.__hideOverlay(this),this.lockScroll&&t.__lockScrollDisable()),super.disconnectedCallback()}__getActionFromEvent(e){if(!this.id)return null;const o=e.composedPath();for(const i of o)if(i instanceof Element){if(i.getAttribute("data-drawer-open")===this.id)return this.__lastTriggerEl=i,this.__lastTriggerWasAriaControls=!1,"open";if(i.getAttribute("data-drawer-close")===this.id)return this.__lastTriggerEl=i,this.__lastTriggerWasAriaControls=!1,"close";if(i.getAttribute("data-drawer-toggle")===this.id)return this.__lastTriggerEl=i,this.__lastTriggerWasAriaControls=!1,"toggle";if(i.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=i,this.__lastTriggerWasAriaControls=!0,"toggle"}return null}__getFocusable(){const e='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',o=new Set,i=s=>{s.querySelectorAll(e).forEach(r=>o.add(r))};return i(this),i(this.renderRoot),Array.from(o).filter(s=>!s.hasAttribute("disabled")&&s.tabIndex>=0)}__setOpen(e){this.open=e}__syncLastTriggerExpanded(e){this.__lastTriggerEl&&this.__lastTriggerWasAriaControls&&this.__lastTriggerEl.getAttribute("aria-controls")===this.id&&this.__lastTriggerEl.setAttribute("aria-expanded",String(e))}__syncEffectiveSide(e){const o=this.left&&this.right;let i;o?e.has("left")&&this.left&&!e.has("right")?i="left":i="right":this.right?i="right":i="left",this.__effectiveSide!==i&&(this.__effectiveSide=i),this.getAttribute("data-side")!==i&&this.setAttribute("data-side",i)}willUpdate(e){this.__syncEffectiveSide(e)}updated(e){if(e.has("open")){const o=!!e.get("open");this.__applyOpenSideEffects(o,this.open)}}__applyOpenSideEffects(e,o){o&&!e?(this.__syncLastTriggerExpanded(!0),this.floating&&this.overlay&&(t.__showOverlay(this),this.lockScroll&&t.__lockScrollEnable()),document.addEventListener("keydown",this.__onDocumentKeydown,!0),this.updateComplete.then(()=>{this.__getFocusable()[0]?.focus?.()}),this.dispatchEvent(new CustomEvent("scb-drawer-opened",{bubbles:!0,composed:!0}))):!o&&e&&(this.__syncLastTriggerExpanded(!1),this.floating&&this.overlay&&(t.__hideOverlay(this),this.lockScroll&&t.__lockScrollDisable()),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.__lastTriggerEl?.focus?.(),this.dispatchEvent(new CustomEvent("scb-drawer-closed",{bubbles:!0,composed:!0})))}};t.__overlayEl=null;t.__overlayStack=[];t.__lockedCount=0;t.__prevDocOverflow=null;t.__prevBodyOverflow=null;t.__prevDocPaddingRight=null;t.__prevBodyPaddingRight=null;t.styles=_`
+    `}connectedCallback(){super.connectedCallback(),this.__syncEffectiveSide(new Map),document.addEventListener("click",this.__onDocumentClick,!1)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.overlay&&(t.__hideOverlay(this),this.lockScroll&&t.__lockScrollDisable()),super.disconnectedCallback()}__getActionFromEvent(e){if(!this.id)return null;const o=e.composedPath();for(const r of o)if(r instanceof Element){if(r.getAttribute("data-drawer-open")===this.id)return this.__lastTriggerEl=r,this.__lastTriggerWasAriaControls=!1,"open";if(r.getAttribute("data-drawer-close")===this.id)return this.__lastTriggerEl=r,this.__lastTriggerWasAriaControls=!1,"close";if(r.getAttribute("data-drawer-toggle")===this.id)return this.__lastTriggerEl=r,this.__lastTriggerWasAriaControls=!1,"toggle";if(r.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=r,this.__lastTriggerWasAriaControls=!0,"toggle"}return null}__getFocusable(){const e='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',o=new Set,r=s=>{s.querySelectorAll(e).forEach(i=>o.add(i))};return r(this),r(this.renderRoot),Array.from(o).filter(s=>!s.hasAttribute("disabled")&&s.tabIndex>=0)}__setOpen(e){this.open=e}__syncLastTriggerExpanded(e){this.__lastTriggerEl&&this.__lastTriggerWasAriaControls&&this.__lastTriggerEl.getAttribute("aria-controls")===this.id&&this.__lastTriggerEl.setAttribute("aria-expanded",String(e))}__syncEffectiveSide(e){const o=this.left&&this.right;let r;o?e.has("left")&&this.left&&!e.has("right")?r="left":r="right":this.right?r="right":r="left",this.__effectiveSide!==r&&(this.__effectiveSide=r),this.getAttribute("data-side")!==r&&this.setAttribute("data-side",r)}willUpdate(e){this.__syncEffectiveSide(e)}updated(e){if(e.has("open")){const o=!!e.get("open");this.__applyOpenSideEffects(o,this.open)}}__applyOpenSideEffects(e,o){o&&!e?(this.__syncLastTriggerExpanded(!0),this.floating&&this.overlay&&(t.__showOverlay(this),this.lockScroll&&t.__lockScrollEnable()),document.addEventListener("keydown",this.__onDocumentKeydown,!0),this.updateComplete.then(()=>{this.__getFocusable()[0]?.focus?.()}),this.dispatchEvent(new CustomEvent("scb-drawer-opened",{bubbles:!0,composed:!0}))):!o&&e&&(this.__syncLastTriggerExpanded(!1),this.floating&&this.overlay&&(t.__hideOverlay(this),this.lockScroll&&t.__lockScrollDisable()),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.__lastTriggerEl?.focus?.(),this.dispatchEvent(new CustomEvent("scb-drawer-closed",{bubbles:!0,composed:!0})))}};t.__overlayEl=null;t.__overlayStack=[];t.__lockedCount=0;t.__prevDocOverflow=null;t.__prevBodyOverflow=null;t.__prevDocPaddingRight=null;t.__prevBodyPaddingRight=null;t.styles=_`
     :host {
       display: block;
       color: var(--md-sys-color-on-surface);
@@ -112,10 +112,17 @@ import{a as _,n as a,i as u,E as c,x as f,t as h}from"../../vendor/vendor.js";im
       flex: 1 1 auto;
       min-height: 0;
       overflow: auto;
+      scrollbar-gutter: stable;
       -webkit-overflow-scrolling: touch;
     }
     :host([floating]:not([open])) .panel {
       content-visibility: auto;
       contain-intrinsic-size: 0 600px;
     }
+
+    @supports not (scrollbar-gutter: stable) {
+      .panel {
+        overflow-y: scroll;
+      }
+    }
   `;n([a({type:Boolean,reflect:!0})],t.prototype,"floating",2);n([a({type:Boolean,reflect:!0})],t.prototype,"left",2);n([a({type:Boolean,reflect:!0})],t.prototype,"right",2);n([a({type:Boolean,reflect:!0})],t.prototype,"open",2);n([a({type:Boolean,reflect:!0})],t.prototype,"overlay",2);n([a({type:Boolean,reflect:!0,attribute:"lock-scroll"})],t.prototype,"lockScroll",2);n([a({type:Boolean,reflect:!0,attribute:"close-on-overlay"})],t.prototype,"closeOnOverlay",2);n([a({type:Boolean,reflect:!0})],t.prototype,"modal",2);t=n([h("scb-drawer")],t);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.208",
+    "version":  "0.1.210",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -378,5 +378,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "C5A14EA6F49756A6783885559592460E0925D15F8D2E55419C70A05DD0C2AF98"
+    "buildHash":  "0258D3DB31E344F34846D7BE4EC69608053D34873F571F930DF4B7B94C9541F0"
 }

package/scb-calendar/scb-calendar.js

@@ -8,15 +8,15 @@ import "@material/web/focus/md-focus-ring.js";
 var J = Object.defineProperty, U = Object.getOwnPropertyDescriptor, q = (t) => {
   throw TypeError(t);
 }, _ = (t, e, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? U(e, s) : e, a = t.length - 1, d; a >= 0; a--)
-    (d = t[a]) && (o = (i ? d(e, s, o) : d(o)) || o);
-  return i && o && J(e, s, o), o;
+  for (var l = i > 1 ? void 0 : i ? U(e, s) : e, a = t.length - 1, d; a >= 0; a--)
+    (d = t[a]) && (l = (i ? d(e, s, l) : d(l)) || l);
+  return i && l && J(e, s, l), l;
 }, B = (t, e, s) => e.has(t) || q("Cannot " + s), I = (t, e, s) => e.has(t) ? q("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), L = (t, e, s) => (B(t, e, "access private method"), s), N, O;
 let f = class extends j {
   constructor() {
     super(...arguments), I(this, N), this._lastActiveDay = null, this.lang = "sv", this.disableWeekend = !1, this.publicHolidays = !0, this.displayYear = (/* @__PURE__ */ new Date()).getFullYear(), this.displayMonth = (/* @__PURE__ */ new Date()).getMonth() + 1, this.selectedDate = "", this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.spacingLeft = void 0, this.spacingRight = void 0, this._mutationObserver = null, this._syncingDisplay = !1, this._onCalendarKeyDown = (t) => {
       var k, v;
-      const s = Array.from(((k = this.shadowRoot) == null ? void 0 : k.querySelectorAll(".calendar-day.has-event")) ?? []), i = (v = this.shadowRoot) == null ? void 0 : v.activeElement, o = i && s.includes(i) ? i : document.activeElement, a = s.indexOf(o);
+      const s = Array.from(((k = this.shadowRoot) == null ? void 0 : k.querySelectorAll(".calendar-day.has-event")) ?? []), i = (v = this.shadowRoot) == null ? void 0 : v.activeElement, l = i && s.includes(i) ? i : document.activeElement, a = s.indexOf(l);
       if (a === -1) return;
       let d = a;
       const p = this.disableWeekend ? 5 : 7;
@@ -67,8 +67,8 @@ let f = class extends j {
     if ((e = super.updated) == null || e.call(this, t), (t.has("spacing") || t.has("spacingTop") || t.has("spacingBottom") || t.has("spacingLeft") || t.has("spacingRight")) && L(this, N, O).call(this), !this._syncingDisplay && (t.has("displayYear") || t.has("displayMonth"))) {
       const s = Number(this.displayYear), i = Number(this.displayMonth);
       if (!Number.isNaN(s) && !Number.isNaN(i) && i >= 1 && i <= 12) {
-        const o = this._current.getFullYear(), a = this._current.getMonth() + 1;
-        (o !== s || a !== i) && (this._current = new Date(s, i - 1, 1), this.dispatchEvent(
+        const l = this._current.getFullYear(), a = this._current.getMonth() + 1;
+        (l !== s || a !== i) && (this._current = new Date(s, i - 1, 1), this.dispatchEvent(
           new CustomEvent("scb-calendar-month-change", {
             bubbles: !0,
             composed: !0,
@@ -116,8 +116,8 @@ let f = class extends j {
         detail: { selectedDate: t.date }
       })
     ), this._lastActiveDay = ((e = this.shadowRoot) == null ? void 0 : e.activeElement) || document.activeElement, this.requestUpdate(), this.updateComplete.then(() => {
-      var o;
-      const s = (o = this.shadowRoot) == null ? void 0 : o.querySelector("scb-dialog");
+      var l;
+      const s = (l = this.shadowRoot) == null ? void 0 : l.querySelector("scb-dialog");
       s && (document.activeElement && (s.__lastTriggerEl = document.activeElement), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           s.open = !0;
@@ -144,7 +144,7 @@ let f = class extends j {
       return new Date(this._easterDateCalculated["Ar" + t]);
     let e = t;
     e < 100 && (e = e + 1900), e < 1950 && (e = e + 100);
-    const s = e % 19, i = e % 4, o = e % 7, a = (19 * s + 24) % 30, d = (2 * i + 4 * o + 6 * a + 5) % 7;
+    const s = e % 19, i = e % 4, l = e % 7, a = (19 * s + 24) % 30, d = (2 * i + 4 * l + 6 * a + 5) % 7;
     let p = 22 + a + d, k = 0;
     p == 57 && (p -= 7), p == 56 && a == 28 && d == 6 && s > 10 && (p -= 7), p > 31 ? (p -= 31, k = 4) : k = 3;
     const v = new Date(e, k - 1, p);
@@ -156,7 +156,7 @@ let f = class extends j {
   _swedishHolidayName(t) {
     const e = t.getMonth();
     if (e === 1 || e === 6 || e === 7 || e === 8) return null;
-    const s = t.getMonth() + 1, i = t.getDate(), o = t.getFullYear(), a = this._easterDay(o), d = this.lang === "en", p = [
+    const s = t.getMonth() + 1, i = t.getDate(), l = t.getFullYear(), a = this._easterDay(l), d = this.lang === "en", p = [
       // [svenska, engelska, villkor]
       ["Nyårsdagen", "New Year's Day", s === 1 && i === 1],
       ["Trettondedag jul", "Epiphany", s === 1 && i === 6],
@@ -164,9 +164,9 @@ let f = class extends j {
       ["Påskdagen", "Easter Sunday", +t == +a],
       ["Annandag påsk", "Easter Monday", +t == +this._addDays(a, 1)],
       ["Kristi himmelsfärdsdag", "Ascension Day", +t == +this._addDays(a, 39)],
-      ["Pingstdagen", "Pentecost", +t == +this._addDays(a, 50) && o < 2005],
+      ["Pingstdagen", "Pentecost", +t == +this._addDays(a, 50) && l < 2005],
       ["Första maj", "May Day", s === 5 && i === 1],
-      ["Nationaldagen", "National Day", s === 6 && i === 6 && o >= 2005],
+      ["Nationaldagen", "National Day", s === 6 && i === 6 && l >= 2005],
       ["Midsommarafton", "Midsummer's Eve", s === 6 && i >= 19 && i <= 25 && t.getDay() === 5],
       ["Midsommardagen", "Midsummer's Day", s === 6 && i >= 20 && i <= 26 && t.getDay() === 6],
       ["Julafton", "Christmas Eve", s === 12 && i === 24],
@@ -181,7 +181,7 @@ let f = class extends j {
     return null;
   }
   render() {
-    const t = this._current.getFullYear(), e = this._current.getMonth(), s = this._daysInMonth(t, e), i = this._firstDayOfWeek(t, e), o = this._today, a = this.lang === "en", d = a ? [
+    const t = this._current.getFullYear(), e = this._current.getMonth(), s = this._daysInMonth(t, e), i = this._firstDayOfWeek(t, e), l = this._today, a = this.lang === "en", d = a ? [
       "January",
       "February",
       "March",
@@ -212,51 +212,51 @@ let f = class extends j {
     this.disableWeekend && (p = p.slice(0, 5));
     const k = Array.from(this.querySelectorAll("scb-calendar-event")), v = /* @__PURE__ */ new Map();
     for (const n of k) {
-      const l = n.getAttribute("start-date") || "", u = n.getAttribute("end-date") || "";
-      if (l && u) {
-        const c = new Date(l), y = new Date(u);
+      const o = n.getAttribute("start-date") || "", u = n.getAttribute("end-date") || "";
+      if (o && u) {
+        const c = new Date(o), y = new Date(u);
         for (let m = new Date(c); m <= y; m.setDate(m.getDate() + 1)) {
           const g = m.toISOString().split("T")[0], E = v.get(g) || [];
           E.push({
             title: n.title,
             description: n.description,
-            start: l,
+            start: o,
             end: u
           }), v.set(g, E);
         }
-      } else if (l && n.title) {
-        const c = l.split("T")[0], y = v.get(c) || [];
-        y.push({ title: n.title, description: n.description, start: l }), v.set(c, y);
+      } else if (o && n.title) {
+        const c = o.split("T")[0], y = v.get(c) || [];
+        y.push({ title: n.title, description: n.description, start: o }), v.set(c, y);
       }
     }
     const A = [];
     let x = 1;
     for (let n = 0; n < 6; n++) {
-      const l = [], u = this.disableWeekend ? [0, 1, 2, 3, 4] : [0, 1, 2, 3, 4, 5, 6];
+      const o = [], u = this.disableWeekend ? [0, 1, 2, 3, 4] : [0, 1, 2, 3, 4, 5, 6];
       let c = x;
       for (let y = 0; y < u.length; y++) {
         const m = u[y];
         if (n === 0 && m < i) {
           if (!this.disableWeekend || m < 5) {
             const g = e === 0 ? 11 : e - 1, E = e === 0 ? t - 1 : t, F = this._daysInMonth(E, g) - (i - m - 1);
-            l.push(w`
+            o.push(w`
               <div class="calendar-day calendar-day--other">
                 <span class="calendar-day-number">${F}</span>
               </div>
             `);
           }
         } else if (c > s)
-          l.push(w`<div></div>`);
+          o.push(w`<div></div>`);
         else {
           let g = new Date(t, e, c);
           if (this.disableWeekend)
             for (; g.getDay() === 0 || g.getDay() === 6; )
               c++, g = new Date(t, e, c);
           if (c > s) {
-            l.push(w`<div></div>`);
+            o.push(w`<div></div>`);
             continue;
           }
-          const E = o.getFullYear() === t && o.getMonth() === e && o.getDate() === c, D = `${t}-${String(e + 1).padStart(2, "0")}-${String(c).padStart(2, "0")}`, F = new Date(t, e, c);
+          const E = l.getFullYear() === t && l.getMonth() === e && l.getDate() === c, D = `${t}-${String(e + 1).padStart(2, "0")}-${String(c).padStart(2, "0")}`, F = new Date(t, e, c);
           let P = !1, M = null;
           this.publicHolidays && (M = this._swedishHolidayName(F), P = !!M);
           let h = v.get(D) || [];
@@ -272,7 +272,7 @@ let f = class extends j {
             } else r.start && r.start.includes("T") && (b = r.start.split("T")[1].substring(0, 5));
             return { ...r, time: b, prefix: S };
           });
-          l.push(w`
+          o.push(w`
             <div
               class="calendar-day${E ? " today" : ""}${h.length ? " has-event" : ""}${P ? " calendar-day--holiday" : ""}"
               tabindex=${h.length ? "0" : void 0}
@@ -293,7 +293,7 @@ let f = class extends j {
           `), c++;
         }
       }
-      if (x = c, A.push(w`<div class="calendar-grid">${l}</div>`), x > s) break;
+      if (x = c, A.push(w`<div class="calendar-grid">${o}</div>`), x > s) break;
     }
     return w`
       <div class="calendar-header">
@@ -310,16 +310,16 @@ let f = class extends j {
       ${this._popupEvent && Array.isArray(this._popupEvent.events) ? w`
         <scb-dialog variant="floating" open label="${a ? "Events" : "Händelser"} ${this._popupEvent.date}">
           <scb-list>
-            ${[...this._popupEvent.events].sort((n, l) => {
-      const u = n.start && n.start.includes("T") ? n.start : n.end && n.end.includes("T") ? n.end : "", c = l.start && l.start.includes("T") ? l.start : l.end && l.end.includes("T") ? l.end : "", y = u && u.includes("T"), m = c && c.includes("T");
-      return y && m ? u.localeCompare(c) : y ? -1 : m ? 1 : n.title.localeCompare(l.title);
+            ${[...this._popupEvent.events].sort((n, o) => {
+      const u = n.start && n.start.includes("T") ? n.start : n.end && n.end.includes("T") ? n.end : "", c = o.start && o.start.includes("T") ? o.start : o.end && o.end.includes("T") ? o.end : "", y = u && u.includes("T"), m = c && c.includes("T");
+      return y && m ? u.localeCompare(c) : y ? -1 : m ? 1 : n.title.localeCompare(o.title);
     }).map((n) => {
       var m;
-      const l = ((m = this._popupEvent) == null ? void 0 : m.date) ?? "";
+      const o = ((m = this._popupEvent) == null ? void 0 : m.date) ?? "";
       let u = "", c = "", y = "";
       if (n.start && n.end) {
         const g = n.start.split("T")[0], E = n.end.split("T")[0];
-        g === E && n.start.includes("T") && n.end.includes("T") ? u = n.start.split("T")[1].substring(0, 5) + " – " + n.end.split("T")[1].substring(0, 5) : l === g && n.start.includes("T") && (u = "Start: " + n.start.split("T")[1].substring(0, 5) + (a ? " (Extended event) " : " (Flerdagsevenemang) ")), l === E && n.end.includes("T") && g !== E && (y = (a ? "End: " : "Slut: ") + n.end.split("T")[1].substring(0, 5)), l !== g && (c = a ? "cont. " : "fort. ");
+        g === E && n.start.includes("T") && n.end.includes("T") ? u = n.start.split("T")[1].substring(0, 5) + " – " + n.end.split("T")[1].substring(0, 5) : o === g && n.start.includes("T") && (u = "Start: " + n.start.split("T")[1].substring(0, 5) + (a ? " (Extended event) " : " (Flerdagsevenemang) ")), o === E && n.end.includes("T") && g !== E && (y = (a ? "End: " : "Slut: ") + n.end.split("T")[1].substring(0, 5)), o !== g && (c = a ? "cont. " : "fort. ");
       } else n.start && n.start.includes("T") && (u = n.start.split("T")[1].substring(0, 5));
       return w`
                 <scb-list-item label="${c}${n.title}" supporting-text="${n.description ? n.description : ""}" overline="${u || ""}${y || ""}">
@@ -333,8 +333,8 @@ let f = class extends j {
 };
 N = /* @__PURE__ */ new WeakSet();
 O = function() {
-  const t = this.mapSpacingToken(this.spacing), e = this.mapSpacingToken(this.spacingTop) ?? t, s = this.mapSpacingToken(this.spacingBottom) ?? t, i = this.mapSpacingToken(this.spacingLeft), o = this.mapSpacingToken(this.spacingRight);
-  e ? this.style.setProperty("--scb-calendar-spacing-block-start", e) : this.style.removeProperty("--scb-calendar-spacing-block-start"), s ? this.style.setProperty("--scb-calendar-spacing-block-end", s) : this.style.removeProperty("--scb-calendar-spacing-block-end"), i ? this.style.setProperty("--scb-calendar-spacing-inline-start", i) : this.style.removeProperty("--scb-calendar-spacing-inline-start"), o ? this.style.setProperty("--scb-calendar-spacing-inline-end", o) : this.style.removeProperty("--scb-calendar-spacing-inline-end");
+  const t = this.mapSpacingToken(this.spacing), e = this.mapSpacingToken(this.spacingTop) ?? t, s = this.mapSpacingToken(this.spacingBottom) ?? t, i = this.mapSpacingToken(this.spacingLeft), l = this.mapSpacingToken(this.spacingRight);
+  e ? this.style.setProperty("--scb-calendar-spacing-block-start", e) : this.style.removeProperty("--scb-calendar-spacing-block-start"), s ? this.style.setProperty("--scb-calendar-spacing-block-end", s) : this.style.removeProperty("--scb-calendar-spacing-block-end"), i ? this.style.setProperty("--scb-calendar-spacing-inline-start", i) : this.style.removeProperty("--scb-calendar-spacing-inline-start"), l ? this.style.setProperty("--scb-calendar-spacing-inline-end", l) : this.style.removeProperty("--scb-calendar-spacing-inline-end");
 };
 f.styles = W`
     :host {
@@ -399,7 +399,13 @@ f.styles = W`
         border-radius: 6px;
     }
     .calendar-day--other {
-        opacity: 0.4;
+       color: light-dark(var(--n-40), var(--n-70));
+    }
+    .calendar-day--other .calendar-day-event-title {
+       color: inherit;
+    }
+    .calendar-day--other .calendar-day-number {
+       font-weight: var(--weight-regular);
     }
     .calendar-day-number {
         font-size:  var(--md-sys-typescale-label-small-size);

package/scb-drawer/scb-drawer.js

@@ -1,9 +1,9 @@
 import { css as _, LitElement as u, nothing as c, html as f } from "lit";
-import { property as a, customElement as h } from "lit/decorators.js";
+import { property as l, customElement as h } from "lit/decorators.js";
 import "../scb-divider/scb-divider.js";
 var p = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (e, r, o, s) => {
-  for (var i = s > 1 ? void 0 : s ? y(r, o) : r, l = e.length - 1, d; l >= 0; l--)
-    (d = e[l]) && (i = (s ? d(r, o, i) : d(i)) || i);
+  for (var i = s > 1 ? void 0 : s ? y(r, o) : r, a = e.length - 1, d; a >= 0; a--)
+    (d = e[a]) && (i = (s ? d(r, o, i) : d(i)) || i);
   return s && i && p(r, o, i), i;
 };
 let t = class extends u {
@@ -169,9 +169,9 @@ let t = class extends u {
       this.__onDocumentKeydown,
       !0
     ), this.updateComplete.then(() => {
-      var l;
+      var a;
       const i = this.__getFocusable()[0];
-      (l = i == null ? void 0 : i.focus) == null || l.call(i);
+      (a = i == null ? void 0 : i.focus) == null || a.call(i);
     }), this.dispatchEvent(
       new CustomEvent("scb-drawer-opened", {
         bubbles: !0,
@@ -285,36 +285,43 @@ t.styles = _`
       flex: 1 1 auto;
       min-height: 0;
       overflow: auto;
+      scrollbar-gutter: stable;
       -webkit-overflow-scrolling: touch;
     }
     :host([floating]:not([open])) .panel {
       content-visibility: auto;
       contain-intrinsic-size: 0 600px;
     }
+
+    @supports not (scrollbar-gutter: stable) {
+      .panel {
+        overflow-y: scroll;
+      }
+    }
   `;
 n([
-  a({ type: Boolean, reflect: !0 })
+  l({ type: Boolean, reflect: !0 })
 ], t.prototype, "floating", 2);
 n([
-  a({ type: Boolean, reflect: !0 })
+  l({ type: Boolean, reflect: !0 })
 ], t.prototype, "left", 2);
 n([
-  a({ type: Boolean, reflect: !0 })
+  l({ type: Boolean, reflect: !0 })
 ], t.prototype, "right", 2);
 n([
-  a({ type: Boolean, reflect: !0 })
+  l({ type: Boolean, reflect: !0 })
 ], t.prototype, "open", 2);
 n([
-  a({ type: Boolean, reflect: !0 })
+  l({ type: Boolean, reflect: !0 })
 ], t.prototype, "overlay", 2);
 n([
-  a({ type: Boolean, reflect: !0, attribute: "lock-scroll" })
+  l({ type: Boolean, reflect: !0, attribute: "lock-scroll" })
 ], t.prototype, "lockScroll", 2);
 n([
-  a({ type: Boolean, reflect: !0, attribute: "close-on-overlay" })
+  l({ type: Boolean, reflect: !0, attribute: "close-on-overlay" })
 ], t.prototype, "closeOnOverlay", 2);
 n([
-  a({ type: Boolean, reflect: !0 })
+  l({ type: Boolean, reflect: !0 })
 ], t.prototype, "modal", 2);
 t = n([
   h("scb-drawer")

package/scb-wc-test.bundle.js

@@ -4857,7 +4857,13 @@ ${this.value}</textarea
         border-radius: 6px;
     }
     .calendar-day--other {
-        opacity: 0.4;
+       color: light-dark(var(--n-40), var(--n-70));
+    }
+    .calendar-day--other .calendar-day-event-title {
+       color: inherit;
+    }
+    .calendar-day--other .calendar-day-number {
+       font-weight: var(--weight-regular);
     }
     .calendar-day-number {
         font-size:  var(--md-sys-typescale-label-small-size);
@@ -6126,12 +6132,19 @@ ${this.value}</textarea
       flex: 1 1 auto;
       min-height: 0;
       overflow: auto;
+      scrollbar-gutter: stable;
       -webkit-overflow-scrolling: touch;
     }
     :host([floating]:not([open])) .panel {
       content-visibility: auto;
       contain-intrinsic-size: 0 600px;
     }
+
+    @supports not (scrollbar-gutter: stable) {
+      .panel {
+        overflow-y: scroll;
+      }
+    }
   `,Ai([a({type:Boolean,reflect:!0})],T.prototype,"floating",2),Ai([a({type:Boolean,reflect:!0})],T.prototype,"left",2),Ai([a({type:Boolean,reflect:!0})],T.prototype,"right",2),Ai([a({type:Boolean,reflect:!0})],T.prototype,"open",2),Ai([a({type:Boolean,reflect:!0})],T.prototype,"overlay",2),Ai([a({type:Boolean,reflect:!0,attribute:"lock-scroll"})],T.prototype,"lockScroll",2),Ai([a({type:Boolean,reflect:!0,attribute:"close-on-overlay"})],T.prototype,"closeOnOverlay",2),Ai([a({type:Boolean,reflect:!0})],T.prototype,"modal",2),T=Ai([g("scb-drawer")],T);var ob=Object.defineProperty,ab=Object.getOwnPropertyDescriptor,Ji=(t,e,i,r)=>{for(var s=r>1?void 0:r?ab(e,i):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(s=(r?n(e,i,s):n(s))||s);return r&&s&&ob(e,i,s),s};let ci=class extends y{constructor(){super(...arguments),this.label="",this.hasSubMenu=!1,this.openLeft=!1,this.divider=!1,this.leadingIcon="",this.trailingIcon="",this.itemHref="",this._observedSubMenu=null,this._syncSubMenuFlags=()=>{var s;const t=this.nextElementSibling,e=!!(t&&t.tagName==="SCB-OPTIONS-SUB-MENU"),i=!!(e&&t.hasAttribute("open-left"));e!==this.hasSubMenu&&(this.hasSubMenu=e),i!==this.openLeft&&(this.openLeft=i);const r=e?t:null;r!==this._observedSubMenu&&((s=this._subMenuAttrObserver)==null||s.disconnect(),this._subMenuAttrObserver=void 0,this._observedSubMenu=r,r&&(this._subMenuAttrObserver=new MutationObserver(()=>this._syncSubMenuFlags()),this._subMenuAttrObserver.observe(r,{attributes:!0,attributeFilter:["open-left"]})))},this.handleClick=t=>{this.itemHref?this._navigateToHref(t):this._toggleSubMenu()},this._onBlur=t=>{const e=this.closest("scb-options-sub-menu");if(e&&e.open){const i=t.relatedTarget;(!i||!e.contains(i))&&e.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0}))}},this._onFocus=()=>{const t=this.nextElementSibling;this.classList.contains("open-submenu")&&(t&&t.tagName==="SCB-OPTIONS-SUB-MENU"&&t.hasAttribute("open")||this.classList.remove("open-submenu"))},this._onKeyDown=t=>{var e,i,r,s,o,n;if(t.key==="Enter"||t.key===" "){t.preventDefault(),this.handleClick(t);return}if(t.key==="ArrowDown"){t.preventDefault();let l=this.nextElementSibling;for(;l&&l.tagName!=="SCB-OPTIONS-MENU-ITEM";)l=l.nextElementSibling;l&&((i=(e=l.shadowRoot)==null?void 0:e.querySelector("li"))==null||i.focus());return}if(t.key==="ArrowUp"){t.preventDefault();let l=this.previousElementSibling;for(;l&&l.tagName!=="SCB-OPTIONS-MENU-ITEM";)l=l.previousElementSibling;l&&((s=(r=l.shadowRoot)==null?void 0:r.querySelector("li"))==null||s.focus());return}if(t.key==="ArrowRight"){t.preventDefault();const l=this.nextElementSibling;l&&l.tagName==="SCB-OPTIONS-SUB-MENU"&&(l.hasAttribute("open")||(this._toggleSubMenu(),l.dispatchEvent(new CustomEvent("show-submenu",{bubbles:!0,composed:!0}))),setTimeout(()=>{var u,v;const d=l.querySelector("scb-options-menu-item");d&&((v=(u=d.shadowRoot)==null?void 0:u.querySelector("li"))==null||v.focus())},0));return}if(t.key==="ArrowLeft"){t.preventDefault();const l=this.nextElementSibling;if(l&&l.tagName==="SCB-OPTIONS-SUB-MENU"&&l.hasAttribute("open")){this._toggleSubMenu(),l.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0}));return}const d=this.closest("scb-options-sub-menu");if(d){const u=d.previousElementSibling;u&&u.tagName==="SCB-OPTIONS-MENU-ITEM"&&((n=(o=u.shadowRoot)==null?void 0:o.querySelector("li"))==null||n.focus())}return}}}connectedCallback(){super.connectedCallback(),this._syncSubMenuFlags(),this._subMenuChildObserver??(this._subMenuChildObserver=new MutationObserver(()=>this._syncSubMenuFlags())),this._subMenuChildObserver.disconnect();const t=this.parentElement;t&&this._subMenuChildObserver.observe(t,{childList:!0})}disconnectedCallback(){var t,e;(t=this._subMenuChildObserver)==null||t.disconnect(),(e=this._subMenuAttrObserver)==null||e.disconnect(),this._subMenuChildObserver=void 0,this._subMenuAttrObserver=void 0,this._observedSubMenu=null,super.disconnectedCallback()}render(){return c`
       ${this.divider?c`<scb-divider></scb-divider>`:""}
   <li @click=${this.handleClick} @keydown=${this._onKeyDown} @blur=${this._onBlur} @focus=${this._onFocus} role="menuitem" tabindex="0">