scu-web-components 0.0.50 → 0.0.51

package/dist/chunks/chunk.NCG6NKKX.js

@@ -0,0 +1,247 @@
+import{a as c,b as s}from"./chunk.NRK7TWEL.js";import{a as o}from"./chunk.QVCFAUL2.js";import{a as r}from"./chunk.CD6EIJGD.js";import{a as e,d as a}from"./chunk.PQ34W6XF.js";import{a as l}from"./chunk.DEJTQKIS.js";import{g as i}from"./chunk.5YJY6NT6.js";var d=l`
+:host {
+  /* scw element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var(--margin-right, var(--gap-h-int, initial));
+  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
+  display: block;
+}
+
+:host([warning]) {
+  outline: 2px solid red !important;
+}
+
+:host([size=medium]) {
+  display: block;
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  /*.image-box {
+    width: 100%;
+    padding-bottom: 36.4734299517%;
+    position: relative;
+  }*/
+  /*.image {
+    @include size-medium-image-mixins.box;
+
+    position: absolute;
+    inset: 0;
+    background-position: center;
+    background-size: cover;
+  }*/
+  /*.action {
+    @include size-medium-action-mixins.box;
+    @include size-medium-action-mixins.sizing;
+  }*/
+}
+:host([size=medium]) > *:not(:last-child) {
+  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
+  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+}
+:host([size=medium]) .image-box {
+  height: 151px;
+}
+:host([size=medium]) .description {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-02);
+  align-self: stretch;
+}
+
+:host([size=small]) {
+  display: block;
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  /*.image-box {
+    width: 100%;
+    padding-bottom: 88.9473684211%;
+    position: relative;
+  }*/
+  /*.image {
+    @include size-small-image-mixins.box;
+
+    position: absolute;
+    inset: 0;
+    background-position: center;
+    background-size: cover;
+  }*/
+}
+:host([size=small]) > *:not(:last-child) {
+  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
+  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+}
+:host([size=small]) .image-box {
+  height: 169px;
+}
+:host([size=small]) .description {
+  display: none;
+}
+:host([size=small]) .action {
+  display: none;
+}
+
+:host .super-heading.mortgage {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-font);
+  color: var(--scw-color-mortgage-04);
+  align-self: stretch;
+}
+:host .super-heading.savings {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-font);
+  color: var(--scw-color-savings-04);
+  align-self: stretch;
+}
+:host .super-heading.student {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-font);
+  color: var(--scw-color-student-04);
+  align-self: stretch;
+}
+:host .super-heading.investments {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-font);
+  color: var(--scw-color-investments-04);
+  align-self: stretch;
+}
+:host .super-heading.checking {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-font);
+  color: var(--scw-color-checking-04);
+  align-self: stretch;
+}
+:host .super-heading.credit-cards {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-font);
+  color: var(--scw-color-credit-cards-04);
+  align-self: stretch;
+}
+
+:host {
+  display: block;
+  background-color: var(--scw-color, rgba(0, 0, 0, 0));
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  /*.image {
+    @include default-image-mixins.box;
+
+    position: absolute;
+    inset: 0;
+    background-position: center;
+    background-size: cover;
+  }*/
+}
+:host > *:not(:last-child) {
+  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
+  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+}
+:host .image-box {
+  background-color: var(--scw-color-09, var(--scw-color-grey-09));
+  border-radius: 10px 10px 10px 10px;
+  align-self: stretch;
+  flex: 1;
+  flex: initial;
+  overflow: hidden;
+  height: 330px;
+}
+:host .heading {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+}
+:host .super-heading {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-font);
+  color: var(--scw-color-03, var(--scw-color-primary-03));
+  align-self: stretch;
+}
+:host .description {
+  text-align: LEFT;
+  font: var(--scw-type-text-06-font);
+  color: var(--scw-color-02, var(--scw-color-grey-02));
+  align-self: stretch;
+}
+:host .action {
+  width: 83px;
+  height: 37px;
+}
+
+:host([action=none]) {
+  pointer-events: none;
+}
+
+:host([action=whole]) {
+  pointer-events: all;
+}
+
+:host([action=whole]:hover) {
+  cursor: pointer;
+}
+
+:host([action=whole]:focus-visible) {
+  outline: none;
+  box-shadow: var(--scw-effect-focus-shadow);
+  border-radius: 10px 10px 4px 4px;
+}
+
+:host([action=link]) {
+  pointer-events: none;
+}
+:host([action=link]) scw-link {
+  pointer-events: all;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jYXJkL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctY2FyZC1tZWRpdW0uc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtbWVkaXVtLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0taW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0tZGVzY3JpcHRpb24tbWl4aW5zLnNjc3MiLCJzY3ctY2FyZC1zbWFsbC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1zbWFsbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtc21hbGwtaW1hZ2UtdmFycy5zY3NzIiwic2N3LWNhcmQtY29sb3JzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1tb3J0Z2FnZS1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc2F2aW5ncy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc3R1ZGVudC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3ItaW52ZXN0bWVudHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLWNoZWNraW5nLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1jcmVkaXQtY2FyZHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsInNjdy1jYXJkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1pbWFnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtaW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtYWN0aW9uLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0U7OztBRUFGO0VBQ0U7RUNFRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEMUJBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFhRjtBQUFBO0FBQUE7QUFBQTs7QUNRQTtFQUNNO0VBQ0E7O0FEaENOO0VBQ0UsUUVMSzs7QUZzQlA7RUd6QkE7RUFDQTtFQUlFO0VBRUY7OztBQ1JGO0VBQ0U7RUNJRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEM0JBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FDc0JGO0VBQ007RUFDQTs7QURsQ047RUFDRSxRRUhLOztBRnFCUDtFQUNFOztBQUlGO0VBQ0U7OztBR3hCRjtFQ05BO0VBQ0E7RUFJRTtFQUVGOztBREdBO0VFVkE7RUFDQTtFQUlFO0VBRUY7O0FGT0E7RUdkQTtFQUNBO0VBSUU7RUFFRjs7QUhXQTtFSWxCQTtFQUNBO0VBSUU7RUFFRjs7QUplQTtFS3RCQTtFQUNBO0VBSUU7RUFFRjs7QUxtQkE7RU0xQkE7RUFDQTtFQUlFO0VBRUY7OztBQ0VGO0VBQ0U7RUNSRTtFQTJCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEVkU7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBOztBQ1dGO0VBQ007RUFDQTs7QUR2Qk47RUVkRTtFQUlGO0VBQ0E7RUFDQTtFRmFFO0VBQ0E7RUFDQSxRR3BCSzs7QUhnQ1A7RUkvQkU7RUFFRjs7QUppQ0E7RUt2Q0E7RUFDQTtFQUVFO0VBSUY7O0FMb0NBO0VNM0NBO0VBQ0E7RUFFRTtFQUlGOztBTndDQTtFT3JDQTtFQUNBOzs7QVAwQ0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBRUY7RUFDRTs7O0FBRUY7RUFDRTtFZm8wYkE7RWVsMGJBLGVBQ0U7OztBQU1KO0VBQ0U7O0FBQ0E7RUFDRSJ9 */`;var t=class extends a{constructor(){super();this.preload=!1;this.size="large";this.action="none";this.element="card",this.clickHandler=this.clickHandler.bind(this);let n=r();this.headerNodeName=c(`scw-${"heading"}${n}`),this.imageNodeName=c(`scw-${"image"}${n}`),this.linkNodeName=c(`scw-${"link"}${n}`)}static get styles(){return[super.styles,d]}clickHandler(n){n.stopPropagation(),this.click()}warn(n){this.heading=`error: ${n}`,a.prototype.warn.call(this,n)}renderImage(){if((this.src||this.srcset)&&this.alt)return s`
+        <scw-image
+          class="image-box"
+          src="${o(this.src)}"
+          srcset="${o(this.srcset)}"
+          alt="${this.alt}"
+          preload="${o(this.preload?"true":void 0)}"
+          object-fit="cover">
+        </scw-image>
+      `}renderButton(){return this.action==="link"?s`
+        <scw-link
+          aria-label="${this.linkLabel?this.linkLabel:"no label"}" 
+          @click="${this.clickHandler}">
+        </scw-link>`:null}getSizeStringForHeader(){switch(this.size){case"large":return"h1";case"medium":return"h2";case"small":return"h3"}}renderBody(){return s`
+       ${this.renderImage()}
+       ${this.superHeading?s`
+          <div class="super-heading">
+            ${this.superHeading}
+          </div>`:""}
+       <scw-heading
+          style="--scw-color-04: var( --scw-color-grey-02 );"
+          dynamic class="heading"
+          aria-label="${o(this.heading)}"
+          size="${this.getSizeStringForHeader()}">
+        </scw-heading>
+       ${this.description?s`
+          <div class="description">
+            ${this.description}
+          </div>`:""}`}render(){return this.action==="whole"?this.renderBody():s`
+        ${this.renderBody()}
+        ${this.renderButton()}`}};i([e()],t.prototype,"src",2),i([e()],t.prototype,"srcset",2),i([e()],t.prototype,"alt",2),i([e()],t.prototype,"heading",2),i([e()],t.prototype,"superHeading",2),i([e()],t.prototype,"description",2),i([e()],t.prototype,"linkLabel",2),i([e({type:Boolean})],t.prototype,"preload",2),i([e({type:String,reflect:!0})],t.prototype,"size",2),i([e({type:String,reflect:!0})],t.prototype,"action",2);export{t as a};
+//# sourceMappingURL=chunk.NCG6NKKX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-card/scss/scw-card.scss", "../../src/scw-card/ScwCard.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host([size=medium]) {\n  display: block;\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 36.4734299517%;\n    position: relative;\n  }*/\n  /*.image {\n    @include size-medium-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n  /*.action {\n    @include size-medium-action-mixins.box;\n    @include size-medium-action-mixins.sizing;\n  }*/\n}\n:host([size=medium]) > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host([size=medium]) .image-box {\n  height: 151px;\n}\n:host([size=medium]) .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n\n:host([size=small]) {\n  display: block;\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 88.9473684211%;\n    position: relative;\n  }*/\n  /*.image {\n    @include size-small-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n}\n:host([size=small]) > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host([size=small]) .image-box {\n  height: 169px;\n}\n:host([size=small]) .description {\n  display: none;\n}\n:host([size=small]) .action {\n  display: none;\n}\n\n:host .super-heading.mortgage {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-mortgage-04);\n  align-self: stretch;\n}\n:host .super-heading.savings {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-savings-04);\n  align-self: stretch;\n}\n:host .super-heading.student {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-student-04);\n  align-self: stretch;\n}\n:host .super-heading.investments {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-investments-04);\n  align-self: stretch;\n}\n:host .super-heading.checking {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-checking-04);\n  align-self: stretch;\n}\n:host .super-heading.credit-cards {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-credit-cards-04);\n  align-self: stretch;\n}\n\n:host {\n  display: block;\n  background-color: var(--scw-color, rgba(0, 0, 0, 0));\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image {\n    @include default-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n}\n:host > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host .image-box {\n  background-color: var(--scw-color-09, var(--scw-color-grey-09));\n  border-radius: 10px 10px 10px 10px;\n  align-self: stretch;\n  flex: 1;\n  flex: initial;\n  overflow: hidden;\n  height: 330px;\n}\n:host .heading {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n}\n:host .super-heading {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  align-self: stretch;\n}\n:host .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-06-font);\n  color: var(--scw-color-02, var(--scw-color-grey-02));\n  align-self: stretch;\n}\n:host .action {\n  width: 83px;\n  height: 37px;\n}\n\n:host([action=none]) {\n  pointer-events: none;\n}\n\n:host([action=whole]) {\n  pointer-events: all;\n}\n\n:host([action=whole]:hover) {\n  cursor: pointer;\n}\n\n:host([action=whole]:focus-visible) {\n  outline: none;\n  box-shadow: var(--scw-effect-focus-shadow);\n  border-radius: 10px 10px 4px 4px;\n}\n\n:host([action=link]) {\n  pointer-events: none;\n}\n:host([action=link]) scw-link {\n  pointer-events: all;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jYXJkL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctY2FyZC1tZWRpdW0uc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtbWVkaXVtLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0taW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0tZGVzY3JpcHRpb24tbWl4aW5zLnNjc3MiLCJzY3ctY2FyZC1zbWFsbC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1zbWFsbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtc21hbGwtaW1hZ2UtdmFycy5zY3NzIiwic2N3LWNhcmQtY29sb3JzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1tb3J0Z2FnZS1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc2F2aW5ncy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc3R1ZGVudC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3ItaW52ZXN0bWVudHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLWNoZWNraW5nLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1jcmVkaXQtY2FyZHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsInNjdy1jYXJkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1pbWFnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtaW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtYWN0aW9uLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0U7OztBRUFGO0VBQ0U7RUNFRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEMUJBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFhRjtBQUFBO0FBQUE7QUFBQTs7QUNRQTtFQUNNO0VBQ0E7O0FEaENOO0VBQ0UsUUVMSzs7QUZzQlA7RUd6QkE7RUFDQTtFQUlFO0VBRUY7OztBQ1JGO0VBQ0U7RUNJRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEM0JBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FDc0JGO0VBQ007RUFDQTs7QURsQ047RUFDRSxRRUhLOztBRnFCUDtFQUNFOztBQUlGO0VBQ0U7OztBR3hCRjtFQ05BO0VBQ0E7RUFJRTtFQUVGOztBREdBO0VFVkE7RUFDQTtFQUlFO0VBRUY7O0FGT0E7RUdkQTtFQUNBO0VBSUU7RUFFRjs7QUhXQTtFSWxCQTtFQUNBO0VBSUU7RUFFRjs7QUplQTtFS3RCQTtFQUNBO0VBSUU7RUFFRjs7QUxtQkE7RU0xQkE7RUFDQTtFQUlFO0VBRUY7OztBQ0VGO0VBQ0U7RUNSRTtFQTJCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEVkU7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBOztBQ1dGO0VBQ007RUFDQTs7QUR2Qk47RUVkRTtFQUlGO0VBQ0E7RUFDQTtFRmFFO0VBQ0E7RUFDQSxRR3BCSzs7QUhnQ1A7RUkvQkU7RUFFRjs7QUppQ0E7RUt2Q0E7RUFDQTtFQUVFO0VBSUY7O0FMb0NBO0VNM0NBO0VBQ0E7RUFFRTtFQUlGOztBTndDQTtFT3JDQTtFQUNBOzs7QVAwQ0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBRUY7RUFDRTs7O0FBRUY7RUFDRTtFZm8wYkE7RWVsMGJBLGVBQ0U7OztBQU1KO0VBQ0U7O0FBQ0E7RUFDRSJ9 */`;\n", "import {property} from 'lit/decorators.js';\nimport {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport styles from './scss/scw-card.scss';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {ScwCardSizes, ScwCardActions} from './scw-card-enums';\nimport {Components} from '../utils/enums/Components';\nimport getSuffix from '../utils/suffix';\nimport {ScwHeadingSizes} from '../scw-heading/scw-heading-enums';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/**\n * ScwCard a first LitElement web component\n * @class\n * @tag scw-card\n */\nexport default class ScwCard extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwCard ====================================================\n  /** (ScwCard) The src of the image within the card */\n  @property() src: string | undefined;\n\n  /** (ScwCard) The srcset of the image within the card */\n  @property() srcset: string | undefined;\n\n  /** (ScwCard) Alternative description of the image. */\n  @property() alt: string | undefined;\n\n  /** (ScwCard) Main title or header of the card (determined by\n  * <h1, h2, h3> content) */\n  @property() heading: string | undefined;\n\n  /** (ScwCard) Super title, describing a category or area pertaining to title\n  * (determined by <sup> content) */\n  @property() superHeading: string | undefined;\n\n  /** (ScwCard) Fuller description of what the card is about (determined by\n  * <p> content) */\n  @property() description: string | undefined;\n\n  /** (ScwCard) Label on the link */\n  @property() linkLabel : string | undefined;\n\n  /** (ScwCard) whether to preload image or not */\n  @property({type: Boolean}) preload = false;\n\n  // ----------- END STATES ----------------------------------------------------\n  /** (ScwCard) Readonly - Size of the card. This\n  * is determined by the nested html content (h1  = large,\n  * h2 = medium, h3 = small). */\n  @property({type: String, reflect: true})\n    size: ScwCardSizes = ScwCardSizes.large;\n\n  /** (ScwCard) Readonly - The type of action (whole card, link, or none).\n   * This is determined by the use of an anchor tag. */\n  @property({type: String, reflect: true})\n    action: ScwCardActions = ScwCardActions.none;\n\n  /** scw-header with versioning suffix */\n  headerNodeName : any;\n\n  /** scw-image with versioning suffix */\n  imageNodeName : any;\n\n  /** scw-link with versioning suffix */\n  linkNodeName : any;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.card;\n    this.clickHandler = this.clickHandler.bind(this);\n\n    const suffix = getSuffix();\n    this.headerNodeName = unsafeStatic(`scw-${Components.heading}${suffix}`);\n    this.imageNodeName = unsafeStatic(`scw-${Components.image}${suffix}`);\n    this.linkNodeName = unsafeStatic(`scw-${Components.link}${suffix}`);\n  }\n\n  /**\n  * Handle click event from link so it doesn't trigger twice\n  * @param {Event} evt\n  */\n  clickHandler(evt : Event) {\n    evt.stopPropagation();\n    this.click();\n  }\n\n  /**\n  * change the main heading to be the error.\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    this.heading = `error: ${message}`;\n    ScwComponent.prototype.warn.call(this, message );\n  }\n\n  /**\n  * Render image area\n  * @return {object} component DOM\n  */\n  renderImage() {\n    if (\n      ( this.src || this.srcset ) &&\n      this.alt ) {\n      return html`\n        <scw-image\n          class=\"image-box\"\n          src=\"${ifDefined(this.src)}\"\n          srcset=\"${ifDefined(this.srcset)}\"\n          alt=\"${this.alt}\"\n          preload=\"${ifDefined(this.preload ? 'true' : undefined)}\"\n          object-fit=\"cover\">\n        </scw-image>\n      `;\n    }\n  }\n\n  /**\n  * Render link area\n  * @return {object} component DOM\n  */\n  renderButton() {\n    if ( this.action === ScwCardActions.link) {\n      return html`\n        <scw-link\n          aria-label=\"${this.linkLabel ? this.linkLabel : 'no label'}\" \n          @click=\"${this.clickHandler}\">\n        </scw-link>`;\n    }\n    return null;\n  }\n\n  /**\n   * get string to use in the size attribute of scw-header\n   * @return {string}\n   */\n  getSizeStringForHeader() {\n    switch (this.size) {\n      case ScwCardSizes.large:\n        return 'h1';\n      case ScwCardSizes.medium:\n        return 'h2';\n      case ScwCardSizes.small:\n        return 'h3';\n    }\n  }\n\n  /**\n  * render body\n  * @return {object} component DOM\n  */\n  renderBody() : object {\n    // eslint-ignore\n    return html`\n       ${this.renderImage()}\n       ${this.superHeading ?\n          html`\n          <div class=\"super-heading\">\n            ${this.superHeading}\n          </div>` : ''}\n       <scw-heading\n          style=\"--scw-color-04: var( --scw-color-grey-02 );\"\n          dynamic class=\"heading\"\n          aria-label=\"${ifDefined(this.heading)}\"\n          size=\"${this.getSizeStringForHeader() as ScwHeadingSizes}\">\n        </scw-heading>\n       ${this.description ?\n          html`\n          <div class=\"description\">\n            ${this.description}\n          </div>` : ''}`;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render() : object {\n    if (this.action === ScwCardActions.whole) {\n      return this.renderBody();\n    } else {\n      return html`\n        ${this.renderBody()}\n        ${this.renderButton()}`;\n    }\n  }\n}\n"],
+  "mappings": "8PACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6mHCef,IAAqBC,EAArB,cAAqCC,CAAa,CA+DhD,aAAc,CACZ,MAAM,EA3BmB,aAAU,GAOnC,kBAKA,mBAgBA,KAAK,eACL,KAAK,aAAe,KAAK,aAAa,KAAK,IAAI,EAE/C,IAAMC,EAASC,EAAU,EACzB,KAAK,eAAiBC,EAAa,mBAA4BF,GAAQ,EACvE,KAAK,cAAgBE,EAAa,iBAA0BF,GAAQ,EACpE,KAAK,aAAeE,EAAa,gBAAyBF,GAAQ,CACpE,CApEA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNG,CACF,CACF,CAqEA,aAAaC,EAAa,CACxBA,EAAI,gBAAgB,EACpB,KAAK,MAAM,CACb,CAMA,KAAMC,EAAkB,CACtB,KAAK,QAAU,UAAUA,IACzBN,EAAa,UAAU,KAAK,KAAK,KAAMM,CAAQ,CACjD,CAMA,aAAc,CACZ,IACI,KAAK,KAAO,KAAK,SACnB,KAAK,IACL,OAAOC;AAAA;AAAA;AAAA,iBAGIC,EAAU,KAAK,GAAG;AAAA,oBACfA,EAAU,KAAK,MAAM;AAAA,iBACxB,KAAK;AAAA,qBACDA,EAAU,KAAK,QAAU,OAAS,MAAS;AAAA;AAAA;AAAA,OAK9D,CAMA,cAAe,CACb,OAAK,KAAK,gBACDD;AAAA;AAAA,wBAEW,KAAK,UAAY,KAAK,UAAY;AAAA,oBACtC,KAAK;AAAA,qBAGd,IACT,CAMA,wBAAyB,CACvB,OAAQ,KAAK,kBAET,MAAO,kBAEP,MAAO,iBAEP,MAAO,KAEb,CAMA,YAAsB,CAEpB,OAAOA;AAAA,SACF,KAAK,YAAY;AAAA,SACjB,KAAK,aACJA;AAAA;AAAA,cAEI,KAAK;AAAA,kBACC;AAAA;AAAA;AAAA;AAAA,wBAIIC,EAAU,KAAK,OAAO;AAAA,kBAC5B,KAAK,uBAAuB;AAAA;AAAA,SAErC,KAAK,YACJD;AAAA;AAAA,cAEI,KAAK;AAAA,kBACC,IAClB,CAMA,QAAkB,CAChB,OAAI,KAAK,iBACA,KAAK,WAAW,EAEhBA;AAAA,UACH,KAAK,WAAW;AAAA,UAChB,KAAK,aAAa,GAE1B,CACF,EAzKcE,EAAA,CAAX,EAAS,GAbSV,EAaP,mBAGAU,EAAA,CAAX,EAAS,GAhBSV,EAgBP,sBAGAU,EAAA,CAAX,EAAS,GAnBSV,EAmBP,mBAIAU,EAAA,CAAX,EAAS,GAvBSV,EAuBP,uBAIAU,EAAA,CAAX,EAAS,GA3BSV,EA2BP,4BAIAU,EAAA,CAAX,EAAS,GA/BSV,EA+BP,2BAGAU,EAAA,CAAX,EAAS,GAlCSV,EAkCP,yBAGeU,EAAA,CAA1B,EAAS,CAAC,KAAM,OAAO,CAAC,GArCNV,EAqCQ,uBAOzBU,EAAA,CADD,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GA3CpBV,EA4CjB,oBAKAU,EAAA,CADD,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhDpBV,EAiDjB",
+  "names": ["scw_card_default", "i", "ScwCard", "ScwComponent", "suffix", "getSuffix", "o", "scw_card_default", "evt", "message", "n", "l", "__decorateClass"]
+}

