scu-web-components 0.0.97 → 0.0.99

package/dist/chunks/chunk.CROXRUFD.js

@@ -0,0 +1,106 @@
+import{a as gt}from"./chunk.4SWKJDYZ.js";import{a as yt,b as Q,d as st,f as bt}from"./chunk.CONKFFEA.js";import{a as mt}from"./chunk.G2G2TPJK.js";import{f as F}from"./chunk.PE5ZEEQ2.js";var z=Math.min,H=Math.max,tt=Math.round;var M=t=>({x:t,y:t}),Ut={left:"right",right:"left",bottom:"top",top:"bottom"},Kt={start:"end",end:"start"};function ct(t,e,n){return H(t,z(e,n))}function Y(t,e){return typeof t=="function"?t(e):t}function N(t){return t.split("-")[0]}function X(t){return t.split("-")[1]}function pt(t){return t==="x"?"y":"x"}function lt(t){return t==="y"?"height":"width"}function et(t){return["top","bottom"].includes(N(t))?"y":"x"}function at(t){return pt(et(t))}function vt(t,e,n){n===void 0&&(n=!1);let o=X(t),i=at(t),r=lt(i),s=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=Z(s)),[s,Z(s)]}function At(t){let e=Z(t);return[rt(t),e,rt(e)]}function rt(t){return t.replace(/start|end/g,e=>Kt[e])}function Gt(t,e,n){let o=["left","right"],i=["right","left"],r=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:s;default:return[]}}function Ot(t,e,n,o){let i=X(t),r=Gt(N(t),n==="start",o);return i&&(r=r.map(s=>s+"-"+i),e&&(r=r.concat(r.map(rt)))),r}function Z(t){return t.replace(/left|right|bottom|top/g,e=>Ut[e])}function Jt(t){return{top:0,right:0,bottom:0,left:0,...t}}function ht(t){return typeof t!="number"?Jt(t):{top:t,right:t,bottom:t,left:t}}function j(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Rt(t,e,n){let{reference:o,floating:i}=t,r=et(e),s=at(e),c=lt(s),l=N(e),a=r==="y",m=o.x+o.width/2-i.width/2,d=o.y+o.height/2-i.height/2,g=o[c]/2-i[c]/2,f;switch(l){case"top":f={x:m,y:o.y-i.height};break;case"bottom":f={x:m,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:d};break;case"left":f={x:o.x-i.width,y:d};break;default:f={x:o.x,y:o.y}}switch(X(e)){case"start":f[s]-=g*(n&&a?-1:1);break;case"end":f[s]+=g*(n&&a?-1:1);break}return f}var Ct=async(t,e,n)=>{let{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=n,c=r.filter(Boolean),l=await(s.isRTL==null?void 0:s.isRTL(e)),a=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:m,y:d}=Rt(a,o,l),g=o,f={},u=0;for(let p=0;p<c.length;p++){let{name:h,fn:x}=c[p],{x:y,y:w,data:C,reset:b}=await x({x:m,y:d,initialPlacement:o,placement:g,strategy:i,middlewareData:f,rects:a,platform:s,elements:{reference:t,floating:e}});if(m=y!=null?y:m,d=w!=null?w:d,f={...f,[h]:{...f[h],...C}},b&&u<=50){u++,typeof b=="object"&&(b.placement&&(g=b.placement),b.rects&&(a=b.rects===!0?await s.getElementRects({reference:t,floating:e,strategy:i}):b.rects),{x:m,y:d}=Rt(a,g,l)),p=-1;continue}}return{x:m,y:d,placement:g,strategy:i,middlewareData:f}};async function xt(t,e){var n;e===void 0&&(e={});let{x:o,y:i,platform:r,rects:s,elements:c,strategy:l}=t,{boundary:a="clippingAncestors",rootBoundary:m="viewport",elementContext:d="floating",altBoundary:g=!1,padding:f=0}=Y(e,t),u=ht(f),h=c[g?d==="floating"?"reference":"floating":d],x=j(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(h)))==null||n?h:h.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:a,rootBoundary:m,strategy:l})),y=d==="floating"?{...s.floating,x:o,y:i}:s.reference,w=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating)),C=await(r.isElement==null?void 0:r.isElement(w))?await(r.getScale==null?void 0:r.getScale(w))||{x:1,y:1}:{x:1,y:1},b=j(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:y,offsetParent:w,strategy:l}):y);return{top:(x.top-b.top+u.top)/C.y,bottom:(b.bottom-x.bottom+u.bottom)/C.y,left:(x.left-b.left+u.left)/C.x,right:(b.right-x.right+u.right)/C.x}}var Et=t=>({name:"arrow",options:t,async fn(e){let{x:n,y:o,placement:i,rects:r,platform:s,elements:c,middlewareData:l}=e,{element:a,padding:m=0}=Y(t,e)||{};if(a==null)return{};let d=ht(m),g={x:n,y:o},f=at(i),u=lt(f),p=await s.getDimensions(a),h=f==="y",x=h?"top":"left",y=h?"bottom":"right",w=h?"clientHeight":"clientWidth",C=r.reference[u]+r.reference[f]-g[f]-r.floating[u],b=g[f]-r.reference[f],W=await(s.getOffsetParent==null?void 0:s.getOffsetParent(a)),P=W?W[w]:0;(!P||!await(s.isElement==null?void 0:s.isElement(W)))&&(P=c.floating[w]||r.floating[u]);let V=C/2-b/2,U=P/2-p[u]/2-1,K=z(d[x],U),G=z(d[y],U),R=K,J=P-p[u]-G,A=P/2-p[u]/2+V,T=ct(R,A,J),L=!l.arrow&&X(i)!=null&&A!=T&&r.reference[u]/2-(A<R?K:G)-p[u]/2<0,D=L?A<R?A-R:A-J:0;return{[f]:g[f]+D,data:{[f]:T,centerOffset:A-T-D,...L&&{alignmentOffset:D}},reset:L}}});var Pt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;let{placement:i,middlewareData:r,rects:s,initialPlacement:c,platform:l,elements:a}=e,{mainAxis:m=!0,crossAxis:d=!0,fallbackPlacements:g,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:p=!0,...h}=Y(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};let x=N(i),y=N(c)===c,w=await(l.isRTL==null?void 0:l.isRTL(a.floating)),C=g||(y||!p?[Z(c)]:At(c));!g&&u!=="none"&&C.push(...Ot(c,p,u,w));let b=[c,...C],W=await xt(e,h),P=[],V=((o=r.flip)==null?void 0:o.overflows)||[];if(m&&P.push(W[x]),d){let R=vt(i,s,w);P.push(W[R[0]],W[R[1]])}if(V=[...V,{placement:i,overflows:P}],!P.every(R=>R<=0)){var U,K;let R=(((U=r.flip)==null?void 0:U.index)||0)+1,J=b[R];if(J)return{data:{index:R,overflows:V},reset:{placement:J}};let A=(K=V.filter(T=>T.overflows[0]<=0).sort((T,L)=>T.overflows[1]-L.overflows[1])[0])==null?void 0:K.placement;if(!A)switch(f){case"bestFit":{var G;let T=(G=V.map(L=>[L.placement,L.overflows.filter(D=>D>0).reduce((D,qt)=>D+qt,0)]).sort((L,D)=>L[1]-D[1])[0])==null?void 0:G[0];T&&(A=T);break}case"initialPlacement":A=c;break}if(i!==A)return{reset:{placement:A}}}return{}}}};async function Qt(t,e){let{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),s=N(n),c=X(n),l=et(n)==="y",a=["left","top"].includes(s)?-1:1,m=r&&l?-1:1,d=Y(e,t),{mainAxis:g,crossAxis:f,alignmentAxis:u}=typeof d=="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...d};return c&&typeof u=="number"&&(f=c==="end"?u*-1:u),l?{x:f*m,y:g*a}:{x:g*a,y:f*m}}var wt=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;let{x:i,y:r,placement:s,middlewareData:c}=e,l=await Qt(e,t);return s===((n=c.offset)==null?void 0:n.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:r+l.y,data:{...l,placement:s}}}}},Tt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:s=!1,limiter:c={fn:h=>{let{x,y}=h;return{x,y}}},...l}=Y(t,e),a={x:n,y:o},m=await xt(e,l),d=et(N(i)),g=pt(d),f=a[g],u=a[d];if(r){let h=g==="y"?"top":"left",x=g==="y"?"bottom":"right",y=f+m[h],w=f-m[x];f=ct(y,f,w)}if(s){let h=d==="y"?"top":"left",x=d==="y"?"bottom":"right",y=u+m[h],w=u-m[x];u=ct(y,u,w)}let p=c.fn({...e,[g]:f,[d]:u});return{...p,data:{x:p.x-n,y:p.y-o}}}}};function $(t){return St(t)?(t.nodeName||"").toLowerCase():"#document"}function v(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function B(t){var e;return(e=(St(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function St(t){return t instanceof Node||t instanceof v(t).Node}function S(t){return t instanceof Element||t instanceof v(t).Element}function E(t){return t instanceof HTMLElement||t instanceof v(t).HTMLElement}function Lt(t){return typeof ShadowRoot=="undefined"?!1:t instanceof ShadowRoot||t instanceof v(t).ShadowRoot}function _(t){let{overflow:e,overflowX:n,overflowY:o,display:i}=O(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function kt(t){return["table","td","th"].includes($(t))}function ut(t){let e=dt(),n=O(t);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(o=>(n.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(n.contain||"").includes(o))}function Dt(t){let e=I(t);for(;E(e)&&!nt(e);){if(ut(e))return e;e=I(e)}return null}function dt(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function nt(t){return["html","body","#document"].includes($(t))}function O(t){return v(t).getComputedStyle(t)}function ot(t){return S(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function I(t){if($(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Lt(t)&&t.host||B(t);return Lt(e)?e.host:e}function Mt(t){let e=I(t);return nt(e)?t.ownerDocument?t.ownerDocument.body:t.body:E(e)&&_(e)?e:Mt(e)}function ft(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);let i=Mt(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),s=v(i);return r?e.concat(s,s.visualViewport||[],_(i)?i:[],s.frameElement&&n?ft(s.frameElement):[]):e.concat(i,ft(i,[],n))}function Ft(t){let e=O(t),n=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=E(t),r=i?t.offsetWidth:n,s=i?t.offsetHeight:o,c=tt(n)!==r||tt(o)!==s;return c&&(n=r,o=s),{width:n,height:o,$:c}}function Ht(t){return S(t)?t:t.contextElement}function q(t){let e=Ht(t);if(!E(e))return M(1);let n=e.getBoundingClientRect(),{width:o,height:i,$:r}=Ft(e),s=(r?tt(n.width):n.width)/o,c=(r?tt(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}var Zt=M(0);function Nt(t){let e=v(t);return!dt()||!e.visualViewport?Zt:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function te(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==v(t)?!1:e}function it(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);let i=t.getBoundingClientRect(),r=Ht(t),s=M(1);e&&(o?S(o)&&(s=q(o)):s=q(t));let c=te(r,n,o)?Nt(r):M(0),l=(i.left+c.x)/s.x,a=(i.top+c.y)/s.y,m=i.width/s.x,d=i.height/s.y;if(r){let g=v(r),f=o&&S(o)?v(o):o,u=g.frameElement;for(;u&&o&&f!==g;){let p=q(u),h=u.getBoundingClientRect(),x=O(u),y=h.left+(u.clientLeft+parseFloat(x.paddingLeft))*p.x,w=h.top+(u.clientTop+parseFloat(x.paddingTop))*p.y;l*=p.x,a*=p.y,m*=p.x,d*=p.y,l+=y,a+=w,u=v(u).frameElement}}return j({width:m,height:d,x:l,y:a})}function ee(t){let{rect:e,offsetParent:n,strategy:o}=t,i=E(n),r=B(n);if(n===r)return e;let s={scrollLeft:0,scrollTop:0},c=M(1),l=M(0);if((i||!i&&o!=="fixed")&&(($(n)!=="body"||_(r))&&(s=ot(n)),E(n))){let a=it(n);c=q(n),l.x=a.x+n.clientLeft,l.y=a.y+n.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-s.scrollLeft*c.x+l.x,y:e.y*c.y-s.scrollTop*c.y+l.y}}function ne(t){return Array.from(t.getClientRects())}function Wt(t){return it(B(t)).left+ot(t).scrollLeft}function oe(t){let e=B(t),n=ot(t),o=t.ownerDocument.body,i=H(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=H(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),s=-n.scrollLeft+Wt(t),c=-n.scrollTop;return O(o).direction==="rtl"&&(s+=H(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:c}}function ie(t,e){let n=v(t),o=B(t),i=n.visualViewport,r=o.clientWidth,s=o.clientHeight,c=0,l=0;if(i){r=i.width,s=i.height;let a=dt();(!a||a&&e==="fixed")&&(c=i.offsetLeft,l=i.offsetTop)}return{width:r,height:s,x:c,y:l}}function se(t,e){let n=it(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=E(t)?q(t):M(1),s=t.clientWidth*r.x,c=t.clientHeight*r.y,l=i*r.x,a=o*r.y;return{width:s,height:c,x:l,y:a}}function $t(t,e,n){let o;if(e==="viewport")o=ie(t,n);else if(e==="document")o=oe(B(t));else if(S(e))o=se(e,n);else{let i=Nt(t);o={...e,x:e.x-i.x,y:e.y-i.y}}return j(o)}function Vt(t,e){let n=I(t);return n===e||!S(n)||nt(n)?!1:O(n).position==="fixed"||Vt(n,e)}function re(t,e){let n=e.get(t);if(n)return n;let o=ft(t,[],!1).filter(c=>S(c)&&$(c)!=="body"),i=null,r=O(t).position==="fixed",s=r?I(t):t;for(;S(s)&&!nt(s);){let c=O(s),l=ut(s);!l&&c.position==="fixed"&&(i=null),(r?!l&&!i:!l&&c.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||_(s)&&!l&&Vt(t,s))?o=o.filter(m=>m!==s):i=c,s=I(s)}return e.set(t,o),o}function ce(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t,s=[...n==="clippingAncestors"?re(e,this._c):[].concat(n),o],c=s[0],l=s.reduce((a,m)=>{let d=$t(e,m,i);return a.top=H(d.top,a.top),a.right=z(d.right,a.right),a.bottom=z(d.bottom,a.bottom),a.left=H(d.left,a.left),a},$t(e,c,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function le(t){let{width:e,height:n}=Ft(t);return{width:e,height:n}}function ae(t,e,n){let o=E(e),i=B(e),r=n==="fixed",s=it(t,!0,r,e),c={scrollLeft:0,scrollTop:0},l=M(0);if(o||!o&&!r)if(($(e)!=="body"||_(i))&&(c=ot(e)),o){let a=it(e,!0,r,e);l.x=a.x+e.clientLeft,l.y=a.y+e.clientTop}else i&&(l.x=Wt(i));return{x:s.left+c.scrollLeft-l.x,y:s.top+c.scrollTop-l.y,width:s.width,height:s.height}}function Bt(t,e){return!E(t)||O(t).position==="fixed"?null:e?e(t):t.offsetParent}function zt(t,e){let n=v(t);if(!E(t))return n;let o=Bt(t,e);for(;o&&kt(o)&&O(o).position==="static";)o=Bt(o,e);return o&&($(o)==="html"||$(o)==="body"&&O(o).position==="static"&&!ut(o))?n:o||Dt(t)||n}var fe=async function(t){let{reference:e,floating:n,strategy:o}=t,i=this.getOffsetParent||zt,r=this.getDimensions;return{reference:ae(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}};function ue(t){return O(t).direction==="rtl"}var de={convertOffsetParentRelativeRectToViewportRelativeRect:ee,getDocumentElement:B,getClippingRect:ce,getOffsetParent:zt,getElementRects:fe,getClientRects:ne,getDimensions:le,getScale:q,isElement:S,isRTL:ue};var jt=Tt,It=Pt;var Yt=Et;var Xt=(t,e,n)=>{let o=new Map,i={platform:de,...n},r={...i.platform,_c:o};return Ct(t,e,{...i,platform:r})};var _t=yt`
+.container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  visibility: hidden;
+  z-index: -1;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  width: max-content;
+  max-width: var(--max-width);
+}
+.container .bubble {
+  background-color: var(--scw-color-grey-02);
+  border-radius: 6px 6px 6px 6px;
+  align-self: stretch;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: var(--scw-spacing-1);
+  padding-bottom: var(--scw-spacing-1);
+}
+.container .bubble > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+.container .bubble .content {
+  background-color: rgb(255, 255, 255);
+  align-self: stretch;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  background-color: var(--scw-color-grey-02);
+}
+.container .bubble .content > *:not(:last-child) {
+  margin-bottom: calc(var(--scw-spacing-1) * 0.5);
+  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+}
+.container .bubble .content .heading {
+  text-align: LEFT;
+  font: 700 0.75rem/0.914rem "Proxima Nova";
+  color: rgb(235, 238, 240);
+  align-self: stretch;
+}
+.container .bubble .content .body {
+  text-align: LEFT;
+  font: 400 0.75rem/0.914rem "Proxima Nova";
+  color: rgb(235, 238, 240);
+  align-self: stretch;
+}
+.container .arrow {
+  background-color: var(--scw-color-grey-02);
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  rotate: 45deg;
+  z-index: -1;
+}
+
+.container.open {
+  visibility: visible;
+  z-index: 10;
+  opacity: 1;
+}
+
+.target {
+  --scw-theme-color-092: var(--scw-color-grey-02);
+  --scw-theme-color-02: var(--scw-color-grey-08);
+}
+.target.open {
+  --scw-theme-color-092: var(--scw-color-grey-092);
+  --scw-theme-color-02: var(--scw-color-grey-02);
+}`;var k=class extends bt{constructor(){super();this.open=!1;this.heading="";this.placement="top";this.maxWidth="500px";this.boundOpenHandler=this.closeOnOffClick.bind(this),this.element="tag"}static get styles(){return[super.styles,_t]}connectedCallback(){window.addEventListener("click",this.boundOpenHandler),super.connectedCallback()}disconnectedCallback(){window.removeEventListener("click",this.boundOpenHandler),super.disconnectedCallback()}closeOnOffClick(n){n.target!==this&&(this.open=!1)}updatePosition(){Xt(this.target,this.container,{placement:this.placement,middleware:[wt({mainAxis:6,alignmentAxis:-10}),It(),jt({padding:10}),Yt({element:this.arrow})]}).then(({x:n,y:o,placement:i,middlewareData:r})=>{if(Object.assign(this.container.style,{left:`${n}px`,top:`${o}px`}),r.arrow){let{x:s,y:c}=r.arrow,l=i.startsWith("top")?"bottom":"top";Object.assign(this.arrow.style,{top:c!=null?`${c}px`:"",left:s!=null?`${s}px`:"",right:"",bottom:"",[l]:"-4px"})}})}toggleOpen(){this.open?this.closeTooltip():this.openTooltip(),this.requestUpdate()}openTooltip(){this.updatePosition(),this.open=!0}closeTooltip(){this.open=!1}render(){return mt`
+    <div
+      class=${gt({container:!0,open:this.open})}
+      style="--max-width: ${this.maxWidth}">
+      <div class="bubble">
+        <div class="content">
+          ${this.heading?mt`
+            <div class="heading">
+              ${this.heading}
+            </div>
+          `:""}
+          <div class="body">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+      <div class="arrow"></div>
+    </div>
+    <scw-icon
+      class=${gt({target:!0,open:this.open})}
+      @mouseover="${this.openTooltip}"
+      @mouseleave="${this.closeTooltip}"
+      @click=${this.toggleOpen}
+      size="20" 
+      icon="icon-question-circle"></scw-icon>
+    `}};F([Q({type:Boolean,attribute:"open",reflect:!0})],k.prototype,"open",2),F([Q({type:String,attribute:"heading",reflect:!1})],k.prototype,"heading",2),F([Q({type:String,attribute:"placement",reflect:!1})],k.prototype,"placement",2),F([Q({type:String,attribute:"max-width",reflect:!1})],k.prototype,"maxWidth",2),F([st(".container")],k.prototype,"container",2),F([st(".target")],k.prototype,"target",2),F([st(".arrow")],k.prototype,"arrow",2);export{k as a};

package/dist/chunks/chunk.DGZGQCDP.js

@@ -0,0 +1,17 @@
+import{a as s,f as o}from"./chunk.CONKFFEA.js";import{a as e}from"./chunk.G2G2TPJK.js";var r=s`
+:host {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  width: 100%;
+  max-height: 100%;
+  scroll-snap-align: start;
+  scroll-snap-stop: normal;
+}
+
+::slotted(*) {
+  width: 100%;
+  height: 100%;
+  display: block;
+}`;var t=class extends o{static get styles(){return[super.styles,r]}constructor(){super(),this.element="slider-item"}render(){return e` <slot></slot> `}};export{t as a};

package/dist/chunks/chunk.DHR3X5SG.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.M5WKRWMS.js";import{a as r}from"./chunk.KILRDKGP.js";import{b as i}from"./chunk.CONKFFEA.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var t=class extends m{constructor(){super();this.submitType="submit";this.element="button",this.href="javascript:"}connectedCallback(){super.connectedCallback(),this.addEventListener("click",()=>{this.submitType==="submit"&&r("scw-submit-intent",this)})}};e([i({type:String,reflect:!0,attribute:"submit-type"})],t.prototype,"submitType",2);export{t as a};

package/dist/chunks/chunk.EBQOHX3S.js

@@ -0,0 +1,134 @@
+import{a as r,b as i,d as s,f as c}from"./chunk.CONKFFEA.js";import{a as n}from"./chunk.G2G2TPJK.js";import{f as o}from"./chunk.PE5ZEEQ2.js";var d=r`
+.scw-accordion {
+  overflow: hidden;
+}
+.scw-accordion #header {
+  cursor: pointer;
+}
+.scw-accordion #content {
+  overflow: hidden;
+  transition: height 0.3s ease-in-out;
+  display: block;
+}
+
+:host([heading]) .scw-accordion {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-08);
+  overflow: hidden;
+  border-top: 0;
+  border-left: 0;
+  border-right: 0;
+}
+:host([heading]) .scw-accordion > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+:host([heading]) .scw-accordion #header {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: var(--scw-spacing-2);
+  padding-right: var(--scw-spacing-2);
+  padding-top: var(--scw-spacing-2);
+  padding-bottom: var(--scw-spacing-2);
+  padding-left: var(--scw-spacing-2);
+  padding-right: var(--scw-spacing-2);
+  padding-top: var(--scw-spacing-2);
+  padding-bottom: var(--scw-spacing-2);
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  border: none;
+  cursor: pointer;
+}
+:host([heading]) .scw-accordion #header > *:not(:last-child) {
+  margin-right: var(--scw-spacing-1);
+  --margin-right: var( --scw-spacing-1 );
+}
+:host([heading]) .scw-accordion #header .text {
+  text-align: LEFT;
+  font: var(--scw-type-text-06-font);
+  color: var(--scw-color-grey-03);
+  flex: 1;
+}
+:host([heading]) .scw-accordion #header .icon {
+  width: 26px;
+  height: 26px;
+  --scw-icon-color: var(open-button-text-vars.\$color);
+}
+:host([heading]) .scw-accordion #header .icon scw-icon {
+  width: 26px;
+  height: 26px;
+  position: absolute;
+  transition: rotate 0.3s ease;
+}
+:host([heading]) .scw-accordion #content {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+}
+:host([heading]) .scw-accordion #content .wrapper {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: flex-start;
+  padding-left: var(--scw-spacing-2);
+  padding-right: var(--scw-spacing-2);
+  padding-top: 0px;
+  padding-bottom: var(--scw-spacing-2);
+  padding-top: 0;
+  padding-bottom: 0;
+}
+:host([heading]) .scw-accordion #content .wrapper > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+:host([heading]) .scw-accordion #content .wrapper slot {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-03);
+  align-self: stretch;
+}
+:host([heading]) .scw-accordion .icon-open {
+  rotate: 180deg;
+}
+
+:host([inherit]) .scw-accordion #header .text {
+  font: inherit;
+}`;var e=class extends c{constructor(){super();this.open=!1;this.heading="";this.element="accordion",this.open?this.containerHeight="100%":this.containerHeight="0px"}static get styles(){return[super.styles,d]}async firstUpdated(){await new Promise(t=>setTimeout(t,0)),this.updateScrollHeight()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",t=>this.handleKeypress(t))}disconnectedCallback(){this.removeEventListener("keydown",t=>this.handleKeypress(t)),super.disconnectedCallback()}toggleOpen(){this.open=!this.open,this.updateScrollHeight()}updateScrollHeight(){this.containerHeight=this.open?this.container.scrollHeight+"px":"0px",this.requestUpdate()}handleKeypress(t){let a=t.code;(a==="Enter"||a==="Space")&&this.toggleOpen()}render(){return n`
+      <div class="scw-accordion">
+        <div
+          @click=${this.toggleOpen}
+          role="button"
+          tabindex="0"
+          aria-expanded="${this.open}"
+          id="header"
+          aria-controls="content">
+          <div class="text">
+            ${this.heading!==""?this.heading:n`<slot name="heading"></slot>`}
+          </div>
+          ${this.heading!==""?n` <div class="icon">
+                <scw-icon
+                class="${this.open?"icon-open":"icon-close"}"
+                  icon="icon-chevron-down">
+                </scw-icon>
+              </div>`:""}
+        </div>
+        <div
+          style="height:${this.containerHeight};"
+          id="content"
+          aria-labelledby="header"
+          aria-hidden="${!this.open}">
+          <div class="wrapper"><slot></slot></div>
+        </div>
+      </div>
+    `}};o([i({type:Boolean,attribute:"open",reflect:!0})],e.prototype,"open",2),o([i({type:String,attribute:"heading",reflect:!1})],e.prototype,"heading",2),o([s("#content")],e.prototype,"container",2);export{e as a};

package/dist/chunks/chunk.EFIZ5WJJ.js

@@ -0,0 +1,264 @@
+import{a as r}from"./chunk.4SWKJDYZ.js";import{a as p}from"./chunk.KILRDKGP.js";import{a as s,b as i,d as o,f as c}from"./chunk.CONKFFEA.js";import{a as n}from"./chunk.G2G2TPJK.js";import{f as t}from"./chunk.PE5ZEEQ2.js";var d=s`
+.nav-wrapper {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  overflow: hidden;
+  z-index: 10;
+  top: 0;
+  left: -100%;
+  transition: left 350ms ease;
+}
+
+.nav-wrapper.open {
+  left: 0;
+}
+
+.mobile-nav {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 15px 15px 15px 15px;
+  box-shadow: 0px 2px 36px 0px rgba(0, 0, 0, 0.14);
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: var(--scw-spacing-3);
+  padding-right: var(--scw-spacing-3);
+  padding-top: 0px;
+  padding-bottom: 0px;
+  height: 100%;
+  border-radius: 0;
+}
+.mobile-nav > *:not(:last-child) {
+  margin-bottom: var(--scw-spacing-3);
+  --margin-bottom: var( --scw-spacing-3 );
+}
+.mobile-nav .header {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: flex-end;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  height: 50px;
+}
+.mobile-nav .header > *:not(:last-child) {
+  margin-right: 0px;
+  --margin-right: 0px;
+}
+.mobile-nav .header scw-link {
+  height: 26px;
+}
+.mobile-nav .header .header-nav {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  flex: 1;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-end;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  height: 50px;
+  gap: var(--scw-spacing-3);
+}
+.mobile-nav .header .header-nav > *:not(:last-child) {
+  margin-right: var(--scw-spacing-3);
+  --margin-right: var( --scw-spacing-3 );
+}
+.mobile-nav .header scw-icon {
+  background-color: rgba(0, 0, 0, 0);
+  width: 26px;
+  height: 26px;
+  --scw-icon-color: var(default-header-scw-icon-icon-vector-vars.\$background-color);
+}
+.mobile-nav .scroll-wrapper {
+  width: 100%;
+  height: 100%;
+  overflow: scroll;
+  display: flex;
+  flex-flow: column;
+  justify-content: flex-start;
+  align-items: center;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: var(--scw-spacing-3);
+  padding-right: var(--scw-spacing-3);
+  padding-top: 0px;
+  padding-bottom: 0px;
+  padding-top: 2px;
+}
+.mobile-nav .scroll-wrapper > *:not(:last-child) {
+  margin-bottom: var(--scw-spacing-3);
+  --margin-bottom: var( --scw-spacing-3 );
+}
+.mobile-nav .search {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.mobile-nav .search > *:not(:last-child) {
+  margin-bottom: calc(var(--scw-spacing-1) * 0.5);
+  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+}
+.mobile-nav .search scw-input {
+  width: 100%;
+}
+.mobile-nav .main-nav {
+  background-color: rgba(0, 0, 0, 0);
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-09);
+  align-self: stretch;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.mobile-nav .main-nav > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+.mobile-nav .secondary-nav {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  gap: calc(var(--scw-spacing-1) * 1.5);
+}
+.mobile-nav .secondary-nav > *:not(:last-child) {
+  margin-bottom: calc(var(--scw-spacing-1) * 1.5);
+  --margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );
+}
+.mobile-nav .footer {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  flex: 1;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-end;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: var(--scw-spacing-3);
+}
+.mobile-nav .footer > *:not(:last-child) {
+  margin-bottom: var(--scw-spacing-2);
+  --margin-bottom: var( --scw-spacing-2 );
+}
+.mobile-nav .footer scw-link {
+  width: 100%;
+}
+
+.inner .title {
+  text-align: CENTER;
+  font: 700 1rem/1.5rem "Proxima Nova";
+  color: rgb(73, 77, 79);
+  flex: 1;
+  width: 100%;
+}
+
+.hide {
+  display: none;
+}`;var e=class extends c{constructor(){super();this.inner=!1;this.navIndex=10;this.footerLink="";this.footerLinkLabel="";this.secondaryFooterLink="";this.secondaryFooterLinkLabel="";this.open=!1;this.customButton=!1;this.hide=!0;this.element="mobile-nav"}static get styles(){return[super.styles,d]}firstUpdated(){this.parentElement&&this.parentElement.parentElement&&this.parentElement.parentElement.element==="mobile-nav"&&(this.inner=!0)}toggleOpen(){this.nav.hidden=this.open,this.nav.offsetHeight,this.open=!this.open}handleClose(){if(this.handleBack(),this.parentElement&&this.parentElement.parentElement){let a=this.parentElement.parentElement;a.element==="mobile-nav"&&a.handleClose()}}handleBack(){this.open=!1,setTimeout(()=>{this.nav.hidden=!0},300)}searchChange(a){a.key==="Enter"&&this.searchSubmit()}searchSubmit(){p("scw-search",this,{value:this.input.value})}render(){let a={"mobile-nav":!0,inner:this.inner},g={open:this.open,"nav-wrapper":!0},l=n`
+      <div
+        hidden="true"
+        id="mobile-menu"
+        class=${r(g)}>
+        <div class=${r(a)}>
+          <div class="header">
+            ${this.inner?n` <scw-link
+                    design="plain"
+                    aria-label="back"
+                    @click="${this.handleBack}">
+                    <scw-icon icon="icon-chevron-left"> </scw-icon>
+                  </scw-link>
+                  <div class="title">${this.ariaLabel}</div>`:n`
+                  <slot
+                    class="header-nav"
+                    name="header-nav"></slot>
+                `}
+
+            <scw-link
+              design="plain"
+              aria-label="close"
+              @click="${this.handleClose}">
+              <scw-icon icon="icon-close"></scw-icon>
+            </scw-link>
+          </div>
+
+          <div class="scroll-wrapper">
+            ${this.inner?"":n`<div class="search">
+                  <scw-input
+                  hide-feedback="true"
+                    id="nav-search"
+                    @keyup=${this.searchChange}
+                    placeholder="Search"
+                    left-icon="icon-search"></scw-input>
+                </div>`}
+            <div class="main-nav">
+              <slot></slot>
+            </div>
+            <div class="secondary-nav">
+              <slot name="secondary"></slot>
+            </div>
+            ${this.inner?"":n` <div class="footer">
+                  ${this.footerLink!==""&&this.footerLinkLabel!==""?n`
+                        <scw-link
+                          design="outlined"
+                          aria-label="${this.footerLinkLabel}"
+                          href="${this.footerLinkLabel}"></scw-link>
+                      `:""}
+                  ${this.secondaryFooterLink!==""&&this.secondaryFooterLinkLabel!==""?n`
+                        <scw-link
+                          aria-label="${this.secondaryFooterLinkLabel}"
+                          href="${this.secondaryFooterLink}"></scw-link>
+                      `:""}
+                </div>`}
+          </div>
+        </div>
+      </div>
+    `;return this.inner?l:n`
+        <nav role="navigation">
+          <scw-link
+            aria-expanded="${this.open}"
+            aria-controls="mobile-menu"
+            @click="${this.toggleOpen}"
+            design="plain"
+            aria-label="open">
+            ${this.customButton?n`<slot name="toggle"></slot>`:n`<scw-icon
+                  icon="icon-menu"
+                  size="30"></scw-icon>`}
+          </scw-link>
+          ${l}
+        </nav>
+      `}};t([i({type:Boolean,attribute:"inner",reflect:!0})],e.prototype,"inner",2),t([i({type:Number,attribute:"nav-index",reflect:!0})],e.prototype,"navIndex",2),t([i({type:String,attribute:"footer-link"})],e.prototype,"footerLink",2),t([i({type:String,attribute:"footer-link-label"})],e.prototype,"footerLinkLabel",2),t([i({type:String,attribute:"secondary-footer-link"})],e.prototype,"secondaryFooterLink",2),t([i({type:String,attribute:"secondary-footer-link-label"})],e.prototype,"secondaryFooterLinkLabel",2),t([i({type:Boolean,attribute:"open",reflect:!0})],e.prototype,"open",2),t([i({type:String,attribute:"custom-button"})],e.prototype,"customButton",2),t([o("#nav-search")],e.prototype,"input",2),t([o("#mobile-menu")],e.prototype,"nav",2);export{e as a};

package/dist/chunks/chunk.EGDEITJG.js

@@ -0,0 +1,12 @@
+import{a as m}from"./chunk.VIF6YT55.js";import{a as d}from"./chunk.QHUZYUAT.js";import{a,b as n,f as u}from"./chunk.CONKFFEA.js";import{a as s}from"./chunk.G2G2TPJK.js";import{f as l}from"./chunk.PE5ZEEQ2.js";var c=a`
+:host {
+  display: block;
+}`;var o=class extends u{constructor(){super();this.value="";this.element="validation"}static get styles(){return[super.styles,c]}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","validation")}valueHandler(){this.validate(this.value)}validate(t){let r=this.getValidationRules(),e=[];return r.map(i=>{i.validate(t,e)}),e}isRequired(){let t=this.getValidationRules(),r=!1;return t.find(e=>e.type==="required"?(r=!0,!0):!1),r}getValidationRules(){let t=[];return Array.from(this.children).map(e=>{let i=e;i.element&&i.element==="validate"&&t.push(i)}),t}render(){return m(this,"--debug")?s`
+        <div 
+          id="root">
+          <div>
+            Validation
+          </div>
+          <slot></slot>
+        </div>
+      `:s``}};l([n({type:String})],o.prototype,"value",2),l([d("value")],o.prototype,"valueHandler",1);export{o as a};

package/dist/chunks/chunk.F75P7NGD.js

@@ -0,0 +1,48 @@
+import{a as n,b as e,f as o}from"./chunk.CONKFFEA.js";import{a as r,d as s}from"./chunk.G2G2TPJK.js";import{f as i}from"./chunk.PE5ZEEQ2.js";var d=n`
+:host .responsive {
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+  display: block;
+}`;var t=class extends o{constructor(){super();this.preload=!1;this.eager=!1;this.element="image"}static get styles(){return[super.styles,d]}renderPreload(){if(this.preload)return r`<link
+        rel="preload"
+        as="image"
+        href="${this.src}" /> `}renderContent(){return r` ${this.renderPreload()}
+        <picture>
+          ${this.breakpointXlg&&this.srcXlg?r`
+                <source
+                  srcset="${this.srcXlg}"
+                  media="(min-width: ${this.breakpointXlg}px)" />
+              `:""}
+          ${this.breakpointLg&&this.srcLg?r`
+                <source
+                  srcset="${this.srcLg}"
+                  media="(min-width: ${this.breakpointLg}px)" />
+              `:""}
+          ${this.breakpointMd&&this.srcMd?r`
+                <source
+                  srcset="${this.srcMd}"
+                  media="(min-width: ${this.breakpointMd}px)" />
+              `:""}
+          ${this.breakpointSm&&this.srcSm?r`
+                <source
+                  srcset="${this.srcSm}"
+                  media="(min-width: ${this.breakpointSm}px)" />
+              `:""}
+          ${(this.breakpointXsm||this.breakpointXsm===0)&&this.srcXsm?r`
+                <source
+                  srcset="${this.srcXsm}"
+                  media="(min-width: ${this.breakpointXsm}px)" />
+              `:""}
+
+          <img
+            style="${this.objectFit?"object-fit:"+this.objectFit+";":""}
+            ${this.objectPosition?"object-position:"+this.objectPosition+";":""}"
+            class="${this.width||this.height?s:"responsive"}"
+            src="${this.src?this.src:!1}"
+            alt="${this.alt?this.alt:""}"
+            loading="${this.eager?"eager":"lazy"}"
+            role="${this.alt?s:"presentation"}"
+            width="${this.width?this.width:s}"
+            height="${this.height?this.height:s}" />
+        </picture>`}render(){return r` ${this.renderContent()} `}};i([e({type:String,attribute:"object-fit"})],t.prototype,"objectFit",2),i([e({type:String,attribute:"object-position"})],t.prototype,"objectPosition",2),i([e({type:String})],t.prototype,"src",2),i([e({type:String})],t.prototype,"alt",2),i([e({type:Boolean})],t.prototype,"preload",2),i([e({type:Boolean,attribute:"eager"})],t.prototype,"eager",2),i([e({type:String,attribute:"src-xsm"})],t.prototype,"srcXsm",2),i([e({type:String,attribute:"src-sm"})],t.prototype,"srcSm",2),i([e({type:String,attribute:"src-md"})],t.prototype,"srcMd",2),i([e({type:String,attribute:"src-lg"})],t.prototype,"srcLg",2),i([e({type:String,attribute:"src-xlg"})],t.prototype,"srcXlg",2),i([e({type:Number,attribute:"breakpoint-xsm"})],t.prototype,"breakpointXsm",2),i([e({type:Number,attribute:"breakpoint-sm"})],t.prototype,"breakpointSm",2),i([e({type:Number,attribute:"breakpoint-md"})],t.prototype,"breakpointMd",2),i([e({type:Number,attribute:"breakpoint-lg"})],t.prototype,"breakpointLg",2),i([e({type:Number,attribute:"breakpoint-xlg"})],t.prototype,"breakpointXlg",2),i([e({type:String,attribute:"width"})],t.prototype,"width",2),i([e({type:String,attribute:"height"})],t.prototype,"height",2);export{t as a};