scb-wc-test 0.1.267 → 0.1.268

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

@@ -113,7 +113,7 @@ import{a as V,n as h,r as R,i as D,k as T,x as i,l as z,t as A}from"../../vendor
 <path d="M688.2,24.4h5.8v6h-5.8V24.4z M688.2,36.6h5.8v30.1h-5.8V36.6z"/>
 <path d="M701.8,24.4h5.8v26.3h0.1l11.2-14.1h7l-10,11.7l11.4,18.3H720l-7.7-14l-4.6,5.4v8.7h-5.8V24.4H701.8z"/>
 </svg>
-`;let c=class extends D{constructor(){super(...arguments),I(this,v),this.variant="Standard",this.selectedChip="Diagram",this.title="",this.subtitle="",this.description="",this.comment="",this.source="",this.footnote="",this.lang="sv",this.imageHref="",this.officialStatistics=!1,this.disableToggle=!1,this.contentMaxWidth="",this.containerMaxWidth="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}get descriptionLabel(){return this.lang==="en"?"Description of the chart":"Beskrivning av diagrammet"}get moreAboutStatsLabel(){return this.lang==="en"?"More about the statistics":"Mer om statistiken"}get commentLabel(){return this.lang==="en"?"Comments":"Kommentar"}get sourceLabel(){return this.lang==="en"?"Source":"Källa"}get footnoteLabel(){return this.lang==="en"?"Footnotes":"Fotnot"}get officialStatisticsLabel(){return this.lang==="en"?"Official statistics of Sweden":"Sveriges officiella statistik"}get officialStatisticsTitle(){return this.lang==="en"?"Part of Official statistics of Sweden":"Tillhör Sveriges officiella statistik"}get officialStatisticsAlt(){return this.lang==="en"?"Read more about Official statistics of Sweden":"Läs mer om Sveriges officiella statistik"}firstUpdated(t){this._readTableDataFromSlot(),b(this,v,M).call(this),b(this,v,L).call(this),this._syncChipClass()}updated(t){super.updated(t),(t.has("selectedChip")||t.has("variant"))&&this._syncChipClass(),t.has("selectedChip")&&this._dispatchSelectedChipChanged(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&b(this,v,M).call(this),t.has("containerMaxWidth")&&b(this,v,L).call(this)}_onTableSlotChange(t){const e=t.target;e&&this._readTableDataFromSlot(e)}_normalizeRenderableCell(t){return t&&typeof t=="object"&&"html"in t&&"text"in t?{html:typeof t.html=="string"?t.html:"",text:typeof t.text=="string"?t.text:""}:{html:"",text:t==null?"":String(t)}}_readTableDataFromSlot(t){const e=t||this.shadowRoot?.querySelector('slot[name="table"]');if(!e)return;const l=e.assignedElements({flatten:!0}),r=[];l.forEach(d=>{if(d.tagName==="TABLE"){r.push(d);return}d.querySelectorAll("table").forEach(g=>r.push(g))});const s=r[0];if(!s){this._slottedTableData=void 0;return}const n=[],a=[],p=[],m=d=>d?(d.textContent??"").replace(/\s+/g," ").trim():"",f=d=>d?{html:(d.innerHTML??"").trim(),text:m(d)}:{html:"",text:""},u=s.querySelector("thead tr");u&&Array.from(u.querySelectorAll("th, td")).forEach(g=>n.push(f(g)));const w=Array.from(s.querySelectorAll("tbody tr")),x=w.length>0?w:Array.from(s.querySelectorAll("tr")).filter(d=>d.closest("thead")===null);if(x.forEach(d=>{const g=Array.from(d.querySelectorAll("th, td"));if(g.length===0)return;const $=g[0].tagName==="TH"&&d.closest("thead")===null&&d.closest("tfoot")===null;p.push($);const S=[];g.forEach(_=>S.push(f(_))),a.push(S)}),!u&&a.length>0){const d=a[0],g=x[0],$=Array.from(g?.querySelectorAll("th, td")??[]);$.length>0&&$.every(_=>_.tagName==="TH")&&g?.closest("tbody")===null&&(n.splice(0,n.length,...d),a.shift(),p.shift())}this._slottedTableData={headers:n.length>0?n:void 0,rows:a,rowHeaderRows:p.length>0?p:void 0}}_inferTableAlignments(t){const e=Math.max(t.headers?.length??0,...t.rows.map(s=>s.length)),l=s=>{if(s==null)return!1;if(typeof s=="number")return!0;const n=String(s).replace(/[\u00A0\u202F\s]+/g,"").trim();return n?/^-?\d+(?:[.,]\d+)?$/.test(n):!1},r=[];for(let s=0;s<e;s+=1){if(s===0){r.push("left");continue}const n=t.rows.map(p=>this._normalizeRenderableCell(p[s]).text).filter(p=>p!==""&&p!==null&&p!==void 0),a=n.length>0&&n.every(l);r.push(a?"right":"left")}return r}_getResolvedContentMaxWidth(){return this.contentMaxWidth?.trim()||""}_renderTable(){const t=this.tableData??this._slottedTableData;if(!t||!t.rows||t.rows.length===0)return null;const e=this._inferTableAlignments(t),l=Math.max(t.headers?.length??0,...t.rows.map(a=>a.length)),r=(t.headers??[]).map(a=>this._normalizeRenderableCell(a)),s=t.rows.map(a=>{const p=a.map(m=>this._normalizeRenderableCell(m));for(;p.length<l;)p.push({html:"",text:""});return p}),n=t.rowHeaderRows??[];return i`
+`;let c=class extends D{constructor(){super(...arguments),I(this,v),this.variant="Standard",this.selectedChip="Diagram",this.title="",this.subtitle="",this.description="",this.comment="",this.source="",this.footnote="",this.lang="sv",this.imageHref="",this.officialStatistics=!1,this.disableToggle=!1,this.contentMaxWidth="",this.containerMaxWidth="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}get descriptionLabel(){return this.lang==="en"?"Description of the chart":"Beskrivning av diagrammet"}get moreAboutStatsLabel(){return this.lang==="en"?"More about the statistics":"Mer om statistiken"}get commentLabel(){return this.lang==="en"?"Comments":"Kommentar"}get sourceLabel(){return this.lang==="en"?"Source":"Källa"}get footnoteLabel(){return this.lang==="en"?"Footnotes":"Fotnot"}get officialStatisticsLabel(){return this.lang==="en"?"Official statistics of Sweden":"Sveriges officiella statistik"}get officialStatisticsTitle(){return this.lang==="en"?"Part of Official statistics of Sweden":"Tillhör Sveriges officiella statistik"}get officialStatisticsAlt(){return this.lang==="en"?"Read more about Official statistics of Sweden":"Läs mer om Sveriges officiella statistik"}firstUpdated(t){this._readTableDataFromSlot(),b(this,v,M).call(this),b(this,v,L).call(this),this._syncChipClass()}updated(t){super.updated(t),(t.has("selectedChip")||t.has("variant"))&&this._syncChipClass(),t.has("selectedChip")&&this._dispatchSelectedChipChanged(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&b(this,v,M).call(this),t.has("containerMaxWidth")&&b(this,v,L).call(this)}_onTableSlotChange(t){const e=t.target;e&&this._readTableDataFromSlot(e)}_normalizeRenderableCell(t){return t&&typeof t=="object"&&"html"in t&&"text"in t?{html:typeof t.html=="string"?t.html:"",text:typeof t.text=="string"?t.text:""}:{html:"",text:t==null?"":String(t)}}_readTableDataFromSlot(t){const e=t||this.shadowRoot?.querySelector('slot[name="table"]');if(!e)return;const l=e.assignedElements({flatten:!0}),r=[];l.forEach(d=>{if(d.tagName==="TABLE"){r.push(d);return}d.querySelectorAll("table").forEach(g=>r.push(g))});const s=r[0];if(!s){this._slottedTableData=void 0;return}const n=[],a=[],p=[],m=d=>d?(d.textContent??"").replace(/\s+/g," ").trim():"",f=d=>d?{html:(d.innerHTML??"").trim(),text:m(d)}:{html:"",text:""},u=s.querySelector("thead tr");u&&Array.from(u.querySelectorAll("th, td")).forEach(g=>n.push(f(g)));const w=Array.from(s.querySelectorAll("tbody tr")),$=w.length>0?w:Array.from(s.querySelectorAll("tr")).filter(d=>d.closest("thead")===null);if($.forEach(d=>{const g=Array.from(d.querySelectorAll("th, td"));if(g.length===0)return;const x=g[0].tagName==="TH"&&d.closest("thead")===null&&d.closest("tfoot")===null;p.push(x);const S=[];g.forEach(_=>S.push(f(_))),a.push(S)}),!u&&a.length>0){const d=a[0],g=$[0],x=Array.from(g?.querySelectorAll("th, td")??[]);x.length>0&&x.every(_=>_.tagName==="TH")&&g?.closest("tbody")===null&&(n.splice(0,n.length,...d),a.shift(),p.shift())}this._slottedTableData={headers:n.length>0?n:void 0,rows:a,rowHeaderRows:p.length>0?p:void 0}}_inferTableAlignments(t){const e=Math.max(t.headers?.length??0,...t.rows.map(s=>s.length)),l=s=>{if(s==null)return!1;if(typeof s=="number")return!0;const n=String(s).replace(/[\u00A0\u202F\s]+/g,"").trim();return n?/^-?\d+(?:[.,]\d+)?$/.test(n):!1},r=[];for(let s=0;s<e;s+=1){if(s===0){r.push("left");continue}const n=t.rows.map(p=>this._normalizeRenderableCell(p[s]).text).filter(p=>p!==""&&p!==null&&p!==void 0),a=n.length>0&&n.every(l);r.push(a?"right":"left")}return r}_getResolvedContentMaxWidth(){return this.contentMaxWidth?.trim()||""}_renderTable(){const t=this.tableData??this._slottedTableData;if(!t||!t.rows||t.rows.length===0)return null;const e=this._inferTableAlignments(t),l=Math.max(t.headers?.length??0,...t.rows.map(a=>a.length)),r=(t.headers??[]).map(a=>this._normalizeRenderableCell(a)),s=t.rows.map(a=>{const p=a.map(m=>this._normalizeRenderableCell(m));for(;p.length<l;)p.push({html:"",text:""});return p}),n=t.rowHeaderRows??[];return i`
       <table class="scb-viz-table" part="table">
         ${r.length>0?i`
               <thead>
@@ -125,7 +125,7 @@ import{a as V,n as h,r as R,i as D,k as T,x as i,l as z,t as A}from"../../vendor
         <tbody>
           ${s.map((a,p)=>{const m=n[p]===!0;return i`
               <tr>
-                ${a.map((f,u)=>{const w=e[u]==="right"?"align-right":"align-left",x=f.html?T(f.html):f.text;return u===0&&m?i`<th scope="row" class=${w}>${x}</th>`:i`<td class=${w}>${x}</td>`})}
+                ${a.map((f,u)=>{const w=e[u]==="right"?"align-right":"align-left",$=f.html?T(f.html):f.text;return u===0&&m?i`<th scope="row" class=${w}>${$}</th>`:i`<td class=${w}>${$}</td>`})}
               </tr>
             `})}
         </tbody>
@@ -304,7 +304,7 @@ import{a as V,n as h,r as R,i as D,k as T,x as i,l as z,t as A}from"../../vendor
               >
                 <div
                   class=${this._getResolvedContentMaxWidth()?"diagram-content diagram-content--constrained":"diagram-content"}
-                  style=${this._getResolvedContentMaxWidth()?`--scb-viz-content-max-width: ${this._getResolvedContentMaxWidth()}; --scb-viz-diagram-max-height: 600px;`:""}
+                  style=${this._getResolvedContentMaxWidth()?`--scb-viz-content-max-width: ${this._getResolvedContentMaxWidth()};`:""}
                 >
                   <slot name="diagram"></slot>
                 </div>
@@ -494,13 +494,14 @@ import{a as V,n as h,r as R,i as D,k as T,x as i,l as z,t as A}from"../../vendor
     .diagram-content {
       width: 100%;
       max-width: var(--scb-viz-content-max-width, 100%);
+      min-width: 0;
       flex: 0 0 auto;
     }
 
     .diagram-content--constrained {
       width: min(100%, var(--scb-viz-content-max-width, 100%));
-      aspect-ratio: var(--scb-viz-diagram-aspect-ratio, 3 / 2);
-      max-height: var(--scb-viz-diagram-max-height, 600px);
+      max-width: var(--scb-viz-content-max-width, 100%);
+      min-width: 0;
     }
 
     ::slotted([slot='diagram']) {
@@ -508,8 +509,8 @@ import{a as V,n as h,r as R,i as D,k as T,x as i,l as z,t as A}from"../../vendor
       width: 100%;
       max-width: 100%;
       min-width: 0;
-      height: 100%;
-      max-height: 100%;
+      height: auto;
+      max-height: none;
     }
 
     :host([variant='Table']) .table-scroller {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.267",
+    "version":  "0.1.268",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -386,5 +386,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "20995E39797B62C065EE1C1B82BEBB4E216943BF60E2609865BAFB14D593A054"
+    "buildHash":  "AF724D867D9C31D5235D7F229261F108BEA8058AB8474B332A871FBC05F29F52"
 }

package/scb-viz/scb-viz.js

@@ -180,8 +180,8 @@ let s = class extends D {
     };
   }
   _readTableDataFromSlot(t) {
-    var $;
-    const e = t || (($ = this.shadowRoot) == null ? void 0 : $.querySelector('slot[name="table"]'));
+    var x;
+    const e = t || ((x = this.shadowRoot) == null ? void 0 : x.querySelector('slot[name="table"]'));
     if (!e) return;
     const c = e.assignedElements({ flatten: !0 }), h = [];
     c.forEach((n) => {
@@ -201,10 +201,10 @@ let s = class extends D {
       text: v(n)
     } : { html: "", text: "" }, u = o.querySelector("thead tr");
     u && Array.from(u.querySelectorAll("th, td")).forEach((g) => a.push(f(g)));
-    const w = Array.from(o.querySelectorAll("tbody tr")), x = w.length > 0 ? w : Array.from(o.querySelectorAll("tr")).filter(
+    const w = Array.from(o.querySelectorAll("tbody tr")), $ = w.length > 0 ? w : Array.from(o.querySelectorAll("tr")).filter(
       (n) => n.closest("thead") === null
     );
-    if (x.forEach((n) => {
+    if ($.forEach((n) => {
       const g = Array.from(n.querySelectorAll("th, td"));
       if (g.length === 0) return;
       const S = g[0].tagName === "TH" && n.closest("thead") === null && n.closest("tfoot") === null;
@@ -212,7 +212,7 @@ let s = class extends D {
       const z = [];
       g.forEach((_) => z.push(f(_))), d.push(z);
     }), !u && d.length > 0) {
-      const n = d[0], g = x[0], S = Array.from((g == null ? void 0 : g.querySelectorAll("th, td")) ?? []);
+      const n = d[0], g = $[0], S = Array.from((g == null ? void 0 : g.querySelectorAll("th, td")) ?? []);
       S.length > 0 && S.every((_) => _.tagName === "TH") && (g == null ? void 0 : g.closest("tbody")) === null && (a.splice(0, a.length, ...n), d.shift(), p.shift());
     }
     this._slottedTableData = {
@@ -276,8 +276,8 @@ let s = class extends D {
       return i`
               <tr>
                 ${p.map((u, w) => {
-        const x = e[w] === "right" ? "align-right" : "align-left", $ = u.html ? T(u.html) : u.text;
-        return w === 0 && f ? i`<th scope="row" class=${x}>${$}</th>` : i`<td class=${x}>${$}</td>`;
+        const $ = e[w] === "right" ? "align-right" : "align-left", x = u.html ? T(u.html) : u.text;
+        return w === 0 && f ? i`<th scope="row" class=${$}>${x}</th>` : i`<td class=${$}>${x}</td>`;
       })}
               </tr>
             `;
@@ -467,7 +467,7 @@ let s = class extends D {
               >
                 <div
                   class=${this._getResolvedContentMaxWidth() ? "diagram-content diagram-content--constrained" : "diagram-content"}
-                  style=${this._getResolvedContentMaxWidth() ? `--scb-viz-content-max-width: ${this._getResolvedContentMaxWidth()}; --scb-viz-diagram-max-height: 600px;` : ""}
+                  style=${this._getResolvedContentMaxWidth() ? `--scb-viz-content-max-width: ${this._getResolvedContentMaxWidth()};` : ""}
                 >
                   <slot name="diagram"></slot>
                 </div>
@@ -714,13 +714,14 @@ s.styles = R`
     .diagram-content {
       width: 100%;
       max-width: var(--scb-viz-content-max-width, 100%);
+      min-width: 0;
       flex: 0 0 auto;
     }
 
     .diagram-content--constrained {
       width: min(100%, var(--scb-viz-content-max-width, 100%));
-      aspect-ratio: var(--scb-viz-diagram-aspect-ratio, 3 / 2);
-      max-height: var(--scb-viz-diagram-max-height, 600px);
+      max-width: var(--scb-viz-content-max-width, 100%);
+      min-width: 0;
     }
 
     ::slotted([slot='diagram']) {
@@ -728,8 +729,8 @@ s.styles = R`
       width: 100%;
       max-width: 100%;
       min-width: 0;
-      height: 100%;
-      max-height: 100%;
+      height: auto;
+      max-height: none;
     }
 
     :host([variant='Table']) .table-scroller {

package/scb-wc-test.bundle.js

@@ -12393,7 +12393,7 @@
               >
                 <div
                   class=${this._getResolvedContentMaxWidth()?"diagram-content diagram-content--constrained":"diagram-content"}
-                  style=${this._getResolvedContentMaxWidth()?`--scb-viz-content-max-width: ${this._getResolvedContentMaxWidth()}; --scb-viz-diagram-max-height: 600px;`:""}
+                  style=${this._getResolvedContentMaxWidth()?`--scb-viz-content-max-width: ${this._getResolvedContentMaxWidth()};`:""}
                 >
                   <slot name="diagram"></slot>
                 </div>
@@ -12583,13 +12583,14 @@
     .diagram-content {
       width: 100%;
       max-width: var(--scb-viz-content-max-width, 100%);
+      min-width: 0;
       flex: 0 0 auto;
     }
 
     .diagram-content--constrained {
       width: min(100%, var(--scb-viz-content-max-width, 100%));
-      aspect-ratio: var(--scb-viz-diagram-aspect-ratio, 3 / 2);
-      max-height: var(--scb-viz-diagram-max-height, 600px);
+      max-width: var(--scb-viz-content-max-width, 100%);
+      min-width: 0;
     }
 
     ::slotted([slot='diagram']) {
@@ -12597,8 +12598,8 @@
       width: 100%;
       max-width: 100%;
       min-width: 0;
-      height: 100%;
-      max-height: 100%;
+      height: auto;
+      max-height: none;
     }
 
     :host([variant='Table']) .table-scroller {