scu-web-components 0.0.30 → 0.0.33

package/dist/chunks/chunk.TH7XY5AV.js

@@ -0,0 +1,247 @@
+import{a as c,b as o}from"./chunk.HONWLPRG.js";import{a as L}from"./chunk.SHURDDW4.js";import{a as s,d as l}from"./chunk.56YMDF4N.js";import{a,b as e,e as r}from"./chunk.2LAHOOSK.js";import{a as d}from"./chunk.KSN3XTKS.js";import{g as i}from"./chunk.5YJY6NT6.js";var p=a`
+: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: 38.8888888889%;
+    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: 161px;
+}
+: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-04, 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-04, 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-04, 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-04, 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-04, 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-04, 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: 345px;
+}
+: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: 32px;
+}
+
+: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWNhcmQvc2NzcyIsInNvdXJjZXMiOlsiLi4vLi4vc2N3LWNvbXBvbmVudC9zY3NzL3Njdy1jb21wb25lbnQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NvdXJjZS9jc3NBcGkuc2NzcyIsInNjdy1jYXJkLW1lZGl1bS5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19zaXplLW1lZGl1bS1pbWFnZS12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19zaXplLW1lZGl1bS1kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyIsInNjdy1jYXJkLXNtYWxsLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19zaXplLXNtYWxsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1zbWFsbC1pbWFnZS12YXJzLnNjc3MiLCJzY3ctY2FyZC1jb2xvcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLW1vcnRnYWdlLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1zYXZpbmdzLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1zdHVkZW50LXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1pbnZlc3RtZW50cy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3ItY2hlY2tpbmctc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLWNyZWRpdC1jYXJkcy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwic2N3LWNhcmQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LWltYWdlLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1pbWFnZS12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LWRlc2NyaXB0aW9uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1hY3Rpb24tbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUNrbnRCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEeG50QkY7RUFDRTs7O0FFQUY7RUFDRTtFQ0VFO0VBeUJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QUQxQkE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQU1FO0FBQUE7O0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQWFGO0FBQUE7QUFBQTtBQUFBOztBQ1FBO0VBQ007RUFDQTs7QURoQ047RUFDRSxRRUxLOztBRnNCUDtFR3pCQTtFQUNBO0VBSUU7RUFFRjs7O0FDUkY7RUFDRTtFQ0lFO0VBeUJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QUQzQkE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQU1FO0FBQUE7O0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTs7QUNzQkY7RUFDTTtFQUNBOztBRGxDTjtFQUNFLFFFSEs7O0FGcUJQO0VBQ0U7O0FBSUY7RUFDRTs7O0FHeEJGO0VDTkE7RUFDQTtFQUVFO0VBSUY7O0FER0E7RUVWQTtFQUNBO0VBRUU7RUFJRjs7QUZPQTtFR2RBO0VBQ0E7RUFFRTtFQUlGOztBSFdBO0VJbEJBO0VBQ0E7RUFFRTtFQUlGOztBSmVBO0VLdEJBO0VBQ0E7RUFFRTtFQUlGOztBTG1CQTtFTTFCQTtFQUNBO0VBRUU7RUFJRjs7O0FDRUY7RUFDRTtFQ1JFO0VBMkJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QURWRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FDV0Y7RUFDTTtFQUNBOztBRHZCTjtFRWRFO0VBSUY7RUFDQTtFQUNBO0VGYUU7RUFDQTtFQUNBLFFHcEJLOztBSGdDUDtFSS9CRTtFQUVGOztBSmlDQTtFS3ZDQTtFQUNBO0VBRUU7RUFJRjs7QUxvQ0E7RU0zQ0E7RUFDQTtFQUVFO0VBSUY7O0FOd0NBO0VPckNBO0VBQ0E7OztBUDBDRjtFQUNFOzs7QUFHRjtFQUNFOzs7QUFFRjtFQUNFOzs7QUFFRjtFQUNFO0VmbzBiQTtFZWwwYkEsZUFDRTs7O0FBTUo7RUFDRTs7QUFDQTtFQUNFIn0= */`;var t=class extends l{constructor(){super();this.preload=!1;this.size="large";this.action="none";this.element="card",this.clickHandler=this.clickHandler.bind(this);let n=L();this.headerNodeName=c(`scw-${"heading"}${n}`),this.imageNodeName=c(`scw-${"image"}${n}`),this.linkNodeName=c(`scw-${"link"}${n}`)}static get styles(){return[super.styles,p]}parseAndValidateLightDom(){d(this),super.parseAndValidateLightDom()}clickHandler(n){n.stopPropagation(),this.click()}warn(n){this.heading=`error: ${n}`,r.prototype.warn.call(this,n)}renderImage(){if((this.src||this.srcset)&&this.alt)return o`
+        <scw-image
+          class="image-box"
+          src="${s(this.src)}"
+          srcset="${s(this.srcset)}"
+          alt="${this.alt}"
+          preload="${s(this.preload?"true":void 0)}"
+          object-fit="cover">
+        </scw-image>
+      `}renderButton(){return this.action==="link"?o`
+        <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 o`
+       ${this.renderImage()}
+       ${this.superHeading?o`
+          <div class="super-heading">
+            ${this.superHeading}
+          </div>`:""}
+       <scw-heading
+          style="--scw-color-04: var( --scw-color-grey-02 );"
+          dynamic class="heading"
+          aria-label="${s(this.heading)}"
+          size="${this.getSizeStringForHeader()}">
+        </scw-heading>
+       ${this.description?o`
+          <div class="description">
+            ${this.description}
+          </div>`:""}`}render(){return this.action==="whole"?this.renderBody():o`
+        ${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.TH7XY5AV.js.map

package/dist/chunks/chunk.TH7XY5AV.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: 38.8888888889%;\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: 161px;\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-04, 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-04, 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-04, 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-04, 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-04, 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-04, 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: 345px;\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: 32px;\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWNhcmQvc2NzcyIsInNvdXJjZXMiOlsiLi4vLi4vc2N3LWNvbXBvbmVudC9zY3NzL3Njdy1jb21wb25lbnQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NvdXJjZS9jc3NBcGkuc2NzcyIsInNjdy1jYXJkLW1lZGl1bS5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19zaXplLW1lZGl1bS1pbWFnZS12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19zaXplLW1lZGl1bS1kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyIsInNjdy1jYXJkLXNtYWxsLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19zaXplLXNtYWxsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1zbWFsbC1pbWFnZS12YXJzLnNjc3MiLCJzY3ctY2FyZC1jb2xvcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLW1vcnRnYWdlLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1zYXZpbmdzLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1zdHVkZW50LXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1pbnZlc3RtZW50cy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3ItY2hlY2tpbmctc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLWNyZWRpdC1jYXJkcy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwic2N3LWNhcmQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LWltYWdlLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1pbWFnZS12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LWRlc2NyaXB0aW9uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1hY3Rpb24tbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUNrbnRCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEeG50QkY7RUFDRTs7O0FFQUY7RUFDRTtFQ0VFO0VBeUJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QUQxQkE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQU1FO0FBQUE7O0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQWFGO0FBQUE7QUFBQTtBQUFBOztBQ1FBO0VBQ007RUFDQTs7QURoQ047RUFDRSxRRUxLOztBRnNCUDtFR3pCQTtFQUNBO0VBSUU7RUFFRjs7O0FDUkY7RUFDRTtFQ0lFO0VBeUJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QUQzQkE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQU1FO0FBQUE7O0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTs7QUNzQkY7RUFDTTtFQUNBOztBRGxDTjtFQUNFLFFFSEs7O0FGcUJQO0VBQ0U7O0FBSUY7RUFDRTs7O0FHeEJGO0VDTkE7RUFDQTtFQUVFO0VBSUY7O0FER0E7RUVWQTtFQUNBO0VBRUU7RUFJRjs7QUZPQTtFR2RBO0VBQ0E7RUFFRTtFQUlGOztBSFdBO0VJbEJBO0VBQ0E7RUFFRTtFQUlGOztBSmVBO0VLdEJBO0VBQ0E7RUFFRTtFQUlGOztBTG1CQTtFTTFCQTtFQUNBO0VBRUU7RUFJRjs7O0FDRUY7RUFDRTtFQ1JFO0VBMkJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QURWRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FDV0Y7RUFDTTtFQUNBOztBRHZCTjtFRWRFO0VBSUY7RUFDQTtFQUNBO0VGYUU7RUFDQTtFQUNBLFFHcEJLOztBSGdDUDtFSS9CRTtFQUVGOztBSmlDQTtFS3ZDQTtFQUNBO0VBRUU7RUFJRjs7QUxvQ0E7RU0zQ0E7RUFDQTtFQUVFO0VBSUY7O0FOd0NBO0VPckNBO0VBQ0E7OztBUDBDRjtFQUNFOzs7QUFHRjtFQUNFOzs7QUFFRjtFQUNFOzs7QUFFRjtFQUNFO0VmbzBiQTtFZWwwYkEsZUFDRTs7O0FBTUo7RUFDRTs7QUFDQTtFQUNFIn0= */`;\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 parseLightDomCard from './scw-card-light-dom';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\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 *\n * @slot [default=\"<img src alt /><h1, h2, h3 /><sup /><p />\"]\n    The parts of scw-card are configured via nested html elements.\n    img defines the image, heading the main heading, sup the category heading,\n    and p the descriptive text. Only headings is required (with src, srcset,\n    and alt attributes).\n * @slot [default=\"<img src alt /><h1, h2, h3 /><sup /><p /><a />\"]\n    Adding an anchor will show a link.\n * @slot [default=\"<a><img src alt /><h1, h2, h3 /><sup /><p /></a>\"]\n    Wrapping the entire content in an anchor will make it interactive\n */\nexport default class ScwCard extends ScwLinkBase {\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: boolean = 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  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    parseLightDomCard(this);\n    super.parseAndValidateLightDom();\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    return html`\n       ${this.renderImage()}\n       ${this.superHeading ?\n          html`\n          <div class=\"super-heading\">\n            ${this.superHeading}\n          </div>` : ''\n        }\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  /**\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": "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",
+  "names": ["scw_card_default", "r", "ScwCard", "ScwLinkBase", "suffix", "getSuffix", "o", "scw_card_default", "parseLightDomCard", "evt", "message", "ScwComponent", "n", "l", "__decorateClass"]
+}

package/dist/chunks/chunk.TJ3FMUN6.js

@@ -0,0 +1,118 @@
+import{a as h}from"./chunk.TE6ZDRYB.js";import{a}from"./chunk.MQ57PGFU.js";import{b as U,c as n,d as l}from"./chunk.3L2ZC5SN.js";import{a as e,b as t,c as i}from"./chunk.YITG6YRY.js";import{a as c}from"./chunk.IHVBWZ57.js";import{f as g,g as s}from"./chunk.5YJY6NT6.js";var F=e`
+:host .scw-link-base {
+  outline: none;
+  user-select: none;
+  display: inline-flex;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+:host .scw-link-base svg {
+  box-sizing: border-box;
+  vertical-align: top;
+  width: 100%;
+  height: 100%;
+}
+
+:host {
+  width: 30px;
+  height: 30px;
+}
+:host a.scw-link-base:hover {
+  background-color: var(--scw-color-grey-092);
+}
+: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]) .scw-link-base {
+  background-color: var(--scw-color, var(--scw-color-grey-02));
+}
+:host([color-background]) a.scw-link-base:hover {
+  background-color: var(--scw-color-06, var(--scw-color-dark, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWljb24vc2NzcyIsInNvdXJjZXMiOlsic2N3LWljb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQWE7RUFDYjs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOzs7QUFJSjtFQUVFO0VBQWE7O0FBRWI7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7QUFBQTtFQUVFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7OztBQUtGO0VBQ0U7O0FBRUY7RUFFRSxrQkFDRTs7QUFJSjtFQUNFOzs7QUFJSjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWMifQ== */`;var{validationWarnings:p}=(n(),g(U)),o=class extends l{constructor(){super();this.size="50";this.colorBackground=!1;this._svgInfo="";this.element="icon"}static get styles(){return[super.styles,F]}parseAndValidateLightDom(){super.parseAndValidateLightDom(),a(this.icon,r=>{r===!1?this.warn(p.noIconWarning):this._svgInfo=r})}render(){return this.renderLink(c`
+        ${h(this._svgInfo)}
+      `)}};s([t({type:String,reflect:!0})],o.prototype,"icon",2),s([t({type:String,reflect:!0})],o.prototype,"size",2),s([t({type:Boolean,reflect:!0,attribute:"color-background"})],o.prototype,"colorBackground",2),s([i()],o.prototype,"_svgInfo",2);export{o as a};
+//# sourceMappingURL=chunk.TJ3FMUN6.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-icon/scss/scw-icon.scss", "../../src/scw-icon/ScwIcon.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host .scw-link-base {\n  outline: none;\n  user-select: none;\n  display: inline-flex;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n}\n:host .scw-link-base 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 a.scw-link-base:hover {\n  background-color: var(--scw-color-grey-092);\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]) .scw-link-base {\n  background-color: var(--scw-color, var(--scw-color-grey-02));\n}\n:host([color-background]) a.scw-link-base:hover {\n  background-color: var(--scw-color-06, var(--scw-color-dark, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWljb24vc2NzcyIsInNvdXJjZXMiOlsic2N3LWljb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQWE7RUFDYjs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOzs7QUFJSjtFQUVFO0VBQWE7O0FBRWI7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7QUFBQTtFQUVFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7OztBQUtGO0VBQ0U7O0FBRUY7RUFFRSxrQkFDRTs7QUFJSjtFQUNFOzs7QUFJSjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWMifQ== */`;\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 ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport styles from './scss/scw-icon.scss';\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 ScwLinkBase {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwIcon ====================================================\n  /** (ScwIcon) Determines the icon to use with the text */\n  @property({type: String, reflect: true}) 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: boolean = false;\n\n  @state() _svgInfo : string = '';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.icon;\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(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 this.renderLink(\n      html`\n        ${unsafeHTML(this._svgInfo)}\n      `,\n    );\n  }\n}\n"],
+  "mappings": "8QACA,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;62BCUf,GAAM,CAAC,mBAAAC,CAAkB,EAAI,WAURC,EAArB,cAAqCC,CAAY,CA0B/C,aAAc,CACZ,MAAM,EAVN,eAIA,qBAA2B,GAEpB,cAAoB,GAK3B,KAAK,cACP,CAzBC,WAAW,QAAS,CACnB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAuBA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/BC,EAAW,KAAK,KAAOC,GAA6B,CAC9CA,IAAY,GACd,KAAK,KAAKL,EAAmB,aAAa,EAE1C,KAAK,SAAWK,CAEpB,CAAC,CACH,CAMA,QAAiB,CACf,OAAO,KAAK,WACVC;AAAA,UACIC,EAAW,KAAK,QAAQ;AAAA,OAE9B,CACF,CACF,EAzC2CC,EAAA,CAAxCC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAbpBR,EAasB,oBAIvCO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBR,EAiBjB,oBAIAO,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,kBAAkB,CAAC,GApBpDR,EAqBjB,+BAEOO,EAAA,CAARE,EAAM,GAvBYT,EAuBV",
+  "names": ["scw_icon_default", "r", "validationWarnings", "ScwIcon", "ScwLinkBase", "scw_icon_default", "getIconSvg", "svgInfo", "$", "o", "__decorateClass", "e", "t"]
+}

package/dist/chunks/chunk.TKJXFV57.js

@@ -0,0 +1,59 @@
+import{a as p}from"./chunk.ZHMMWIFH.js";import{a as u}from"./chunk.A6Q2K43E.js";import{d as b}from"./chunk.3L2ZC5SN.js";import{a as d,b as e,c as n}from"./chunk.YITG6YRY.js";import{a as l}from"./chunk.33FSL7Y7.js";import{b as c}from"./chunk.KVCUHP7N.js";import{a as r}from"./chunk.IHVBWZ57.js";import{g as i}from"./chunk.5YJY6NT6.js";var m=d`
+: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 .scw-link-base {
+  display: block;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+:host .scw-link-base img {
+  display: block;
+  position: absolute;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWltYWdlL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctaW1hZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtBQ2tudEJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBOzs7QUR4bnRCRjtFQUNFOzs7QUVIQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBIn0= */`;var t=class extends b{constructor(){super();this.preload=!1;this.noLazyLoading=!1;this.resizeBreakpoints=`${"sm"}, ${"md"}, ${"lg"}`;this._isIntersecting=!1;this._hasIntersected=!1;this._resizeBreakpoints=[];this.element="image"}static get styles(){return[super.styles,m]}firstUpdated(s){super.firstUpdated(s),this._resizeHandler=this._resizeHandler.bind(this),this._intersectionHandler=this._intersectionHandler.bind(this),this.noLazyLoading?this._hasIntersected=!0:p.registerCallback(this,this._intersectionHandler),this.establishResizeBreakpoints()}parseAndValidateLightDom(){super.parseAndValidateLightDom(),u(this)}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect(),p.unregisterCallback(this,this._intersectionHandler),l.removeBreakpointListener(this._resizeBreakpoints,this._resizeHandler)}establishResizeBreakpoints(){if(this.srcset){let s=this.resizeBreakpoints.split(","),o=c();this._resizeBreakpoints=[],s.map(h=>{let a=o[h.trim()];a&&this._resizeBreakpoints.push(a)}),l.addBreakpointListener(this._resizeBreakpoints,this._resizeHandler),this._resizeHandler()}}_resizeHandler(){this._imageSize=this.clientWidth}_intersectionHandler(s){this._isIntersecting=s,this._hasIntersected=this._hasIntersected?!0:s}renderContainerCss(){if(this.aspectRatio){let s=this.aspectRatio.split(":"),o=parseFloat(s[0]);return`
+        display: block;
+        padding-bottom: ${parseFloat(s[1])/o*100}%;
+        height: 0;`}return""}renderImgCss(){return this.objectFit||this.objectPosition?`
+        position: absolute;
+        top: 0; left: 0;
+        width: 100%; height: 100%;
+        object-fit: ${this.objectFit?this.objectFit:"contain"};
+        object-position: ${this.objectPosition?this.objectPosition:"center"}`:""}renderPreload(){if(this.preload){if(this._imageSize&&this.srcset)return r`<link 
+        rel="preload"
+        as="image"
+        srcset="${this.srcset}"
+        sizes="${this._imageSize}px" />
+      `;if(this.src)return r`<link 
+          rel="preload"
+          as="image"
+          href="${this.src}" />
+        `}}renderContent(){return this._hasIntersected?this._imageSize&&this.srcset?r`
+          ${this.renderPreload()}
+          <img
+            style="${this.renderImgCss()}"
+            srcset="${this.srcset}"
+            sizes="${this._imageSize}px"
+            alt="${this.alt?this.alt:"NO ALT!"}" />`:r`
+          ${this.renderPreload()}
+          <img
+            style="${this.renderImgCss()}"
+            src="${this.src?this.src:!1}"
+            alt="${this.alt?this.alt:"NO ALT!"}" />`:r``}render(){return this.renderLink(this.renderContent(),this.renderContainerCss())}};i([e({type:String,attribute:"aspect-ratio"})],t.prototype,"aspectRatio",2),i([e({type:String,attribute:"object-fit"})],t.prototype,"objectFit",2),i([e({type:String,attribute:"object-position"})],t.prototype,"objectPosition",2),i([e({type:String})],t.prototype,"srcset",2),i([e({type:String})],t.prototype,"src",2),i([e({type:String})],t.prototype,"alt",2),i([e({type:Boolean})],t.prototype,"preload",2),i([e({type:Boolean,attribute:"no-lazy-loading"})],t.prototype,"noLazyLoading",2),i([e({type:String,attribute:"resize-breakpoints"})],t.prototype,"resizeBreakpoints",2),i([n()],t.prototype,"_imageSize",2),i([n()],t.prototype,"_isIntersecting",2),i([n()],t.prototype,"_hasIntersected",2);export{t as a};
+//# sourceMappingURL=chunk.TKJXFV57.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-image/scss/scw-image.scss", "../../src/scw-image/ScwImage.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 .scw-link-base {\n  display: block;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n:host .scw-link-base img {\n  display: block;\n  position: absolute;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWltYWdlL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctaW1hZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtBQ2tudEJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBOzs7QUR4bnRCRjtFQUNFOzs7QUVIQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBIn0= */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport styles from './scss/scw-image.scss';\nimport {Components} from '../utils/enums/Components';\nimport mediaQueryListSingleton\n  from '../utils/observers/mediaQueryListSingleton';\nimport intersectionObserverSingleton\n  from '../utils/observers/intersectionObserverSingleton';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport validate from './scw-image-validate';\nimport {BreakpointNames, Breakpoint} from '../utils/responsive/BreakpointTypes';\nimport {breakpointLookup} from '../utils/responsive/breakpoints';\n\n/**\n * ScwImage\n * @class\n * @tag scw-image\n *\n * @slot [default=\"<img src alt />\"]\n    Base image to display. This is generally a LQIP (Low Quality Image\n      Placeholder)\n * @slot [default=\"<a href target><source /><img src alt /></a>\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target in\n    addition to size and label.\n */\nexport default class ScwImage extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwImage =================================================\n  /** (ScwImage) Width:Height ratio */\n  @property({type: String, attribute: 'aspect-ratio'})\n    aspectRatio: string | undefined;// = '2:1';\n\n  /** (ScwImage) Object Fit CSS */\n  @property({type: String, attribute: 'object-fit'})\n    objectFit: string | undefined;// = 'contain';\n\n  /** (ScwImage) Object Position CSS */\n  @property({type: String, attribute: 'object-position'})\n    objectPosition: string | undefined;// = 'center';\n\n  /** (ScwImage) srcset of image */\n  @property({type: String})\n    srcset: string | undefined;\n\n  /** (ScwImage) src of image */\n  @property({type: String})\n    src: string | undefined;// NOTE: \"#\" don't work in chrome w/ inline imgs\n\n  /** (ScwImage) alt of image */\n  @property({type: String})\n    alt: string | undefined;\n\n  /** (ScwImage) whether to preload image or not */\n  @property({type: Boolean})\n    preload: boolean = false;\n\n  /** (ScwImage) turn off lazy loading */\n  @property({type: Boolean, attribute: 'no-lazy-loading'})\n    noLazyLoading: boolean = false;\n\n  /** (ScwImage) establishes when (via the name of the breakpoint)\n   * the image figures out it's sizing for srcset */\n  @property({type: String, attribute: 'resize-breakpoints'})\n    resizeBreakpoints: string = `${\n      BreakpointNames.breakpointSM}, ${\n      BreakpointNames.breakpointMD}, ${\n      BreakpointNames.breakpointLG}`;\n\n  // ====== STATES =============================================================\n  /** (ScwImage) the image size derived from resize observer */\n  @state()\n  _imageSize : number | undefined;\n\n  /** (ScwImage) determines whether element is intersecting */\n  @state()\n  _isIntersecting : boolean = false;\n\n  /** (ScwImage) determines whether element has intersected once */\n  @state()\n  _hasIntersected : boolean = false;\n\n  _resizeBreakpoints: Breakpoint[] = [];\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.image;\n  }\n\n  /**\n   * first updated\n   * @param {Map<string | number | symbol, unknown>} changedProps\n   */\n  firstUpdated(changedProps: Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    this._resizeHandler = this._resizeHandler.bind(this);\n    this._intersectionHandler = this._intersectionHandler.bind(this);\n    if (!this.noLazyLoading) {\n      intersectionObserverSingleton.registerCallback(\n        this, this._intersectionHandler,\n      );\n    } else {\n      // resizeSingleton.registerCallback(this, this._resizeHandler);\n      this._hasIntersected = true;\n    }\n\n    this.establishResizeBreakpoints();\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    validate( this );\n  }\n\n  /**\n  * disconnect from dom\n  */\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n    intersectionObserverSingleton.unregisterCallback(\n      this, this._intersectionHandler,\n    );\n    mediaQueryListSingleton.removeBreakpointListener(\n      this._resizeBreakpoints,\n      this._resizeHandler,\n    );\n  }\n\n  /**\n   * Establish Resize Breakpoints\n   */\n  establishResizeBreakpoints() {\n    if (this.srcset) {\n      const resizeBreakpointsArr = this.resizeBreakpoints.split(',');\n      const bpLookup = breakpointLookup();\n      this._resizeBreakpoints = [];\n      resizeBreakpointsArr.map((bp) => {\n        const bpObj = bpLookup[bp.trim()];\n        if (bpObj) {\n          this._resizeBreakpoints.push(bpObj);\n        }\n      });\n      mediaQueryListSingleton.addBreakpointListener(\n        this._resizeBreakpoints,\n        this._resizeHandler,\n      );\n      this._resizeHandler();// need a first _imageSize\n    }\n  }\n\n  /**\n  * handle resize events\n  */\n  _resizeHandler() {\n    this._imageSize = this.clientWidth;\n  }\n\n  /**\n  * handle resize events\n  * @param {boolean} intersecting\n  * @param {number} ratio\n  */\n  _intersectionHandler(intersecting: boolean) {// }, ratio: number) {\n    this._isIntersecting = intersecting;\n    // images only render once...\n    this._hasIntersected = this._hasIntersected ? true : intersecting;\n  }\n\n  /**\n  * Translate aspect ration string to a number (percent)\n  * @return {string}\n  */\n  renderContainerCss() {\n    if ( this.aspectRatio) {\n      const aspectRatioArr = this.aspectRatio.split(':');\n      const w = parseFloat(aspectRatioArr[0]);\n      const h = parseFloat(aspectRatioArr[1]);\n      const percent = (h / w) * 100;\n      return `\n        display: block;\n        padding-bottom: ${percent}%;\n        height: 0;`;\n    }\n    return ``;\n  }\n\n  /**\n  * Css for image\n  * @return {string}\n  */\n  renderImgCss() : string {\n    if ( this.objectFit || this.objectPosition ) { // this.aspectRatio ) {\n      return `\n        position: absolute;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        object-fit: ${this.objectFit ? this.objectFit : 'contain'};\n        object-position: ${this.objectPosition ?\n          this.objectPosition : 'center'}`;\n    } else {\n      return ``;\n    }\n  }\n\n  /**\n  * render preload link\n  * @return {object} component DOM\n  */\n  renderPreload() : object | undefined {\n    if (this.preload) {\n      if (this._imageSize && this.srcset) {\n        return html`<link \n        rel=\"preload\"\n        as=\"image\"\n        srcset=\"${this.srcset}\"\n        sizes=\"${this._imageSize}px\" />\n      `;\n      } else if (this.src) {\n        return html`<link \n          rel=\"preload\"\n          as=\"image\"\n          href=\"${this.src}\" />\n        `;\n      }\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    if (this._hasIntersected) {\n      if (this._imageSize && this.srcset) {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            srcset=\"${this.srcset}\"\n            sizes=\"${this._imageSize}px\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      } else {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            src=\"${this.src ? this.src : false}\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      }\n    } else {\n      return html``;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n      this.renderContent(),\n      this.renderContainerCss(),\n    );\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["scw_image_default", "r", "ScwImage", "ScwLinkBase", "scw_image_default", "changedProps", "intersectionObserverSingleton_default", "validate", "mediaQueryListSingleton_default", "resizeBreakpointsArr", "bpLookup", "breakpointLookup", "bp", "bpObj", "intersecting", "aspectRatioArr", "w", "$", "__decorateClass", "t"]
+}

