scu-web-components 0.0.16 → 0.0.19

package/dist/chunks/chunk.UC62M6HO.js

@@ -1,256 +0,0 @@
-import{b as g}from"./chunk.PXQQTQKT.js";import{a as r}from"./chunk.K3V3AEZG.js";import{a as c}from"./chunk.WCJ4CSRJ.js";import{c as d}from"./chunk.VSIKGAIE.js";import{a as i,b as a,c as l}from"./chunk.NUBCUBHW.js";import{a as n}from"./chunk.ZS4C3T6Z.js";import{g as t}from"./chunk.5YJY6NT6.js";var p=i`
-:host .label {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-}`;var w=i`
-:host([design=text]) .scw-link-base {
-  outline: none;
-  display: inline;
-}
-:host([design=text]) .scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-03, var(--scw-color-primary-03));
-  text-decoration: underline;
-}
-
-:host([design=text]:hover) a.scw-link-base .label,
-:host([design=text][hover]) a.scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-01, var(--scw-color-primary-01));
-}
-
-:host([design=text][aria-disabled=true]) .scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-07);
-}`;var h=i`
-:host([design=solid]) .scw-link-base {
-  outline: none;
-  user-select: none;
-  background-color: var(--scw-color-03, var(--scw-color-primary-03));
-  border-radius: 10px 10px 10px 10px;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.6);
-  padding-right: calc(var(--scw-spacing-1) * 1.6);
-  padding-top: calc(var(--scw-spacing-1) * 0.5);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.5);
-  display: inline-flex;
-}
-:host([design=solid]) .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=solid]) .scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-grey-10);
-  min-height: 22px;
-}
-:host([design=solid]) .scw-link-base .icon {
-  width: 24px;
-  height: 24px;
-}
-:host([design=solid]) .scw-link-base .icon svg {
-  box-sizing: border-box;
-  vertical-align: top;
-  width: 100%;
-  height: 100%;
-  fill: var(--scw-color-grey-10);
-}
-:host([design=solid]) .scw-link-base .icon svg * {
-  fill: var(--scw-color-grey-10);
-}
-
-:host([design=solid][icon][icon-side=left]) .scw-link-base {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.2);
-  padding-right: calc(var(--scw-spacing-1) * 1.6);
-  padding-top: calc(var(--scw-spacing-1) * 0.4);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.4);
-  display: inline-flex;
-}
-:host([design=solid][icon][icon-side=left]) .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=solid][icon][icon-side=right]) .scw-link-base {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.6);
-  padding-right: calc(var(--scw-spacing-1) * 1.2);
-  padding-top: calc(var(--scw-spacing-1) * 0.4);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.4);
-  display: inline-flex;
-}
-:host([design=solid][icon][icon-side=right]) .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=solid]:hover) a.scw-link-base,
-:host([design=solid][hover]) a.scw-link-base {
-  background-color: var(--scw-color-01, var(--scw-color-primary-01));
-  border-radius: 10px 10px 10px 10px;
-}
-:host([design=solid]:hover) a.scw-link-base .label,
-:host([design=solid][hover]) a.scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-grey-10);
-}
-
-:host([design=solid][aria-disabled=true]) .scw-link-base {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 10px 10px 10px 10px;
-}
-:host([design=solid][aria-disabled=true]) .scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-grey-07);
-}
-:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg {
-  fill: var(--scw-color-grey-07);
-}
-:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {
-  fill: var(--scw-color-grey-07);
-}`;var f=i`
-:host([design=outlined]) .scw-link-base {
-  outline: none;
-  user-select: none;
-  background-color: var(--scw-color-grey-10);
-  border-radius: 10px 10px 10px 10px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--scw-color-04, var(--scw-color-primary-04));
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.6);
-  padding-right: calc(var(--scw-spacing-1) * 1.6);
-  padding-top: calc(var(--scw-spacing-1) * 0.3);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.3);
-  display: inline-flex;
-}
-:host([design=outlined]) .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=outlined]) .scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-03, var(--scw-color-primary-03));
-  min-height: 22px;
-}
-:host([design=outlined]) .scw-link-base .icon {
-  width: 24px;
-  height: 24px;
-}
-:host([design=outlined]) .scw-link-base .icon svg {
-  box-sizing: border-box;
-  vertical-align: top;
-  width: 100%;
-  height: 100%;
-  fill: var(--scw-color-primary-03);
-}
-:host([design=outlined]) .scw-link-base .icon svg * {
-  fill: var(--scw-color-primary-03);
-}
-
-:host([design=outlined][icon][icon-side=left]) .scw-link-base {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.2);
-  padding-right: calc(var(--scw-spacing-1) * 1.6);
-  padding-top: calc(var(--scw-spacing-1) * 0.2);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.2);
-  display: inline-flex;
-}
-:host([design=outlined][icon][icon-side=left]) .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=outlined][icon][icon-side=right]) .scw-link-base {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.6);
-  padding-right: calc(var(--scw-spacing-1) * 1.2);
-  padding-top: calc(var(--scw-spacing-1) * 0.2);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.2);
-  display: inline-flex;
-}
-:host([design=outlined][icon][icon-side=right]) .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=outlined]:hover) a.scw-link-base,
-:host([design=outlined][hover]) a.scw-link-base {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 10px 10px 10px 10px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--scw-color-01, var(--scw-color-primary-01));
-}
-:host([design=outlined]:hover) a.scw-link-base .label,
-:host([design=outlined][hover]) a.scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-01, var(--scw-color-primary-01));
-}
-
-:host([design=outlined][aria-disabled=true]) .scw-link-base {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 10px 10px 10px 10px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-09);
-}
-:host([design=outlined][aria-disabled=true]) .scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-grey-07);
-}
-:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg {
-  fill: var(--scw-color-grey-07);
-}
-:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {
-  fill: var(--scw-color-grey-07);
-}`;var b=i`
-:host([design=plain]) .scw-link-base {
-  outline: none;
-  display: inline-block;
-}`;var e=class extends d{constructor(){super();this.iconSide="left";this.design="solid";this._svgInfo="";this.element="link"}static get styles(){return[super.styles,p]}async performUpdate(){return console.log("starty"),await new Promise(s=>{c(this.icon,o=>{o===!1?this.warn(`scw-icon could not find ${this.icon}`):(this._svgInfo=o,console.log("found it")),s(!0)})}),super.performUpdate()}parseAndValidateLightDom(){super.parseAndValidateLightDom(),c(this.icon,s=>{s===!1?this.warn(`scw-icon could not find ${this.icon}`):this._svgInfo=s})}validDesigns(){return g}doShowIcon(){return!!(this.icon&&this.design!=="plain"&&this.design!=="text")}renderContent(){let s=this.doShowIcon(),o=`<style>${this.findStyle().cssText}</style>`;return this.design==="plain"?n`
-        ${r(o)}
-        <slot></slot>
-      `:n`
-      ${s&&this.iconSide==="left"?n`
-        <div class="icon">
-          ${r(this._svgInfo)}
-        </div>`:""}
-        ${r(o)}
-        <div class="label">
-          ${this.ariaLabel}
-        </div>
-      ${s&&this.iconSide==="right"?n`
-        <div class="icon">
-          ${r(this._svgInfo)}
-        </div>`:""}`}findStyle(){switch(this.design){case"solid":return h;case"outlined":return f;case"text":return w;case"plain":default:return b}}render(){return this.renderLink(this.renderContent())}};t([a({type:String,reflect:!0})],e.prototype,"icon",2),t([a({type:String,reflect:!0,attribute:"icon-side"})],e.prototype,"iconSide",2),t([a({type:String,reflect:!0})],e.prototype,"design",2),t([l()],e.prototype,"_svgInfo",2);export{e as a};
-//# sourceMappingURL=chunk.UC62M6HO.js.map

