scu-web-components 0.0.49 → 0.0.51

package/dist/chunks/chunk.4SHGXHPZ.js

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

package/dist/chunks/chunk.4UA4KIOB.js

@@ -0,0 +1,4 @@
+import{d as e}from"./chunk.KMM6APSP.js";import{a as o}from"./chunk.GOLR2K45.js";var t=class extends e{constructor(){super(),this.element="layout-component",this.setAttribute("scw-layout-initial","")}render(){return o`
+      <slot></slot>
+    `}};export{t as a};
+//# sourceMappingURL=chunk.4UA4KIOB.js.map

package/dist/chunks/chunk.4UA4KIOB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-layout-component/scw-layout-component.ts"],
+  "sourcesContent": ["import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwLayoutComponent\n * @class\n * @tag scw-layout-component\n */\nexport default class ScwLayoutComponent extends ScwComponent {\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.layoutComponent;\n    this.setAttribute('scw-layout-initial', '');\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n"],
+  "mappings": "gFASA,IAAqBA,EAArB,cAAgDC,CAAa,CAE3D,aAAc,CACZ,MAAM,EACN,KAAK,2BACL,KAAK,aAAa,qBAAsB,EAAE,CAC5C,CAMA,QAAiB,CACf,OAAOC;AAAA;AAAA,KAGT,CACF",
+  "names": ["ScwLayoutComponent", "ScwComponent", "x"]
+}

package/dist/chunks/{chunk.3CYTTNE6.js → chunk.5FLYXEAZ.js}