package/dist/chunks/chunk.NGNNUTXC.js

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

package/dist/chunks/chunk.NOXJ26Q6.js

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

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

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

package/dist/chunks/{chunk.NBLIIWTN.js → chunk.NRK7TWEL.js}

@@ -1,7 +1,7 @@
-import{a as f,b as p}from"./chunk.PKA6D7UK.js";var h=Symbol.for(""),d=t=>{if((t==null?void 0:t.r)===h)return t==null?void 0:t._$litStatic$},g=t=>({_$litStatic$:t,r:h});var S=new Map,v=t=>(i,...e)=>{let l=e.length,n,o,s=[],u=[],r,a=0,c=!1;for(;a<l;){for(r=i[a];a<l&&(o=e[a],(n=d(o))!==void 0);)r+=n+i[++a],c=!0;u.push(o),s.push(r),a++}if(a===l&&s.push(i[l]),c){let $=s.join("$$lit$$");(i=S.get($))===void 0&&(s.raw=s,S.set($,i=s)),e=u}return t(i,...e)},_=v(f),w=v(p);export{g as a,_ as b};
+import{a as f,b as p}from"./chunk.GOLR2K45.js";var h=Symbol.for(""),d=t=>{if((t==null?void 0:t.r)===h)return t==null?void 0:t._$litStatic$},g=t=>({_$litStatic$:t,r:h});var S=new Map,v=t=>(i,...e)=>{let l=e.length,n,o,s=[],u=[],r,a=0,c=!1;for(;a<l;){for(r=i[a];a<l&&(o=e[a],(n=d(o))!==void 0);)r+=n+i[++a],c=!0;u.push(o),s.push(r),a++}if(a===l&&s.push(i[l]),c){let $=s.join("$$lit$$");(i=S.get($))===void 0&&(s.raw=s,S.set($,i=s)),e=u}return t(i,...e)},_=v(f),w=v(p);export{g as a,_ as b};
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-//# sourceMappingURL=chunk.NBLIIWTN.js.map
+//# sourceMappingURL=chunk.NRK7TWEL.js.map