package/dist/chunks/chunk.UC62M6HO.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link.scss", "sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link-text.scss", "sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link-solid.scss", "sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link-outlined.scss", "sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link-plain.scss", "../../src/scw-link/ScwLink.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host .label {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n}`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=text]) .scw-link-base {\n  outline: none;\n  display: inline;\n}\n:host([design=text]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  text-decoration: underline;\n}\n\n:host([design=text]:hover) a.scw-link-base .label,\n:host([design=text][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n\n:host([design=text][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-07);\n}`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=solid]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-03, var(--scw-color-primary-03));\n  border-radius: 10px 10px 10px 10px;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.5);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.5);\n  display: inline-flex;\n}\n:host([design=solid]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=solid]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-10);\n  min-height: 22px;\n}\n:host([design=solid]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=solid]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-grey-10);\n}\n:host([design=solid]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([design=solid][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.4);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.4);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.4);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.4);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid]:hover) a.scw-link-base,\n:host([design=solid][hover]) a.scw-link-base {\n  background-color: var(--scw-color-01, var(--scw-color-primary-01));\n  border-radius: 10px 10px 10px 10px;\n}\n:host([design=solid]:hover) a.scw-link-base .label,\n:host([design=solid][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-10);\n}\n\n:host([design=solid][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 10px 10px 10px 10px;\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=outlined]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-04, var(--scw-color-primary-04));\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.3);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.3);\n  display: inline-flex;\n}\n:host([design=outlined]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=outlined]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  min-height: 22px;\n}\n:host([design=outlined]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=outlined]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-primary-03);\n}\n:host([design=outlined]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-primary-03);\n}\n\n:host([design=outlined][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.2);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.2);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.2);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.2);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined]:hover) a.scw-link-base,\n:host([design=outlined][hover]) a.scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n:host([design=outlined]:hover) a.scw-link-base .label,\n:host([design=outlined][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n\n:host([design=outlined][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=plain]) .scw-link-base {\n  outline: none;\n  display: inline-block;\n}`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\nimport styles from './scss/scw-link.scss';\nimport stylesText from './scss/scw-link-text.scss';\nimport stylesSolid from './scss/scw-link-solid.scss';\nimport stylesOutline from './scss/scw-link-outlined.scss';\nimport stylesPlain from './scss/scw-link-plain.scss';\nimport {\n  ScwLinkSide,\n  ScwLinkDesigns,\n} from './scw-link-enums';\nimport getIconSvg from '../utils/getIconSvg';\nimport {Components} from '../utils/enums/Components';\nimport {ScwMenuItemDesigns} from '../scw-menu-item/scw-menu-item-enums';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\n// import 'lit/experimental-hydrate-support.js';\n\n/**\n * ScwLink\n * @class\n * @tag scw-link\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwLink extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwLink ==================================================\n  /**\n  * (ScwLink) Determines the icon to use with the text\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    icon: string | undefined;\n\n  /**\n  * (ScwLink) Determines which side the icon should show up on\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'icon-side'})\n    iconSide: ScwLinkSide = ScwLinkSide.left;\n\n  /**\n  * (ScwLink) The design style of the link.\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    design: ScwLinkDesigns | ScwMenuItemDesigns = ScwLinkDesigns.solid;\n\n  @state() _svgInfo : string = '';\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.link;\n  }\n\n  /**\n   * performUpdate\n   * @return {Promise<void>}\n   */\n   async performUpdate() {\n     console.log('starty')\n    await new Promise((resolve) => {\n      getIconSvg(this.icon, (svgInfo: string | false ) => {\n        if (svgInfo === false ) {\n          this.warn(`scw-icon could not find ${this.icon}`);\n        } else {\n          this._svgInfo = svgInfo;\n          console.log('found it');\n        }\n        resolve(true);\n      });\n    });\n    return super.performUpdate();\n  }\n\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(`scw-icon could not find ${this.icon}`);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * Way to extend valid design types...\n  * @return {object} object of valid designs relative to this object\n  */\n  validDesigns() : object {\n    return ScwLinkDesigns;\n  }\n\n  /**\n  * Way to extend valid design icon types...\n  * @return {boolean}\n  */\n  doShowIcon() : boolean {\n    if ( this.icon &&\n      this.design !== ScwLinkDesigns.plain &&\n      this.design !== ScwLinkDesigns.text ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * renderContent\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    const doShowIcon = this.doShowIcon();\n    // ssr is fighting injecting css this way...\n    const localCss = `<style>${this.findStyle().cssText}</style>`;\n\n    if (this.design === ScwLinkDesigns.plain) {\n      return html`\n        ${unsafeHTML(localCss)}\n        <slot></slot>\n      `;\n    }\n\n    return html`\n      ${doShowIcon && this.iconSide === ScwLinkSide.left ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}\n        ${unsafeHTML(localCss)}\n        <div class=\"label\">\n          ${this.ariaLabel}\n        </div>\n      ${doShowIcon && this.iconSide === ScwLinkSide.right ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}`;\n  }\n\n  /**\n   * find the style per design\n   * @return {object}\n   */\n  findStyle() {\n    switch (this.design) {\n      case ScwLinkDesigns.solid:\n        return stylesSolid;\n      case ScwLinkDesigns.outlined:\n        return stylesOutline;\n      case ScwLinkDesigns.text:\n        return stylesText;\n      case ScwLinkDesigns.plain:\n      default:\n        return stylesPlain;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n   render(): object {\n    return this.renderLink(\n      this.renderContent(),\n    );\n  }\n}\n"],
-  "mappings": "sSACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;GCAf,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCAf,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCAf,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCAf,GAAO,GAAQ;AAAA;AAAA;AAAA;GC4Bf,mBAAqC,EAAY,CAsC/C,aAAc,CACZ,MAAM,EAfN,cAAwB,OAOxB,YAA8C,QAEvC,cAAoB,GAO3B,KAAK,QAAU,MACjB,WArCW,SAAS,CAClB,MAAO,CACL,MAAM,OACN,CACF,CACF,MAsCO,gBAAgB,CACpB,eAAQ,IAAI,QAAQ,EACrB,KAAM,IAAI,SAAQ,AAAC,GAAY,CAC7B,EAAW,KAAK,KAAM,AAAC,GAA6B,CAClD,AAAI,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,MAAM,EAEhD,MAAK,SAAW,EAChB,QAAQ,IAAI,UAAU,GAExB,EAAQ,EAAI,CACd,CAAC,CACH,CAAC,EACM,MAAM,cAAc,CAC7B,CAIA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,EAAW,KAAK,KAAM,AAAC,GAA6B,CAClD,AAAI,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,MAAM,EAEhD,KAAK,SAAW,CAEpB,CAAC,CACH,CAMA,cAAwB,CACtB,MAAO,EACT,CAMA,YAAuB,CACrB,MAAK,QAAK,MACR,KAAK,SAAW,SAChB,KAAK,SAAW,OAIpB,CAMA,eAAwB,CACtB,GAAM,GAAa,KAAK,WAAW,EAE7B,EAAW,UAAU,KAAK,UAAU,EAAE,kBAE5C,MAAI,MAAK,SAAW,QACX;AAAA,UACH,EAAW,CAAQ;AAAA;AAAA,QAKlB;AAAA,QACH,GAAc,KAAK,WAAa,OAClC;AAAA;AAAA,YAEM,EAAW,KAAK,QAAQ;AAAA,gBAClB;AAAA,UACR,EAAW,CAAQ;AAAA;AAAA,YAEjB,KAAK;AAAA;AAAA,QAET,GAAc,KAAK,WAAa,QAClC;AAAA;AAAA,YAEM,EAAW,KAAK,QAAQ;AAAA,gBAClB,IAChB,CAMA,WAAY,CACV,OAAQ,KAAK,YACN,QACH,MAAO,OACJ,WACH,MAAO,OACJ,OACH,MAAO,OACJ,gBAEH,MAAO,GAEb,CAMC,QAAiB,CAChB,MAAO,MAAK,WACV,KAAK,cAAc,CACrB,CACF,CACF,EA5II,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GACrC,AAjBJ,EAiBI,oBAOA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,WAAW,CAAC,GAC7D,AAxBJ,EAwBI,wBAOA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GACrC,AA/BJ,EA+BI,sBAEO,GAAT,AAAC,EAAM,GAAE,AAjCX,EAiCW",
-  "names": []
-}

