scu-web-components 0.0.97 → 0.0.99

package/dist/chunks/chunk.T7PUCWOC.js

@@ -1,171 +0,0 @@
-import{a as p,b as n,c as d,d as c}from"./chunk.44O2H36B.js";import{a as u}from"./chunk.4SWKJDYZ.js";import{c as s}from"./chunk.ULI2FVHF.js";import{a as o}from"./chunk.X4CHYX5J.js";import{a as i}from"./chunk.KILRDKGP.js";import{a as l,b as r}from"./chunk.MEEX2KI7.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var f=l`
-.inputWrapper {
-  background-color: rgba(0, 0, 0, 0);
-  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;
-}
-.inputWrapper > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.5);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
-}
-.inputWrapper .input-label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-03-font);
-  color: var(--scw-color-grey-02);
-}
-.inputWrapper .input-field {
-  transition: color 350ms ease, border-color 350ms ease, box-shadow 350ms ease;
-  background-color: var(--scw-color-grey-10);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  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;
-}
-.inputWrapper .input-field > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.inputWrapper .input-field .input-text {
-  background-color: rgba(0, 0, 0, 0);
-  flex: 1;
-  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;
-  height: 100%;
-  padding-top: 10px;
-  padding-bottom: 10px;
-}
-.inputWrapper .input-field .input-text > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.inputWrapper .input-field .input-text textarea {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: rgb(114, 118, 121);
-  flex: 1;
-  color: var(--scw-theme-body-color, var(--scw-color-grey-02));
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  border: 0;
-  background-color: rgba(0, 0, 0, 0);
-  z-index: 2;
-  min-height: var(--scw-min-height, 100px);
-  position: relative;
-}
-.inputWrapper .input-field .input-text textarea:focus {
-  outline: none;
-}
-.inputWrapper .input-field .placeholder {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: rgb(114, 118, 121);
-  flex: 1;
-  z-index: 1;
-  top: 40px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  position: absolute;
-}
-.inputWrapper .input-feedback {
-  text-align: LEFT;
-  font: var(--scw-type-text-02-font);
-  color: var(--scw-color-grey-04);
-}
-
-.clickable {
-  cursor: pointer;
-}
-
-:host([aria-disabled]) .input-field {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  align-self: stretch;
-}
-:host([aria-disabled]) .input-field .placeholder {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-06);
-  flex: 1;
-}
-:host([aria-disabled]) .input-field textarea {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-06);
-  flex: 1;
-}
-
-.focused .input-field {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  box-shadow: var(--scw-effect-focus-shadow);
-  align-self: stretch;
-}
-
-.invalid .input-field {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-error);
-  align-self: stretch;
-}
-.invalid .input-feedback {
-  text-align: LEFT;
-  font: var(--scw-type-text-02-font);
-  color: var(--scw-color-error);
-}`;var t=class extends s{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.inputSize="default";this.hideFeedback=!1;this.defaultFeedback="";this.element="textarea"}static get styles(){return[super.styles,f]}_focusHandler(){this.focused=!0,i("scw-focus",this)}_blurHandler(){this.focused=!1,this.validate(),i("scw-blur",this)}_valueChangeHandler(a){a.target&&(this.value=a.target.value,i("scw-value-change",this))}render(){let a={focused:this.focused,invalid:this.invalid,inputWrapper:!0,small:this.inputSize==="small"};return o`<div class=${u(a)}>
-        ${this.ariaLabel?o` <div class="input-label">
-              ${this.ariaLabel}${this.required?o`<span class="required-label">
-                    ${this.requiredLabel}
-                  </span>`:""}
-            </div>`:""}
-        <div class="input-field">
-          <div class="input-text">
-            <textarea
-              ?disabled=${this.ariaDisabled==="true"}
-              autocapitalize=${this.autoCapitalize}
-              autocomplete=${this.autoComplete}
-              autocorrect=${this.autoCorrect}
-              ?autofocus=${this.autoFocus}
-              ?readonly=${this.readOnly}
-              @focus=${this._focusHandler}
-              @blur=${this._blurHandler}
-              @input=${this._valueChangeHandler}
-              .value=${this.value}></textarea>
-
-            ${this.value?"":o` <div class="placeholder">${this.placeholder}</div>`}
-          </div>
-        </div>
-        ${this.hideFeedback?"":o` <div class="input-feedback">
-              ${this.feedback?this.feedback:this.defaultFeedback}&nbsp;
-            </div>`}
-      </div>
-      <slot name="validation"></slot> `}};e([r({type:p})],t.prototype,"type",2),e([r({type:n,attribute:"autocapitalize"})],t.prototype,"autoCapitalize",2),e([r({type:d,attribute:"autocomplete"})],t.prototype,"autoComplete",2),e([r({type:c,attribute:"autocorrect"})],t.prototype,"autoCorrect",2),e([r({type:Boolean,attribute:"autofocus"})],t.prototype,"autoFocus",2),e([r({type:String,attribute:"size"})],t.prototype,"inputSize",2),e([r({type:String,attribute:"hide-feedback"})],t.prototype,"hideFeedback",2),e([r({type:String,attribute:"default-feedback"})],t.prototype,"defaultFeedback",2);export{t as a};

package/dist/chunks/chunk.ULI2FVHF.js

@@ -1,3 +0,0 @@
-import{a as s}from"./chunk.RT7Q244T.js";import{b as n,c as r,d as h,f as p}from"./chunk.MEEX2KI7.js";import{a as c}from"./chunk.G2G2TPJK.js";import{f as a}from"./chunk.PE5ZEEQ2.js";function u(o="-"){return s&&s.suffix?`${o}${s.suffix}`:""}var V=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(V||{}),y=(i=>(i.submit="submit",i.cancel="cancel",i))(y||{}),t=class extends p{constructor(){super(...arguments);this.formType="text";this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule("required",this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(d=>d.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${"validate"}${u()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${"validation"}${u()}`),this.prepend(e)),Array.from(e.children).find(f=>f.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let d=this.createValidateRule();d.setAttribute("type",i),e&&d.setAttribute("feedback",e),this.addValidationRule(d)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let l=Array.from(e.children).find(f=>f.type===i);l&&l.parentNode&&l.parentNode.removeChild(l)}render(){return c`
-      scw-form-component
-    `}};a([n({type:V,reflect:!0,attribute:"form-type"})],t.prototype,"formType",2),a([n({type:String})],t.prototype,"name",2),a([n({type:String})],t.prototype,"value",2),a([n({type:String})],t.prototype,"placeholder",2),a([n({type:String})],t.prototype,"selected",2),a([n({type:Boolean,attribute:"read-only"})],t.prototype,"readOnly",2),a([n({type:Boolean})],t.prototype,"required",2),a([n({type:String,attribute:"required-label"})],t.prototype,"requiredLabel",2),a([n({type:String,attribute:"required-feedback"})],t.prototype,"requiredFeedback",2),a([r()],t.prototype,"feedback",2),a([r()],t.prototype,"focused",2),a([r()],t.prototype,"invalid",2),a([h("input")],t.prototype,"input",2);export{V as a,y as b,t as c};