package/dist/chunks/chunk.TMV6S6CA.js

@@ -0,0 +1,59 @@
+import{a as i}from"./chunk.OOCO42E3.js";import{d as s}from"./chunk.57QEWB3Y.js";import{a as e,b as o}from"./chunk.YITG6YRY.js";import{a}from"./chunk.IHVBWZ57.js";import{g as t}from"./chunk.5YJY6NT6.js";var c=e`
+a.scw-link-base h1:hover, a.scw-link-base h2:hover, a.scw-link-base h3:hover, a.scw-link-base h4:hover, a.scw-link-base h5:hover {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+a.scw-link-base[aria-disabled=true] h1, a.scw-link-base[aria-disabled=true] h2, a.scw-link-base[aria-disabled=true] h3, a.scw-link-base[aria-disabled=true] h4, a.scw-link-base[aria-disabled=true] h5,
+:host([anchor][aria-disabled=true]) h1,
+:host([anchor][aria-disabled=true]) h2,
+:host([anchor][aria-disabled=true]) h3,
+:host([anchor][aria-disabled=true]) h4,
+:host([anchor][aria-disabled=true]) h5 {
+  color: var(--scw-color-primary-08);
+}
+a.scw-link-base[aria-disabled=true] h1:hover, a.scw-link-base[aria-disabled=true] h2:hover, a.scw-link-base[aria-disabled=true] h3:hover, a.scw-link-base[aria-disabled=true] h4:hover, a.scw-link-base[aria-disabled=true] h5:hover,
+:host([anchor][aria-disabled=true]) h1:hover,
+:host([anchor][aria-disabled=true]) h2:hover,
+:host([anchor][aria-disabled=true]) h3:hover,
+:host([anchor][aria-disabled=true]) h4:hover,
+:host([anchor][aria-disabled=true]) h5:hover {
+  cursor: auto;
+  text-decoration: initial;
+}
+
+:host a {
+  text-decoration: none;
+}
+:host h1 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-10-font);
+  color: var(--scw-color-04, var(--scw-color-primary-04));
+}
+:host h2 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-09-font);
+  color: var(--scw-color-04, var(--scw-color-primary-04));
+}
+:host h3 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-08-font);
+  color: var(--scw-color-04, var(--scw-color-primary-04));
+}
+:host h4 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-07-font);
+  color: var(--scw-color-04, var(--scw-color-primary-04));
+}
+:host h5 {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-06-font);
+  color: var(--scw-color-04, var(--scw-color-primary-04));
+}
+:host h1, :host h2, :host h3, :host h4, :host h5 {
+  margin: 0;
+  padding: 0;
+  color: var(--scw-color-04, var(--scw-color-grey-02));
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWhlYWRpbmcvc2NzcyIsInNvdXJjZXMiOlsic2N3LWhlYWRpbmcuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWhlYWRpbmcvX3N0YXRlLWRpc2FibGVkLWxhYmVsLXZhcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWhlYWRpbmcvX2RlZmF1bHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19zaXplLWgyLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaGVhZGluZy9fc2l6ZS1oMy1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWhlYWRpbmcvX3NpemUtaDQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19zaXplLWg1LWxhYmVsLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCRTtFQUNFO0VBQ0E7OztBQVFGO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtFQUNFLE9DcEJJOztBRHNCTjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7RUFDRTtFQUNBOzs7QUFPRjtFQUNFOztBQUdGO0VFcENBO0VBQ0E7RUFFRTs7QUZvQ0Y7RUd2Q0E7RUFDQTtFQUVFOztBSHVDRjtFSTFDQTtFQUNBO0VBRUU7O0FKMENGO0VLN0NBO0VBQ0E7RUFFRTs7QUw2Q0Y7RU1oREE7RUFDQTtFQUVFOztBTmlERjtFQUNFO0VBQVc7RUFDWCJ9 */`;var r=class extends s{constructor(){super();this.size="H1";this.element="heading"}static get styles(){return[super.styles,c]}parseAndValidateLightDom(){super.parseAndValidateLightDom(),i(this)}renderHeading(){switch(this.size.toUpperCase()){case"H5":return a`<h5>${this.ariaLabel}</h5>`;case"H4":return a`<h4>${this.ariaLabel}</h4>`;case"H3":return a`<h3>${this.ariaLabel}</h3>`;case"H2":return a`<h2>${this.ariaLabel}</h2>`;case"H1":default:return a`<h1>${this.ariaLabel}</h1>`}}render(){return this.renderLink(this.renderHeading())}};t([o({type:String,reflect:!0})],r.prototype,"size",2);export{r as a};
+//# sourceMappingURL=chunk.TMV6S6CA.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-heading/scss/scw-heading.scss", "../../src/scw-heading/ScwHeading.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\na.scw-link-base h1:hover, a.scw-link-base h2:hover, a.scw-link-base h3:hover, a.scw-link-base h4:hover, a.scw-link-base h5:hover {\n  cursor: pointer;\n  text-decoration: underline;\n}\n\na.scw-link-base[aria-disabled=true] h1, a.scw-link-base[aria-disabled=true] h2, a.scw-link-base[aria-disabled=true] h3, a.scw-link-base[aria-disabled=true] h4, a.scw-link-base[aria-disabled=true] h5,\n:host([anchor][aria-disabled=true]) h1,\n:host([anchor][aria-disabled=true]) h2,\n:host([anchor][aria-disabled=true]) h3,\n:host([anchor][aria-disabled=true]) h4,\n:host([anchor][aria-disabled=true]) h5 {\n  color: var(--scw-color-primary-08);\n}\na.scw-link-base[aria-disabled=true] h1:hover, a.scw-link-base[aria-disabled=true] h2:hover, a.scw-link-base[aria-disabled=true] h3:hover, a.scw-link-base[aria-disabled=true] h4:hover, a.scw-link-base[aria-disabled=true] h5:hover,\n:host([anchor][aria-disabled=true]) h1:hover,\n:host([anchor][aria-disabled=true]) h2:hover,\n:host([anchor][aria-disabled=true]) h3:hover,\n:host([anchor][aria-disabled=true]) h4:hover,\n:host([anchor][aria-disabled=true]) h5:hover {\n  cursor: auto;\n  text-decoration: initial;\n}\n\n:host a {\n  text-decoration: none;\n}\n:host h1 {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-10-font);\n  color: var(--scw-color-04, var(--scw-color-primary-04));\n}\n:host h2 {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-09-font);\n  color: var(--scw-color-04, var(--scw-color-primary-04));\n}\n:host h3 {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-08-font);\n  color: var(--scw-color-04, var(--scw-color-primary-04));\n}\n:host h4 {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-04, var(--scw-color-primary-04));\n}\n:host h5 {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-06-font);\n  color: var(--scw-color-04, var(--scw-color-primary-04));\n}\n:host h1, :host h2, :host h3, :host h4, :host h5 {\n  margin: 0;\n  padding: 0;\n  color: var(--scw-color-04, var(--scw-color-grey-02));\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWhlYWRpbmcvc2NzcyIsInNvdXJjZXMiOlsic2N3LWhlYWRpbmcuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWhlYWRpbmcvX3N0YXRlLWRpc2FibGVkLWxhYmVsLXZhcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWhlYWRpbmcvX2RlZmF1bHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19zaXplLWgyLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaGVhZGluZy9fc2l6ZS1oMy1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWhlYWRpbmcvX3NpemUtaDQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19zaXplLWg1LWxhYmVsLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCRTtFQUNFO0VBQ0E7OztBQVFGO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtFQUNFLE9DcEJJOztBRHNCTjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7RUFDRTtFQUNBOzs7QUFPRjtFQUNFOztBQUdGO0VFcENBO0VBQ0E7RUFFRTs7QUZvQ0Y7RUd2Q0E7RUFDQTtFQUVFOztBSHVDRjtFSTFDQTtFQUNBO0VBRUU7O0FKMENGO0VLN0NBO0VBQ0E7RUFFRTs7QUw2Q0Y7RU1oREE7RUFDQTtFQUVFOztBTmlERjtFQUNFO0VBQVc7RUFDWCJ9 */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport styles from './scss/scw-heading.scss';\nimport {ScwHeadingSizes} from './scw-heading-enums';\nimport {Components} from '../utils/enums/Components';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport parseLightDomHeading from './parseLightDomHeading';\n\n/**\n * ScwHeading\n * @class\n * @tag scw-heading\n *\n * @slot [default=\"<h1, h2, h3, h4, h5 />\"]\n    heading html (for SEO) will determine the size and label.\n * @slot [default=\"<a href target><h1, h2, h3, h4, h5 /></a>\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target in\n    addition to size and label.\n */\nexport default class ScwHeading extends ScwLinkBase {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwHeading =================================================\n  /**\n  * (ScwHeader) Size of heading (h1, h2, h3, h4, h5)\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    size: ScwHeadingSizes = ScwHeadingSizes.H1;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.heading;\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    parseLightDomHeading(this);\n  }\n\n  /**\n  * renderHeading\n  * @return {object} component DOM\n  */\n  renderHeading(): object {\n    switch ( this.size.toUpperCase() ) {\n      case ScwHeadingSizes.H5:\n        return html`<h5>${this.ariaLabel}</h5>`;\n      case ScwHeadingSizes.H4:\n        return html`<h4>${this.ariaLabel}</h4>`;\n      case ScwHeadingSizes.H3:\n        return html`<h3>${this.ariaLabel}</h3>`;\n      case ScwHeadingSizes.H2:\n        return html`<h2>${this.ariaLabel}</h2>`;\n      case ScwHeadingSizes.H1:\n      default:\n        return html`<h1>${this.ariaLabel}</h1>`;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n      this.renderHeading(),\n    );\n  }\n}\n"],
+  "mappings": "0MACA,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;6vCCkBf,IAAqBC,EAArB,cAAwCC,CAAY,CAsBlD,aAAc,CACZ,MAAM,EANN,eAOA,KAAK,iBACP,CArBC,WAAW,QAAS,CACnB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAmBA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/BC,EAAqB,IAAI,CAC3B,CAMA,eAAwB,CACtB,OAAS,KAAK,KAAK,YAAY,YAE3B,OAAOC,QAAW,KAAK,0BAEvB,OAAOA,QAAW,KAAK,0BAEvB,OAAOA,QAAW,KAAK,0BAEvB,OAAOA,QAAW,KAAK,kCAGvB,OAAOA,QAAW,KAAK,iBAE7B,CAMA,QAAiB,CACf,OAAO,KAAK,WACV,KAAK,cAAc,CACrB,CACF,CACF,EA7CIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBN,EAiBjB",
+  "names": ["scw_heading_default", "r", "ScwHeading", "ScwLinkBase", "scw_heading_default", "parseLightDomHeading", "$", "__decorateClass", "e"]
+}

package/dist/chunks/chunk.TP4FI3FP.js

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

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

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

package/dist/chunks/chunk.U4SK37KR.js

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