package/dist/chunks/chunk.UIEDTBCA.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk.WMJFRAUU.js";customElements.define("scw-card",c);
-//# sourceMappingURL=chunk.UIEDTBCA.js.map

package/dist/chunks/chunk.VBADKI3X.js

@@ -1,2 +0,0 @@
-import{a as r}from"./chunk.OZFJTYAZ.js";import{a as m}from"./chunk.2VW3SHYK.js";import{b as i}from"./chunk.NUBCUBHW.js";import{g as e}from"./chunk.5YJY6NT6.js";var t=class extends r{constructor(){super();this.submitType="submit";this.element="button",this.setAttribute("onclick","javascript:")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",()=>{this.submitType==="submit"&&m("scw-submit-intent",this)})}};e([i({type:String,reflect:!0,attribute:"submit-type"})],t.prototype,"submitType",2);export{t as a};
-//# sourceMappingURL=chunk.VBADKI3X.js.map

package/dist/chunks/chunk.VBADKI3X.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-button/ScwButton.ts"],
-  "sourcesContent": ["import {property} from 'lit/decorators.js';\nimport ScwLink from '../scw-link/ScwLink';\nimport {ScwFormComponentSubmitTypes}\n  from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport {ScwEvents} from '../utils/events/event';\nimport {emit} from '../utils/events/event';\n\n/**\n * ScwButton\n * @class\n * @tag scw-button\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwButton extends ScwLink {\n  /** <ScwFormComponent> the usage in a form (& scw-form a query target) */\n  @property({type: String, reflect: true, attribute: 'submit-type'})\n    submitType: ScwFormComponentSubmitTypes =\n        ScwFormComponentSubmitTypes.submit;\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener(\n      'click',\n      () => {\n        if (this.submitType === ScwFormComponentSubmitTypes.submit ) {\n          emit(\n            ScwEvents.submitIntent,\n            this,\n          );\n        }\n      },\n    );\n  }\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.button;\n    // need to tell scw-link-base to turn this into a link each time...\n    this.setAttribute('onclick', 'javascript:');\n  }\n}\n"],
-  "mappings": "gKAmBA,mBAAuC,EAAQ,CAuB7C,aAAc,CACZ,MAAM,EArBN,gBACI,SAqBJ,KAAK,QAAU,SAEf,KAAK,aAAa,UAAW,aAAa,CAC5C,CArBA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,iBACH,QACA,IAAM,CACJ,AAAI,KAAK,aAAe,UACtB,EACE,oBACA,IACF,CAEJ,CACF,CACF,CASF,EA1BI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,aAAa,CAAC,GAC/D,AAHJ,EAGI",
-  "names": []
-}

package/dist/chunks/chunk.VG2C3CXQ.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk.IJYTCKBX.js";customElements.define("scw-link",e);
-//# sourceMappingURL=chunk.VG2C3CXQ.js.map

package/dist/chunks/chunk.VG2C3CXQ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-link/scw-link.ts"],
-  "sourcesContent": ["import ScwLink from './ScwLink';\ncustomElements.define('scw-link', ScwLink );\n"],
-  "mappings": "wCACA,eAAe,OAAO,WAAY,CAAQ",
-  "names": []
-}

