scb-wc-test 0.1.53 → 0.1.54

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

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x as h,t as u}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(n,o,a){try{customElements.get(n)||s(n,o,a)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,t=(i,s,n,o)=>{for(var a=o>1?void 0:o?v(s,n):s,l=i.length-1,d;l>=0;l--)(d=i[l])&&(a=(o?d(s,n,a):d(a))||a);return o&&a&&y(s,n,a),a};let e=class extends f{constructor(){super(...arguments),this.variant="default",this.direction="horizontal",this.title="",this.subtitle="",this.supportingText="",this.cardHref="",this.cardHrefNav="",this.showMedia=null,this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.width="",this.maxWidth="",this.minWidth="",this.height="",this.maxHeight="",this.minHeight="",this.sizing="stretch"}async firstUpdated(){e.__iconLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(i=>i.i),__vite__mapDeps([0,1]),import.meta.url),e.__iconLoaded=!0),e.__rippleLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(i=>i.r),__vite__mapDeps([0,1]),import.meta.url),e.__rippleLoaded=!0),this.__applyInnerSizing()}render(){const i=this.variant?`${this.variant.toLowerCase()}`:"",s=this.direction?`${this.direction.toLowerCase()}`:"",n=this.cardHref?"clickable":"",o=1,a="Jan",l=this.mediaWidth&&this.mediaWidth.trim()!==""?this.mediaWidth:"",d=this.mediaHeight&&this.mediaHeight.trim()!==""?this.mediaHeight:"",c=this.mediaAspect&&this.mediaAspect.trim()!==""?this.mediaAspect:"",m=`${l?`inline-size:${l};`:""}${d?`block-size:${d};`:""}${c?`aspect-ratio:${c};`:""}`;return h`
+import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x as c,t as u}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(n,o,a){try{customElements.get(n)||s(n,o,a)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,t=(i,s,n,o)=>{for(var a=o>1?void 0:o?v(s,n):s,l=i.length-1,d;l>=0;l--)(d=i[l])&&(a=(o?d(s,n,a):d(a))||a);return o&&a&&y(s,n,a),a};let e=class extends f{constructor(){super(...arguments),this.variant="default",this.direction="horizontal",this.title="",this.subtitle="",this.supportingText="",this.cardHref="",this.cardHrefNav="",this.showMedia=null,this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.width="",this.maxWidth="",this.minWidth="",this.height="",this.maxHeight="",this.minHeight="",this.sizing="stretch"}async firstUpdated(){e.__iconLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(i=>i.i),__vite__mapDeps([0,1]),import.meta.url),e.__iconLoaded=!0),e.__rippleLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(i=>i.r),__vite__mapDeps([0,1]),import.meta.url),e.__rippleLoaded=!0),this.__applyInnerSizing()}render(){const i=this.variant?`${this.variant.toLowerCase()}`:"",s=this.direction?`${this.direction.toLowerCase()}`:"",n=this.cardHref?"clickable":"",o=1,a="Jan",l=this.mediaWidth&&this.mediaWidth.trim()!==""?this.mediaWidth:"",d=this.mediaHeight&&this.mediaHeight.trim()!==""?this.mediaHeight:"",h=this.mediaAspect&&this.mediaAspect.trim()!==""?this.mediaAspect:"",m=`${l?`inline-size:${l};`:""}${d?`block-size:${d};`:""}${h?`aspect-ratio:${h};`:""}`;return c`
       <div
         class="calendar-card ${s} ${n} ${i}"
         role="${this.cardHref?"link":"group"}"
@@ -9,8 +9,8 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x
         @keydown=${this.cardHref?this._onKeyDown:null}
         style="cursor: ${this.cardHref?"pointer":"default"};"
       >
-        ${this.cardHref?h`<md-ripple></md-ripple>`:""}
-        ${this.showMedia?h`
+        ${this.cardHref?c`<md-ripple></md-ripple>`:""}
+        ${this.showMedia?c`
               <div class="media" style="${m}" aria-label="Datum: ${o} ${a}">
                 <div class="day">${o}</div>
                 <div class="month">${a}</div>
@@ -19,10 +19,10 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x
         <div class="container">
           <div class="header-container">
             <div class="header">${this.title}</div>
-            ${this.cardHref?h`<md-icon>arrow_forward</md-icon>`:""}
+            ${this.cardHref?c`<md-icon>arrow_forward</md-icon>`:""}
           </div>
-          ${this.subtitle?h`<div class="subtitle">${this.subtitle}</div>`:""}
-          ${this.supportingText?h`<div class="supporting-text">${this.supportingText}</div>`:""}
+          ${this.subtitle?c`<div class="subtitle">${this.subtitle}</div>`:""}
+          ${this.supportingText?c`<div class="supporting-text">${this.supportingText}</div>`:""}
         </div>
       </div>
       <md-focus-ring></md-focus-ring>
@@ -88,6 +88,15 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x
       max-inline-size: 100%;
     }
 
+    /* Lås standard till proportionella siffror i kortet */
+    .calendar-card,
+    .calendar-card .header,
+    .calendar-card .subtitle,
+    .calendar-card .supporting-text {
+      font-variant-numeric: proportional-nums;
+      font-feature-settings: "tnum" 0, "pnum" 1;
+    }
+
     .calendar-card:focus,
     .calendar-card:focus-visible { outline: none; }
 
@@ -223,6 +232,5 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x
 
       overflow: visible;
       text-overflow: clip;
-      font-variant-numeric: tabular-nums;
     }
   `;t([r({type:String,reflect:!0})],e.prototype,"variant",2);t([r({type:String,reflect:!0})],e.prototype,"direction",2);t([r({type:String})],e.prototype,"title",2);t([r({type:String})],e.prototype,"subtitle",2);t([r({type:String,attribute:"supporting-text"})],e.prototype,"supportingText",2);t([r({type:String,attribute:"card-href"})],e.prototype,"cardHref",2);t([r({type:String,attribute:"card-href-nav"})],e.prototype,"cardHrefNav",2);t([r({type:Boolean,reflect:!0,attribute:"show-media"})],e.prototype,"showMedia",2);t([r({type:String,attribute:"media-width"})],e.prototype,"mediaWidth",2);t([r({type:String,attribute:"media-height"})],e.prototype,"mediaHeight",2);t([r({type:String,attribute:"media-aspect"})],e.prototype,"mediaAspect",2);t([r({type:String,reflect:!0})],e.prototype,"width",2);t([r({type:String,reflect:!0,attribute:"max-width"})],e.prototype,"maxWidth",2);t([r({type:String,attribute:"min-width"})],e.prototype,"minWidth",2);t([r({type:String,reflect:!0})],e.prototype,"height",2);t([r({type:String,reflect:!0,attribute:"max-height"})],e.prototype,"maxHeight",2);t([r({type:String,attribute:"min-height"})],e.prototype,"minHeight",2);t([r({type:String,reflect:!0})],e.prototype,"sizing",2);e=t([u("scb-calendar-card")],e);

package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js

@@ -1,4 +1,4 @@
-import{a as d,n as a,i as p,x as o,t as u}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,n,l){try{customElements.get(r)||t(r,n,l)}catch(c){var h=String(c||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(e,t,r,n)=>{for(var l=n>1?void 0:n?g(t,r):t,h=e.length-1,c;h>=0;h--)(c=e[h])&&(l=(n?c(t,r,l):c(l))||l);return n&&l&&y(t,r,l),l};let i=class extends p{constructor(){super(...arguments),this.keyfigure=0,this.subLabel="",this.supportingText="",this.cardHref="",this.icon="",this.size="standard",this.unit="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.sizing="stretch",this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.location.href=this.cardHref)},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||(window.location.href=this.cardHref))}}formatNumber(e){if(typeof e=="number")return e.toLocaleString("sv-SE").replace(/\u00A0/g," ");const t=Number(e);return Number.isNaN(t)?String(e):t.toLocaleString("sv-SE").replace(/\u00A0/g," ")}render(){const e=!!this.cardHref,t=this.formatNumber(this.keyfigure),r=(this.unit||"").trim(),n=r?`${t} ${r}`:t;return o`
+import{a as d,n as a,i as u,x as l,t as p}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,n,o){try{customElements.get(r)||t(r,n,o)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(e,t,r,n)=>{for(var o=n>1?void 0:n?g(t,r):t,c=e.length-1,h;c>=0;c--)(h=e[c])&&(o=(n?h(t,r,o):h(o))||o);return n&&o&&y(t,r,o),o};let i=class extends u{constructor(){super(...arguments),this.keyfigure=0,this.subLabel="",this.supportingText="",this.cardHref="",this.icon="",this.size="standard",this.unit="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.sizing="stretch",this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.location.href=this.cardHref)},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||(window.location.href=this.cardHref))}}formatNumber(e){if(typeof e=="number")return e.toLocaleString("sv-SE").replace(/\u00A0/g," ");const t=Number(e);return Number.isNaN(t)?String(e):t.toLocaleString("sv-SE").replace(/\u00A0/g," ")}render(){const e=!!this.cardHref,t=this.formatNumber(this.keyfigure),r=(this.unit||"").trim(),n=r?`${t} ${r}`:t;return l`
       <div
         class="scb-keyfigure-card ${e?"clickable":""} ${this.size}"
         role=${e?"link":"group"}
@@ -8,29 +8,30 @@ import{a as d,n as a,i as p,x as o,t as u}from"../../vendor/vendor.js";import"..
         @keydown=${e?this.__onKeyDown:null}
         style="cursor:${e?"pointer":"default"};"
       >
-        ${e?o`<md-ripple></md-ripple>`:""}
-        ${this.icon?o`<md-icon>${this.icon}</md-icon>`:""}
+        ${e?l`<md-ripple></md-ripple>`:""}
+        ${this.icon?l`<md-icon>${this.icon}</md-icon>`:""}
 
-        ${this.keyfigure!==void 0&&this.keyfigure!==null&&this.keyfigure!==""?o`
+        ${this.keyfigure!==void 0&&this.keyfigure!==null&&this.keyfigure!==""?l`
           <div class="keyfigure">
             <span class="value" aria-label="${n}">
-              ${t}${r?o`<span class="unit" aria-hidden="true">\u00A0${r}</span>`:""}
+              ${t}${r?l`<span class="unit" aria-hidden="true">\u00A0${r}</span>`:""}
             </span>
-            ${e?o`<md-icon>arrow_forward</md-icon>`:""}
+            ${e?l`<md-icon>arrow_forward</md-icon>`:""}
           </div>
         `:""}
 
-        ${this.subLabel?o`
+        ${this.subLabel?l`
           <div class="sub-label">
-            ${e?o`<a href="${this.cardHref}" tabindex="-1">${this.subLabel}</a>`:this.subLabel}
+            ${e?l`<a href="${this.cardHref}" tabindex="-1">${this.subLabel}</a>`:this.subLabel}
           </div>
         `:""}
 
-        ${this.supportingText?o`<div class="supporting-text">${this.supportingText}</div>`:""}
+        ${this.supportingText?l`<div class="supporting-text">${this.supportingText}</div>`:""}
       </div>
 
       <md-focus-ring></md-focus-ring>
     `}__applyInnerSizing(){const e=this.renderRoot.querySelector(".scb-keyfigure-card");if(!e)return;this.width&&this.width.trim()!==""?(e.style.inlineSize="100%",e.style.maxInlineSize="100%"):(e.style.removeProperty("inline-size"),e.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?e.style.blockSize="100%":e.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?e.style.maxBlockSize="100%":e.style.removeProperty("max-block-size")}updated(e){super.updated(e),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(e.has("width")||e.has("height")||e.has("maxHeight")||e.has("sizing"))&&this.__applyInnerSizing()}firstUpdated(){this.__applyInnerSizing()}};i.styles=d`
+
     :host {
       display: block;
       box-sizing: border-box;
@@ -40,6 +41,15 @@ import{a as d,n as a,i as p,x as o,t as u}from"../../vendor/vendor.js";import"..
       padding: var(--scb-keyfigure-card-focus-ring-gap, 4px);
     }
 
+    /* Ska vi ha tabulära eller inte? */
+    .scb-keyfigure-card,
+    .scb-keyfigure-card .keyfigure,
+    .scb-keyfigure-card .value {
+      font-variant-numeric: proportional-nums !important;
+      font-feature-settings: "tnum" 0, "pnum" 1;
+    }
+
+
     :host([sizing="stretch"]) {
       inline-size: 100%;
       block-size: 100%;
@@ -124,4 +134,4 @@ import{a as d,n as a,i as p,x as o,t as u}from"../../vendor/vendor.js";import"..
       line-height: var(--md-sys-typescale-display-medium-line-height);
       letter-spacing: var(--md-sys-typescale-display-medium-tracking);
     }
-  `;s([a({attribute:"keyfigure"})],i.prototype,"keyfigure",2);s([a({type:String,attribute:"sub-label"})],i.prototype,"subLabel",2);s([a({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);s([a({type:String,attribute:"card-href"})],i.prototype,"cardHref",2);s([a({type:String})],i.prototype,"icon",2);s([a({type:String})],i.prototype,"size",2);s([a({type:String})],i.prototype,"unit",2);s([a({type:String,reflect:!0})],i.prototype,"width",2);s([a({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",2);s([a({type:String,reflect:!0})],i.prototype,"height",2);s([a({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",2);s([a({type:String,reflect:!0})],i.prototype,"sizing",2);i=s([u("scb-keyfigure-card")],i);
+  `;s([a({attribute:"keyfigure"})],i.prototype,"keyfigure",2);s([a({type:String,attribute:"sub-label"})],i.prototype,"subLabel",2);s([a({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);s([a({type:String,attribute:"card-href"})],i.prototype,"cardHref",2);s([a({type:String})],i.prototype,"icon",2);s([a({type:String})],i.prototype,"size",2);s([a({type:String})],i.prototype,"unit",2);s([a({type:String,reflect:!0})],i.prototype,"width",2);s([a({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",2);s([a({type:String,reflect:!0})],i.prototype,"height",2);s([a({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",2);s([a({type:String,reflect:!0})],i.prototype,"sizing",2);i=s([p("scb-keyfigure-card")],i);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.53",
+    "version":  "0.1.54",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -278,5 +278,5 @@
                                       },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "DAE3C2FF190C4F1DD4D8B493C16A678D2248C7B9B1CA5EAC5133D8CEE4E14CE6"
+    "buildHash":  "EC0AF9D18867B05B30D091D7EF9AB03D65337938FA6DBD440BA55348D4D5946D"
 }

package/scb-calendar-card/scb-calendar-card.js

@@ -123,6 +123,15 @@ e.styles = m`
       max-inline-size: 100%;
     }
 
+    /* Lås standard till proportionella siffror i kortet */
+    .calendar-card,
+    .calendar-card .header,
+    .calendar-card .subtitle,
+    .calendar-card .supporting-text {
+      font-variant-numeric: proportional-nums;
+      font-feature-settings: "tnum" 0, "pnum" 1;
+    }
+
     .calendar-card:focus,
     .calendar-card:focus-visible { outline: none; }
 
@@ -258,7 +267,6 @@ e.styles = m`
 
       overflow: visible;
       text-overflow: clip;
-      font-variant-numeric: tabular-nums;
     }
   `;
 t([

package/scb-keyfigure-card/scb-keyfigure-card.js

@@ -1,14 +1,14 @@
-import { css as p, LitElement as d, html as a } from "lit";
-import { property as r, customElement as y } from "lit/decorators.js";
+import { css as p, LitElement as u, html as a } from "lit";
+import { property as s, customElement as d } from "lit/decorators.js";
 import "@material/web/icon/icon.js";
 import "@material/web/ripple/ripple.js";
 import "@material/web/focus/md-focus-ring.js";
-var u = Object.defineProperty, g = Object.getOwnPropertyDescriptor, t = (e, s, n, o) => {
-  for (var l = o > 1 ? void 0 : o ? g(s, n) : s, h = e.length - 1, c; h >= 0; h--)
-    (c = e[h]) && (l = (o ? c(s, n, l) : c(l)) || l);
-  return o && l && u(s, n, l), l;
+var y = Object.defineProperty, g = Object.getOwnPropertyDescriptor, t = (e, r, n, o) => {
+  for (var l = o > 1 ? void 0 : o ? g(r, n) : r, h = e.length - 1, c; h >= 0; h--)
+    (c = e[h]) && (l = (o ? c(r, n, l) : c(l)) || l);
+  return o && l && y(r, n, l), l;
 };
-let i = class extends d {
+let i = class extends u {
   constructor() {
     super(...arguments), this.keyfigure = 0, this.subLabel = "", this.supportingText = "", this.cardHref = "", this.icon = "", this.size = "standard", this.unit = "", this.width = "", this.maxWidth = "", this.height = "", this.maxHeight = "", this.sizing = "stretch", this.__onKeyDown = (e) => {
       (e.key === "Enter" || e.key === " ") && this.cardHref && (e.preventDefault(), window.location.href = this.cardHref);
@@ -19,11 +19,11 @@ let i = class extends d {
   formatNumber(e) {
     if (typeof e == "number")
       return e.toLocaleString("sv-SE").replace(/\u00A0/g, " ");
-    const s = Number(e);
-    return Number.isNaN(s) ? String(e) : s.toLocaleString("sv-SE").replace(/\u00A0/g, " ");
+    const r = Number(e);
+    return Number.isNaN(r) ? String(e) : r.toLocaleString("sv-SE").replace(/\u00A0/g, " ");
   }
   render() {
-    const e = !!this.cardHref, s = this.formatNumber(this.keyfigure), n = (this.unit || "").trim(), o = n ? `${s} ${n}` : s;
+    const e = !!this.cardHref, r = this.formatNumber(this.keyfigure), n = (this.unit || "").trim(), o = n ? `${r} ${n}` : r;
     return a`
       <div
         class="scb-keyfigure-card ${e ? "clickable" : ""} ${this.size}"
@@ -40,7 +40,7 @@ let i = class extends d {
         ${this.keyfigure !== void 0 && this.keyfigure !== null && this.keyfigure !== "" ? a`
           <div class="keyfigure">
             <span class="value" aria-label="${o}">
-              ${s}${n ? a`<span class="unit" aria-hidden="true">\u00A0${n}</span>` : ""}
+              ${r}${n ? a`<span class="unit" aria-hidden="true">\u00A0${n}</span>` : ""}
             </span>
             ${e ? a`<md-icon>arrow_forward</md-icon>` : ""}
           </div>
@@ -71,6 +71,7 @@ let i = class extends d {
   }
 };
 i.styles = p`
+
     :host {
       display: block;
       box-sizing: border-box;
@@ -80,6 +81,15 @@ i.styles = p`
       padding: var(--scb-keyfigure-card-focus-ring-gap, 4px);
     }
 
+    /* Ska vi ha tabulära eller inte? */
+    .scb-keyfigure-card,
+    .scb-keyfigure-card .keyfigure,
+    .scb-keyfigure-card .value {
+      font-variant-numeric: proportional-nums !important;
+      font-feature-settings: "tnum" 0, "pnum" 1;
+    }
+
+
     :host([sizing="stretch"]) {
       inline-size: 100%;
       block-size: 100%;
@@ -166,43 +176,43 @@ i.styles = p`
     }
   `;
 t([
-  r({ attribute: "keyfigure" })
+  s({ attribute: "keyfigure" })
 ], i.prototype, "keyfigure", 2);
 t([
-  r({ type: String, attribute: "sub-label" })
+  s({ type: String, attribute: "sub-label" })
 ], i.prototype, "subLabel", 2);
 t([
-  r({ type: String, attribute: "supporting-text" })
+  s({ type: String, attribute: "supporting-text" })
 ], i.prototype, "supportingText", 2);
 t([
-  r({ type: String, attribute: "card-href" })
+  s({ type: String, attribute: "card-href" })
 ], i.prototype, "cardHref", 2);
 t([
-  r({ type: String })
+  s({ type: String })
 ], i.prototype, "icon", 2);
 t([
-  r({ type: String })
+  s({ type: String })
 ], i.prototype, "size", 2);
 t([
-  r({ type: String })
+  s({ type: String })
 ], i.prototype, "unit", 2);
 t([
-  r({ type: String, reflect: !0 })
+  s({ type: String, reflect: !0 })
 ], i.prototype, "width", 2);
 t([
-  r({ type: String, reflect: !0, attribute: "max-width" })
+  s({ type: String, reflect: !0, attribute: "max-width" })
 ], i.prototype, "maxWidth", 2);
 t([
-  r({ type: String, reflect: !0 })
+  s({ type: String, reflect: !0 })
 ], i.prototype, "height", 2);
 t([
-  r({ type: String, reflect: !0, attribute: "max-height" })
+  s({ type: String, reflect: !0, attribute: "max-height" })
 ], i.prototype, "maxHeight", 2);
 t([
-  r({ type: String, reflect: !0 })
+  s({ type: String, reflect: !0 })
 ], i.prototype, "sizing", 2);
 i = t([
-  y("scb-keyfigure-card")
+  d("scb-keyfigure-card")
 ], i);
 export {
   i as ScbKeyFigureCard

package/scb-wc-test.bundle.js

@@ -3089,6 +3089,15 @@ var ScbWcTest=function(a){"use strict";var xs;function d(o,e,t,r){var i=argument
       max-inline-size: 100%;
     }
 
+    /* Lås standard till proportionella siffror i kortet */
+    .calendar-card,
+    .calendar-card .header,
+    .calendar-card .subtitle,
+    .calendar-card .supporting-text {
+      font-variant-numeric: proportional-nums;
+      font-feature-settings: "tnum" 0, "pnum" 1;
+    }
+
     .calendar-card:focus,
     .calendar-card:focus-visible { outline: none; }
 
@@ -3224,7 +3233,6 @@ var ScbWcTest=function(a){"use strict";var xs;function d(o,e,t,r){var i=argument
 
       overflow: visible;
       text-overflow: clip;
-      font-variant-numeric: tabular-nums;
     }
   `,H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"variant",2),H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"direction",2),H([l({type:String})],a.ScbCalendarCard.prototype,"title",2),H([l({type:String})],a.ScbCalendarCard.prototype,"subtitle",2),H([l({type:String,attribute:"supporting-text"})],a.ScbCalendarCard.prototype,"supportingText",2),H([l({type:String,attribute:"card-href"})],a.ScbCalendarCard.prototype,"cardHref",2),H([l({type:String,attribute:"card-href-nav"})],a.ScbCalendarCard.prototype,"cardHrefNav",2),H([l({type:Boolean,reflect:!0,attribute:"show-media"})],a.ScbCalendarCard.prototype,"showMedia",2),H([l({type:String,attribute:"media-width"})],a.ScbCalendarCard.prototype,"mediaWidth",2),H([l({type:String,attribute:"media-height"})],a.ScbCalendarCard.prototype,"mediaHeight",2),H([l({type:String,attribute:"media-aspect"})],a.ScbCalendarCard.prototype,"mediaAspect",2),H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"width",2),H([l({type:String,reflect:!0,attribute:"max-width"})],a.ScbCalendarCard.prototype,"maxWidth",2),H([l({type:String,attribute:"min-width"})],a.ScbCalendarCard.prototype,"minWidth",2),H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"height",2),H([l({type:String,reflect:!0,attribute:"max-height"})],a.ScbCalendarCard.prototype,"maxHeight",2),H([l({type:String,attribute:"min-height"})],a.ScbCalendarCard.prototype,"minHeight",2),H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"sizing",2),a.ScbCalendarCard=H([g("scb-calendar-card")],a.ScbCalendarCard);var rd=Object.defineProperty,id=Object.getOwnPropertyDescriptor,E=(o,e,t,r)=>{for(var i=r>1?void 0:r?id(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&rd(e,t,i),i};a.ScbCard=class extends y{constructor(){super(...arguments),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subLabel="",this.supportingText="",this.commentsText="",this.comments=0,this.likesText="",this.likes=0,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.__onImgLoad=e=>{const t=e.currentTarget.closest(".media");t&&t.classList.add("is-loaded")},this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||window.open(this.cardHref,"_self"))}}__calcAspectWH(e){const t=(e||"").trim();if(!t)return{w:640,h:360};const r=t.includes("/")?t.split("/"):t.includes(":")?t.split(":"):t.includes("x")?t.split("x"):null;if(r&&r.length===2){const s=Number(r[0]),n=Number(r[1]);if(s>0&&n>0)return{w:s,h:n}}const i=Number(t);return isFinite(i)&&i>0?{w:1e3,h:Math.round(1e3/i)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return c`
         <div class="media">
@@ -5181,6 +5189,7 @@ var ScbWcTest=function(a){"use strict";var xs;function d(o,e,t,r){var i=argument
 
       <md-focus-ring></md-focus-ring>
     `}__applyInnerSizing(){const e=this.renderRoot.querySelector(".scb-keyfigure-card");if(!e)return;this.width&&this.width.trim()!==""?(e.style.inlineSize="100%",e.style.maxInlineSize="100%"):(e.style.removeProperty("inline-size"),e.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?e.style.blockSize="100%":e.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?e.style.maxBlockSize="100%":e.style.removeProperty("max-block-size")}updated(e){super.updated(e),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(e.has("width")||e.has("height")||e.has("maxHeight")||e.has("sizing"))&&this.__applyInnerSizing()}firstUpdated(){this.__applyInnerSizing()}},a.ScbKeyFigureCard.styles=b`
+
     :host {
       display: block;
       box-sizing: border-box;
@@ -5190,6 +5199,15 @@ var ScbWcTest=function(a){"use strict";var xs;function d(o,e,t,r){var i=argument
       padding: var(--scb-keyfigure-card-focus-ring-gap, 4px);
     }
 
+    /* Ska vi ha tabulära eller inte? */
+    .scb-keyfigure-card,
+    .scb-keyfigure-card .keyfigure,
+    .scb-keyfigure-card .value {
+      font-variant-numeric: proportional-nums !important;
+      font-feature-settings: "tnum" 0, "pnum" 1;
+    }
+
+
     :host([sizing="stretch"]) {
       inline-size: 100%;
       block-size: 100%;