@@ -1,4 +1,4 @@
-import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";import{a as d}from"./chunk.BEXEKNQU.js";import{a as l}from"./chunk.LXVTLQA3.js";import{a as e,b as o}from"./chunk.XWFI56OY.js";import{a as i}from"./chunk.3IG37SCP.js";import{a}from"./chunk.PKA6D7UK.js";import{g as c}from"./chunk.5YJY6NT6.js";var p=i`
+import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.4EAXMMQK.js";import{a as d}from"./chunk.BEXEKNQU.js";import{a}from"./chunk.V63GL6WR.js";import{a as l,b as o}from"./chunk.PQ34W6XF.js";import{a as i}from"./chunk.DEJTQKIS.js";import{a as e}from"./chunk.GOLR2K45.js";import{g as c}from"./chunk.5YJY6NT6.js";var p=i`
 :host .label {
   display: inline-flex;
   justify-content: center;
@@ -12,7 +12,7 @@ import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";
 :host([design=text]) .scw-link-base .label {
   text-align: LEFT;
   font: var(--scw-type-text-font);
-  color: var(--scw-color-04, var(--scw-color-primary-04));
+  color: var(--scw-color-primary-04);
   text-decoration: underline;
 }
 
@@ -20,7 +20,7 @@ import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";
 :host([design=text][hover]) a.scw-link-base .label {
   text-align: LEFT;
   font: var(--scw-type-text-font);
-  color: var(--scw-color-01, var(--scw-color-primary-01));
+  color: var(--scw-color-primary-01);
 }
 
 :host([design=text][aria-disabled=true]) .scw-link-base .label {
@@ -28,12 +28,10 @@ import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";
   font: var(--scw-type-text-font);
   color: var(--scw-color-grey-07);
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXRleHQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2Rlc2lnbi10ZXh0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtaG92ZXItZGVzaWduLXRleHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1kaXNhYmxlZC1kZXNpZ24tdGV4dC1sYWJlbC1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRQTtFQUNFO0VBQ0E7O0FBQ0E7RUNMQTtFQUNBO0VBRUU7RURJQTs7O0FBT0Y7QUFBQTtFRWRBO0VBQ0E7RUFFRTs7O0FGa0JGO0VHckJBO0VBQ0E7RUFJRSJ9 */`;var g=i`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXRleHQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2Rlc2lnbi10ZXh0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtaG92ZXItZGVzaWduLXRleHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1kaXNhYmxlZC1kZXNpZ24tdGV4dC1sYWJlbC1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRQTtFQUNFO0VBQ0E7O0FBQ0E7RUNMQTtFQUNBO0VBSUU7RURFQTs7O0FBT0Y7QUFBQTtFRWRBO0VBQ0E7RUFJRTs7O0FGZ0JGO0VHckJBO0VBQ0E7RUFJRSJ9 */`;var g=i`
 :host([design=solid]) .scw-link-base {
   outline: none;
   user-select: none;
-  background-color: var(--scw-color-04, var(--scw-color-primary-04));
-  border-radius: 6px 6px 6px 6px;
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
@@ -42,6 +40,8 @@ import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";
   padding-right: calc(var(--scw-spacing-1) * 1.6);
   padding-top: calc(var(--scw-spacing-1) * 0.6);
   padding-bottom: calc(var(--scw-spacing-1) * 0.6);
+  background-color: var(--scw-theme-color, var(--scw-color-primary-04));
+  border-radius: 6px 6px 6px 6px;
   display: inline-flex;
 }
 :host([design=solid]) .scw-link-base > *:not(:last-child) {
@@ -49,9 +49,8 @@ import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";
   --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
 }
 :host([design=solid]) .scw-link-base .label {
-  text-align: LEFT;
   font: var(--scw-type-text-bold-condensed-06-font);
-  color: var(--scw-color-grey-10);
+  color: var(--scw-theme-color-inv, var(--scw-color-grey-10));
   min-height: 27px;
 }
 :host([design=solid]) .scw-link-base .icon {
@@ -63,10 +62,10 @@ import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";
   vertical-align: top;
   width: 100%;
   height: 100%;
-  fill: var(--scw-color-grey-10);
+  fill: var(--scw-theme-color-inv, var(--scw-color-grey-10));
 }
 :host([design=solid]) .scw-link-base .icon svg * {
-  fill: var(--scw-color-grey-10);
+  fill: var(--scw-theme-color-inv, var(--scw-color-grey-10));
 }
 
 :host([design=solid][icon][icon-side=left]) .scw-link-base {
@@ -103,14 +102,12 @@ import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";
 
 :host([design=solid]:hover) a.scw-link-base,
 :host([design=solid][hover]) a.scw-link-base {
-  background-color: var(--scw-color-01, var(--scw-color-primary-01));
-  border-radius: 6px 6px 6px 6px;
+  background-color: var(--scw-theme-color-hover, var(--scw-color-primary-01));
 }
 :host([design=solid]:hover) a.scw-link-base .label,
 :host([design=solid][hover]) a.scw-link-base .label {
-  text-align: LEFT;
   font: var(--scw-type-text-bold-condensed-06-font);
-  color: var(--scw-color-grey-10);
+  color: var(--scw-theme-color-hover-inv, var(--scw-color-grey-10));
 }
 
 :host([design=solid][aria-disabled=true]) .scw-link-base {
@@ -128,7 +125,7 @@ import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";
 :host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {
   fill: var(--scw-color-grey-07);
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXNvbGlkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVmYXVsdC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2RlZmF1bHQtbGFiZWwtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVmYXVsdC1sZWZ0LWljb24tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19pY29uLWxlZnQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19pY29uLXJpZ2h0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtaG92ZXItbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1ob3Zlci1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC12YXJzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JBO0VBQ0U7RUFDQTtFQ1pFO0VBSUY7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRG5CQTs7QUNvQkE7RUFDTTtFQUNBOztBRHBCTjtFRXBCQTtFQUNBO0VBSUU7RUZpQkEsWUdkSzs7QUhpQlA7RUlmQTtFQUNBOztBSmlCRTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsTUdoQ0U7O0FIaUNGO0VBQ0UsTUdsQ0E7OztBSHdDUjtFS1hFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUxNQTs7QUtMQTtFQUNNO0VBQ0E7OztBTEtSO0VNZkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTlVBOztBTVRBO0VBQ007RUFDQTs7O0FOV1I7QUFBQTtFT2pESTtFQUlGOztBUGdEQTtBQUFBO0VRdERBO0VBQ0E7RUFJRTs7O0FSdURKO0VTeERJO0VBRUY7O0FUd0RBO0VVOURBO0VBQ0E7RUFJRTs7QVY2REE7RUFDRSxNV2xFRTs7QVhtRUY7RUFDRSxNV3BFQSJ9 */`;var u=i`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXNvbGlkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVmYXVsdC1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZWZhdWx0LWxlZnQtaWNvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tbGVmdC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tcmlnaHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1kaXNhYmxlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtbGFiZWwtdmFycy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCQTtFQUNFO0VBQ0E7RUNZQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VEZkE7RUFDQSxlQUNFO0VBS0Y7O0FDU0E7RUFDTTtFQUNBOztBRFROO0VBRUUsTUUzQkc7RUY0Qkg7RUFDQSxZRTNCSzs7QUY4QlA7RUc1QkE7RUFDQTs7QUg4QkU7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7OztBQU1SO0VJeEJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUptQkE7O0FJbEJBO0VBQ007RUFDQTs7O0FKa0JSO0VLNUJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUx1QkE7O0FLdEJBO0VBQ007RUFDQTs7O0FMd0JSO0FBQUE7RUFHRTs7QUFDQTtBQUFBO0VBRUUsTUVoRUc7RUZpRUg7OztBQUtKO0VNeEVJO0VBRUY7O0FOd0VBO0VPOUVBO0VBQ0E7RUFJRTs7QVA2RUE7RUFDRSxNUWxGRTs7QVJtRkY7RUFDRSxNUXBGQSJ9 */`;var u=i`
 :host([design=outlined]) .scw-link-base {
   outline: none;
   user-select: none;
@@ -136,7 +133,7 @@ import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";
   border-radius: 6px 6px 6px 6px;
   border-width: 2px;
   border-style: solid;
-  border-color: var(--scw-color-04, var(--scw-color-primary-04));
+  border-color: var(--scw-color-primary-04);
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
@@ -154,7 +151,7 @@ import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";
 :host([design=outlined]) .scw-link-base .label {
   text-align: LEFT;
   font: var(--scw-type-text-bold-condensed-06-font);
-  color: var(--scw-color-04, var(--scw-color-primary-04));
+  color: var(--scw-color-primary-04);
   min-height: 27px;
 }
 :host([design=outlined]) .scw-link-base .icon {
@@ -210,13 +207,13 @@ import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";
   border-radius: 6px 6px 6px 6px;
   border-width: 2px;
   border-style: solid;
-  border-color: var(--scw-color-01, var(--scw-color-primary-01));
+  border-color: var(--scw-color-primary-01);
 }
 :host([design=outlined]:hover) a.scw-link-base .label,
 :host([design=outlined][hover]) a.scw-link-base .label {
   text-align: LEFT;
   font: var(--scw-type-text-bold-condensed-06-font);
-  color: var(--scw-color-01, var(--scw-color-primary-01));
+  color: var(--scw-color-primary-01);
 }
 
 :host([design=outlined][aria-disabled=true]) .scw-link-base {
@@ -237,25 +234,25 @@ import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";
 :host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {
   fill: var(--scw-color-grey-07);
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLW91dGxpbmVkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbGFiZWwtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVzaWduLW91dGxpbmVkLWxlZnQtaWNvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tbGVmdC1kZXNpZ24tb3V0bGluZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19pY29uLXJpZ2h0LWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWhvdmVyLWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWhvdmVyLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC12YXJzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJBO0VBQ0U7RUFDQTtFQ1hFO0VBRUY7RUFDQTtFQUNBO0VBRUU7RUEyQkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRDFCQTs7QUMyQkE7RUFDTTtFQUNBOztBRDNCTjtFRXBCQTtFQUNBO0VBRUU7RUZtQkEsWUdkSzs7QUhpQlA7RUlmQTtFQUNBOztBSmlCRTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsTUdoQ0U7O0FIaUNGO0VBQ0UsTUdsQ0E7OztBSHdDUjtFS0pFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUxEQTs7QUtFQTtFQUNNO0VBQ0E7OztBTERSO0VNVEU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTklBOztBTUhBO0VBQ007RUFDQTs7O0FOS1I7QUFBQTtFT2hESTtFQUVGO0VBQ0E7RUFDQTtFQUVFOztBUDZDRjtBQUFBO0VRdkRBO0VBQ0E7RUFFRTs7O0FSMERKO0VTekRJO0VBRUY7RUFDQTtFQUNBO0VBSUU7O0FUbURGO0VVL0RBO0VBQ0E7RUFJRTs7QVY4REE7RUFDRSxNV25FRTs7QVhvRUY7RUFDRSxNV3JFQSJ9 */`;var v=i`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLW91dGxpbmVkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbGFiZWwtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVzaWduLW91dGxpbmVkLWxlZnQtaWNvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tbGVmdC1kZXNpZ24tb3V0bGluZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19pY29uLXJpZ2h0LWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWhvdmVyLWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWhvdmVyLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC12YXJzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJBO0VBQ0U7RUFDQTtFQ1hFO0VBRUY7RUFDQTtFQUNBO0VBSUU7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRDFCQTs7QUMyQkE7RUFDTTtFQUNBOztBRDNCTjtFRXBCQTtFQUNBO0VBSUU7RUZpQkEsWUdkSzs7QUhpQlA7RUlmQTtFQUNBOztBSmlCRTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsTUdoQ0U7O0FIaUNGO0VBQ0UsTUdsQ0E7OztBSHdDUjtFS0pFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUxEQTs7QUtFQTtFQUNNO0VBQ0E7OztBTERSO0VNVEU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTklBOztBTUhBO0VBQ007RUFDQTs7O0FOS1I7QUFBQTtFT2hESTtFQUVGO0VBQ0E7RUFDQTtFQUlFOztBUDJDRjtBQUFBO0VRdkRBO0VBQ0E7RUFJRTs7O0FSd0RKO0VTekRJO0VBRUY7RUFDQTtFQUNBO0VBSUU7O0FUbURGO0VVL0RBO0VBQ0E7RUFJRTs7QVY4REE7RUFDRSxNV25FRTs7QVhvRUY7RUFDRSxNV3JFQSJ9 */`;var v=i`
 :host([design=plain]) .scw-link-base {
   outline: none;
   display: inline-block;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXBsYWluLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDRTtFQUNBIn0= */`;var s=class extends b{constructor(){super();this.iconSide="left";this.design="solid";this._svgInfo="";this.element="link"}static get styles(){return[super.styles,p]}set icon(t){let n=this._icon;this._icon=t,this.requestUpdate("icon",n),this.refreshIcon()}get icon(){return this._icon}refreshIcon(){this.clearWarnings(),d(this.icon,t=>{t===!1?this.warn(`scw-icon could not find ${this.icon}`):this._svgInfo=t})}validDesigns(){return r}doShowIcon(){return!!(this.icon&&this.design!=="plain"&&this.design!=="text")}renderContent(){let t=this.doShowIcon(),n=`<style>${this.findStyle().cssText}</style>`;return this.design==="plain"?a`
-        ${l(n)}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXBsYWluLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDRTtFQUNBIn0= */`;var t=class extends b{constructor(){super();this.iconSide="left";this.design="solid";this._svgInfo="";this.element="link"}static get styles(){return[super.styles,p]}set icon(s){let n=this._icon;this._icon=s,this.requestUpdate("icon",n),this.refreshIcon()}get icon(){return this._icon}refreshIcon(){this.clearWarnings(),d(this.icon,s=>{s===!1?this.warn(`scw-icon could not find ${this.icon}`):this._svgInfo=s})}validDesigns(){return r}doShowIcon(){return!!(this.icon&&this.design!=="plain"&&this.design!=="text")}renderContent(){let s=this.doShowIcon(),n=`<style>${this.findStyle().cssText}</style>`;return this.design==="plain"?e`
+        ${a(n)}
         <slot></slot>
-      `:a`
-      ${t&&this.iconSide==="left"?a`
+      `:e`
+      ${s&&this.iconSide==="left"?e`
         <div class="icon">
-          ${l(this._svgInfo)}
+          ${a(this._svgInfo)}
         </div>`:""}
-        ${l(n)}
+        ${a(n)}
         <div class="label">
           ${this.ariaLabel}
         </div>
-      ${t&&this.iconSide==="right"?a`
+      ${s&&this.iconSide==="right"?e`
         <div class="icon">
-          ${l(this._svgInfo)}
-        </div>`:""}`}findStyle(){switch(this.design){case"solid":return g;case"outlined":return u;case"text":return L;case"plain":default:return v}}render(){return this.renderLink(this.renderContent())}};c([e({type:String,reflect:!0})],s.prototype,"icon",1),c([e({type:String,reflect:!0,attribute:"icon-side"})],s.prototype,"iconSide",2),c([e({type:String,reflect:!0})],s.prototype,"design",2),c([o()],s.prototype,"_svgInfo",2);export{s as a};
-//# sourceMappingURL=chunk.3CYTTNE6.js.map
+          ${a(this._svgInfo)}
+        </div>`:""}`}findStyle(){switch(this.design){case"solid":return g;case"outlined":return u;case"text":return L;case"plain":default:return v}}render(){return this.renderLink(this.renderContent())}};c([l({type:String,reflect:!0})],t.prototype,"icon",1),c([l({type:String,reflect:!0,attribute:"icon-side"})],t.prototype,"iconSide",2),c([l({type:String,reflect:!0})],t.prototype,"design",2),c([o()],t.prototype,"_svgInfo",2);export{t as a};
+//# sourceMappingURL=chunk.5FLYXEAZ.js.map

package/dist/chunks/chunk.5FLYXEAZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-link/scss/scw-link.scss", "../../src/scw-link/scss/scw-link-text.scss", "../../src/scw-link/scss/scw-link-solid.scss", "../../src/scw-link/scss/scw-link-outlined.scss", "../../src/scw-link/scss/scw-link-plain.scss", "../../src/scw-link/ScwLink.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host .label {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0U7RUFFRTtFQUNBO0VBQ0EifQ== */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=text]) .scw-link-base {\n  outline: none;\n  display: inline;\n}\n:host([design=text]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-primary-04);\n  text-decoration: underline;\n}\n\n:host([design=text]:hover) a.scw-link-base .label,\n:host([design=text][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-primary-01);\n}\n\n:host([design=text][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXRleHQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2Rlc2lnbi10ZXh0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtaG92ZXItZGVzaWduLXRleHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1kaXNhYmxlZC1kZXNpZ24tdGV4dC1sYWJlbC1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRQTtFQUNFO0VBQ0E7O0FBQ0E7RUNMQTtFQUNBO0VBSUU7RURFQTs7O0FBT0Y7QUFBQTtFRWRBO0VBQ0E7RUFJRTs7O0FGZ0JGO0VHckJBO0VBQ0E7RUFJRSJ9 */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=solid]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.6);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.6);\n  background-color: var(--scw-theme-color, var(--scw-color-primary-04));\n  border-radius: 6px 6px 6px 6px;\n  display: inline-flex;\n}\n:host([design=solid]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=solid]) .scw-link-base .label {\n  font: var(--scw-type-text-bold-condensed-06-font);\n  color: var(--scw-theme-color-inv, var(--scw-color-grey-10));\n  min-height: 27px;\n}\n:host([design=solid]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=solid]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-theme-color-inv, var(--scw-color-grey-10));\n}\n:host([design=solid]) .scw-link-base .icon svg * {\n  fill: var(--scw-theme-color-inv, var(--scw-color-grey-10));\n}\n\n:host([design=solid][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.6);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.6);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.6);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.6);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid]:hover) a.scw-link-base,\n:host([design=solid][hover]) a.scw-link-base {\n  background-color: var(--scw-theme-color-hover, var(--scw-color-primary-01));\n}\n:host([design=solid]:hover) a.scw-link-base .label,\n:host([design=solid][hover]) a.scw-link-base .label {\n  font: var(--scw-type-text-bold-condensed-06-font);\n  color: var(--scw-theme-color-hover-inv, var(--scw-color-grey-10));\n}\n\n:host([design=solid][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 6px 6px 6px 6px;\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXNvbGlkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVmYXVsdC1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZWZhdWx0LWxlZnQtaWNvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tbGVmdC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tcmlnaHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1kaXNhYmxlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtbGFiZWwtdmFycy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCQTtFQUNFO0VBQ0E7RUNZQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VEZkE7RUFDQSxlQUNFO0VBS0Y7O0FDU0E7RUFDTTtFQUNBOztBRFROO0VBRUUsTUUzQkc7RUY0Qkg7RUFDQSxZRTNCSzs7QUY4QlA7RUc1QkE7RUFDQTs7QUg4QkU7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7OztBQU1SO0VJeEJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUptQkE7O0FJbEJBO0VBQ007RUFDQTs7O0FKa0JSO0VLNUJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUx1QkE7O0FLdEJBO0VBQ007RUFDQTs7O0FMd0JSO0FBQUE7RUFHRTs7QUFDQTtBQUFBO0VBRUUsTUVoRUc7RUZpRUg7OztBQUtKO0VNeEVJO0VBRUY7O0FOd0VBO0VPOUVBO0VBQ0E7RUFJRTs7QVA2RUE7RUFDRSxNUWxGRTs7QVJtRkY7RUFDRSxNUXBGQSJ9 */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=outlined]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-primary-04);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.6);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.6);\n  display: inline-flex;\n}\n:host([design=outlined]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=outlined]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-06-font);\n  color: var(--scw-color-primary-04);\n  min-height: 27px;\n}\n:host([design=outlined]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=outlined]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-primary-04);\n}\n:host([design=outlined]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-primary-04);\n}\n\n:host([design=outlined][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.6);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.6);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.6);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.6);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined]:hover) a.scw-link-base,\n:host([design=outlined][hover]) a.scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-primary-01);\n}\n:host([design=outlined]:hover) a.scw-link-base .label,\n:host([design=outlined][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-06-font);\n  color: var(--scw-color-primary-01);\n}\n\n:host([design=outlined][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLW91dGxpbmVkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbGFiZWwtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVzaWduLW91dGxpbmVkLWxlZnQtaWNvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tbGVmdC1kZXNpZ24tb3V0bGluZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19pY29uLXJpZ2h0LWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWhvdmVyLWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWhvdmVyLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC12YXJzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJBO0VBQ0U7RUFDQTtFQ1hFO0VBRUY7RUFDQTtFQUNBO0VBSUU7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRDFCQTs7QUMyQkE7RUFDTTtFQUNBOztBRDNCTjtFRXBCQTtFQUNBO0VBSUU7RUZpQkEsWUdkSzs7QUhpQlA7RUlmQTtFQUNBOztBSmlCRTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsTUdoQ0U7O0FIaUNGO0VBQ0UsTUdsQ0E7OztBSHdDUjtFS0pFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUxEQTs7QUtFQTtFQUNNO0VBQ0E7OztBTERSO0VNVEU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTklBOztBTUhBO0VBQ007RUFDQTs7O0FOS1I7QUFBQTtFT2hESTtFQUVGO0VBQ0E7RUFDQTtFQUlFOztBUDJDRjtBQUFBO0VRdkRBO0VBQ0E7RUFJRTs7O0FSd0RKO0VTekRJO0VBRUY7RUFDQTtFQUNBO0VBSUU7O0FUbURGO0VVL0RBO0VBQ0E7RUFJRTs7QVY4REE7RUFDRSxNV25FRTs7QVhvRUY7RUFDRSxNV3JFQSJ9 */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=plain]) .scw-link-base {\n  outline: none;\n  display: inline-block;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXBsYWluLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDRTtFQUNBIn0= */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\nimport styles from './scss/scw-link.scss';\nimport stylesText from './scss/scw-link-text.scss';\nimport stylesSolid from './scss/scw-link-solid.scss';\nimport stylesOutline from './scss/scw-link-outlined.scss';\nimport stylesPlain from './scss/scw-link-plain.scss';\nimport {\n  ScwLinkSide,\n  ScwLinkDesigns,\n} from './scw-link-enums';\nimport getIconSvg from '../utils/getIconSvg';\nimport {Components} from '../utils/enums/Components';\nimport {ScwMenuItemDesigns} from '../scw-menu-item/scw-menu-item-enums';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\n\n/**\n * ScwLink\n * @class\n * @tag scw-link\n */\nexport default class ScwLink extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwLink ==================================================\n  /**\n   * (ScwLink) Determines the icon to use with the text\n   * @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    this.refreshIcon();\n  }\n  /**\n   * icon getter\n   */\n  get icon() {\n    return this._icon;\n  }\n  private _icon: string | undefined;\n\n  /**\n  * (ScwLink) Determines which side the icon should show up on\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'icon-side'})\n    iconSide: ScwLinkSide = ScwLinkSide.left;\n\n  /**\n  * (ScwLink) The design style of the link.\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    design: ScwLinkDesigns | ScwMenuItemDesigns = ScwLinkDesigns.solid;\n\n  @state() _svgInfo = '';\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.link;\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(`scw-icon could not find ${this.icon}`);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * Way to extend valid design types...\n  * @return {object} object of valid designs relative to this object\n  */\n  validDesigns() : object {\n    return ScwLinkDesigns;\n  }\n\n  /**\n  * Way to extend valid design icon types...\n  * @return {boolean}\n  */\n  doShowIcon() : boolean {\n    if ( this.icon &&\n      this.design !== ScwLinkDesigns.plain &&\n      this.design !== ScwLinkDesigns.text ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * renderContent\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    const doShowIcon = this.doShowIcon();\n    // ssr is fighting injecting css this way...\n    const localCss = `<style>${this.findStyle().cssText}</style>`;\n\n    if (this.design === ScwLinkDesigns.plain) {\n      return html`\n        ${unsafeHTML(localCss)}\n        <slot></slot>\n      `;\n    }\n\n    return html`\n      ${doShowIcon && this.iconSide === ScwLinkSide.left ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}\n        ${unsafeHTML(localCss)}\n        <div class=\"label\">\n          ${this.ariaLabel}\n        </div>\n      ${doShowIcon && this.iconSide === ScwLinkSide.right ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}`;\n  }\n\n  /**\n   * find the style per design\n   * @return {object}\n   */\n  findStyle() {\n    switch (this.design) {\n      case ScwLinkDesigns.solid:\n        return stylesSolid;\n      case ScwLinkDesigns.outlined:\n        return stylesOutline;\n      case ScwLinkDesigns.text:\n        return stylesText;\n      case ScwLinkDesigns.plain:\n      default:\n        return stylesPlain;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n        this.renderContent(),\n    );\n  }\n}\n"],
+  "mappings": "kUACA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;qVCAf,IAAOC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ixBCAf,IAAOC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;yqDCAf,IAAOC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6tECAf,IAAOC,EAAQ;AAAA;AAAA;AAAA;AAAA;qVCqBf,IAAqBC,EAArB,cAAqCC,CAAY,CAkD/C,aAAc,CACZ,MAAM,EAfN,qBAOA,oBAEO,cAAW,GAOlB,KAAK,cACP,CAjDA,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,EACnC,KAAK,YAAY,CACnB,CAIA,IAAI,MAAO,CACT,OAAO,KAAK,KACd,CA8BA,aAAc,CACZ,KAAK,cAAc,EACnBC,EAAW,KAAK,KAAOC,GAA6B,CAC9CA,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,MAAM,EAEhD,KAAK,SAAWA,CAEpB,CAAC,CACH,CAMA,cAAwB,CACtB,OAAOC,CACT,CAMA,YAAuB,CACrB,MAAK,QAAK,MACR,KAAK,kBACL,KAAK,gBAIT,CAMA,eAAwB,CACtB,IAAMC,EAAa,KAAK,WAAW,EAE7BC,EAAW,UAAU,KAAK,UAAU,EAAE,kBAE5C,OAAI,KAAK,iBACAC;AAAA,UACHC,EAAWF,CAAQ;AAAA;AAAA,QAKlBC;AAAA,QACHF,GAAc,KAAK,kBACrBE;AAAA;AAAA,YAEMC,EAAW,KAAK,QAAQ;AAAA,gBAClB;AAAA,UACRA,EAAWF,CAAQ;AAAA;AAAA,YAEjB,KAAK;AAAA;AAAA,QAETD,GAAc,KAAK,mBACrBE;AAAA;AAAA,YAEMC,EAAW,KAAK,QAAQ;AAAA,gBAClB,IAChB,CAMA,WAAY,CACV,OAAQ,KAAK,oBAET,OAAOC,iBAEP,OAAOC,aAEP,OAAOC,sBAGP,OAAOC,EAEb,CAMA,QAAiB,CACf,OAAO,KAAK,WACR,KAAK,cAAc,CACvB,CACF,CACF,EArIMC,EAAA,CADHC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBjB,EAiBf,oBAmBFgB,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,WAAW,CAAC,GAnC5CjB,EAoCjB,wBAOAgB,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GA1CpBjB,EA2CjB,sBAEOgB,EAAA,CAARE,EAAM,GA7CYlB,EA6CV",
+  "names": ["scw_link_default", "scw_link_text_default", "scw_link_solid_default", "scw_link_outlined_default", "scw_link_plain_default", "ScwLink", "ScwLinkBase", "scw_link_default", "icon", "oldValue", "getIconSvg", "svgInfo", "ScwLinkDesigns", "doShowIcon", "localCss", "x", "o", "scw_link_solid_default", "scw_link_outlined_default", "scw_link_text_default", "scw_link_plain_default", "__decorateClass", "e", "t"]
+}

package/dist/chunks/chunk.5Q22UUUI.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.NVDBB756.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.5Q22UUUI.js.map

package/dist/chunks/chunk.5Q22UUUI.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": "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",
+  "names": ["scw_card_default", "i", "ScwCard", "ScwComponent", "suffix", "getSuffix", "o", "scw_card_default", "evt", "message", "n", "l", "__decorateClass"]
+}

package/dist/chunks/{chunk.GAYXGND2.js → chunk.5XPDNDRM.js}

@@ -1,4 +1,4 @@
-import{a as o}from"./chunk.FSF6MEVS.js";import{a as d}from"./chunk.A6Q2K43E.js";import{a as e,b as n,d as l}from"./chunk.XWFI56OY.js";import{a}from"./chunk.3IG37SCP.js";import{a as r}from"./chunk.PKA6D7UK.js";import{g as i}from"./chunk.5YJY6NT6.js";var c=a`
+import{a as o}from"./chunk.PMRO6R6J.js";import{a as d}from"./chunk.A6Q2K43E.js";import{a as e,b as n,d as l}from"./chunk.PQ34W6XF.js";import{a}from"./chunk.DEJTQKIS.js";import{a as r}from"./chunk.GOLR2K45.js";import{g as i}from"./chunk.5YJY6NT6.js";var c=a`
 :host {
   /* scw element */
   position: relative;
@@ -59,4 +59,4 @@ import{a as o}from"./chunk.FSF6MEVS.js";import{a as d}from"./chunk.A6Q2K43E.js";
       ${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([n()],t.prototype,"_imageSize",2),i([n()],t.prototype,"_isIntersecting",2),i([n()],t.prototype,"_hasIntersected",2);export{t as a};
-//# sourceMappingURL=chunk.GAYXGND2.js.map
+//# sourceMappingURL=chunk.5XPDNDRM.js.map

package/dist/chunks/{chunk.GAYXGND2.js.map → chunk.5XPDNDRM.js.map}

@@ -3,5 +3,5 @@
   "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbWFnZS9zY3NzIiwic291cmNlcyI6WyIuLi8uLi9zY3ctY29tcG9uZW50L3Njc3Mvc2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIiwic2N3LWltYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUMyb3RCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEanB0QkY7RUFDRTs7O0FFSEE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQSJ9 */`;\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 intersectionObserverSingleton\n  from '../utils/observers/intersectionObserverSingleton';\nimport validate from './scw-image-validate';\nimport ScwComponent from 'scw-component/ScwComponent';\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 ScwComponent {\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 = false;\n\n  /** (ScwImage) turn off lazy loading */\n  @property({type: Boolean, attribute: 'no-lazy-loading'})\n    noLazyLoading = false;\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 = false;\n\n  /** (ScwImage) determines whether element has intersected once */\n  @state()\n    _hasIntersected = false;\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\n  /**\n  * disconnect from dom\n  */\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    intersectionObserverSingleton.unregisterCallback(\n        this, this._intersectionHandler,\n    );\n  }\n\n  /**\n   * domMutated\n   */\n  domMutated() {\n    super.domMutated();\n    validate(this);\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 html`\n      ${this.renderContent()}\n      ${this.renderContainerCss()}\n    `;\n  }\n}\n"],
   "mappings": "yPACA,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;ilBCoBf,IAAqBC,EAArB,cAAsCC,CAAa,CA0DjD,aAAc,CACZ,MAAM,EArBN,aAAU,GAIV,mBAAgB,GAShB,qBAAkB,GAIlB,qBAAkB,GAKlB,KAAK,eACP,CAzDA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CA0DA,aAAaC,EAAsD,CACjE,MAAM,aAAaA,CAAY,EAC/B,KAAK,eAAiB,KAAK,eAAe,KAAK,IAAI,EACnD,KAAK,qBAAuB,KAAK,qBAAqB,KAAK,IAAI,EAC1D,KAAK,cAMR,KAAK,gBAAkB,GALvBC,EAA8B,iBAC1B,KAAM,KAAK,oBACf,CAKJ,CAKA,sBAAuB,CACrB,MAAM,qBAAqB,EAC3BA,EAA8B,mBAC1B,KAAM,KAAK,oBACf,CACF,CAKA,YAAa,CACX,MAAM,WAAW,EACjBC,EAAS,IAAI,CACf,CAKA,gBAAiB,CACf,KAAK,WAAa,KAAK,WACzB,CAOA,qBAAqBC,EAAuB,CAC1C,KAAK,gBAAkBA,EAEvB,KAAK,gBAAkB,KAAK,gBAAkB,GAAOA,CACvD,CAMA,oBAAqB,CACnB,GAAK,KAAK,YAAa,CACrB,IAAMC,EAAiB,KAAK,YAAY,MAAM,GAAG,EAC3CC,EAAI,WAAWD,EAAe,EAAE,EAGtC,MAAO;AAAA;AAAA,0BAFG,WAAWA,EAAe,EAAE,EACjBC,EAAK;AAAA,mBAK5B,CACA,MAAO,EACT,CAMA,cAAwB,CACtB,OAAK,KAAK,WAAa,KAAK,eACnB;AAAA;AAAA;AAAA;AAAA,sBAIS,KAAK,UAAY,KAAK,UAAY;AAAA,2BAC7B,KAAK,eACtB,KAAK,eAAiB,WAEnB,EAEX,CAMA,eAAqC,CACnC,GAAI,KAAK,QAAS,CAChB,GAAI,KAAK,YAAc,KAAK,OAC1B,OAAOC;AAAA;AAAA;AAAA,kBAGG,KAAK;AAAA,iBACN,KAAK;AAAA,QAET,GAAI,KAAK,IACd,OAAOA;AAAA;AAAA;AAAA,kBAGG,KAAK;AAAA,SAGnB,CACF,CAMA,eAAwB,CACtB,OAAI,KAAK,gBACH,KAAK,YAAc,KAAK,OACnBA;AAAA,YACH,KAAK,cAAc;AAAA;AAAA,qBAEV,KAAK,aAAa;AAAA,sBACjB,KAAK;AAAA,qBACN,KAAK;AAAA,mBACP,KAAK,IAAM,KAAK,IAAM,gBAE1BA;AAAA,YACH,KAAK,cAAc;AAAA;AAAA,qBAEV,KAAK,aAAa;AAAA,mBACpB,KAAK,IAAM,KAAK,IAAM;AAAA,mBACtB,KAAK,IAAM,KAAK,IAAM,gBAG5BA,GAEX,CAMA,QAAiB,CACf,OAAOA;AAAA,QACH,KAAK,cAAc;AAAA,QACnB,KAAK,mBAAmB;AAAA,KAE9B,CACF,EAvMIC,EAAA,CADD,EAAS,CAAC,KAAM,OAAQ,UAAW,cAAc,CAAC,GAbhCV,EAcjB,2BAIAU,EAAA,CADD,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GAjB9BV,EAkBjB,yBAIAU,EAAA,CADD,EAAS,CAAC,KAAM,OAAQ,UAAW,iBAAiB,CAAC,GArBnCV,EAsBjB,8BAIAU,EAAA,CADD,EAAS,CAAC,KAAM,MAAM,CAAC,GAzBLV,EA0BjB,sBAIAU,EAAA,CADD,EAAS,CAAC,KAAM,MAAM,CAAC,GA7BLV,EA8BjB,mBAIAU,EAAA,CADD,EAAS,CAAC,KAAM,MAAM,CAAC,GAjCLV,EAkCjB,mBAIAU,EAAA,CADD,EAAS,CAAC,KAAM,OAAO,CAAC,GArCNV,EAsCjB,uBAIAU,EAAA,CADD,EAAS,CAAC,KAAM,QAAS,UAAW,iBAAiB,CAAC,GAzCpCV,EA0CjB,6BAKAU,EAAA,CADDC,EAAM,GA9CYX,EA+CjB,0BAIAU,EAAA,CADDC,EAAM,GAlDYX,EAmDjB,+BAIAU,EAAA,CADDC,EAAM,GAtDYX,EAuDjB",
-  "names": ["scw_image_default", "i", "ScwImage", "ScwComponent", "scw_image_default", "changedProps", "intersectionObserverSingleton_default", "validate", "intersecting", "aspectRatioArr", "w", "y", "__decorateClass", "t"]
+  "names": ["scw_image_default", "i", "ScwImage", "ScwComponent", "scw_image_default", "changedProps", "intersectionObserverSingleton_default", "validate", "intersecting", "aspectRatioArr", "w", "x", "__decorateClass", "t"]
 }