scb-wc-test 0.1.205 → 0.1.206

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

@@ -1,4 +1,4 @@
-import{a as c,n as r,i as p,x as h,t as b}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,n,o){try{customElements.get(i)||e(i,n,o)}catch(l){var d=String(l||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var g=Object.defineProperty,u=Object.getOwnPropertyDescriptor,a=(t,e,i,n)=>{for(var o=n>1?void 0:n?u(e,i):e,d=t.length-1,l;d>=0;d--)(l=t[d])&&(o=(n?l(e,i,o):l(o))||o);return n&&o&&g(e,i,o),o};let s=class extends p{constructor(){super(...arguments),this._slotClickHandler=t=>{const e=this.shadowRoot?.querySelector("slot"),i=t.target;i&&i!==e&&i.dispatchEvent(new CustomEvent("hide-badge",{bubbles:!0,composed:!0}))},this.autoHide=!1,this.sizing="fit-content",this.position="relative",this.positionTop=0,this.positionRight=void 0,this.positionSide="right",this.positionLeft=void 0,this.value="",this.label="",this.hidden=!1,this.variant="dot",this._badgeVisible=!0,this._onHideBadge=()=>{this._badgeVisible=!1,this.requestUpdate()}}firstUpdated(){const t=this.shadowRoot?.querySelector("slot");this.autoHide&&t&&t.addEventListener("click",this._slotClickHandler)}updated(){const t=this.shadowRoot?.querySelector("slot");t&&(this.autoHide?t.addEventListener("click",this._slotClickHandler):t.removeEventListener("click",this._slotClickHandler))}connectedCallback(){super.connectedCallback(),this.addEventListener("hide-badge",this._onHideBadge)}disconnectedCallback(){this.removeEventListener("hide-badge",this._onHideBadge),super.disconnectedCallback()}mapSpacingToken(t){if(t==null)return;if(typeof t=="number"&&!Number.isNaN(t))return`${t}px`;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}render(){const t=this.mapSpacingToken(this.positionRight)??"var(--spacing-4)",e=this.mapSpacingToken(this.positionLeft)??"var(--spacing-4)",i=this.mapSpacingToken(this.positionTop)??"0px";this.style.setProperty("--scb-badge-absolute-top",i),this.style.setProperty("--scb-badge-absolute-right",t),this.style.setProperty("--scb-badge-absolute-left",e);let n=this.value;!isNaN(Number(this.value))&&this.value.length>4&&(n=this.value.slice(0,4)+"+");const o=this.variant==="value"&&!this.value?"badge-value-empty":"",d=this._badgeVisible?"":"badge--hide",l=this.label||(this.variant==="dot"?"Indikator":`Märke: ${n}`);return h`
+import{a as c,n as r,i as p,x as b,t as h}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,n,o){try{customElements.get(i)||e(i,n,o)}catch(l){var d=String(l||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var g=Object.defineProperty,u=Object.getOwnPropertyDescriptor,a=(t,e,i,n)=>{for(var o=n>1?void 0:n?u(e,i):e,d=t.length-1,l;d>=0;d--)(l=t[d])&&(o=(n?l(e,i,o):l(o))||o);return n&&o&&g(e,i,o),o};let s=class extends p{constructor(){super(...arguments),this._slotClickHandler=t=>{const e=this.shadowRoot?.querySelector("slot"),i=t.target;i&&i!==e&&i.dispatchEvent(new CustomEvent("hide-badge",{bubbles:!0,composed:!0}))},this.autoHide=!1,this.sizing="fit-content",this.position="relative",this.positionTop=0,this.positionRight=void 0,this.positionSide="right",this.positionLeft=void 0,this.value="",this.label="",this.hidden=!1,this.variant="dot",this._badgeVisible=!0,this._onHideBadge=()=>{this._badgeVisible=!1,this.requestUpdate()}}firstUpdated(){const t=this.shadowRoot?.querySelector("slot");this.autoHide&&t&&t.addEventListener("click",this._slotClickHandler)}updated(){const t=this.shadowRoot?.querySelector("slot");t&&(this.autoHide?t.addEventListener("click",this._slotClickHandler):t.removeEventListener("click",this._slotClickHandler))}connectedCallback(){super.connectedCallback(),this.addEventListener("hide-badge",this._onHideBadge)}disconnectedCallback(){this.removeEventListener("hide-badge",this._onHideBadge),super.disconnectedCallback()}mapSpacingToken(t){if(t==null)return;if(typeof t=="number"&&!Number.isNaN(t))return`${t}px`;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}render(){const t=this.mapSpacingToken(this.positionRight)??"var(--spacing-4)",e=this.mapSpacingToken(this.positionLeft)??"var(--spacing-4)",i=this.mapSpacingToken(this.positionTop)??"0px";this.style.setProperty("--scb-badge-absolute-top",i),this.style.setProperty("--scb-badge-absolute-right",t),this.style.setProperty("--scb-badge-absolute-left",e);let n=this.value;!isNaN(Number(this.value))&&this.value.length>4&&(n=this.value.slice(0,4)+"+");const o=this.variant==="value"&&!this.value?"badge-value-empty":"",d=this._badgeVisible?"":"badge--hide",l=this.label||(this.variant==="dot"?"Indikator":`Märke: ${n}`);return b`
       <div class="badge-content">
         <slot></slot>
         <div 
@@ -11,6 +11,7 @@ import{a as c,n as r,i as p,x as h,t as b}from"../../vendor/vendor.js";(function
     :host {
       display: block;
       position: relative;
+      overflow: visible;
       width: fit-content;
       --scb-badge-font-size: var(--scale-01);
       --scb-badge-line-height: 100%;
@@ -76,4 +77,4 @@ import{a as c,n as r,i as p,x as h,t as b}from"../../vendor/vendor.js";(function
       justify-content: center;
       gap: var(--scb-badge-relative-gap);
     }
-  `;a([r({type:Boolean,reflect:!0,attribute:"auto-hide"})],s.prototype,"autoHide",2);a([r({type:String,reflect:!0})],s.prototype,"sizing",2);a([r({type:String,reflect:!0})],s.prototype,"position",2);a([r({type:String,attribute:"position-top"})],s.prototype,"positionTop",2);a([r({type:String,attribute:"position-right"})],s.prototype,"positionRight",2);a([r({type:String,reflect:!0,attribute:"position-side"})],s.prototype,"positionSide",2);a([r({type:String,attribute:"position-left"})],s.prototype,"positionLeft",2);a([r({type:String,reflect:!0})],s.prototype,"value",2);a([r({type:String,reflect:!0})],s.prototype,"label",2);a([r({type:Boolean,reflect:!0})],s.prototype,"hidden",2);a([r({type:String,reflect:!0})],s.prototype,"variant",2);s=a([b("scb-badge")],s);
+  `;a([r({type:Boolean,reflect:!0,attribute:"auto-hide"})],s.prototype,"autoHide",2);a([r({type:String,reflect:!0})],s.prototype,"sizing",2);a([r({type:String,reflect:!0})],s.prototype,"position",2);a([r({type:String,attribute:"position-top"})],s.prototype,"positionTop",2);a([r({type:String,attribute:"position-right"})],s.prototype,"positionRight",2);a([r({type:String,reflect:!0,attribute:"position-side"})],s.prototype,"positionSide",2);a([r({type:String,attribute:"position-left"})],s.prototype,"positionLeft",2);a([r({type:String,reflect:!0})],s.prototype,"value",2);a([r({type:String,reflect:!0})],s.prototype,"label",2);a([r({type:Boolean,reflect:!0})],s.prototype,"hidden",2);a([r({type:String,reflect:!0})],s.prototype,"variant",2);s=a([h("scb-badge")],s);

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

@@ -248,6 +248,10 @@ import{_ as f}from"../../vendor/preload-helper.js";import{a as $,n as a,i as k,x
       overflow: hidden;
     }
 
+    :host([type='social']) .scb-card {
+      overflow: visible;
+    }
+
     .scb-card:focus,
     .scb-card:focus-visible {
       outline: none;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.205",
+    "version":  "0.1.206",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -378,5 +378,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "9963ED833FDCBC66A5A19D36260234144EBBC39003944C08CCC4D21E84B05E96"
+    "buildHash":  "47658AE04D0AE346ACB7F9EB91808DF30150F60B70158103BDE24232E478E7C8"
 }

package/scb-badge/scb-badge.js

@@ -60,6 +60,7 @@ i.styles = p`
     :host {
       display: block;
       position: relative;
+      overflow: visible;
       width: fit-content;
       --scb-badge-font-size: var(--scale-01);
       --scb-badge-line-height: 100%;

package/scb-card/scb-card.js

@@ -357,6 +357,10 @@ t.styles = $`
       overflow: hidden;
     }
 
+    :host([type='social']) .scb-card {
+      overflow: visible;
+    }
+
     .scb-card:focus,
     .scb-card:focus-visible {
       outline: none;

package/scb-wc-test.bundle.js

@@ -3062,6 +3062,7 @@
     :host {
       display: block;
       position: relative;
+      overflow: visible;
       width: fit-content;
       --scb-badge-font-size: var(--scale-01);
       --scb-badge-line-height: 100%;
@@ -5601,6 +5602,10 @@ ${this.value}</textarea
       overflow: hidden;
     }
 
+    :host([type='social']) .scb-card {
+      overflow: visible;
+    }
+
     .scb-card:focus,
     .scb-card:focus-visible {
       outline: none;