package/dist/chunks/chunk.V2SU5BM7.js

@@ -1 +0,0 @@
-import{a as m}from"./chunk.WMX6HSGO.js";import{a as r}from"./chunk.KILRDKGP.js";import{b as i}from"./chunk.MEEX2KI7.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.VTIXVROE.js

@@ -1,110 +0,0 @@
-import{a,b as r,d as l,f as d}from"./chunk.MEEX2KI7.js";import{a as c}from"./chunk.G2G2TPJK.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var p=a`
-:host {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  flex: 1;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-end;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  --cell-color: var(--scw-color-grey-10);
-}
-:host > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-
-.contents,
-.content-wrapper {
-  width: 100%;
-  overflow: hidden;
-}
-
-:host ::slotted(:nth-child(odd)) {
-  --cell-color: var(--scw-color-grey-095);
-}
-
-.link-left,
-.link-right {
-  display: block;
-  z-index: 5;
-  position: absolute;
-  top: var(--scw-spacing-2);
-  height: 100%;
-  opacity: 1;
-  transition: opacity ease 300ms;
-}
-.link-left a,
-.link-right a {
-  position: sticky;
-  background-color: var(--scw-color-grey-10);
-  width: var(--scw-spacing-4);
-  height: var(--scw-spacing-4);
-  display: flex;
-  align-items: center;
-  border-radius: 40px;
-  border: 1px solid rgba(0, 0, 0, 0);
-  top: var(--sticky-top);
-  justify-content: center;
-}
-.link-left a scw-icon,
-.link-right a scw-icon {
-  width: var(--scw-spacing-3);
-  height: var(--scw-spacing-3);
-}
-
-.link-left {
-  left: 0;
-}
-
-.link-right {
-  right: 0;
-}
-
-.hide {
-  opacity: 0;
-}
-
-@media (max-width: 768px) {
-  :host {
-    flex-flow: nowrap;
-  }
-  .content-wrapper {
-    padding-left: var(--scw-spacing-2);
-    padding-right: var(--scw-spacing-2);
-  }
-  :host ::slotted(:nth-child(odd)) {
-    --cell-color: var(--scw-color-grey-10);
-  }
-}`;var h=[{name:"xlg",minWidth:1200,order:4},{name:"lg",minWidth:992,order:3},{name:"md",minWidth:768,order:2},{name:"sm",minWidth:576,order:1}];var i=class extends d{constructor(){super();this.columnShown=4;this.stickyTop=140;this.columnShownMobile=2;this.index=0;this.touchStartX=0;this.touchEndX=0;this.isMobile=!1;this.element="comparison-table",this.sizedColumnShown=this.columnShown,h&&(this.medBreakPoint=h.find(t=>t.name==="md")),!1||(this.rows=this.getElementsByTagName("scw-comparison-row"),this.rows&&(this.rows[0].setAttribute("header","true"),this.rows[1].setAttribute("start","true"),this.rows[this.rows.length-1].setAttribute("end","true"))),this.boundResizeHandler=this.resizeHandler.bind(this)}static get styles(){return[super.styles,p]}async firstUpdated(){this.checkSize(),this.updateLinkHide(),this.addEventListener("touchstart",t=>{this.touchStartX=t.changedTouches[0].screenX}),this.addEventListener("touchend",t=>{this.touchEndX=t.changedTouches[0].screenX,this.checkDirection()})}connectedCallback(){window.addEventListener("resize",this.boundResizeHandler,!1),super.connectedCallback()}disconnectedCallback(){window.removeEventListener("resize",this.boundResizeHandler),super.disconnectedCallback()}resizeHandler(){if(this.index=0,this.rows&&this.rows[1]){let t=[...this.rows];this.updateLinkHide(),t.forEach(o=>{[...o.children].forEach(s=>{s.style.transform="translateX(0px)"})}),this.checkSize()}}checkSize(){this.medBreakPoint&&document.body.clientWidth>this.medBreakPoint.minWidth?(this.sizedColumnShown=this.columnShown,this.isMobile=!1):(this.sizedColumnShown=this.columnShownMobile,this.isMobile=!0)}checkDirection(){this.touchEndX<this.touchStartX&&this.scrollRowRight(),this.touchEndX>this.touchStartX&&this.scrollRowLeft()}scrollRowDirection(t="right"){if(this.rows&&this.rows[1]){let o=this.rows[1].children[1].offsetWidth,s=[...this.rows],n=!1;t==="right"&&this.index<s[1].children.length-(this.sizedColumnShown+1)?(this.index=this.index+1,n=!0):t==="left"&&this.index>0&&(this.index=this.index-1,n=!0),n&&(this.updateLinkHide(),s.forEach(f=>{[...f.children].forEach((m,w)=>{(w!==0||!this.isMobile)&&(m.style.transform="translateX(-"+o*this.index+"px)")})}))}}updateLinkHide(){if(this.rows&&this.rows[1]&&this.linkLeft&&this.linkRight){let t=[...this.rows];this.index>=t[1].children.length-(this.sizedColumnShown+1)?this.linkRight.classList.add("hide"):this.linkRight.classList.remove("hide"),this.index<=0?this.linkLeft.classList.add("hide"):this.linkLeft.classList.remove("hide")}}scrollRowLeft(){this.scrollRowDirection("left")}scrollRowRight(){this.scrollRowDirection("right")}render(){return c` <div class="link-left hide">
-        <a
-        style="--sticky-top: ${this.stickyTop}px;"
-          design="plain"
-          @click=${this.scrollRowLeft}>
-          <scw-icon
-            aria-label="next"
-            icon="icon-chevron-left">
-          </scw-icon>
-        </a>
-      </div>
-      <div style="
-      --column-shown: ${this.sizedColumnShown+1};
-      " 
-      class="content-wrapper">
-        <div class="contents"><slot></slot></div>
-      </div>
-      <div class="link-right hide">
-        <a
-        style="--sticky-top: ${this.stickyTop}px;"
-          design="plain"
-          @click=${this.scrollRowRight}>
-          <scw-icon
-            aria-label="previous"
-            icon="icon-chevron-right">
-          </scw-icon>
-        </a>
-      </div>`}};e([r({type:Number,attribute:"max-column-shown",reflect:!0})],i.prototype,"columnShown",2),e([r({type:Number,attribute:"arrow-top",reflect:!1})],i.prototype,"stickyTop",2),e([l(".link-left")],i.prototype,"linkLeft",2),e([l(".link-right")],i.prototype,"linkRight",2);export{i as a};

package/dist/chunks/chunk.WMX6HSGO.js

@@ -1,309 +0,0 @@
-import{a as s,b as o,d as n,f as c}from"./chunk.MEEX2KI7.js";import{a as t,d as a}from"./chunk.G2G2TPJK.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var l=s`
-:host {
-  display: inline-flex;
-  --btn-text: var(--scw-theme-color-01, var(--scw-color-primary-01));
-  --btn-border: var(--scw-theme-color-07, var(--scw-color-primary-07));
-  --btn-background: var(
-    --scw-theme-color-07,
-    var(--scw-color-primary-07)
-  );
-  --btn-background-hover: var(
-    --scw-theme-color-06,
-    var(--scw-color-primary-06)
-  );
-  --btn-text-hover: var(
-    --scw-theme-color-01,
-    var(--scw-color-primary-01)
-  );
-  --btn-border-hover: var(
-    --scw-theme-color-06,
-    var(--scw-color-primary-06)
-  );
-}
-
-:host([design=outlined]), :host([design=icon]) {
-  --btn-text: var(--scw-theme-body-color,var(--scw-color-grey-02));
-  --btn-border: var(--scw-theme-body-color,var(--scw-color-grey-07));
-  --btn-background: transparent;
-  --btn-background-hover: var(--scw-theme-body-color,var(--scw-color-grey-092));
-  --btn-text-hover: var(--scw-theme-body-color-inv,var(--scw-color-grey-02));
-  --btn-border-hover: var(--scw-theme-body-color, var(--scw-color-grey-07));
-}
-
-:host([design=light]) {
-  --btn-text: var(--scw-color-grey-02);
-  --btn-border: var(--scw-color-grey-092);
-  --btn-background: var(--scw-color-grey-092);
-  --btn-background-hover: var(--scw-color-grey-09);
-  --btn-text-hover: var(--scw-color-grey-02);
-  --btn-border-hover: var(--scw-color-grey-09);
-}
-
-:host([design=block]) {
-  --btn-text: var(--scw-color-grey-02);
-  --btn-border: transparent;
-  --btn-background: transparent;
-  --btn-background-hover: transparent;
-  --btn-text-hover: var(--scw-color-grey-04);
-  --btn-border-hover: transparent;
-}
-
-:host([design=text]),
-:host([design=plain]) {
-  --btn-text:var(--scw-color-primary);
-  --btn-border: transparent;
-  --btn-background: transparent;
-  --btn-background-hover: transparent;
-  --btn-text-hover: var(--scw-color-primary-07);
-  --btn-border-hover: transparent;
-}
-
-.small,
-.medium,
-.large {
-  background-color: var(--scw-color-primary-07);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-primary-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;
-}
-.small > *:not(:last-child),
-.medium > *:not(:last-child),
-.large > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.4);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
-}
-
-a {
-  width: 100%;
-}
-
-:host([aria-disabled=true]) .small,
-:host([aria-disabled=true]) .medium,
-:host([aria-disabled=true]) .large {
-  background-color: var(--scw-color-grey-09);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-09);
-}
-:host([aria-disabled=true]) .small .label,
-:host([aria-disabled=true]) .medium .label,
-:host([aria-disabled=true]) .large .label {
-  text-align: CENTER;
-  font: var(--scw-type-text-semibold-font);
-  color: var(--scw-color-grey-07);
-}
-:host([aria-disabled=true]) .small scw-icon,
-:host([aria-disabled=true]) .small .icon,
-:host([aria-disabled=true]) .medium scw-icon,
-:host([aria-disabled=true]) .medium .icon,
-:host([aria-disabled=true]) .large scw-icon,
-:host([aria-disabled=true]) .large .icon {
-  --scw-icon-color: var(--scw-color-grey-08);
-}
-
-:host([design=solidIcon]) .scw-link,
-:host([design=icon]) .scw-link {
-  background-color: var(--scw-color-primary-07);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-primary-07);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 0.6);
-  padding-right: calc(var(--scw-spacing-1) * 0.6);
-  padding-top: calc(var(--scw-spacing-1) * 0.6);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.6);
-  text-decoration: none;
-}
-:host([design=solidIcon]) .scw-link > *:not(:last-child),
-:host([design=icon]) .scw-link > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.4);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
-}
-:host([design=solidIcon]) .scw-link scw-icon,
-:host([design=solidIcon]) .scw-link .icon,
-:host([design=icon]) .scw-link scw-icon,
-:host([design=icon]) .scw-link .icon {
-  background-color: rgba(0, 0, 0, 0);
-  width: 26px;
-  height: 26px;
-}
-
-.small,
-.medium,
-.large,
-:host([design=solidIcon]) .scw-link,
-:host([design=icon]) .scw-link {
-  transition: background-color 350ms ease, color 350ms ease, border-color 350ms ease;
-  background-color: var(--btn-background);
-  border-color: var(--btn-border);
-}
-
-.small:hover,
-.medium:hover,
-.large:hover,
-:host([design=solidIcon]) .scw-link:hover,
-:host([design=icon]) .scw-link:hover {
-  background-color: var(--btn-background-hover);
-  border-color: var(--btn-border-hover);
-}
-
-.scw-link .label {
-  color: var(--btn-text);
-}
-.scw-link scw-icon {
-  --scw-icon-color: var(--btn-text);
-}
-
-.scw-link:hover .label {
-  color: var(--btn-text-hover);
-}
-.scw-link:hover scw-icon {
-  --scw-icon-color: var(--btn-text-hover);
-}
-
-.scw-link {
-  text-decoration: none;
-}
-
-.small {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.4);
-  padding-right: calc(var(--scw-spacing-1) * 1.4);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.8);
-}
-.small > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.4);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
-}
-.small .label {
-  font: var(--scw-type-text-semibold-03-font);
-}
-.small scw-icon,
-.small .icon {
-  background-color: rgba(0, 0, 0, 0);
-  width: 16px;
-  height: 16px;
-  display: flex;
-}
-
-.medium {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.8);
-  padding-right: calc(var(--scw-spacing-1) * 1.8);
-  padding-top: var(--scw-spacing-1);
-  padding-bottom: var(--scw-spacing-1);
-}
-.medium > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.4);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
-}
-.medium .label {
-  font: var(--scw-type-text-semibold-font);
-}
-.medium scw-icon,
-.medium .icon {
-  background-color: rgba(0, 0, 0, 0);
-  width: 17px;
-  height: 17px;
-  display: flex;
-}
-
-.large {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 2.6);
-  padding-right: calc(var(--scw-spacing-1) * 2.6);
-  padding-top: calc(var(--scw-spacing-1) * 1.2);
-  padding-bottom: calc(var(--scw-spacing-1) * 1.2);
-}
-.large > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.4);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
-}
-.large .label {
-  font: var(--scw-type-text-semibold-06-font);
-}
-.large scw-icon,
-.large .icon {
-  background-color: rgba(0, 0, 0, 0);
-  width: 20px;
-  height: 20px;
-  display: flex;
-}
-
-:host([design=block]) .scw-link {
-  padding-left: 0;
-  padding-right: 0;
-}
-
-:host([design=text]) .scw-link {
-  display: inline;
-}
-:host([design=text]) .scw-link .label {
-  text-decoration: underline;
-}
-
-:host([design=text][underline=false]) .scw-link .label {
-  text-decoration: none;
-}
-
-:host([design=text]) {
-  display: inline;
-}
-:host([design=text]) .scw-link .label {
-  display: inline;
-}
-
-:host([design=text][aria-disabled=true]) .scw-link .label {
-  color: var(--scw-color-grey-07);
-}`;var r=class extends c{constructor(){super();this.icon="";this.iconSide="";this.design="solid";this.href="";this.ariaLabel="";this.size="medium";this.ariaDisabled="false";this.underline="true";this.element="link",this.isLink=!0}static get styles(){return[super.styles,l]}focus(){this.linkAnchor&&this.linkAnchor.focus()}renderIcon(){return t`
-      <div class="icon">
-        <scw-icon
-          size="30"
-          icon="${this.icon}"></scw-icon>
-      </div>
-    `}renderContent(){return this.design==="icon"||this.design==="solidIcon"?this.renderIcon():t`
-        ${this.icon&&this.iconSide!=="right"?t`<div class="left-icon">${this.renderIcon()}</div>`:""}
-        <div class="label">${this.ariaLabel}</div>
-        ${this.icon&&this.iconSide==="right"?t`<div class="right-icon">${this.renderIcon()}</div>`:""}
-      `}render(){let i=this.design==="solid"||this.design==="outlined"||this.design==="light"||this.design==="block";return t`
-      ${this.ariaDisabled==="true"?t`
-            <div
-              class="scw-link ${i?this.size:"text"}"
-              aria-label="${this.ariaLabel}"
-              aria-disabled="true">
-              ${this.design==="plain"?t`<slot></slot>`:t`${this.renderContent()}`}
-            </div>
-          `:t`
-            <a
-              class="scw-link ${i?this.size:"text"}"
-              href="${this.href?this.href:"javascript:"}"
-              target="${this.target?this.target:a}"
-              aria-label="${this.ariaLabel}">
-              ${this.design==="plain"?t`<slot></slot>`:t`${this.renderContent()}`}
-            </a>
-          `}
-    `}};e([o({type:String,attribute:"icon"})],r.prototype,"icon",2),e([o({type:String,attribute:"icon-side"})],r.prototype,"iconSide",2),e([o({type:String,attribute:"design"})],r.prototype,"design",2),e([o({type:String,attribute:"href"})],r.prototype,"href",2),e([o({type:String,attribute:"target"})],r.prototype,"target",2),e([o({type:String,attribute:"aria-label"})],r.prototype,"ariaLabel",2),e([o({type:String,attribute:"size"})],r.prototype,"size",2),e([o({type:String,attribute:"aria-disabled"})],r.prototype,"ariaDisabled",2),e([o({type:String,attribute:"underline"})],r.prototype,"underline",2),e([n("a.scw-link")],r.prototype,"linkAnchor",2);export{r as a};

package/dist/chunks/chunk.WPHAVS2U.js

@@ -1,31 +0,0 @@
-import{a as c,b as n,d as f,f as u}from"./chunk.MEEX2KI7.js";import{a as i,d as l}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var o=s=>s!=null?s:l;var h=c`
-.scw-link-base {
-  display: block;
-  text-decoration: none;
-}
-.scw-link-base:focus-visible {
-  outline: none;
-  box-shadow: var(--scw-effect-focus-shadow);
-  border-radius: 4px;
-}
-.scw-link-base:focus:not(:focus-visible) {
-  outline: none;
-  box-shadow: none;
-}`;var e=class extends u{constructor(){super();this.element="link-base",this.isLink=!0}static get styles(){return[super.styles,h]}updated(){this.ariaDisabled==="true"?this.addEventListener("click",this.cancelEvent,{capture:!0}):this.removeEventListener("click",this.cancelEvent,{capture:!0})}cancelEvent(t){t.preventDefault(),t.stopImmediatePropagation()}focus(){this.linkAnchor&&this.linkAnchor.focus()}renderLink(t,a){return this.ariaDisabled!=="true"?i`
-        <a
-          class="scw-link-base"
-          style="${o(a)}"
-          href="${this.href?this.href:"javascript:"}"
-          target="${this.target?this.target:"_self"}"
-          aria-label="${this.ariaLabel}">
-          ${t}
-        </a>`:i`
-        <div class="scw-link-base"
-          style="${o(a)}">
-          ${t}
-        </div>`}render(){return this.renderLink(i`${this._lastWarning?this._lastWarning:this.ariaLabel}`)}};r([n({type:String,reflect:!0})],e.prototype,"href",2),r([n({type:String,reflect:!0})],e.prototype,"target",2),r([f("a.scw-link-base")],e.prototype,"linkAnchor",2);export{e as a};
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */

package/dist/chunks/chunk.XD5NIBNH.js

@@ -1,11 +0,0 @@
-import{a as l}from"./chunk.4SWKJDYZ.js";import{a}from"./chunk.QHUZYUAT.js";import{a as o,b as r,f as i}from"./chunk.MEEX2KI7.js";import{a as s}from"./chunk.G2G2TPJK.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var p=o`
-:host {
-  display: none;
-}
-
-:host([active]) {
-  display: block;
-}`;var c=0,t=class extends i{constructor(){super();this.attrId=++c;this.componentId=`scw-horizontal-nav-panel-${this.attrId}`;this.active=!1;this.name="";this.element="horizontal-nav-panel"}static get styles(){return[super.styles,p]}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){let n={active:this.active,panel:!0};return s`<slot
-      part="base"
-      class=${l(n)}>
-    </slot> `}};e([r({type:Boolean,attribute:"active",reflect:!0})],t.prototype,"active",2),e([r({reflect:!0})],t.prototype,"name",2),e([a("active")],t.prototype,"handleActiveChange",1);export{t as a};