scb-wc-test 0.1.307 → 0.1.308

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

@@ -416,7 +416,6 @@ import{_ as S}from"../../vendor/preload-helper.js";import{a as L,n as a,i as E,x
       inline-size: 100%;
       min-inline-size: 0;
       max-inline-size: 100%;
-      overflow: hidden;
     }
 
     :host([type='social']) .scb-card {

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

@@ -1,4 +1,4 @@
-import{a as I,n as p,i as V,x,E as j,k as A,t as q}from"../../vendor/vendor.js";import"../scb-button/scb-button.js";import"../../vendor/vendor-material.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(o,r,i){try{customElements.get(o)||e(o,r,i)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var X=Object.defineProperty,Y=Object.getOwnPropertyDescriptor,h=(t,e,o,r)=>{for(var i=r>1?void 0:r?Y(e,o):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(i=(r?d(e,o,i):d(i))||i);return r&&i&&X(e,o,i),i};let U=0,l=class extends V{constructor(){super(...arguments),this.variant="plain",this.arrow=null,this.supportingtext="",this.label="",this.trigger="hover",this.position="top",this.open=!1,this.delay=.25,this.offset=0,this._hoverActive=!1,this._clickActive=!1,this._hideTimeout=null,this._triggerEl=null,this._originalPosition="top",this._tooltipId=`scb-tooltip-${++U}`,this._onTriggerMouseEnter=()=>{this._hoverActive=!0,this.open=!0},this._onTriggerMouseLeave=()=>{this._hoverActive=!1,this._clickActive||(this.open=!1)},this._onTriggerFocus=()=>{this._hoverActive=!0,this.open=!0},this._onTriggerBlur=()=>{this._hoverActive=!1,this._clickActive||(this.open=!1)},this._onTooltipMouseEnter=()=>{(this.trigger==="hover"||this.trigger==="hover-click")&&(this._hoverActive=!0,this.open=!0)},this._onTooltipMouseLeave=()=>{(this.trigger==="hover"||this.trigger==="hover-click")&&(this._hoverActive=!1,this._clickActive||(this.open=!1))},this._onTriggerClick=()=>{this._clickActive=!this._clickActive,this._clickActive?this.open=!0:this._hoverActive||(this.open=!1)}}firstUpdated(){if(this._originalPosition=this.position,this._updateDelayCss(),this._updateTriggerElement(),this._updateTooltipHoverListeners(),this.open){const t=this._getTooltipElement();t&&this._showTooltip(t)}}updated(t){if(t.has("trigger")&&(this._updateTriggerElement(),this._updateTooltipHoverListeners()),t.has("delay")&&this._updateDelayCss(),t.has("open")){const e=this._getTooltipElement();if(!e)return;this.open?this._showTooltip(e):this._hideTooltip(e),this._dispatchOpenChanged()}}disconnectedCallback(){super.disconnectedCallback(),this._detachTriggerListeners();const t=this._getTooltipElement();t&&(t.removeEventListener("mouseenter",this._onTooltipMouseEnter),t.removeEventListener("mouseleave",this._onTooltipMouseLeave)),this._hideTimeout!==null&&(window.clearTimeout(this._hideTimeout),this._hideTimeout=null)}_getTooltipElement(){return this.renderRoot.querySelector(".scb-tooltip")}_updateDelayCss(){const t=Number.isFinite(this.delay)?this.delay:.25;this.style.setProperty("--delay",`${t}s`)}_dispatchOpenChanged(){const t={open:this.open};this.dispatchEvent(new CustomEvent("open-changed",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("openchanged",{detail:t,bubbles:!0,composed:!0}))}_findTriggerElement(){const t=this.querySelector("[scb-tooltip-anchor]:not([slot])");return t||(Array.from(this.children).find(o=>o.nodeType===Node.ELEMENT_NODE)??null)}_updateTriggerElement(){const t=this._triggerEl;t&&(this._detachTriggerListeners(),t.removeAttribute("aria-describedby"));const e=this._findTriggerElement();this._triggerEl=e,e&&(e.setAttribute("aria-describedby",this._tooltipId),(this.trigger==="click"||this.trigger==="hover-click")&&e.addEventListener("click",this._onTriggerClick),(this.trigger==="hover"||this.trigger==="hover-click")&&(e.addEventListener("mouseenter",this._onTriggerMouseEnter),e.addEventListener("mouseleave",this._onTriggerMouseLeave),e.addEventListener("focus",this._onTriggerFocus),e.addEventListener("blur",this._onTriggerBlur)))}_updateTooltipHoverListeners(){const t=this._getTooltipElement();t&&(t.removeEventListener("mouseenter",this._onTooltipMouseEnter),t.removeEventListener("mouseleave",this._onTooltipMouseLeave),(this.trigger==="hover"||this.trigger==="hover-click")&&(t.addEventListener("mouseenter",this._onTooltipMouseEnter),t.addEventListener("mouseleave",this._onTooltipMouseLeave)))}_detachTriggerListeners(){const t=this._triggerEl;t&&(t.removeEventListener("click",this._onTriggerClick),t.removeEventListener("mouseenter",this._onTriggerMouseEnter),t.removeEventListener("mouseleave",this._onTriggerMouseLeave),t.removeEventListener("focus",this._onTriggerFocus),t.removeEventListener("blur",this._onTriggerBlur))}_showTooltip(t){this._hideTimeout!==null&&(window.clearTimeout(this._hideTimeout),this._hideTimeout=null);const e=this._triggerEl;this._resetPosition(),t.classList.remove("hidden"),t.setAttribute("aria-hidden","false"),requestAnimationFrame(()=>{e&&this._positionTooltip(t,e),t.setAttribute("open","")})}_hideTooltip(t){t.removeAttribute("open"),t.setAttribute("aria-hidden","true"),this._scheduleHidden(t)}_scheduleHidden(t){const e=(Number.isFinite(this.delay)?this.delay:.25)*1e3;if(e<=0){t.classList.add("hidden");return}this._hideTimeout=window.setTimeout(()=>{t.classList.add("hidden"),this._hideTimeout=null},e)}_resetPosition(){this.position=this._originalPosition}_positionTooltip(t,e){const o=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=this.getBoundingClientRect(),v=(this.offset??0)+8,f=8,b=f,y=window.innerHeight-f,T=f,w=window.innerWidth-f,O=s=>s>=b&&s+r.height<=y,$=s=>s>=T&&s+r.width<=w,E=(s,n,a,u)=>{let g=0;s<a&&(g+=a-s);const _=s+n;return _>u&&(g+=_-u),g},P=s=>{let n=0,a=0;switch(s){case"top":n=o.top-i.top-r.height-v,a=o.left-i.left+(o.width-r.width)/2;break;case"bottom":n=o.bottom-i.top+v,a=o.left-i.left+(o.width-r.width)/2;break;case"left":a=o.left-i.left-r.width-v,n=o.top-i.top+(o.height-r.height)/2;break;case"right":a=o.right-i.left+v,n=o.top-i.top+(o.height-r.height)/2;break}const u=n+i.top,g=a+i.left,_=E(u,r.height,b,y),F=E(g,r.width,T,w);return{pos:s,top:n,left:a,fitsV:O(u),fitsH:$(g),totalOverflow:_+F}},L=this.position==="top"||this.position==="bottom",k=this.position,S=this._getOppositePosition(k),M=[k,S,L?"left":"top",L?"right":"bottom"].map(P);let m=M.find(s=>s.fitsV&&s.fitsH)??M.reduce((s,n)=>n.totalOverflow<s.totalOverflow?n:s);const C=(s,n,a)=>Math.min(Math.max(s,n),a),H=b-i.top,B=y-r.height-i.top,D=T-i.left,z=w-r.width-i.left,N=C(m.top,H,B),R=C(m.left,D,z);t.style.top=`${N}px`,t.style.left=`${R}px`,this.position!==m.pos&&(this.position=m.pos)}_getOppositePosition(t){switch(t){case"top":return"bottom";case"bottom":return"top";case"left":return"right";case"right":return"left"}}_onDefaultSlotChange(){this._updateTriggerElement()}render(){const t=this.arrow?x`<svg
+import{a as I,n as p,i as V,x,E as j,k as A,t as q}from"../../vendor/vendor.js";import"../scb-button/scb-button.js";import"../../vendor/vendor-material.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(o,r,i){try{customElements.get(o)||e(o,r,i)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var X=Object.defineProperty,Y=Object.getOwnPropertyDescriptor,h=(t,e,o,r)=>{for(var i=r>1?void 0:r?Y(e,o):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(i=(r?d(e,o,i):d(i))||i);return r&&i&&X(e,o,i),i};let U=0,l=class extends V{constructor(){super(...arguments),this.variant="plain",this.arrow=null,this.supportingtext="",this.label="",this.trigger="hover",this.position="top",this.open=!1,this.delay=.25,this.offset=0,this._hoverActive=!1,this._clickActive=!1,this._hideTimeout=null,this._triggerEl=null,this._originalPosition="top",this._tooltipId=`scb-tooltip-${++U}`,this._onTriggerMouseEnter=()=>{this._hoverActive=!0,this.open=!0},this._onTriggerMouseLeave=()=>{this._hoverActive=!1,this._clickActive||(this.open=!1)},this._onTriggerFocus=()=>{this._hoverActive=!0,this.open=!0},this._onTriggerBlur=()=>{this._hoverActive=!1,this._clickActive||(this.open=!1)},this._onTooltipMouseEnter=()=>{(this.trigger==="hover"||this.trigger==="hover-click")&&(this._hoverActive=!0,this.open=!0)},this._onTooltipMouseLeave=()=>{(this.trigger==="hover"||this.trigger==="hover-click")&&(this._hoverActive=!1,this._clickActive||(this.open=!1))},this._onTriggerClick=()=>{this._clickActive=!this._clickActive,this._clickActive?this.open=!0:this._hoverActive||(this.open=!1)}}firstUpdated(){if(this._originalPosition=this.position,this._updateDelayCss(),this._updateTriggerElement(),this._updateTooltipHoverListeners(),this.open){const t=this._getTooltipElement();t&&this._showTooltip(t)}}updated(t){if(t.has("trigger")&&(this._updateTriggerElement(),this._updateTooltipHoverListeners()),t.has("delay")&&this._updateDelayCss(),t.has("open")){const e=this._getTooltipElement();if(!e)return;this.open?this._showTooltip(e):this._hideTooltip(e),this._dispatchOpenChanged()}}disconnectedCallback(){super.disconnectedCallback(),this._detachTriggerListeners();const t=this._getTooltipElement();t&&(t.removeEventListener("mouseenter",this._onTooltipMouseEnter),t.removeEventListener("mouseleave",this._onTooltipMouseLeave)),this._hideTimeout!==null&&(window.clearTimeout(this._hideTimeout),this._hideTimeout=null)}_getTooltipElement(){return this.renderRoot.querySelector(".scb-tooltip")}_updateDelayCss(){const t=Number.isFinite(this.delay)?this.delay:.25;this.style.setProperty("--delay",`${t}s`)}_dispatchOpenChanged(){const t={open:this.open};this.dispatchEvent(new CustomEvent("open-changed",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("openchanged",{detail:t,bubbles:!0,composed:!0}))}_findTriggerElement(){const t=this.querySelector("[scb-tooltip-anchor]:not([slot])");return t||(Array.from(this.children).find(o=>o.nodeType===Node.ELEMENT_NODE)??null)}_updateTriggerElement(){const t=this._triggerEl;t&&(this._detachTriggerListeners(),t.removeAttribute("aria-describedby"));const e=this._findTriggerElement();this._triggerEl=e,e&&(e.setAttribute("aria-describedby",this._tooltipId),(this.trigger==="click"||this.trigger==="hover-click")&&e.addEventListener("click",this._onTriggerClick),(this.trigger==="hover"||this.trigger==="hover-click")&&(e.addEventListener("mouseenter",this._onTriggerMouseEnter),e.addEventListener("mouseleave",this._onTriggerMouseLeave),e.addEventListener("focus",this._onTriggerFocus),e.addEventListener("blur",this._onTriggerBlur)))}_updateTooltipHoverListeners(){const t=this._getTooltipElement();t&&(t.removeEventListener("mouseenter",this._onTooltipMouseEnter),t.removeEventListener("mouseleave",this._onTooltipMouseLeave),(this.trigger==="hover"||this.trigger==="hover-click")&&(t.addEventListener("mouseenter",this._onTooltipMouseEnter),t.addEventListener("mouseleave",this._onTooltipMouseLeave)))}_detachTriggerListeners(){const t=this._triggerEl;t&&(t.removeEventListener("click",this._onTriggerClick),t.removeEventListener("mouseenter",this._onTriggerMouseEnter),t.removeEventListener("mouseleave",this._onTriggerMouseLeave),t.removeEventListener("focus",this._onTriggerFocus),t.removeEventListener("blur",this._onTriggerBlur))}_showTooltip(t){this._hideTimeout!==null&&(window.clearTimeout(this._hideTimeout),this._hideTimeout=null);const e=this._triggerEl;this._resetPosition(),t.classList.remove("hidden"),t.setAttribute("aria-hidden","false"),requestAnimationFrame(()=>{e&&this._positionTooltip(t,e),t.setAttribute("open","")})}_hideTooltip(t){t.removeAttribute("open"),t.setAttribute("aria-hidden","true"),this._scheduleHidden(t)}_scheduleHidden(t){const e=(Number.isFinite(this.delay)?this.delay:.25)*1e3;if(e<=0){t.classList.add("hidden");return}this._hideTimeout=window.setTimeout(()=>{t.classList.add("hidden"),this._hideTimeout=null},e)}_resetPosition(){this.position=this._originalPosition}_positionTooltip(t,e){const o=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=this.getBoundingClientRect(),v=(this.offset??0)+8,f=8,b=f,y=window.innerHeight-f,T=f,w=window.innerWidth-f,O=s=>s>=b&&s+r.height<=y,$=s=>s>=T&&s+r.width<=w,E=(s,n,a,u)=>{let g=0;s<a&&(g+=a-s);const _=s+n;return _>u&&(g+=_-u),g},P=s=>{let n=0,a=0;switch(s){case"top":n=o.top-i.top-r.height-v,a=o.left-i.left+(o.width-r.width)/2;break;case"bottom":n=o.bottom-i.top+v,a=o.left-i.left+(o.width-r.width)/2;break;case"left":a=o.left-i.left-r.width-v,n=o.top-i.top+(o.height-r.height)/2;break;case"right":a=o.right-i.left+v,n=o.top-i.top+(o.height-r.height)/2;break}const u=n+i.top,g=a+i.left,_=E(u,r.height,b,y),F=E(g,r.width,T,w);return{pos:s,top:n,left:a,fitsV:O(u),fitsH:$(g),totalOverflow:_+F}},L=this.position==="top"||this.position==="bottom",k=this.position,S=this._getOppositePosition(k),M=[k,S,L?"left":"top",L?"right":"bottom"].map(P);let m=M.find(s=>s.fitsV&&s.fitsH)??M.reduce((s,n)=>n.totalOverflow<s.totalOverflow?n:s);const C=(s,n,a)=>Math.min(Math.max(s,n),a),H=b-i.top,z=y-r.height-i.top,B=T-i.left,D=w-r.width-i.left,N=C(m.top,H,z),R=C(m.left,B,D);t.style.top=`${N}px`,t.style.left=`${R}px`,this.position!==m.pos&&(this.position=m.pos)}_getOppositePosition(t){switch(t){case"top":return"bottom";case"bottom":return"top";case"left":return"right";case"right":return"left"}}_onDefaultSlotChange(){this._updateTriggerElement()}render(){const t=this.arrow?x`<svg
           class="scb-tooltip-arrow"
           xmlns="http://www.w3.org/2000/svg"
           width="13"
@@ -58,7 +58,7 @@ import{a as I,n as p,i as V,x,E as j,k as A,t as q}from"../../vendor/vendor.js";
       max-width: 300px;
       opacity: 0;
       visibility: hidden;
-      z-index: 10;
+      z-index: var(--scb-tooltip-z-index, 1000);
       transition:
         opacity var(--delay) ease-in-out,
         visibility var(--delay) ease-in-out;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.307",
+    "version":  "0.1.308",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -386,5 +386,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "6E7787F417B1265525E98D80822E2AE34EF3D0B1836A1D97B817F67AC96730F7"
+    "buildHash":  "7204A3E3813872532B927B348BF43CCA2E7204305FC0E4562F8AA5E171261BE3"
 }