package/dist/chunks/chunk.VJOMSNKI.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk.SG4QRTJJ.js";customElements.define("scw-link",e);
-//# sourceMappingURL=chunk.VJOMSNKI.js.map

package/dist/chunks/chunk.VJOMSNKI.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-link/scw-link.ts"],
-  "sourcesContent": ["import ScwLink from './ScwLink';\ncustomElements.define('scw-link', ScwLink );\n"],
-  "mappings": "wCACA,eAAe,OAAO,WAAY,CAAQ",
-  "names": []
-}

package/dist/chunks/chunk.VKEOYY6W.js

@@ -1,4 +0,0 @@
-import{a as u}from"./chunk.5WHRZ32E.js";import{b as n,c as r,e as f}from"./chunk.NUBCUBHW.js";import{a as o}from"./chunk.ZS4C3T6Z.js";import{g as a}from"./chunk.5YJY6NT6.js";var c=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(c||{}),h=(i=>(i.submit="submit",i.cancel="cancel",i))(h||{}),t=class extends f{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(l=>l.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(s=>s.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let l=this.createValidateRule();l.setAttribute("type",i),e&&l.setAttribute("feedback",e),this.addValidationRule(l)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let d=Array.from(e.children).find(s=>s.type===i);d&&d.parentNode&&d.parentNode.removeChild(d)}render(){return o`
-      scw-form-component
-    `}};a([n({type:c,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);export{c as a,h as b,t as c};
-//# sourceMappingURL=chunk.VKEOYY6W.js.map

package/dist/chunks/chunk.WD5BLRHC.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk.TCZKT5R7.js";customElements.define("scw-card",c);
-//# sourceMappingURL=chunk.WD5BLRHC.js.map

package/dist/chunks/chunk.WDWX2PYK.js

@@ -1,2 +0,0 @@
-import{a as t}from"./chunk.AJNSUUTO.js";customElements.define("scw-button",t);
-//# sourceMappingURL=chunk.WDWX2PYK.js.map

package/dist/chunks/chunk.WDWX2PYK.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-button/scw-button.ts"],
-  "sourcesContent": ["import ScwButton from './ScwButton.js';\ncustomElements.define('scw-button', ScwButton );\n"],
-  "mappings": "wCACA,eAAe,OAAO,aAAc,CAAU",
-  "names": []
-}

package/dist/chunks/chunk.WKTCJRNO.js

@@ -1,256 +0,0 @@
-import{b as g}from"./chunk.PXQQTQKT.js";import{a as t}from"./chunk.K3V3AEZG.js";import{a as c}from"./chunk.WCJ4CSRJ.js";import{c as d}from"./chunk.VSIKGAIE.js";import{a as i,b as r,c as l}from"./chunk.NUBCUBHW.js";import{a as n}from"./chunk.ZS4C3T6Z.js";import{g as o}from"./chunk.5YJY6NT6.js";var p=i`
-:host .label {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-}`;var w=i`
-:host([design=text]) .scw-link-base {
-  outline: none;
-  display: inline;
-}
-:host([design=text]) .scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-03, var(--scw-color-primary-03));
-  text-decoration: underline;
-}
-
-:host([design=text]:hover) a.scw-link-base .label,
-:host([design=text][hover]) a.scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-01, var(--scw-color-primary-01));
-}
-
-:host([design=text][aria-disabled=true]) .scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-07);
-}`;var h=i`
-:host([design=solid]) .scw-link-base {
-  outline: none;
-  user-select: none;
-  background-color: var(--scw-color-03, var(--scw-color-primary-03));
-  border-radius: 10px 10px 10px 10px;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.6);
-  padding-right: calc(var(--scw-spacing-1) * 1.6);
-  padding-top: calc(var(--scw-spacing-1) * 0.5);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.5);
-  display: inline-flex;
-}
-:host([design=solid]) .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=solid]) .scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-grey-10);
-  min-height: 22px;
-}
-:host([design=solid]) .scw-link-base .icon {
-  width: 24px;
-  height: 24px;
-}
-:host([design=solid]) .scw-link-base .icon svg {
-  box-sizing: border-box;
-  vertical-align: top;
-  width: 100%;
-  height: 100%;
-  fill: var(--scw-color-grey-10);
-}
-:host([design=solid]) .scw-link-base .icon svg * {
-  fill: var(--scw-color-grey-10);
-}
-
-:host([design=solid][icon][icon-side=left]) .scw-link-base {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.2);
-  padding-right: calc(var(--scw-spacing-1) * 1.6);
-  padding-top: calc(var(--scw-spacing-1) * 0.4);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.4);
-  display: inline-flex;
-}
-:host([design=solid][icon][icon-side=left]) .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=solid][icon][icon-side=right]) .scw-link-base {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.6);
-  padding-right: calc(var(--scw-spacing-1) * 1.2);
-  padding-top: calc(var(--scw-spacing-1) * 0.4);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.4);
-  display: inline-flex;
-}
-:host([design=solid][icon][icon-side=right]) .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=solid]:hover) a.scw-link-base,
-:host([design=solid][hover]) a.scw-link-base {
-  background-color: var(--scw-color-01, var(--scw-color-primary-01));
-  border-radius: 10px 10px 10px 10px;
-}
-:host([design=solid]:hover) a.scw-link-base .label,
-:host([design=solid][hover]) a.scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-grey-10);
-}
-
-:host([design=solid][aria-disabled=true]) .scw-link-base {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 10px 10px 10px 10px;
-}
-:host([design=solid][aria-disabled=true]) .scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-grey-07);
-}
-:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg {
-  fill: var(--scw-color-grey-07);
-}
-:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {
-  fill: var(--scw-color-grey-07);
-}`;var f=i`
-:host([design=outlined]) .scw-link-base {
-  outline: none;
-  user-select: none;
-  background-color: var(--scw-color-grey-10);
-  border-radius: 10px 10px 10px 10px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--scw-color-04, var(--scw-color-primary-04));
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.6);
-  padding-right: calc(var(--scw-spacing-1) * 1.6);
-  padding-top: calc(var(--scw-spacing-1) * 0.3);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.3);
-  display: inline-flex;
-}
-:host([design=outlined]) .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=outlined]) .scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-03, var(--scw-color-primary-03));
-  min-height: 22px;
-}
-:host([design=outlined]) .scw-link-base .icon {
-  width: 24px;
-  height: 24px;
-}
-:host([design=outlined]) .scw-link-base .icon svg {
-  box-sizing: border-box;
-  vertical-align: top;
-  width: 100%;
-  height: 100%;
-  fill: var(--scw-color-primary-03);
-}
-:host([design=outlined]) .scw-link-base .icon svg * {
-  fill: var(--scw-color-primary-03);
-}
-
-:host([design=outlined][icon][icon-side=left]) .scw-link-base {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.2);
-  padding-right: calc(var(--scw-spacing-1) * 1.6);
-  padding-top: calc(var(--scw-spacing-1) * 0.2);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.2);
-  display: inline-flex;
-}
-:host([design=outlined][icon][icon-side=left]) .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=outlined][icon][icon-side=right]) .scw-link-base {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 1.6);
-  padding-right: calc(var(--scw-spacing-1) * 1.2);
-  padding-top: calc(var(--scw-spacing-1) * 0.2);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.2);
-  display: inline-flex;
-}
-:host([design=outlined][icon][icon-side=right]) .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=outlined]:hover) a.scw-link-base,
-:host([design=outlined][hover]) a.scw-link-base {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 10px 10px 10px 10px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--scw-color-01, var(--scw-color-primary-01));
-}
-:host([design=outlined]:hover) a.scw-link-base .label,
-:host([design=outlined][hover]) a.scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-01, var(--scw-color-primary-01));
-}
-
-:host([design=outlined][aria-disabled=true]) .scw-link-base {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 10px 10px 10px 10px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-09);
-}
-:host([design=outlined][aria-disabled=true]) .scw-link-base .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-grey-07);
-}
-:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg {
-  fill: var(--scw-color-grey-07);
-}
-:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {
-  fill: var(--scw-color-grey-07);
-}`;var b=i`
-:host([design=plain]) .scw-link-base {
-  outline: none;
-  display: inline-block;
-}`;var e=class extends d{constructor(){super();this.iconSide="left";this.design="solid";this._svgInfo="";this.element="link",console.log("ICON"),c(this.icon,s=>{s===!1?this.warn(`scw-icon could not find ${this.icon}`):(this._svgInfo=s,console.log("found it"))})}static get styles(){return[super.styles,p]}connectedCallback(){super.connectedCallback(),console.log("hi")}parseAndValidateLightDom(){super.parseAndValidateLightDom(),c(this.icon,s=>{s===!1?this.warn(`scw-icon could not find ${this.icon}`):this._svgInfo=s})}validDesigns(){return g}doShowIcon(){return!!(this.icon&&this.design!=="plain"&&this.design!=="text")}renderContent(){let s=this.doShowIcon(),a=`<style>${this.findStyle().cssText}</style>`;return this.design==="plain"?n`
-        ${t(a)}
-        <slot></slot>
-      `:n`
-      ${s&&this.iconSide==="left"?n`
-        <div class="icon">
-          ${t(this._svgInfo)}
-        </div>`:""}
-        ${t(a)}
-        <div class="label">
-          ${this.ariaLabel}
-        </div>
-      ${s&&this.iconSide==="right"?n`
-        <div class="icon">
-          ${t(this._svgInfo)}
-        </div>`:""}`}findStyle(){switch(this.design){case"solid":return h;case"outlined":return f;case"text":return w;case"plain":default:return b}}render(){return this.renderLink(this.renderContent())}};o([r({type:String,reflect:!0})],e.prototype,"icon",2),o([r({type:String,reflect:!0,attribute:"icon-side"})],e.prototype,"iconSide",2),o([r({type:String,reflect:!0})],e.prototype,"design",2),o([l()],e.prototype,"_svgInfo",2);export{e as a};
-//# sourceMappingURL=chunk.WKTCJRNO.js.map