scb-wc-test 0.1.209 → 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/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.209",
+    "version":  "0.1.210",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -378,5 +378,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "D24F36CC57BA7D3ADD9FC8338CF137548DC71E558E98F3D3C930069115333E3B"
+    "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-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);