scu-web-components 0.0.14 → 0.0.17

package/dist/chunks/chunk.RAGWQGAB.js

@@ -1,2 +0,0 @@
-import{b as f}from"./chunk.7PVCEEH4.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
-//# sourceMappingURL=chunk.RAGWQGAB.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/suffix.ts"],
-  "sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector: string = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
-  "mappings": "wCAOe,WAAmB,EAAoB,IAAK,CACzD,MAAO,IAAS,EAAO,OAAS,GAAG,IAAY,EAAO,SAAgB,EACxE",
-  "names": []
-}

package/dist/chunks/chunk.RC3Y4QKC.js

@@ -1,2 +0,0 @@
-import{b as f}from"./chunk.6MEYURY5.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
-//# sourceMappingURL=chunk.RC3Y4QKC.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/suffix.ts"],
-  "sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector: string = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
-  "mappings": "wCAOe,WAAmB,EAAoB,IAAK,CACzD,MAAO,IAAS,EAAO,OAAS,GAAG,IAAY,EAAO,SAAgB,EACxE",
-  "names": []
-}

package/dist/chunks/chunk.RWTLTBM6.js

@@ -1,2 +0,0 @@
-import{b as f}from"./chunk.DOB7NEBD.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
-//# sourceMappingURL=chunk.RWTLTBM6.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/suffix.ts"],
-  "sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector: string = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
-  "mappings": "wCAOe,WAAmB,EAAoB,IAAK,CACzD,MAAO,IAAS,EAAO,OAAS,GAAG,IAAY,EAAO,SAAgB,EACxE",
-  "names": []
-}

package/dist/chunks/chunk.S2NCWVSN.js

@@ -1,256 +0,0 @@
-import{b as g}from"./chunk.PXQQTQKT.js";import{a as n}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 t}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]}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"?t`
-        ${n(a)}
-        <slot></slot>
-      `:t`
-      ${s&&this.iconSide==="left"?t`
-        <div class="icon">
-          ${n(this._svgInfo)}
-        </div>`:""}
-        ${n(a)}
-        <div class="label">
-          ${this.ariaLabel}
-        </div>
-      ${s&&this.iconSide==="right"?t`
-        <div class="icon">
-          ${n(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.S2NCWVSN.js.map

package/dist/chunks/chunk.S2NCWVSN.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 console.log('ICON');\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    });\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,OAClB,QAAQ,IAAI,MAAM,EACf,EAAW,KAAK,KAAM,AAAC,GAA6B,CAClD,AAAI,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,MAAM,EAEhD,MAAK,SAAW,EAChB,QAAQ,IAAI,UAAU,EAE1B,CAAC,CACH,WA9CW,SAAS,CAClB,MAAO,CACL,MAAM,OACN,CACF,CACF,CA4CA,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,EAhII,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.SG4QRTJJ.js

@@ -1,256 +0,0 @@
-import{b as g}from"./chunk.PXQQTQKT.js";import{a as n}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 t}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]}requestUpdate(){super.requestUpdate(),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"?t`
-        ${n(a)}
-        <slot></slot>
-      `:t`
-      ${s&&this.iconSide==="left"?t`
-        <div class="icon">
-          ${n(this._svgInfo)}
-        </div>`:""}
-        ${n(a)}
-        <div class="label">
-          ${this.ariaLabel}
-        </div>
-      ${s&&this.iconSide==="right"?t`
-        <div class="icon">
-          ${n(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.SG4QRTJJ.js.map

package/dist/chunks/chunk.SG4QRTJJ.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 console.log('ICON');\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    });\n  }\n\n  /**\n   * connectedCallback\n   */\n  requestUpdate(): void {\n    super.requestUpdate();\n    console.log('hi');\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,OAClB,QAAQ,IAAI,MAAM,EACf,EAAW,KAAK,KAAM,AAAC,GAA6B,CAClD,AAAI,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,MAAM,EAEhD,MAAK,SAAW,EAChB,QAAQ,IAAI,UAAU,EAE1B,CAAC,CACH,WA9CW,SAAS,CAClB,MAAO,CACL,MAAM,OACN,CACF,CACF,CA8CA,eAAsB,CACpB,MAAM,cAAc,EACpB,QAAQ,IAAI,IAAI,CAClB,CAGA,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,EAxII,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": []
-}