scu-web-components 0.0.97 → 0.0.99

package/dist/chunks/chunk.KOCF4EDC.js

@@ -1,171 +0,0 @@
-import{a as n}from"./chunk.4SWKJDYZ.js";import{c as l}from"./chunk.ULI2FVHF.js";import{a as i}from"./chunk.X4CHYX5J.js";import{a as t}from"./chunk.KILRDKGP.js";import{a as d}from"./chunk.QHUZYUAT.js";import{a as c,b as o,d as s}from"./chunk.MEEX2KI7.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var p=c`
-.wrapper {
-  background-color: rgb(255, 255, 255);
-  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;
-}
-.wrapper > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.5);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
-}
-.wrapper .checkbox {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  cursor: pointer;
-}
-.wrapper .checkbox > *:not(:last-child) {
-  margin-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-.wrapper .checkbox .box {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  width: 20px;
-  height: 20px;
-  transition: color 350ms ease, border-color 350ms ease, box-shadow 350ms ease;
-}
-.wrapper .checkbox .box > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.wrapper .checkbox .box .icon {
-  transition: color 350ms ease, opacity 350ms ease;
-  opacity: 0;
-  --scw-icon-color:var(--scw-color-grey-10) ;
-}
-.wrapper .checkbox .input-label {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-02);
-}
-.wrapper .input-feedback {
-  text-align: LEFT;
-  font: var(--scw-type-text-03-font);
-  color: var(--scw-color-grey-04);
-}
-
-.checked .checkbox .box {
-  background-color: var(--scw-color-grey-03);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-03);
-}
-.checked .checkbox .box .icon {
-  opacity: 1;
-}
-
-.invalid .checkbox .box {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-error);
-}
-.invalid .input-feedback {
-  text-align: LEFT;
-  font: var(--scw-type-text-03-font);
-  color: var(--scw-color-error);
-}
-
-.focused .checkbox .box {
-  border-color: var(--scw-color-credit-cards);
-  box-shadow: var(--scw-effect-focus-shadow);
-}
-
-:host([aria-disabled]) .checkbox {
-  cursor: default;
-}
-:host([aria-disabled]) .checkbox .box {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  box-shadow: none;
-}
-:host([aria-disabled]) .checkbox .box .icon {
-  --scw-icon-color: var(
-    state-disabled-checkbox-box-icon-vector-vars.\$background-color
-  );
-}
-:host([aria-disabled]) .checkbox .input-label {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-06);
-}
-
-.box:hover {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-03);
-}
-
-.topAlign .checkbox {
-  align-items: flex-start;
-}
-.topAlign .checkbox .box {
-  position: relative;
-  top: 5px;
-}
-
-#functional-checkbox {
-  position: absolute;
-  opacity: 0;
-  padding: 0;
-  margin: 0;
-  pointer-events: none;
-}`;var e=class extends l{constructor(){super();this.selected=!1;this.hideFeedback=!1;this.defaultFeedback="";this.alignment="center";this.element="input"}static get styles(){return[super.styles,p]}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}valueChangeHandler(){this.input.checked?this.value="true":this.value="",this.selected=this.input.checked,this.validate(),t("scw-value-change",this,{value:this.value,name:this.name,selected:this.selected})}invalidHandler(a){a.preventDefault()}blurHandler(){t("scw-blur",this),this.focused=!1,this.validate()}focusHandler(){this.focused=!0,t("scw-focus",this)}render(){let a={focused:this.focused,invalid:this.invalid,checked:this.selected,wrapper:!0,topAlign:this.alignment==="top"};return i`<div class=${n(a)}>
-        <label class="checkbox">
-          
-          <div class="box">
-            <input
-              id="functional-checkbox"
-              ?checked=${this.selected}
-              ?disabled="${this.ariaDisabled==="true"}"
-              type="checkbox"
-              name=${this.name}
-              @input=${this.valueChangeHandler}
-              @blur=${this.blurHandler}
-              @focus=${this.focusHandler}
-              @invalid=${this.invalidHandler} />
-              <scw-icon class="icon" icon="icon-check" size="20"></scw-icon>
-          </div>
-          <div class="input-label">
-            ${this.ariaLabel}
-            <slot></slot>
-          </div>
-  </label>
-
-        ${this.hideFeedback?"":i` <div class="input-feedback">
-              ${this.feedback?this.feedback:this.defaultFeedback}&nbsp;
-            </div>`}
-      </div>
-      <slot name="validation"></slot> `}};r([o({type:Boolean,reflect:!0})],e.prototype,"selected",2),r([o({type:Boolean,reflect:!0,attribute:"hide-feedback"})],e.prototype,"hideFeedback",2),r([o({type:String,reflect:!0,attribute:"default-feedback"})],e.prototype,"defaultFeedback",2),r([o({type:String,reflect:!1,attribute:"alignment"})],e.prototype,"alignment",2),r([s("input")],e.prototype,"input",2),r([d("selected")],e.prototype,"handleSelectedChange",1);export{e as a};

package/dist/chunks/chunk.LWBXJRD7.js

@@ -1,106 +0,0 @@
-import{a as gt}from"./chunk.4SWKJDYZ.js";import{a as yt,b as Q,d as st,f as bt}from"./chunk.MEEX2KI7.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.MEEX2KI7.js

@@ -1,39 +0,0 @@
-import{a as A,c as U,f as R}from"./chunk.G2G2TPJK.js";import{f as h}from"./chunk.PE5ZEEQ2.js";var m=window,v=m.ShadowRoot&&(m.ShadyCSS===void 0||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,E=Symbol(),L=new WeakMap,p=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==E)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(v&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=L.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&L.set(e,t))}return t}toString(){return this.cssText}},M=i=>new p(typeof i=="string"?i:i+"",void 0,E),_=(i,...t)=>{let e=i.length===1?i[0]:t.reduce((r,o,s)=>r+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[s+1],i[0]);return new p(e,i,E)},S=(i,t)=>{v?i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{let r=document.createElement("style"),o=m.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=e.cssText,i.appendChild(r)})},y=v?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return M(e)})(i):i;var $,b=window,T=b.trustedTypes,I=T?T.emptyScript:"",z=b.reactiveElementPolyfillSupport,k={toAttribute(i,t){switch(t){case Boolean:i=i?I:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},q=(i,t)=>t!==i&&(t==t||i==i),x={attribute:!0,type:String,converter:k,reflect:!1,hasChanged:q},l=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();let t=[];return this.elementProperties.forEach((e,r)=>{let o=this._$Ep(r,e);o!==void 0&&(this._$Ev.set(o,r),t.push(o))}),t}static createProperty(t,e=x){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){let r=typeof t=="symbol"?Symbol():"__"+t,o=this.getPropertyDescriptor(t,r,e);o!==void 0&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){return{get(){return this[e]},set(o){let s=this[t];this[e]=o,this.requestUpdate(t,s,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||x}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;let t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){let e=this.properties,r=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(let o of r)this.createProperty(o,e[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let o of r)e.unshift(y(o))}else t!==void 0&&e.push(y(t));return e}static _$Ep(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,r;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((r=t.hostConnected)===null||r===void 0||r.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;let e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return S(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var r;return(r=e.hostConnected)===null||r===void 0?void 0:r.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var r;return(r=e.hostDisconnected)===null||r===void 0?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EO(t,e,r=x){var o;let s=this.constructor._$Ep(t,r);if(s!==void 0&&r.reflect===!0){let n=(((o=r.converter)===null||o===void 0?void 0:o.toAttribute)!==void 0?r.converter:k).toAttribute(e,r.type);this._$El=t,n==null?this.removeAttribute(s):this.setAttribute(s,n),this._$El=null}}_$AK(t,e){var r;let o=this.constructor,s=o._$Ev.get(t);if(s!==void 0&&this._$El!==s){let n=o.getPropertyOptions(s),g=typeof n.converter=="function"?{fromAttribute:n.converter}:((r=n.converter)===null||r===void 0?void 0:r.fromAttribute)!==void 0?n.converter:k;this._$El=s,this[s]=g.fromAttribute(e,n.type),this._$El=null}}requestUpdate(t,e,r){let o=!0;t!==void 0&&(((r=r||this.constructor.getPropertyOptions(t)).hasChanged||q)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,r))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((o,s)=>this[s]=o),this._$Ei=void 0);let e=!1,r=this._$AL;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),(t=this._$ES)===null||t===void 0||t.forEach(o=>{var s;return(s=o.hostUpdate)===null||s===void 0?void 0:s.call(o)}),this.update(r)):this._$Ek()}catch(o){throw e=!1,this._$Ek(),o}e&&this._$AE(r)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(r=>{var o;return(o=r.hostUpdated)===null||o===void 0?void 0:o.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,r)=>this._$EO(r,this[r],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};l.finalized=!0,l.elementProperties=new Map,l.elementStyles=[],l.shadowRootOptions={mode:"open"},z==null||z({ReactiveElement:l}),(($=b.reactiveElementVersions)!==null&&$!==void 0?$:b.reactiveElementVersions=[]).push("1.6.1");var w,O;var c=class extends l{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;let r=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=r.firstChild),r}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=R(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return U}};c.finalized=!0,c._$litElement$=!0,(w=globalThis.litElementHydrateSupport)===null||w===void 0||w.call(globalThis,{LitElement:c});var D=globalThis.litElementPolyfillSupport;D==null||D({LitElement:c});((O=globalThis.litElementVersions)!==null&&O!==void 0?O:globalThis.litElementVersions=[]).push("3.3.0");var B=(i,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(e){e.createProperty(t.key,i)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(e){e.createProperty(t.key,i)}};function d(i){return(t,e)=>e!==void 0?((r,o,s)=>{o.constructor.createProperty(s,r)})(i,t,e):B(i,t)}function N(i){return d({...i,state:!0})}var u=({finisher:i,descriptor:t})=>(e,r)=>{var o;if(r===void 0){let s=(o=e.originalKey)!==null&&o!==void 0?o:e.key,n=t!=null?{kind:"method",placement:"prototype",key:s,descriptor:t(e.key)}:{...e,key:s};return i!=null&&(n.finisher=function(g){i(g,s)}),n}{let s=e.constructor;t!==void 0&&Object.defineProperty(e,r,t(r)),i==null||i(s,r)}};function ut(i,t){return u({descriptor:e=>{let r={get(){var o,s;return(s=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(i))!==null&&s!==void 0?s:null},enumerable:!0,configurable:!0};if(t){let o=typeof e=="symbol"?Symbol():"__"+e;r.get=function(){var s,n;return this[o]===void 0&&(this[o]=(n=(s=this.renderRoot)===null||s===void 0?void 0:s.querySelector(i))!==null&&n!==void 0?n:null),this[o]}}return r}})}function ft(i){return u({descriptor:t=>({get(){var e,r;return(r=(e=this.renderRoot)===null||e===void 0?void 0:e.querySelectorAll(i))!==null&&r!==void 0?r:[]},enumerable:!0,configurable:!0})})}var P,gt=((P=window.HTMLSlotElement)===null||P===void 0?void 0:P.prototype.assignedElements)!=null?(i,t)=>i.assignedElements(t):(i,t)=>i.assignedNodes(t).filter(e=>e.nodeType===Node.ELEMENT_NODE);var j=_`
-:host {
-  /* scw element */
-  position: relative;
-  box-sizing: border-box;
-  --margin-right: initial;
-  --margin-bottom: initial;
-  --gap-h-int: initial;
-  --gap-v-int: initial;
-  margin-right: var(--margin-right, var(--gap-h-int, initial));
-  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
-  display: block;
-}
-
-:host([warning]) {
-  outline: 2px solid red !important;
-}`;var f=class{constructor(t,e){this._element=t,this._callback=e,this.observe()}observe(){if(this.disconnect(),this._element){let t={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,t)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var a=class extends c{constructor(){super(...arguments);this.ariaLabel="";this.ariaDisabled="false";this.isLink=!1;this.dynamic=!1;this.element="component"}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect()}firstUpdated(e){super.firstUpdated(e),this.dynamic&&(this._lightDomMutationObserver=new f(this,()=>{this.domMutated()}))}domMutated(){}warn(e){this._lastWarning||(this._lastWarning=e,this.setAttribute("warning",e),this.setAttribute("title",`[ERROR]: ${e}`))}clearWarnings(){this._lastWarning=void 0,this.removeAttribute("warning"),this.removeAttribute("title")}render(){return A`
-      <slot></slot>
-    `}};a.styles=j,h([d({type:String,reflect:!0,attribute:"aria-label"})],a.prototype,"ariaLabel",2),h([d({type:String,attribute:"aria-disabled"})],a.prototype,"ariaDisabled",2),h([d({type:Boolean,reflect:!0,attribute:"is-link"})],a.prototype,"isLink",2),h([d({type:Boolean})],a.prototype,"dynamic",2),h([d({type:String,reflect:!0})],a.prototype,"element",2),h([N()],a.prototype,"_lastWarning",2);export{_ as a,d as b,N as c,ut as d,ft as e,a as f};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */

package/dist/chunks/chunk.MRKCE7A2.js

@@ -1,226 +0,0 @@
-import{a as n}from"./chunk.QFEE6FWC.js";import{a as s,b as a}from"./chunk.MEEX2KI7.js";import{a as o}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var l=s`
-:host([design=main]) {
-  outline: none;
-  background-color: rgba(0, 0, 0, 0);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-  display: inline-flex;
-}
-:host([design=main]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-03);
-}
-
-:host([inherit]) .label {
-  font: inherit;
-}
-
-:host([design=main]:focus-visible) {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 4px 4px 4px 4px;
-  box-shadow: var(--scw-effect-focus-shadow);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-}
-:host([design=main]:focus-visible) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-03);
-}
-
-:host([inherit]:focus-visible) .label {
-  font: inherit;
-}
-
-:host([design=main]:hover) {
-  background-color: rgba(0, 0, 0, 0);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-  cursor: pointer;
-}
-:host([design=main]:hover) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-primary-03);
-}
-
-:host([inherit]:hover) .label {
-  font: inherit;
-}
-
-:host([design=main][aria-selected=true]) {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: 0px;
-}
-:host([design=main][aria-selected=true]) > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-}
-:host([design=main][aria-selected=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-03);
-  align-self: stretch;
-  flex: 1;
-}
-:host([design=main][aria-selected=true]) .selected {
-  background-color: var(--scw-color-primary-03);
-  align-self: stretch;
-  height: 2px;
-}
-
-:host([inherit] [aria-selected=true]) .label {
-  font: inherit;
-}
-
-:host([design=main][aria-disabled=true]) {
-  background-color: rgba(0, 0, 0, 0);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-  cursor: auto;
-  pointer-events: none;
-}
-:host([design=main][aria-disabled=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-08);
-}
-:host([design=main][aria-disabled=true]) .icon svg {
-  fill: var(--scw-color-grey-08);
-}
-:host([design=main][aria-disabled=true]) .icon svg * {
-  fill: var(--scw-color-grey-08);
-}
-
-:host([inherit] [aria-disabled=true]) .label {
-  font: inherit;
-}
-
-:host([design=utility]) .scw-link-base {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: 0px;
-  padding-bottom: 0px;
-  display: inline-flex;
-}
-:host([design=utility]) .scw-link-base > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.4);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
-}
-:host([design=utility]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-  min-height: 27px;
-}
-:host([design=utility]) .icon {
-  width: 24px;
-  height: 24px;
-}
-:host([design=utility]) .icon svg {
-  box-sizing: border-box;
-  vertical-align: top;
-  width: 100%;
-  height: 100%;
-  fill: var(--scw-color-grey-02);
-}
-:host([design=utility]) .icon svg * {
-  fill: var(--scw-color-grey-02);
-}
-
-:host([design=utility]:focus-visible) {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 4px 4px 4px 4px;
-  box-shadow: var(--scw-effect-focus-shadow);
-}
-:host([design=utility]:focus-visible) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-}
-:host([design=utility]:focus-visible) .icon svg {
-  fill: var(--scw-color-grey-02);
-}
-:host([design=utility]:focus-visible) .icon svg * {
-  fill: var(--scw-color-grey-02);
-}
-
-:host([design=utility]:hover) {
-  background-color: rgba(0, 0, 0, 0);
-  cursor: pointer;
-}
-:host([design=utility]:hover) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-primary-03);
-}
-:host([design=utility]:hover) .icon svg {
-  fill: var(--scw-color-grey-02);
-}
-:host([design=utility]:hover) .icon svg * {
-  fill: var(--scw-color-grey-02);
-}
-
-:host([design=utility][aria-selected=true]) {
-  background-color: rgba(0, 0, 0, 0);
-  cursor: pointer;
-}
-:host([design=utility][aria-selected=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-primary-03);
-}
-:host([design=utility][aria-selected=true]) .icon svg {
-  fill: var(--scw-color-grey-02);
-}
-:host([design=utility][aria-selected=true]) .icon svg * {
-  fill: var(--scw-color-grey-02);
-}
-
-:host([design=utility][aria-disabled=true]) {
-  cursor: auto;
-  pointer-events: none;
-  background-color: rgba(0, 0, 0, 0);
-}
-:host([design=utility][aria-disabled=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-07);
-}
-:host([design=utility][aria-disabled=true]) .icon svg {
-  fill: var(--scw-color-grey-02);
-}
-:host([design=utility][aria-disabled=true]) .icon svg * {
-  fill: var(--scw-color-grey-02);
-}
-
-:host {
-  white-space: nowrap;
-}
-:host .label {
-  white-space: nowrap;
-}`;var e=(t=>(t.main="main",t.utility="utility",t))(e||{});var i=class extends n{constructor(){super();this.ariaSelected="false";this.element="menu-item",this.setAttribute("role","menuitem")}static get styles(){return[super.styles,l]}hasPopup(){let t=this.nextElementSibling;return!!(t&&t.nodeName.indexOf("SCW-MENU")===0)}doShowIcon(){return!!(super.doShowIcon()&&this.design!=="main")}validDesigns(){return{...super.validDesigns(),...e}}connectedCallback(){super.connectedCallback(),this.hasPopup()&&this.setAttribute("aria-haspopup","true")}renderContent(){return this.design==="main"&&this.ariaSelected==="true"?(this.setAttribute("aria-current","page"),o`
-          <div>${super.renderContent()}</div>
-          <div class="selected"></div>
-        `):(this.removeAttribute("aria-current"),super.renderContent())}render(){return this.renderLink(this.renderContent())}};r([a({type:String,attribute:"aria-selected"})],i.prototype,"ariaSelected",2);export{i as a};