package/dist/chunks/chunk.NUUIUVXV.js

@@ -0,0 +1,112 @@
+import{a}from"./chunk.BEXEKNQU.js";import{a as l}from"./chunk.V63GL6WR.js";import{a as s,b as r,d as I}from"./chunk.KMM6APSP.js";import{a as g}from"./chunk.DEJTQKIS.js";import{a as e}from"./chunk.GOLR2K45.js";import{b as n,d as p,f as B,g as o}from"./chunk.5YJY6NT6.js";var d={};p(d,{validationWarnings:()=>G});var G,h=n(()=>{"use strict";G={ariaLabelWarning:"link without a label",noIconWarning:"could not find the icon"}});var b=g`
+:host {
+  outline: none;
+  user-select: none;
+  display: inline-flex;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+:host svg {
+  box-sizing: border-box;
+  vertical-align: top;
+  width: 100%;
+  height: 100%;
+}
+
+:host {
+  width: 30px;
+  height: 30px;
+}
+:host svg, :host svg * {
+  fill: var(--scw-color, var(--scw-color-grey-02));
+}
+:host svg .color-step-01 {
+  fill: var(--scw-color-01, var(--scw-color-grey-01));
+}
+:host svg .color-step-02 {
+  fill: var(--scw-color-02, var(--scw-color-grey-02));
+}
+:host svg .color-step-03 {
+  fill: var(--scw-color-03, var(--scw-color-grey-03));
+}
+:host svg .color-step-04 {
+  fill: var(--scw-color-04, var(--scw-color-grey-04));
+}
+:host svg .color-step-05,
+:host svg .color-step {
+  fill: var(--scw-color-05, var(--scw-color-grey-05));
+}
+:host svg .color-step-06 {
+  fill: var(--scw-color-06, var(--scw-color-grey-06));
+}
+:host svg .color-step-07 {
+  fill: var(--scw-color-07, var(--scw-color-grey-07));
+}
+:host svg .color-step-08 {
+  fill: var(--scw-color-08, var(--scw-color-grey-08));
+}
+:host svg .color-step-09 {
+  fill: var(--scw-color-09, var(--scw-color-grey-09));
+}
+
+:host([color-background]) {
+  background-color: var(--scw-color, var(--scw-color-grey-02));
+}
+:host([color-background]) svg, :host([color-background]) svg * {
+  fill: var(--scw-color-grey-10);
+}
+
+:host([size="10"]) {
+  width: 10px;
+  height: 10px;
+}
+
+:host([size="20"]) {
+  width: 20px;
+  height: 20px;
+}
+
+:host([size="30"]) {
+  width: 30px;
+  height: 30px;
+}
+
+:host([size="40"]) {
+  width: 40px;
+  height: 40px;
+}
+
+:host([size="50"]) {
+  width: 50px;
+  height: 50px;
+}
+
+:host([size="60"]) {
+  width: 60px;
+  height: 60px;
+}
+
+:host([size="70"]) {
+  width: 70px;
+  height: 70px;
+}
+
+:host([size="80"]) {
+  width: 80px;
+  height: 80px;
+}
+
+:host([size="90"]) {
+  width: 90px;
+  height: 90px;
+}
+
+:host([size="100"]) {
+  width: 100px;
+  height: 100px;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pY29uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pY29uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUFhO0VBQ2I7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFFRTtFQUFhOztBQUViO0VBQ0U7O0FBR0Y7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtBQUFBO0VBRUU7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7O0FBSUo7RUFDRTs7QUFDQTtFQUNFOzs7QUFJSjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWMiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdCB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDsvLyBCdXR0b24gd2lsbCBoYXZlIGF1dG8gd2lkdGggd2l0aCBpbmxpbmUtZmxleFxuICB3aWR0aDogMTAwJTsgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG5cbiAgc3ZnIHtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICB9XG59XG5cbjpob3N0IHtcbiAgLy8gZGVmYXVsdFxuICB3aWR0aDogMzBweDsgaGVpZ2h0OiAzMHB4O1xuXG4gIHN2Zywgc3ZnICoge1xuICAgIGZpbGw6IHZhciggLS1zY3ctY29sb3IsIHZhciggLS1zY3ctY29sb3ItZ3JleS0wMiApICk7XG4gIH1cbiAgLy8gbXVsdGljb2xvciBpY29uc1xuICBzdmcgLmNvbG9yLXN0ZXAtMDEge1xuICAgIGZpbGw6IHZhciggLS1zY3ctY29sb3ItMDEsIHZhciggLS1zY3ctY29sb3ItZ3JleS0wMSApICk7XG4gIH1cbiAgc3ZnIC5jb2xvci1zdGVwLTAyIHtcbiAgICBmaWxsOiB2YXIoIC0tc2N3LWNvbG9yLTAyLCB2YXIoIC0tc2N3LWNvbG9yLWdyZXktMDIgKSApO1xuICB9XG4gIHN2ZyAuY29sb3Itc3RlcC0wMyB7XG4gICAgZmlsbDogdmFyKCAtLXNjdy1jb2xvci0wMywgdmFyKCAtLXNjdy1jb2xvci1ncmV5LTAzICkgKTtcbiAgfVxuICBzdmcgLmNvbG9yLXN0ZXAtMDQge1xuICAgIGZpbGw6IHZhciggLS1zY3ctY29sb3ItMDQsIHZhciggLS1zY3ctY29sb3ItZ3JleS0wNCApICk7XG4gIH1cbiAgc3ZnIC5jb2xvci1zdGVwLTA1LFxuICBzdmcgLmNvbG9yLXN0ZXAge1xuICAgIGZpbGw6IHZhciggLS1zY3ctY29sb3ItMDUsIHZhciggLS1zY3ctY29sb3ItZ3JleS0wNSApICk7XG4gIH1cbiAgc3ZnIC5jb2xvci1zdGVwLTA2IHtcbiAgICBmaWxsOiB2YXIoIC0tc2N3LWNvbG9yLTA2LCB2YXIoIC0tc2N3LWNvbG9yLWdyZXktMDYgKSApO1xuICB9XG4gIHN2ZyAuY29sb3Itc3RlcC0wNyB7XG4gICAgZmlsbDogdmFyKCAtLXNjdy1jb2xvci0wNywgdmFyKCAtLXNjdy1jb2xvci1ncmV5LTA3ICkgKTtcbiAgfVxuICBzdmcgLmNvbG9yLXN0ZXAtMDgge1xuICAgIGZpbGw6IHZhciggLS1zY3ctY29sb3ItMDgsIHZhciggLS1zY3ctY29sb3ItZ3JleS0wOCApICk7XG4gIH1cbiAgc3ZnIC5jb2xvci1zdGVwLTA5IHtcbiAgICBmaWxsOiB2YXIoIC0tc2N3LWNvbG9yLTA5LCB2YXIoIC0tc2N3LWNvbG9yLWdyZXktMDkgKSApO1xuICB9XG59XG5cbjpob3N0KFtjb2xvci1iYWNrZ3JvdW5kXSkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoIC0tc2N3LWNvbG9yLCB2YXIoIC0tc2N3LWNvbG9yLWdyZXktMDIgKSApO1xuICBzdmcsIHN2ZyAqIHtcbiAgICBmaWxsOiB2YXIoIC0tc2N3LWNvbG9yLWdyZXktMTAgKTtcbiAgfVxufVxuXG46aG9zdChbc2l6ZT0nMTAnXSkge1xuICB3aWR0aDogMTBweDsgaGVpZ2h0OiAxMHB4O1xufVxuOmhvc3QoW3NpemU9JzIwJ10pIHtcbiAgd2lkdGg6IDIwcHg7IGhlaWdodDogMjBweDtcbn1cbjpob3N0KFtzaXplPSczMCddKSB7XG4gIHdpZHRoOiAzMHB4OyBoZWlnaHQ6IDMwcHg7XG59XG46aG9zdChbc2l6ZT0nNDAnXSkge1xuICB3aWR0aDogNDBweDsgaGVpZ2h0OiA0MHB4O1xufVxuOmhvc3QoW3NpemU9JzUwJ10pIHtcbiAgd2lkdGg6IDUwcHg7IGhlaWdodDogNTBweDtcbn1cbjpob3N0KFtzaXplPSc2MCddKSB7XG4gIHdpZHRoOiA2MHB4OyBoZWlnaHQ6IDYwcHg7XG59XG46aG9zdChbc2l6ZT0nNzAnXSkge1xuICB3aWR0aDogNzBweDsgaGVpZ2h0OiA3MHB4O1xufVxuOmhvc3QoW3NpemU9JzgwJ10pIHtcbiAgd2lkdGg6IDgwcHg7IGhlaWdodDogODBweDtcbn1cbjpob3N0KFtzaXplPSc5MCddKSB7XG4gIHdpZHRoOiA5MHB4OyBoZWlnaHQ6IDkwcHg7XG59XG46aG9zdChbc2l6ZT0nMTAwJ10pIHtcbiAgd2lkdGg6IDEwMHB4OyBoZWlnaHQ6IDEwMHB4O1xufSJdfQ== */`;var{validationWarnings:C}=(h(),B(d)),t=class extends I{constructor(){super();this.size="50";this.colorBackground=!1;this._svgInfo="";this.element="icon"}static get styles(){return[super.styles,b]}set icon(c){let i=this._icon;this._icon=c,this.requestUpdate("icon",i),i!==void 0&&this.refreshIcon()}get icon(){return this._icon}connectedCallback(){super.connectedCallback()}refreshIcon(){this.clearWarnings(),a(this.icon,c=>{c===!1?this.warn(C.noIconWarning):this._svgInfo=c})}render(){return e`
+      ${l(this._svgInfo)}
+    `}};o([s({type:String,reflect:!0})],t.prototype,"icon",1),o([s({type:String,reflect:!0})],t.prototype,"size",2),o([s({type:Boolean,reflect:!0,attribute:"color-background"})],t.prototype,"colorBackground",2),o([r()],t.prototype,"_svgInfo",2);export{t as a};
+//# sourceMappingURL=chunk.NUUIUVXV.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/validation/warnings.mjs", "../../src/scw-icon/scss/scw-icon.scss", "../../src/scw-icon/ScwIcon.ts"],
+  "sourcesContent": ["\n\nexport const validationWarnings = {\n  ariaLabelWarning: 'link without a label',\n  noIconWarning: 'could not find the icon',\n};\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  outline: none;\n  user-select: none;\n  display: inline-flex;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n}\n:host svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n}\n\n:host {\n  width: 30px;\n  height: 30px;\n}\n:host svg, :host svg * {\n  fill: var(--scw-color, var(--scw-color-grey-02));\n}\n:host svg .color-step-01 {\n  fill: var(--scw-color-01, var(--scw-color-grey-01));\n}\n:host svg .color-step-02 {\n  fill: var(--scw-color-02, var(--scw-color-grey-02));\n}\n:host svg .color-step-03 {\n  fill: var(--scw-color-03, var(--scw-color-grey-03));\n}\n:host svg .color-step-04 {\n  fill: var(--scw-color-04, var(--scw-color-grey-04));\n}\n:host svg .color-step-05,\n:host svg .color-step {\n  fill: var(--scw-color-05, var(--scw-color-grey-05));\n}\n:host svg .color-step-06 {\n  fill: var(--scw-color-06, var(--scw-color-grey-06));\n}\n:host svg .color-step-07 {\n  fill: var(--scw-color-07, var(--scw-color-grey-07));\n}\n:host svg .color-step-08 {\n  fill: var(--scw-color-08, var(--scw-color-grey-08));\n}\n:host svg .color-step-09 {\n  fill: var(--scw-color-09, var(--scw-color-grey-09));\n}\n\n:host([color-background]) {\n  background-color: var(--scw-color, var(--scw-color-grey-02));\n}\n:host([color-background]) svg, :host([color-background]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([size=\"10\"]) {\n  width: 10px;\n  height: 10px;\n}\n\n:host([size=\"20\"]) {\n  width: 20px;\n  height: 20px;\n}\n\n:host([size=\"30\"]) {\n  width: 30px;\n  height: 30px;\n}\n\n:host([size=\"40\"]) {\n  width: 40px;\n  height: 40px;\n}\n\n:host([size=\"50\"]) {\n  width: 50px;\n  height: 50px;\n}\n\n:host([size=\"60\"]) {\n  width: 60px;\n  height: 60px;\n}\n\n:host([size=\"70\"]) {\n  width: 70px;\n  height: 70px;\n}\n\n:host([size=\"80\"]) {\n  width: 80px;\n  height: 80px;\n}\n\n:host([size=\"90\"]) {\n  width: 90px;\n  height: 90px;\n}\n\n:host([size=\"100\"]) {\n  width: 100px;\n  height: 100px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pY29uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pY29uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUFhO0VBQ2I7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFFRTtFQUFhOztBQUViO0VBQ0U7O0FBR0Y7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtBQUFBO0VBRUU7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7O0FBSUo7RUFDRTs7QUFDQTtFQUNFOzs7QUFJSjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWMiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdCB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDsvLyBCdXR0b24gd2lsbCBoYXZlIGF1dG8gd2lkdGggd2l0aCBpbmxpbmUtZmxleFxuICB3aWR0aDogMTAwJTsgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG5cbiAgc3ZnIHtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICB9XG59XG5cbjpob3N0IHtcbiAgLy8gZGVmYXVsdFxuICB3aWR0aDogMzBweDsgaGVpZ2h0OiAzMHB4O1xuXG4gIHN2Zywgc3ZnICoge1xuICAgIGZpbGw6IHZhciggLS1zY3ctY29sb3IsIHZhciggLS1zY3ctY29sb3ItZ3JleS0wMiApICk7XG4gIH1cbiAgLy8gbXVsdGljb2xvciBpY29uc1xuICBzdmcgLmNvbG9yLXN0ZXAtMDEge1xuICAgIGZpbGw6IHZhciggLS1zY3ctY29sb3ItMDEsIHZhciggLS1zY3ctY29sb3ItZ3JleS0wMSApICk7XG4gIH1cbiAgc3ZnIC5jb2xvci1zdGVwLTAyIHtcbiAgICBmaWxsOiB2YXIoIC0tc2N3LWNvbG9yLTAyLCB2YXIoIC0tc2N3LWNvbG9yLWdyZXktMDIgKSApO1xuICB9XG4gIHN2ZyAuY29sb3Itc3RlcC0wMyB7XG4gICAgZmlsbDogdmFyKCAtLXNjdy1jb2xvci0wMywgdmFyKCAtLXNjdy1jb2xvci1ncmV5LTAzICkgKTtcbiAgfVxuICBzdmcgLmNvbG9yLXN0ZXAtMDQge1xuICAgIGZpbGw6IHZhciggLS1zY3ctY29sb3ItMDQsIHZhciggLS1zY3ctY29sb3ItZ3JleS0wNCApICk7XG4gIH1cbiAgc3ZnIC5jb2xvci1zdGVwLTA1LFxuICBzdmcgLmNvbG9yLXN0ZXAge1xuICAgIGZpbGw6IHZhciggLS1zY3ctY29sb3ItMDUsIHZhciggLS1zY3ctY29sb3ItZ3JleS0wNSApICk7XG4gIH1cbiAgc3ZnIC5jb2xvci1zdGVwLTA2IHtcbiAgICBmaWxsOiB2YXIoIC0tc2N3LWNvbG9yLTA2LCB2YXIoIC0tc2N3LWNvbG9yLWdyZXktMDYgKSApO1xuICB9XG4gIHN2ZyAuY29sb3Itc3RlcC0wNyB7XG4gICAgZmlsbDogdmFyKCAtLXNjdy1jb2xvci0wNywgdmFyKCAtLXNjdy1jb2xvci1ncmV5LTA3ICkgKTtcbiAgfVxuICBzdmcgLmNvbG9yLXN0ZXAtMDgge1xuICAgIGZpbGw6IHZhciggLS1zY3ctY29sb3ItMDgsIHZhciggLS1zY3ctY29sb3ItZ3JleS0wOCApICk7XG4gIH1cbiAgc3ZnIC5jb2xvci1zdGVwLTA5IHtcbiAgICBmaWxsOiB2YXIoIC0tc2N3LWNvbG9yLTA5LCB2YXIoIC0tc2N3LWNvbG9yLWdyZXktMDkgKSApO1xuICB9XG59XG5cbjpob3N0KFtjb2xvci1iYWNrZ3JvdW5kXSkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoIC0tc2N3LWNvbG9yLCB2YXIoIC0tc2N3LWNvbG9yLWdyZXktMDIgKSApO1xuICBzdmcsIHN2ZyAqIHtcbiAgICBmaWxsOiB2YXIoIC0tc2N3LWNvbG9yLWdyZXktMTAgKTtcbiAgfVxufVxuXG46aG9zdChbc2l6ZT0nMTAnXSkge1xuICB3aWR0aDogMTBweDsgaGVpZ2h0OiAxMHB4O1xufVxuOmhvc3QoW3NpemU9JzIwJ10pIHtcbiAgd2lkdGg6IDIwcHg7IGhlaWdodDogMjBweDtcbn1cbjpob3N0KFtzaXplPSczMCddKSB7XG4gIHdpZHRoOiAzMHB4OyBoZWlnaHQ6IDMwcHg7XG59XG46aG9zdChbc2l6ZT0nNDAnXSkge1xuICB3aWR0aDogNDBweDsgaGVpZ2h0OiA0MHB4O1xufVxuOmhvc3QoW3NpemU9JzUwJ10pIHtcbiAgd2lkdGg6IDUwcHg7IGhlaWdodDogNTBweDtcbn1cbjpob3N0KFtzaXplPSc2MCddKSB7XG4gIHdpZHRoOiA2MHB4OyBoZWlnaHQ6IDYwcHg7XG59XG46aG9zdChbc2l6ZT0nNzAnXSkge1xuICB3aWR0aDogNzBweDsgaGVpZ2h0OiA3MHB4O1xufVxuOmhvc3QoW3NpemU9JzgwJ10pIHtcbiAgd2lkdGg6IDgwcHg7IGhlaWdodDogODBweDtcbn1cbjpob3N0KFtzaXplPSc5MCddKSB7XG4gIHdpZHRoOiA5MHB4OyBoZWlnaHQ6IDkwcHg7XG59XG46aG9zdChbc2l6ZT0nMTAwJ10pIHtcbiAgd2lkdGg6IDEwMHB4OyBoZWlnaHQ6IDEwMHB4O1xufSJdfQ== */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\n// import styles from './scss/scw-icon.scss';\nimport getIconSvg from '../utils/getIconSvg';\nimport {\n  ScwIconSizes,\n} from './scw-icon-enums';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-icon.scss';\nimport ScwComponent from 'scw-component/ScwComponent';\nconst {validationWarnings} = require('../utils/validation/warnings.mjs');\n\n/**\n * ScwIcon\n * @class\n * @tag scw-icon\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n */\nexport default class ScwIcon extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwIcon ====================================================\n  /**\n   * (ScwIcon) Determines the icon to use with the text\n   * @param {string | undefined} icon\n   * */\n  @property({type: String, reflect: true})\n  set icon(icon: string | undefined) {\n    const oldValue = this._icon;\n    this._icon = icon;\n    this.requestUpdate('icon', oldValue);\n    // Don't load first time right away\n    // SSR gets confused by dynamic imports\n    if (oldValue !== undefined) {\n      this.refreshIcon();\n    }\n  }\n  /**\n   * icon getter\n   */\n  get icon() {\n    return this._icon;\n  }\n  private _icon: string | undefined;\n\n  /** (ScwIcon) Determines the square size of the icon */\n  @property({type: String, reflect: true})\n    size: ScwIconSizes = ScwIconSizes.size50;\n\n  /** (ScwIcon) Background color (w/ accompanying state colors) */\n  @property({type: Boolean, reflect: true, attribute: 'color-background'})\n    colorBackground = false;\n\n  @state() _svgInfo = '';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.icon;\n  }\n\n  /**\n   * connectedCallback()\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    // this.refreshIcon();\n  }\n\n  /**\n   * refreshIcon\n   */\n  refreshIcon() {\n    this.clearWarnings();\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(validationWarnings.noIconWarning);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      ${unsafeHTML(this._svgInfo)}\n    `;\n  }\n}\n"],
+  "mappings": "8QAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,IAEaA,EAFbC,EAAAC,EAAA,kBAEaF,EAAqB,CAChC,iBAAkB,uBAClB,cAAe,yBACjB,ICJA,IAAOG,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;y8GCUf,GAAM,CAAC,mBAAAC,CAAkB,EAAI,WAURC,EAArB,cAAqCC,CAAa,CA8ChD,aAAc,CACZ,MAAM,EAVN,eAIA,qBAAkB,GAEX,cAAW,GAKlB,KAAK,cACP,CA7CA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAQA,IAAI,KAAKC,EAA0B,CACjC,IAAMC,EAAW,KAAK,MACtB,KAAK,MAAQD,EACb,KAAK,cAAc,OAAQC,CAAQ,EAG/BA,IAAa,QACf,KAAK,YAAY,CAErB,CAIA,IAAI,MAAO,CACT,OAAO,KAAK,KACd,CAsBA,mBAAoB,CAClB,MAAM,kBAAkB,CAE1B,CAKA,aAAc,CACZ,KAAK,cAAc,EACnBC,EAAW,KAAK,KAAOC,GAA6B,CAC9CA,IAAY,GACd,KAAK,KAAKP,EAAmB,aAAa,EAE1C,KAAK,SAAWO,CAEpB,CAAC,CACH,CAMA,QAAiB,CACf,OAAOC;AAAA,QACHC,EAAW,KAAK,QAAQ;AAAA,KAE9B,CACF,EAjEMC,EAAA,CADHC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBV,EAiBf,oBAoBFS,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GApCpBV,EAqCjB,oBAIAS,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,kBAAkB,CAAC,GAxCpDV,EAyCjB,+BAEOS,EAAA,CAARE,EAAM,GA3CYX,EA2CV",
+  "names": ["warnings_exports", "__export", "validationWarnings", "init_warnings", "__esmMin", "scw_icon_default", "i", "validationWarnings", "ScwIcon", "ScwComponent", "scw_icon_default", "icon", "oldValue", "getIconSvg", "svgInfo", "x", "o", "__decorateClass", "e", "t"]
+}