package/scb-card/scb-card.js

@@ -627,7 +627,6 @@ i.styles = L`
       inline-size: 100%;
       min-inline-size: 0;
       max-inline-size: 100%;
-      overflow: hidden;
     }
 
     :host([type='social']) .scb-card {

package/scb-tooltip/scb-tooltip.js

@@ -227,7 +227,7 @@ let U = 0, l = class extends V {
     let m = M.find((o) => o.fitsV && o.fitsH) ?? M.reduce(
       (o, n) => n.totalOverflow < o.totalOverflow ? n : o
     );
-    const C = (o, n, a) => Math.min(Math.max(o, n), a), S = _ - i.top, B = y - r.height - i.top, D = T - i.left, z = w - r.width - i.left, R = C(m.top, S, B), F = C(m.left, D, z);
+    const C = (o, n, a) => Math.min(Math.max(o, n), a), S = _ - i.top, z = y - r.height - i.top, B = T - i.left, D = w - r.width - i.left, R = C(m.top, S, z), F = C(m.left, B, D);
     t.style.top = `${R}px`, t.style.left = `${F}px`, this.position !== m.pos && (this.position = m.pos);
   }
   /*
@@ -323,7 +323,7 @@ l.styles = N`
       max-width: 300px;
       opacity: 0;
       visibility: hidden;
-      z-index: 10;
+      z-index: var(--scb-tooltip-z-index, 1000);
       transition:
         opacity var(--delay) ease-in-out,
         visibility var(--delay) ease-in-out;

package/scb-wc-test.bundle.js

@@ -5662,7 +5662,7 @@
       max-width: 300px;
       opacity: 0;
       visibility: hidden;
-      z-index: 10;
+      z-index: var(--scb-tooltip-z-index, 1000);
       transition:
         opacity var(--delay) ease-in-out,
         visibility var(--delay) ease-in-out;
@@ -6210,7 +6210,6 @@
       inline-size: 100%;
       min-inline-size: 0;
       max-inline-size: 100%;
-      overflow: hidden;
     }
 
     :host([type='social']) .scb-card {