scb-wc 0.1.78 → 0.1.80

package/mvc/components/scb-gallery-grid/scb-gallery-grid.js

@@ -1,4 +1,4 @@
-import{_ as M,b as S,g as z,h as E,m as w,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as y}from"../../vendor/decorate.js";import{n as L,t as n}from"../../vendor/assertClassBrand.js";import{n as l,r as d,t as i}from"../../vendor/classPrivateFieldGet2.js";import"../scb-horizontal-scroller/scb-horizontal-scroller.js";import"../scb-overlay/scb-overlay.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(a,t,o){try{customElements.get(a)||r(a,t,o)}catch(C){var c=String(C||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw C}}}}catch{}})();var g,u,f,b,m,p,s,v,x,A={fromAttribute(e){return e===null?!0:e.toLowerCase()!=="false"},toAttribute(e){return e?"":"false"}},h=(g=new WeakMap,u=new WeakMap,f=new WeakMap,b=new WeakMap,m=new WeakMap,p=new WeakMap,s=new WeakSet,v=new WeakMap,x=class extends M{constructor(...r){super(...r),L(this,s),d(this,g,void 0),d(this,u,void 0),d(this,f,void 0),d(this,b,void 0),d(this,m,void 0),d(this,p,void 0),d(this,v,void 0),this.variant="default",this.enableClickCarousel=!0,this.overlayOpen=!1,this.overlayIndex=0,this.overlayImages=[],l(g,this,[]),l(u,this,a=>{a.key==="Escape"&&this.overlayOpen&&i(v,this).call(this)}),l(f,this,()=>{n(s,this,_).call(this)}),l(b,this,a=>{if(!this.enableClickCarousel)return;const t=a.currentTarget;t instanceof HTMLElement&&t.setAttribute("data-scb-gallery-hover","")}),l(m,this,a=>{if(!this.enableClickCarousel)return;const t=a.currentTarget;t instanceof HTMLElement&&t.removeAttribute("data-scb-gallery-hover")}),l(p,this,a=>{if(!this.enableClickCarousel)return;const t=a.currentTarget;if(!(t instanceof HTMLElement))return;const o=t.getAttribute("data-scb-gallery-slide-index");if(o==null)return;const c=Number(o);Number.isFinite(c)&&n(s,this,G).call(this,c)}),l(v,this,()=>{this.overlayOpen=!1})}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",i(u,this))}disconnectedCallback(){window.removeEventListener("keydown",i(u,this)),n(s,this,I).call(this),super.disconnectedCallback()}firstUpdated(){n(s,this,_).call(this)}updated(r){r.has("enableClickCarousel")&&(this.enableClickCarousel||i(v,this).call(this),n(s,this,_).call(this))}render(){return k`
+import{f as w,h as M,m as S,p as E,v as k,y as z}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as y}from"../../vendor/decorate.js";import{n as L,t as n}from"../../vendor/assertClassBrand.js";import{n as l,r as d,t as i}from"../../vendor/classPrivateFieldGet2.js";import"../scb-horizontal-scroller/scb-horizontal-scroller.js";import"../scb-overlay/scb-overlay.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(a,t,o){try{customElements.get(a)||r(a,t,o)}catch(C){var c=String(C||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw C}}}}catch{}})();var g,u,f,b,m,p,s,v,x,A={fromAttribute(e){return e===null?!0:e.toLowerCase()!=="false"},toAttribute(e){return e?"":"false"}},h=(g=new WeakMap,u=new WeakMap,f=new WeakMap,b=new WeakMap,m=new WeakMap,p=new WeakMap,s=new WeakSet,v=new WeakMap,x=class extends M{constructor(...r){super(...r),L(this,s),d(this,g,void 0),d(this,u,void 0),d(this,f,void 0),d(this,b,void 0),d(this,m,void 0),d(this,p,void 0),d(this,v,void 0),this.variant="default",this.enableClickCarousel=!0,this.overlayOpen=!1,this.overlayIndex=0,this.overlayImages=[],l(g,this,[]),l(u,this,a=>{a.key==="Escape"&&this.overlayOpen&&i(v,this).call(this)}),l(f,this,()=>{n(s,this,_).call(this)}),l(b,this,a=>{if(!this.enableClickCarousel)return;const t=a.currentTarget;t instanceof HTMLElement&&t.setAttribute("data-scb-gallery-hover","")}),l(m,this,a=>{if(!this.enableClickCarousel)return;const t=a.currentTarget;t instanceof HTMLElement&&t.removeAttribute("data-scb-gallery-hover")}),l(p,this,a=>{if(!this.enableClickCarousel)return;const t=a.currentTarget;if(!(t instanceof HTMLElement))return;const o=t.getAttribute("data-scb-gallery-slide-index");if(o==null)return;const c=Number(o);Number.isFinite(c)&&n(s,this,G).call(this,c)}),l(v,this,()=>{this.overlayOpen=!1})}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",i(u,this))}disconnectedCallback(){window.removeEventListener("keydown",i(u,this)),n(s,this,I).call(this),super.disconnectedCallback()}firstUpdated(){n(s,this,_).call(this)}updated(r){r.has("enableClickCarousel")&&(this.enableClickCarousel||i(v,this).call(this),n(s,this,_).call(this))}render(){return k`
       <div class="gallery">
         <slot @slotchange=${i(f,this)}></slot>
       </div>
@@ -18,114 +18,4 @@ import{_ as M,b as S,g as z,h as E,m as w,y as k}from"../../vendor/vendor.js";im
               </div>
             </scb-overlay>
           `:""}
-    `}},x.styles=S`
-    :host {
-      display: block;
-      --scb-gallery-grid-gap: var(--spacing-4, 12px);
-      --scb-gallery-grid-item-min: 180px;
-      --scb-gallery-grid-item-height: 220px;
-      --scb-gallery-grid-masonry-columns: 3;
-      --scb-gallery-overlay-max-width: 980px;
-      --scb-gallery-overlay-slide-height: min(68vh, 620px);
-    }
-
-    .gallery {
-      display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(var(--scb-gallery-grid-item-min), 1fr));
-      gap: var(--scb-gallery-grid-gap);
-      align-items: start;
-    }
-
-    .gallery > slot {
-      display: contents;
-    }
-
-    .gallery ::slotted(*) {
-      box-sizing: border-box;
-      inline-size: 100%;
-      min-inline-size: 0;
-      block-size: var(--scb-gallery-grid-item-height);
-      overflow: hidden;
-      transition:
-        transform 160ms ease,
-        box-shadow 160ms ease;
-      will-change: transform;
-    }
-
-    .gallery ::slotted([data-scb-gallery-hover]) {
-      transform: translateY(-6px);
-      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
-    }
-
-    .gallery ::slotted([data-scb-gallery-clickable]) {
-      cursor: pointer;
-    }
-
-    .gallery ::slotted(img),
-    .gallery ::slotted(picture),
-    .gallery ::slotted(video) {
-      inline-size: 100%;
-      block-size: 100%;
-      object-fit: cover;
-      display: block;
-        border-radius: var(--md-sys-shape-corner-medium, 12px);
-    }
-
-    :host([variant='masonry']) .gallery {
-      display: block;
-      column-count: var(--scb-gallery-grid-masonry-columns);
-      column-gap: var(--scb-gallery-grid-gap);
-    }
-
-    :host([variant='masonry']) .gallery ::slotted(*) {
-      break-inside: avoid;
-      -webkit-column-break-inside: avoid;
-      margin-block-end: var(--scb-gallery-grid-gap);
-      block-size: auto;
-    }
-
-    :host([variant='masonry']) .gallery ::slotted(img),
-    :host([variant='masonry']) .gallery ::slotted(picture),
-    :host([variant='masonry']) .gallery ::slotted(video) {
-      block-size: auto;
-    }
-
-    @media (max-width: 960px) {
-      :host([variant='masonry']) .gallery {
-        column-count: 2;
-      }
-    }
-
-    @media (max-width: 640px) {
-      :host([variant='masonry']) .gallery {
-        column-count: 1;
-      }
-    }
-
-    .overlay-dialog {
-      position: relative;
-      inline-size: min(var(--scb-gallery-overlay-max-width), 100%);
-      max-block-size: 100%;
-      border-radius: var(--md-sys-shape-corner-extra-large, 28px);
-      background: var(--md-sys-color-surface-container-low, #1f1f1f);
-      padding: var(--spacing-4, 12px);
-      overflow: hidden;
-    }
-
-    .overlay-slide {
-      inline-size: 100%;
-      flex: 0 0 100%;
-      block-size: var(--scb-gallery-overlay-slide-height);
-      border-radius: var(--md-sys-shape-corner-large, 16px);
-      overflow: hidden;
-      box-shadow: inset 0 0 0 2px transparent;
-      transition: box-shadow 160ms ease;
-    }
-
-    .overlay-slide img {
-      inline-size: 100%;
-      block-size: 100%;
-      object-fit: contain;
-      display: block;
-    }
-  `,x);function I(){i(g,this).forEach(e=>{e.removeEventListener("pointerenter",i(b,this)),e.removeEventListener("pointerleave",i(m,this)),e.removeEventListener("click",i(p,this)),e.removeAttribute("data-scb-gallery-hover"),e.removeAttribute("data-scb-gallery-clickable"),e.removeAttribute("data-scb-gallery-slide-index")}),l(g,this,[])}function O(e){if(e instanceof HTMLImageElement){const r=e.currentSrc||e.src;return r?{src:r,alt:e.alt||"Galleri-bild"}:null}return null}function _(){n(s,this,I).call(this);const e=this.renderRoot.querySelector("slot");if(!(e instanceof HTMLSlotElement)){this.overlayImages=[];return}const r=e.assignedElements({flatten:!0}).filter(t=>t instanceof HTMLElement);l(g,this,r);const a=[];r.forEach(t=>{if(!this.enableClickCarousel)return;const o=n(s,this,O).call(this,t);if(!o)return;t.addEventListener("pointerenter",i(b,this)),t.addEventListener("pointerleave",i(m,this));const c=a.length;a.push(o),t.setAttribute("data-scb-gallery-clickable",""),t.setAttribute("data-scb-gallery-slide-index",String(c)),t.addEventListener("click",i(p,this))}),this.overlayImages=a}function T(){if(this.overlayImages.length===0)return[];const e=Math.max(0,Math.min(this.overlayIndex,this.overlayImages.length-1));return[...this.overlayImages.slice(e),...this.overlayImages.slice(0,e)]}function G(e){if(!this.enableClickCarousel||this.overlayImages.length===0)return;const r=Math.max(0,Math.min(e,this.overlayImages.length-1));this.overlayIndex=r,this.overlayOpen=!0}y([E({type:String,reflect:!0})],h.prototype,"variant",void 0);y([E({type:Boolean,reflect:!0,attribute:"enable-carousel",converter:A})],h.prototype,"enableClickCarousel",void 0);y([w()],h.prototype,"overlayOpen",void 0);y([w()],h.prototype,"overlayIndex",void 0);y([w()],h.prototype,"overlayImages",void 0);h=y([z("scb-gallery-grid")],h);
+    `}},x.styles=z`:host{display:block;--scb-gallery-grid-gap:var(--spacing-4, 12px);--scb-gallery-grid-item-min:180px;--scb-gallery-grid-item-height:220px;--scb-gallery-grid-masonry-columns:3;--scb-gallery-overlay-max-width:980px;--scb-gallery-overlay-slide-height:min(68vh, 620px)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--scb-gallery-grid-item-min),1fr));gap:var(--scb-gallery-grid-gap);align-items:start}.gallery>slot{display:contents}.gallery ::slotted(*){box-sizing:border-box;inline-size:100%;min-inline-size:0;block-size:var(--scb-gallery-grid-item-height);overflow:hidden;transition:transform 160ms ease,box-shadow 160ms ease;will-change:transform}.gallery ::slotted([data-scb-gallery-hover]){transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.gallery ::slotted([data-scb-gallery-clickable]){cursor:pointer}.gallery ::slotted(img),.gallery ::slotted(picture),.gallery ::slotted(video){inline-size:100%;block-size:100%;object-fit:cover;display:block;border-radius:var(--md-sys-shape-corner-medium, 12px)}:host([variant='masonry']) .gallery{display:block;column-count:var(--scb-gallery-grid-masonry-columns);column-gap:var(--scb-gallery-grid-gap)}:host([variant='masonry']) .gallery ::slotted(*){break-inside:avoid;-webkit-column-break-inside:avoid;margin-block-end:var(--scb-gallery-grid-gap);block-size:auto}:host([variant='masonry']) .gallery ::slotted(img),:host([variant='masonry']) .gallery ::slotted(picture),:host([variant='masonry']) .gallery ::slotted(video){block-size:auto}@media (max-width:960px){:host([variant='masonry']) .gallery{column-count:2}}@media (max-width:640px){:host([variant='masonry']) .gallery{column-count:1}}.overlay-dialog{position:relative;inline-size:min(var(--scb-gallery-overlay-max-width),100%);max-block-size:100%;border-radius:var(--md-sys-shape-corner-extra-large, 28px);background:var(--md-sys-color-surface-container-low, #1f1f1f);padding:var(--spacing-4, 12px);overflow:hidden}.overlay-slide{inline-size:100%;flex:0 0 100%;block-size:var(--scb-gallery-overlay-slide-height);border-radius:var(--md-sys-shape-corner-large, 16px);overflow:hidden;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow 160ms ease}.overlay-slide img{inline-size:100%;block-size:100%;object-fit:contain;display:block}`,x);function I(){i(g,this).forEach(e=>{e.removeEventListener("pointerenter",i(b,this)),e.removeEventListener("pointerleave",i(m,this)),e.removeEventListener("click",i(p,this)),e.removeAttribute("data-scb-gallery-hover"),e.removeAttribute("data-scb-gallery-clickable"),e.removeAttribute("data-scb-gallery-slide-index")}),l(g,this,[])}function O(e){if(e instanceof HTMLImageElement){const r=e.currentSrc||e.src;return r?{src:r,alt:e.alt||"Galleri-bild"}:null}return null}function _(){n(s,this,I).call(this);const e=this.renderRoot.querySelector("slot");if(!(e instanceof HTMLSlotElement)){this.overlayImages=[];return}const r=e.assignedElements({flatten:!0}).filter(t=>t instanceof HTMLElement);l(g,this,r);const a=[];r.forEach(t=>{if(!this.enableClickCarousel)return;const o=n(s,this,O).call(this,t);if(!o)return;t.addEventListener("pointerenter",i(b,this)),t.addEventListener("pointerleave",i(m,this));const c=a.length;a.push(o),t.setAttribute("data-scb-gallery-clickable",""),t.setAttribute("data-scb-gallery-slide-index",String(c)),t.addEventListener("click",i(p,this))}),this.overlayImages=a}function T(){if(this.overlayImages.length===0)return[];const e=Math.max(0,Math.min(this.overlayIndex,this.overlayImages.length-1));return[...this.overlayImages.slice(e),...this.overlayImages.slice(0,e)]}function G(e){if(!this.enableClickCarousel||this.overlayImages.length===0)return;const r=Math.max(0,Math.min(e,this.overlayImages.length-1));this.overlayIndex=r,this.overlayOpen=!0}y([E({type:String,reflect:!0})],h.prototype,"variant",void 0);y([E({type:Boolean,reflect:!0,attribute:"enable-carousel",converter:A})],h.prototype,"enableClickCarousel",void 0);y([w()],h.prototype,"overlayOpen",void 0);y([w()],h.prototype,"overlayIndex",void 0);y([w()],h.prototype,"overlayImages",void 0);h=y([S("scb-gallery-grid")],h);

package/mvc/components/scb-grid/scb-grid-item.js

@@ -1,32 +1 @@
-import{_ as b,b as m,g as y,h as r,y as g}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as i}from"../../vendor/decorate.js";import{n as S,t as o}from"../../vendor/assertClassBrand.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(n,h,f){try{customElements.get(n)||s(n,h,f)}catch(d){var p=String(d||"");if(p.indexOf("already been used")===-1&&p.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var e,c,w={fromAttribute(a){if(a===null)return!1;const s=a.trim().toLowerCase();return s!=="false"&&s!=="0"&&s!=="no"}},t=(e=new WeakSet,c=class extends b{constructor(...s){super(...s),S(this,e),this.fit=!1}firstUpdated(){o(e,this,u).call(this)}updated(){o(e,this,u).call(this)}render(){return g`<slot></slot>`}},c.styles=m`
-    :host {
-      box-sizing: border-box;
-      display: block;
-      align-self:  var(--scb-grid-item-align, auto);
-      justify-self: var(--scb-grid-item-justify, auto);
-      block-size: auto;
-    }
-
-    slot {
-      display: block;
-      inline-size: 100%;
-    }
-
-    :host([fit]) {
-      block-size: 100%;
-      display: grid;
-    }
-    :host([fit]) ::slotted(scb-card),
-    :host([fit]) ::slotted(scb-link-card),
-    :host([fit]) ::slotted(scb-list-card),
-    :host([fit]) ::slotted(scb-action-card),
-    :host([fit]) ::slotted(scb-social-card),
-    :host([fit]) ::slotted(scb-container-card),
-    :host([fit]) ::slotted(scb-calendar-card),
-    :host([fit]) ::slotted(scb-notification-card),
-    :host([fit]) ::slotted(scb-fact-card),
-    :host([fit]) ::slotted(scb-keyfigure-card) {
-      block-size: 100%;
-      inline-size: 100%;
-    }
-  `,c);function u(){o(e,this,l).call(this,"--col-span",this.hasAttribute("col-span")?String(this.colSpan):null),o(e,this,l).call(this,"--col-span-compact",this.hasAttribute("col-span-compact")?String(this.colSpanCompact):null),o(e,this,l).call(this,"--col-span-medium",this.hasAttribute("col-span-medium")?String(this.colSpanMedium):null),o(e,this,l).call(this,"--col-span-expanded",this.hasAttribute("col-span-expanded")?String(this.colSpanExpanded):null),o(e,this,l).call(this,"--row-rule",this.hasAttribute("row-span")?`span ${this.rowSpan}`:null),o(e,this,l).call(this,"--row-rule-compact",this.hasAttribute("row-span-compact")?`span ${this.rowSpanCompact}`:null),o(e,this,l).call(this,"--row-rule-medium",this.hasAttribute("row-span-medium")?`span ${this.rowSpanMedium}`:null),o(e,this,l).call(this,"--row-rule-expanded",this.hasAttribute("row-span-expanded")?`span ${this.rowSpanExpanded}`:null),this.align?(this.style.setProperty("--scb-grid-item-align",this.align),this.style.setProperty("align-self",this.align)):(this.style.setProperty("--scb-grid-item-align","initial"),this.style.removeProperty("align-self")),this.justify?(this.style.setProperty("--scb-grid-item-justify",this.justify),this.style.setProperty("justify-self",this.justify)):(this.style.setProperty("--scb-grid-item-justify","initial"),this.style.removeProperty("justify-self"))}function l(a,s){this.style.setProperty(a,s===null||s===""?"initial":s)}i([r({type:Number,attribute:"col-span",reflect:!0})],t.prototype,"colSpan",void 0);i([r({type:Number,attribute:"col-span-compact",reflect:!0})],t.prototype,"colSpanCompact",void 0);i([r({type:Number,attribute:"col-span-medium",reflect:!0})],t.prototype,"colSpanMedium",void 0);i([r({type:Number,attribute:"col-span-expanded",reflect:!0})],t.prototype,"colSpanExpanded",void 0);i([r({type:Number,attribute:"row-span",reflect:!0})],t.prototype,"rowSpan",void 0);i([r({type:Number,attribute:"row-span-compact",reflect:!0})],t.prototype,"rowSpanCompact",void 0);i([r({type:Number,attribute:"row-span-medium",reflect:!0})],t.prototype,"rowSpanMedium",void 0);i([r({type:Number,attribute:"row-span-expanded",reflect:!0})],t.prototype,"rowSpanExpanded",void 0);i([r({type:String,reflect:!0})],t.prototype,"align",void 0);i([r({type:String,reflect:!0})],t.prototype,"justify",void 0);i([r({type:Boolean,reflect:!0,converter:w})],t.prototype,"fit",void 0);t=i([y("scb-grid-item")],t);export{t as ScbGridItem};
+import{h as m,m as b,p as r,v as y,y as g}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as i}from"../../vendor/decorate.js";import{n as S,t as o}from"../../vendor/assertClassBrand.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(n,h,f){try{customElements.get(n)||s(n,h,f)}catch(d){var p=String(d||"");if(p.indexOf("already been used")===-1&&p.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var e,c,w={fromAttribute(a){if(a===null)return!1;const s=a.trim().toLowerCase();return s!=="false"&&s!=="0"&&s!=="no"}},t=(e=new WeakSet,c=class extends m{constructor(...s){super(...s),S(this,e),this.fit=!1}firstUpdated(){o(e,this,u).call(this)}updated(){o(e,this,u).call(this)}render(){return y`<slot></slot>`}},c.styles=g`:host{box-sizing:border-box;display:block;align-self:var(--scb-grid-item-align, auto);justify-self:var(--scb-grid-item-justify, auto);block-size:auto}slot{display:block;inline-size:100%}:host([fit]){block-size:100%;display:grid}:host([fit]) ::slotted(scb-action-card),:host([fit]) ::slotted(scb-calendar-card),:host([fit]) ::slotted(scb-card),:host([fit]) ::slotted(scb-container-card),:host([fit]) ::slotted(scb-fact-card),:host([fit]) ::slotted(scb-keyfigure-card),:host([fit]) ::slotted(scb-link-card),:host([fit]) ::slotted(scb-list-card),:host([fit]) ::slotted(scb-notification-card),:host([fit]) ::slotted(scb-social-card){block-size:100%;inline-size:100%}`,c);function u(){o(e,this,l).call(this,"--col-span",this.hasAttribute("col-span")?String(this.colSpan):null),o(e,this,l).call(this,"--col-span-compact",this.hasAttribute("col-span-compact")?String(this.colSpanCompact):null),o(e,this,l).call(this,"--col-span-medium",this.hasAttribute("col-span-medium")?String(this.colSpanMedium):null),o(e,this,l).call(this,"--col-span-expanded",this.hasAttribute("col-span-expanded")?String(this.colSpanExpanded):null),o(e,this,l).call(this,"--row-rule",this.hasAttribute("row-span")?`span ${this.rowSpan}`:null),o(e,this,l).call(this,"--row-rule-compact",this.hasAttribute("row-span-compact")?`span ${this.rowSpanCompact}`:null),o(e,this,l).call(this,"--row-rule-medium",this.hasAttribute("row-span-medium")?`span ${this.rowSpanMedium}`:null),o(e,this,l).call(this,"--row-rule-expanded",this.hasAttribute("row-span-expanded")?`span ${this.rowSpanExpanded}`:null),this.align?(this.style.setProperty("--scb-grid-item-align",this.align),this.style.setProperty("align-self",this.align)):(this.style.setProperty("--scb-grid-item-align","initial"),this.style.removeProperty("align-self")),this.justify?(this.style.setProperty("--scb-grid-item-justify",this.justify),this.style.setProperty("justify-self",this.justify)):(this.style.setProperty("--scb-grid-item-justify","initial"),this.style.removeProperty("justify-self"))}function l(a,s){this.style.setProperty(a,s===null||s===""?"initial":s)}i([r({type:Number,attribute:"col-span",reflect:!0})],t.prototype,"colSpan",void 0);i([r({type:Number,attribute:"col-span-compact",reflect:!0})],t.prototype,"colSpanCompact",void 0);i([r({type:Number,attribute:"col-span-medium",reflect:!0})],t.prototype,"colSpanMedium",void 0);i([r({type:Number,attribute:"col-span-expanded",reflect:!0})],t.prototype,"colSpanExpanded",void 0);i([r({type:Number,attribute:"row-span",reflect:!0})],t.prototype,"rowSpan",void 0);i([r({type:Number,attribute:"row-span-compact",reflect:!0})],t.prototype,"rowSpanCompact",void 0);i([r({type:Number,attribute:"row-span-medium",reflect:!0})],t.prototype,"rowSpanMedium",void 0);i([r({type:Number,attribute:"row-span-expanded",reflect:!0})],t.prototype,"rowSpanExpanded",void 0);i([r({type:String,reflect:!0})],t.prototype,"align",void 0);i([r({type:String,reflect:!0})],t.prototype,"justify",void 0);i([r({type:Boolean,reflect:!0,converter:w})],t.prototype,"fit",void 0);t=i([b("scb-grid-item")],t);export{t as ScbGridItem};

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

@@ -1,99 +1 @@
-import{_ as u,b as h,g as b,h as s,y as v}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as r}from"../../vendor/decorate.js";import{n as y,t as m}from"../../vendor/assertClassBrand.js";import"./scb-grid-item.js";import"./scb-stack.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,a,c){try{customElements.get(t)||e(t,a,c)}catch(l){var n=String(l||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var d,p,i=(d=new WeakSet,p=class extends u{constructor(...e){super(...e),y(this,d),this.colsCompact=4,this.colsMedium=8,this.colsExpanded=12,this.gap="",this.rowGap="",this.columnGap="",this.alignItems="stretch",this.justifyItems="stretch",this.paddingInline="",this.paddingBlock="",this.maxWidth="",this.autoRows=""}firstUpdated(){m(d,this,g).call(this)}updated(){m(d,this,g).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}parseGapShorthand(e){if(!e)return{};const t=e.trim().split(/\s+/);if(t.length===1){const a=this.mapSpacingToken(t[0]);return{row:a,col:a}}return{row:this.mapSpacingToken(t[0]),col:this.mapSpacingToken(t[1])}}render(){return v`<div class="grid"><slot></slot></div>`}},p.styles=h`
-  :host {
-    box-sizing: border-box;
-    display: block;
-    inline-size: 100%;
-    max-width: var(--scb-grid-max-width, 1440px);
-    margin-inline: auto;
-    padding-inline: var(--scb-grid-padding-inline, 0);
-    padding-block:  var(--scb-grid-padding-block, 0);
-    container-type: inline-size;
-  }
-
-  .grid {
-    display: grid;
-    width: 100%;
-    grid-auto-rows: var(--scb-grid-auto-rows, auto);
-
-    /* Longhands med fallback till --scb-grid-gap och sedan token-default */
-    row-gap:    var(--scb-grid-row-gap,    var(--scb-grid-gap, var(--spacing-7, 24px)));
-    column-gap: var(--scb-grid-column-gap, var(--scb-grid-gap, var(--spacing-7, 24px)));
-
-    grid-auto-flow: row dense;
-    grid-auto-rows: var(--scb-grid-auto-rows, auto);
-    align-items:   var(--scb-grid-align-items, stretch);
-    justify-items: var(--scb-grid-justify-items, stretch);
-
-    /* Compact baseline */
-    grid-template-columns: repeat(var(--scb-grid-cols-compact, 4), minmax(0, 1fr));
-  }
-
-  .grid > slot { display: contents; }
-
-  /* Kolumn-span + rad-span (compact) */
-  .grid ::slotted(*) {
-    min-width: 0;
-    min-height: 0;
-    grid-column: span min(
-      max(1, var(--col-span-compact, var(--col-span, var(--scb-grid-cols-compact, 4)))) ,
-      var(--scb-grid-cols-compact, 4)
-    );
-    grid-row: var(--row-rule-compact, var(--row-rule, auto));
-  }
-
-  /* Utan container queries -> media queries */
-  @supports not (container-type: inline-size) {
-    @media (min-width: 600px) {
-      .grid { grid-template-columns: repeat(var(--scb-grid-cols-medium, 8), minmax(0, 1fr)); }
-      .grid ::slotted(*) {
-        min-width: 0;
-        min-height: 0;
-        grid-column: span min(
-          max(1, var(--col-span-medium, var(--col-span, var(--scb-grid-cols-medium, 8)))) ,
-          var(--scb-grid-cols-medium, 8)
-        );
-        grid-row: var(--row-rule-medium, var(--row-rule, auto));
-      }
-    }
-    @media (min-width: 840px) {
-      .grid { grid-template-columns: repeat(var(--scb-grid-cols-expanded, 12), minmax(0, 1fr)); }
-      .grid ::slotted(*) {
-        min-width: 0;
-        min-height: 0;
-        grid-column: span min(
-          max(1, var(--col-span-expanded, var(--col-span, var(--scb-grid-cols-expanded, 12)))) ,
-          var(--scb-grid-cols-expanded, 12)
-        );
-        grid-row: var(--row-rule-expanded, var(--row-rule, auto));
-      }
-    }
-  }
-
-  /* Med container queries */
-  @supports (container-type: inline-size) {
-    @container (min-width: 600px) {
-      .grid { grid-template-columns: repeat(var(--scb-grid-cols-medium, 8), minmax(0, 1fr)); }
-      .grid ::slotted(*) {
-        min-width: 0;
-        min-height: 0;
-        grid-column: span min(
-          max(1, var(--col-span-medium, var(--col-span, var(--scb-grid-cols-medium, 8)))) ,
-          var(--scb-grid-cols-medium, 8)
-        );
-        grid-row: var(--row-rule-medium, var(--row-rule, auto));
-      }
-    }
-    @container (min-width: 840px) {
-      .grid { grid-template-columns: repeat(var(--scb-grid-cols-expanded, 12), minmax(0, 1fr)); }
-      .grid ::slotted(*) {
-        min-width: 0;
-        min-height: 0;
-        grid-column: span min(
-          max(1, var(--col-span-expanded, var(--col-span, var(--scb-grid-cols-expanded, 12)))) ,
-          var(--scb-grid-cols-expanded, 12)
-        );
-        grid-row: var(--row-rule-expanded, var(--row-rule, auto));
-      }
-    }
-  }
-`,p);function g(){this.style.setProperty("--scb-grid-cols-compact",String(this.colsCompact)),this.style.setProperty("--scb-grid-cols-medium",String(this.colsMedium)),this.style.setProperty("--scb-grid-cols-expanded",String(this.colsExpanded));const o="var(--spacing-7, 24px)",e=this.parseGapShorthand(this.gap),t=this.mapSpacingToken(this.rowGap)??e.row??o,a=this.mapSpacingToken(this.columnGap)??e.col??o;this.style.setProperty("--scb-grid-row-gap",t),this.style.setProperty("--scb-grid-column-gap",a),this.style.setProperty("--scb-grid-gap",`${t} ${a}`),this.style.setProperty("--scb-grid-align-items",this.alignItems),this.style.setProperty("--scb-grid-justify-items",this.justifyItems);const c=this.mapSpacingToken(this.paddingInline),n=this.mapSpacingToken(this.paddingBlock);this.style.setProperty("--scb-grid-max-width",this.maxWidth||"1440px"),this.style.setProperty("--scb-grid-padding-inline",c??"0"),this.style.setProperty("--scb-grid-padding-block",n??"0"),this.style.setProperty("--scb-grid-auto-rows",this.autoRows||"auto")}r([s({type:Number,attribute:"cols-compact",reflect:!0})],i.prototype,"colsCompact",void 0);r([s({type:Number,attribute:"cols-medium",reflect:!0})],i.prototype,"colsMedium",void 0);r([s({type:Number,attribute:"cols-expanded",reflect:!0})],i.prototype,"colsExpanded",void 0);r([s({type:String,reflect:!0})],i.prototype,"gap",void 0);r([s({type:String,attribute:"row-gap",reflect:!0})],i.prototype,"rowGap",void 0);r([s({type:String,attribute:"column-gap",reflect:!0})],i.prototype,"columnGap",void 0);r([s({type:String,attribute:"align-items",reflect:!0})],i.prototype,"alignItems",void 0);r([s({type:String,attribute:"justify-items",reflect:!0})],i.prototype,"justifyItems",void 0);r([s({type:String,attribute:"padding-inline",reflect:!0})],i.prototype,"paddingInline",void 0);r([s({type:String,attribute:"padding-block",reflect:!0})],i.prototype,"paddingBlock",void 0);r([s({type:String,attribute:"max-width",reflect:!0})],i.prototype,"maxWidth",void 0);r([s({type:String,attribute:"auto-rows",reflect:!0})],i.prototype,"autoRows",void 0);i=r([b("scb-grid")],i);export{i as ScbGrid};
+import{h as u,m as h,p as s,v as b,y as v}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as r}from"../../vendor/decorate.js";import{n as y,t as m}from"../../vendor/assertClassBrand.js";import"./scb-grid-item.js";import"./scb-stack.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,a,p){try{customElements.get(t)||e(t,a,p)}catch(l){var d=String(l||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var n,c,i=(n=new WeakSet,c=class extends u{constructor(...e){super(...e),y(this,n),this.colsCompact=4,this.colsMedium=8,this.colsExpanded=12,this.gap="",this.rowGap="",this.columnGap="",this.alignItems="stretch",this.justifyItems="stretch",this.paddingInline="",this.paddingBlock="",this.maxWidth="",this.autoRows=""}firstUpdated(){m(n,this,g).call(this)}updated(){m(n,this,g).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}parseGapShorthand(e){if(!e)return{};const t=e.trim().split(/\s+/);if(t.length===1){const a=this.mapSpacingToken(t[0]);return{row:a,col:a}}return{row:this.mapSpacingToken(t[0]),col:this.mapSpacingToken(t[1])}}render(){return b`<div class="grid"><slot></slot></div>`}},c.styles=v`:host{box-sizing:border-box;display:block;inline-size:100%;max-width:var(--scb-grid-max-width, 1440px);margin-inline:auto;padding-inline:var(--scb-grid-padding-inline, 0);padding-block:var(--scb-grid-padding-block, 0);container-type:inline-size}.grid{display:grid;width:100%;row-gap:var(--scb-grid-row-gap,    var(--scb-grid-gap, var(--spacing-7, 24px)));column-gap:var(--scb-grid-column-gap, var(--scb-grid-gap, var(--spacing-7, 24px)));grid-auto-flow:row dense;grid-auto-rows:var(--scb-grid-auto-rows, auto);align-items:var(--scb-grid-align-items, stretch);justify-items:var(--scb-grid-justify-items, stretch);grid-template-columns:repeat(var(--scb-grid-cols-compact, 4),minmax(0,1fr))}.grid>slot{display:contents}.grid ::slotted(*){min-width:0;min-height:0;grid-column:span min(max(1,var(--col-span-compact, var(--col-span, var(--scb-grid-cols-compact, 4)))),var(--scb-grid-cols-compact, 4));grid-row:var(--row-rule-compact, var(--row-rule, auto))}@supports not (container-type:inline-size){@media (min-width:600px){.grid{grid-template-columns:repeat(var(--scb-grid-cols-medium, 8),minmax(0,1fr))}.grid ::slotted(*){min-width:0;min-height:0;grid-column:span min(max(1,var(--col-span-medium, var(--col-span, var(--scb-grid-cols-medium, 8)))),var(--scb-grid-cols-medium, 8));grid-row:var(--row-rule-medium, var(--row-rule, auto))}}@media (min-width:840px){.grid{grid-template-columns:repeat(var(--scb-grid-cols-expanded, 12),minmax(0,1fr))}.grid ::slotted(*){min-width:0;min-height:0;grid-column:span min(max(1,var(--col-span-expanded, var(--col-span, var(--scb-grid-cols-expanded, 12)))),var(--scb-grid-cols-expanded, 12));grid-row:var(--row-rule-expanded, var(--row-rule, auto))}}}@supports (container-type:inline-size){@container (min-width: 600px){.grid{grid-template-columns:repeat(var(--scb-grid-cols-medium, 8),minmax(0,1fr))}.grid ::slotted(*){min-width:0;min-height:0;grid-column:span min(max(1,var(--col-span-medium, var(--col-span, var(--scb-grid-cols-medium, 8)))),var(--scb-grid-cols-medium, 8));grid-row:var(--row-rule-medium, var(--row-rule, auto))}}@container (min-width: 840px){.grid{grid-template-columns:repeat(var(--scb-grid-cols-expanded, 12),minmax(0,1fr))}.grid ::slotted(*){min-width:0;min-height:0;grid-column:span min(max(1,var(--col-span-expanded, var(--col-span, var(--scb-grid-cols-expanded, 12)))),var(--scb-grid-cols-expanded, 12));grid-row:var(--row-rule-expanded, var(--row-rule, auto))}}}`,c);function g(){this.style.setProperty("--scb-grid-cols-compact",String(this.colsCompact)),this.style.setProperty("--scb-grid-cols-medium",String(this.colsMedium)),this.style.setProperty("--scb-grid-cols-expanded",String(this.colsExpanded));const o="var(--spacing-7, 24px)",e=this.parseGapShorthand(this.gap),t=this.mapSpacingToken(this.rowGap)??e.row??o,a=this.mapSpacingToken(this.columnGap)??e.col??o;this.style.setProperty("--scb-grid-row-gap",t),this.style.setProperty("--scb-grid-column-gap",a),this.style.setProperty("--scb-grid-gap",`${t} ${a}`),this.style.setProperty("--scb-grid-align-items",this.alignItems),this.style.setProperty("--scb-grid-justify-items",this.justifyItems);const p=this.mapSpacingToken(this.paddingInline),d=this.mapSpacingToken(this.paddingBlock);this.style.setProperty("--scb-grid-max-width",this.maxWidth||"1440px"),this.style.setProperty("--scb-grid-padding-inline",p??"0"),this.style.setProperty("--scb-grid-padding-block",d??"0"),this.style.setProperty("--scb-grid-auto-rows",this.autoRows||"auto")}r([s({type:Number,attribute:"cols-compact",reflect:!0})],i.prototype,"colsCompact",void 0);r([s({type:Number,attribute:"cols-medium",reflect:!0})],i.prototype,"colsMedium",void 0);r([s({type:Number,attribute:"cols-expanded",reflect:!0})],i.prototype,"colsExpanded",void 0);r([s({type:String,reflect:!0})],i.prototype,"gap",void 0);r([s({type:String,attribute:"row-gap",reflect:!0})],i.prototype,"rowGap",void 0);r([s({type:String,attribute:"column-gap",reflect:!0})],i.prototype,"columnGap",void 0);r([s({type:String,attribute:"align-items",reflect:!0})],i.prototype,"alignItems",void 0);r([s({type:String,attribute:"justify-items",reflect:!0})],i.prototype,"justifyItems",void 0);r([s({type:String,attribute:"padding-inline",reflect:!0})],i.prototype,"paddingInline",void 0);r([s({type:String,attribute:"padding-block",reflect:!0})],i.prototype,"paddingBlock",void 0);r([s({type:String,attribute:"max-width",reflect:!0})],i.prototype,"maxWidth",void 0);r([s({type:String,attribute:"auto-rows",reflect:!0})],i.prototype,"autoRows",void 0);i=r([h("scb-grid")],i);export{i as ScbGrid};

package/mvc/components/scb-grid/scb-stack.js

@@ -1,33 +1 @@
-import{_ as b,b as y,g,h as i,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as r}from"../../vendor/decorate.js";import{n as k,t as h}from"../../vendor/assertClassBrand.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,n,l){try{customElements.get(e)||t(e,n,l)}catch(d){var o=String(d||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var c,p,f={fromAttribute(a){if(a===null)return!1;const t=a.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="no"}},s=(c=new WeakSet,p=class extends b{constructor(...t){super(...t),k(this,c),this.direction="column",this.gap="",this.rowGap="",this.columnGap="",this.align="stretch",this.justify="start",this.wrap=!1,this.inline=!1}firstUpdated(){h(c,this,u).call(this)}updated(){h(c,this,u).call(this)}mapSpacingToken(t){if(!t)return;const e=String(t).trim();return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}parseGapShorthand(t){if(!t)return{};const e=t.trim().split(/\s+/);if(e.length===1){const n=this.mapSpacingToken(e[0]);return{row:n,col:n}}return{row:this.mapSpacingToken(e[0]),col:this.mapSpacingToken(e[1])}}render(){return m`<div class="base"><slot></slot></div>`}},p.styles=y`
-    :host {
-      box-sizing: border-box;
-      display: block;
-      width: auto;
-      max-width: 100%;
-      min-inline-size: 0;
-    }
-
-    /* Inre flexlayout så att gap även fungerar för slottat innehåll */
-    .base {
-      display: var(--scb-stack-display, flex);
-      flex-direction: var(--scb-stack-direction, column);
-
-      /* Longhands med fallback till --scb-stack-gap och token-default */
-      row-gap:    var(--scb-stack-row-gap,    var(--scb-stack-gap, var(--spacing-5, 16px)));
-      column-gap: var(--scb-stack-column-gap, var(--scb-stack-gap, var(--spacing-5, 16px)));
-
-      align-items: var(--scb-stack-align, stretch);
-      justify-content: var(--scb-stack-justify, flex-start);
-      flex-wrap: var(--scb-stack-wrap, nowrap);
-    }
-
-    /* Gör att slotens tilldelade noder blir barn till .base */
-    slot { display: contents; }
-
-    :host([inline]) .base { --scb-stack-display: inline-flex; }
-
-    /* Barnens flex-beteende i row-läge kan styras via variabeln och defaultar till att inte ta full bredd */
-    :host([direction="row"]) ::slotted(*) {
-      flex: var(--scb-stack-item-flex, 0 0 auto);
-    }
-  `,p);function u(){this.style.setProperty("--scb-stack-direction",this.direction);const a="var(--spacing-5, 16px)",t=this.parseGapShorthand(this.gap),e=this.mapSpacingToken(this.rowGap)??t.row??a,n=this.mapSpacingToken(this.columnGap)??t.col??a;this.style.setProperty("--scb-stack-gap",`${e}`),this.style.setProperty("--scb-stack-row-gap",e),this.style.setProperty("--scb-stack-column-gap",n);const l={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"},o={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};this.style.setProperty("--scb-stack-align",l[this.align]??"stretch"),this.style.setProperty("--scb-stack-justify",o[this.justify]??"flex-start"),this.style.setProperty("--scb-stack-wrap",this.wrap?"wrap":"nowrap")}r([i({type:String,reflect:!0})],s.prototype,"direction",void 0);r([i({type:String,reflect:!0})],s.prototype,"gap",void 0);r([i({type:String,attribute:"row-gap",reflect:!0})],s.prototype,"rowGap",void 0);r([i({type:String,attribute:"column-gap",reflect:!0})],s.prototype,"columnGap",void 0);r([i({type:String,reflect:!0})],s.prototype,"align",void 0);r([i({type:String,reflect:!0})],s.prototype,"justify",void 0);r([i({type:Boolean,reflect:!0,converter:f})],s.prototype,"wrap",void 0);r([i({type:Boolean,reflect:!0,converter:f})],s.prototype,"inline",void 0);s=r([g("scb-stack")],s);
+import{h as y,m as b,p as i,v as g,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as a}from"../../vendor/decorate.js";import{n as v,t as h}from"../../vendor/assertClassBrand.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,n,p){try{customElements.get(e)||t(e,n,p)}catch(d){var o=String(d||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var c,l,f={fromAttribute(r){if(r===null)return!1;const t=r.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="no"}},s=(c=new WeakSet,l=class extends y{constructor(...t){super(...t),v(this,c),this.direction="column",this.gap="",this.rowGap="",this.columnGap="",this.align="stretch",this.justify="start",this.wrap=!1,this.inline=!1}firstUpdated(){h(c,this,u).call(this)}updated(){h(c,this,u).call(this)}mapSpacingToken(t){if(!t)return;const e=String(t).trim();return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}parseGapShorthand(t){if(!t)return{};const e=t.trim().split(/\s+/);if(e.length===1){const n=this.mapSpacingToken(e[0]);return{row:n,col:n}}return{row:this.mapSpacingToken(e[0]),col:this.mapSpacingToken(e[1])}}render(){return g`<div class="base"><slot></slot></div>`}},l.styles=m`:host{box-sizing:border-box;display:block;width:auto;max-width:100%;min-inline-size:0}.base{display:var(--scb-stack-display, flex);flex-direction:var(--scb-stack-direction, column);row-gap:var(--scb-stack-row-gap,    var(--scb-stack-gap, var(--spacing-5, 16px)));column-gap:var(--scb-stack-column-gap, var(--scb-stack-gap, var(--spacing-5, 16px)));align-items:var(--scb-stack-align, stretch);justify-content:var(--scb-stack-justify, flex-start);flex-wrap:var(--scb-stack-wrap, nowrap)}slot{display:contents}:host([inline]) .base{--scb-stack-display:inline-flex}:host([direction="row"]) ::slotted(*){flex:var(--scb-stack-item-flex, 0 0 auto)}`,l);function u(){this.style.setProperty("--scb-stack-direction",this.direction);const r="var(--spacing-5, 16px)",t=this.parseGapShorthand(this.gap),e=this.mapSpacingToken(this.rowGap)??t.row??r,n=this.mapSpacingToken(this.columnGap)??t.col??r;this.style.setProperty("--scb-stack-gap",`${e}`),this.style.setProperty("--scb-stack-row-gap",e),this.style.setProperty("--scb-stack-column-gap",n);const p={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"},o={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};this.style.setProperty("--scb-stack-align",p[this.align]??"stretch"),this.style.setProperty("--scb-stack-justify",o[this.justify]??"flex-start"),this.style.setProperty("--scb-stack-wrap",this.wrap?"wrap":"nowrap")}a([i({type:String,reflect:!0})],s.prototype,"direction",void 0);a([i({type:String,reflect:!0})],s.prototype,"gap",void 0);a([i({type:String,attribute:"row-gap",reflect:!0})],s.prototype,"rowGap",void 0);a([i({type:String,attribute:"column-gap",reflect:!0})],s.prototype,"columnGap",void 0);a([i({type:String,reflect:!0})],s.prototype,"align",void 0);a([i({type:String,reflect:!0})],s.prototype,"justify",void 0);a([i({type:Boolean,reflect:!0,converter:f})],s.prototype,"wrap",void 0);a([i({type:Boolean,reflect:!0,converter:f})],s.prototype,"inline",void 0);s=a([b("scb-stack")],s);

package/mvc/components/scb-header/scb-header-menu-item.js

@@ -1,5 +1 @@
-import{_ as u,b as _,g as p,h as s,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t}from"../../vendor/decorate.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(n,c,l){try{customElements.get(n)||o(n,c,l)}catch(d){var a=String(d||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var i,e=(i=class extends u{constructor(...o){super(...o),this.label="",this.href=""}render(){return m`<slot></slot>`}},i.styles=_`
-    :host {
-      display: none !important;
-    }
-  `,i);t([s({type:String})],e.prototype,"label",void 0);t([s({type:String})],e.prototype,"href",void 0);t([s({type:String})],e.prototype,"icon",void 0);e=t([p("scb-header-menu-item")],e);
+import{h as p,m as u,p as s,v as m,y as _}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t}from"../../vendor/decorate.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(n,c,l){try{customElements.get(n)||o(n,c,l)}catch(d){var a=String(d||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var i,e=(i=class extends p{constructor(...o){super(...o),this.label="",this.href=""}render(){return m`<slot></slot>`}},i.styles=_`:host{display:none!important}`,i);t([s({type:String})],e.prototype,"label",void 0);t([s({type:String})],e.prototype,"href",void 0);t([s({type:String})],e.prototype,"icon",void 0);e=t([u("scb-header-menu-item")],e);

package/mvc/components/scb-header/scb-header-tab.js

@@ -1,5 +1 @@
-import{_,b,g as p,h as s,y as u}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t}from"../../vendor/decorate.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(o,c,l){try{customElements.get(o)||a(o,c,l)}catch(n){var d=String(n||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var i,e=(i=class extends _{constructor(...a){super(...a),this.label="",this.href="",this.drawerId=""}render(){return u`<slot></slot>`}},i.styles=b`
-    :host {
-      display: none !important;
-    }
-  `,i);t([s({type:String})],e.prototype,"label",void 0);t([s({type:String})],e.prototype,"href",void 0);t([s({type:String,attribute:"drawer-id"})],e.prototype,"drawerId",void 0);e=t([p("scb-header-tab")],e);
+import{h as p,m as _,p as s,v as b,y as u}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t}from"../../vendor/decorate.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(o,c,l){try{customElements.get(o)||a(o,c,l)}catch(n){var d=String(n||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var i,e=(i=class extends p{constructor(...a){super(...a),this.label="",this.href="",this.drawerId=""}render(){return b`<slot></slot>`}},i.styles=u`:host{display:none!important}`,i);t([s({type:String})],e.prototype,"label",void 0);t([s({type:String})],e.prototype,"href",void 0);t([s({type:String,attribute:"drawer-id"})],e.prototype,"drawerId",void 0);e=t([_("scb-header-tab")],e);