package/dist/chunks/chunk.NVDBB756.js

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

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

@@ -0,0 +1,7 @@
+{
+  "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 = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,SAARA,EAA2BC,EAAY,IAAK,CACjD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
+  "names": ["getSuffix", "connector", "config"]
+}

package/dist/chunks/chunk.NZDW7WKW.js

@@ -0,0 +1,10 @@
+import{a as i,d as s}from"./chunk.PQ34W6XF.js";import{a as r}from"./chunk.DEJTQKIS.js";import{a as o}from"./chunk.GOLR2K45.js";import{g as e}from"./chunk.5YJY6NT6.js";var t=class extends s{constructor(){super();this.name="hi";this.element="test",this.setAttribute("role","button")}static get styles(){return r`
+      :host {
+        display: block;
+        border: 1px solid red;
+      }
+    `}connectedCallback(){super.connectedCallback(),this.element="test"}clickHandler(){this.name=`hi ${Math.random()}`}render(){return o`
+      <div @click=${this.clickHandler}>ima ${this.name}</div>
+      <slot></slot>
+    `}};e([i({type:String,reflect:!0})],t.prototype,"name",2);export{t as a};
+//# sourceMappingURL=chunk.NZDW7WKW.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-test/ScwTest.ts"],
+  "sourcesContent": ["import {\n  // LitElement,\n  html,\n  css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport ScwComponent from '../scw-component/ScwComponent';\n\n/**\n * ScwTest\n * @class\n * @tag scw-test\n */\nexport default class ScwTest extends ScwComponent { // LitElement {\n  /**\n   * styles\n   */\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n        border: 1px solid red;\n      }\n    `;\n  }\n\n  /**\n  * a test variable\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    name = 'hi';\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.element = Components.test;\n  }\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.test;\n    this.setAttribute('role', 'button' );\n  }\n\n  /**\n  * Handle click from right icon.\n  */\n  clickHandler() {\n    this.name = `hi ${Math.random()}`;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <div @click=${this.clickHandler}>ima ${this.name}</div>\n      <slot></slot>\n    `;\n  }\n}\n"],
+  "mappings": "uKAaA,IAAqBA,EAArB,cAAqCC,CAAa,CA2BhD,aAAc,CACZ,MAAM,EAVN,UAAO,KAWP,KAAK,eACL,KAAK,aAAa,OAAQ,QAAS,CACrC,CA3BA,WAAW,QAAS,CAClB,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA,KAMT,CAUA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,cACP,CAYA,cAAe,CACb,KAAK,KAAO,MAAM,KAAK,OAAO,GAChC,CAMA,QAAiB,CACf,OAAOC;AAAA,oBACS,KAAK,oBAAoB,KAAK;AAAA;AAAA,KAGhD,CACF,EAhCIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAjBpBL,EAkBjB",
+  "names": ["ScwTest", "ScwComponent", "i", "x", "__decorateClass", "e"]
+}

package/dist/chunks/chunk.OANBQIRS.js

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

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

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

package/dist/chunks/chunk.OE6Z2SVQ.js

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

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

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