scu-web-components 0.0.49 → 0.0.51

package/dist/chunks/chunk.H6YAQOOT.js

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

package/dist/chunks/{chunk.J7SGRJXX.js → chunk.HMO3FTOO.js}

@@ -1,2 +1,2 @@
-import{a as r}from"./chunk.223WJTWZ.js";import{e}from"./chunk.5YJY6NT6.js";var t=e(r(),1);function s(i,l="Must be an email"){let a=!1;return!i||i===""||t.default.isEmail(i)||(a={type:"email",valid:!1,feedback:l}),a}export{s as a};
-//# sourceMappingURL=chunk.J7SGRJXX.js.map
+import{a as r}from"./chunk.IKVSH4SO.js";import{e}from"./chunk.5YJY6NT6.js";var t=e(r(),1);function s(i,l="Must be an email"){let a=!1;return!i||i===""||t.default.isEmail(i)||(a={type:"email",valid:!1,feedback:l}),a}export{s as a};
+//# sourceMappingURL=chunk.HMO3FTOO.js.map

package/dist/chunks/chunk.HNKGWJ2V.js

@@ -0,0 +1,31 @@
+import{a as i,d as t}from"./chunk.PQ34W6XF.js";import{a as r}from"./chunk.DEJTQKIS.js";import{a as o}from"./chunk.GOLR2K45.js";import{g as s}from"./chunk.5YJY6NT6.js";var a=r`
+:host {
+  display: block;
+}
+:host .scw-link-base {
+  display: block;
+  background-color: var(--scw-color-error-light);
+  padding-left: var(--scw-spacing-2);
+  padding-right: var(--scw-spacing-2);
+  padding-top: var(--scw-spacing-1);
+  padding-bottom: var(--scw-spacing-1);
+  text-align: center;
+}
+:host .message {
+  text-align: CENTER;
+  font: var(--scw-type-text-bold-font);
+  color: var(--scw-color-error-dark);
+  flex: 1;
+}
+:host .description {
+  text-align: CENTER;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-error-dark);
+  flex: 1;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1hbGVydC9zY3NzIiwic291cmNlcyI6WyJzY3ctYWxlcnQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19pbmRleC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9faW5kZXgtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9fbWVzc2FnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTtFQUNFOztBQUVBO0VBQ0U7RUFDQSxrQkNWZTtFQzRCakI7RUFDQTtFQUNBO0VBQ0E7RUZuQkU7O0FBR0Y7RUdYQTtFQUNBO0VBSUU7RUFFRjs7QUhRQTtFSWZBO0VBQ0E7RUFJRTtFQUVGIn0= */`;var c=class extends t{constructor(){super();this.description="";this.element="alert",!1&&this.addEventListener("click",()=>console.log("hi"))}static get styles(){return[t.styles,a]}render(){return o`
+      <span class="message">${this.description} HI </span>
+      <span class="description">${this.description}</span>
+      ${JSON.stringify(t.styles)}
+    `}};s([i({type:String})],c.prototype,"description",2);export{c as a};
+//# sourceMappingURL=chunk.HNKGWJ2V.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-alert/scss/scw-alert.scss", "../../src/scw-alert/ScwAlert.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n:host .scw-link-base {\n  display: block;\n  background-color: var(--scw-color-error-light);\n  padding-left: var(--scw-spacing-2);\n  padding-right: var(--scw-spacing-2);\n  padding-top: var(--scw-spacing-1);\n  padding-bottom: var(--scw-spacing-1);\n  text-align: center;\n}\n:host .message {\n  text-align: CENTER;\n  font: var(--scw-type-text-bold-font);\n  color: var(--scw-color-error-dark);\n  flex: 1;\n}\n:host .description {\n  text-align: CENTER;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-error-dark);\n  flex: 1;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1hbGVydC9zY3NzIiwic291cmNlcyI6WyJzY3ctYWxlcnQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19pbmRleC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9faW5kZXgtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9fbWVzc2FnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTtFQUNFOztBQUVBO0VBQ0U7RUFDQSxrQkNWZTtFQzRCakI7RUFDQTtFQUNBO0VBQ0E7RUZuQkU7O0FBR0Y7RUdYQTtFQUNBO0VBSUU7RUFFRjs7QUhRQTtFSWZBO0VBQ0E7RUFJRTtFQUVGIn0= */`;\n", "import {html, isServer} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport styles from './scss/scw-alert.scss';\nimport {Components} from '../utils/enums/Components';\nimport ScwComponent from 'scw-component/ScwComponent';\n\n/**\n * ScwAlert a first LitElement web component\n * @class\n * @tag scw-alert\n *\n */\nexport default class ScwAlert extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      ScwComponent.styles,\n      styles,\n    ];\n  }\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.alert;\n    if (isServer) {\n      // do something for server only...\n      this.addEventListener('click', () => console.log('hi'));\n    }\n  }\n\n  /** Secondary message */\n  @property({type: String})\n    description = '';\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render() : object {\n    return html`\n      <span class=\"message\">${this.description} HI </span>\n      <span class=\"description\">${this.description}</span>\n      ${JSON.stringify(ScwComponent.styles)}\n    `;\n  }\n}\n"],
+  "mappings": "uKACA,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;yzBCWf,IAAqBC,EAArB,cAAsCC,CAAa,CAcjD,aAAc,CACZ,MAAM,EAUN,iBAAc,GATd,KAAK,gBACD,IAEF,KAAK,iBAAiB,QAAS,IAAM,QAAQ,IAAI,IAAI,CAAC,CAE1D,CAjBA,WAAW,QAAS,CAClB,MAAO,CACLA,EAAa,OACbC,CACF,CACF,CAsBA,QAAkB,CAChB,OAAOC;AAAA,8BACmB,KAAK;AAAA,kCACD,KAAK;AAAA,QAC/B,KAAK,UAAUF,EAAa,MAAM;AAAA,KAExC,CACF,EAbIG,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAxBLL,EAyBjB",
+  "names": ["scw_alert_default", "i", "ScwAlert", "ScwComponent", "scw_alert_default", "x", "__decorateClass", "e"]
+}

package/dist/chunks/{chunk.MSNTYPQM.js → chunk.HXF7JJED.js}

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

package/dist/chunks/{chunk.MSNTYPQM.js.map → chunk.HXF7JJED.js.map}

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

package/dist/chunks/chunk.HZZCDSZ5.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.SN4D7DLM.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.HZZCDSZ5.js.map

package/dist/chunks/chunk.HZZCDSZ5.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.UXIAMI3F.js → chunk.IE23J4E6.js}

@@ -1,7 +1,7 @@
-import{f as i}from"./chunk.PKA6D7UK.js";var{H:s}=i,n=e=>e===null||typeof e!="object"&&typeof e!="function";var r=(e,t)=>t===void 0?(e==null?void 0:e._$litType$)!==void 0:(e==null?void 0:e._$litType$)===t;var a=e=>e.strings===void 0;export{n as a,r as b,a as c};
+import{e as i}from"./chunk.GOLR2K45.js";var{I:s}=i,n=e=>e===null||typeof e!="object"&&typeof e!="function";var r=(e,t)=>t===void 0?(e==null?void 0:e._$litType$)!==void 0:(e==null?void 0:e._$litType$)===t;var a=e=>e.strings===void 0;export{n as a,r as b,a as c};
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-//# sourceMappingURL=chunk.UXIAMI3F.js.map
+//# sourceMappingURL=chunk.IE23J4E6.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../node_modules/lit-html/src/directive-helpers.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {_$LH, Part, DirectiveParent, TemplateResult} from './lit-html.js';\nimport {\n  DirectiveResult,\n  DirectiveClass,\n  PartInfo,\n  AttributePartInfo,\n} from './directive.js';\ntype Primitive = null | undefined | boolean | number | string | symbol | bigint;\n\nconst {_ChildPart: ChildPart} = _$LH;\n\ntype ChildPart = InstanceType<typeof ChildPart>;\n\nconst ENABLE_SHADYDOM_NOPATCH = true;\n\nconst wrap =\n  ENABLE_SHADYDOM_NOPATCH &&\n  window.ShadyDOM?.inUse &&\n  window.ShadyDOM?.noPatch === true\n    ? window.ShadyDOM!.wrap\n    : (node: Node) => node;\n\n/**\n * Tests if a value is a primitive value.\n *\n * See https://tc39.github.io/ecma262/#sec-typeof-operator\n */\nexport const isPrimitive = (value: unknown): value is Primitive =>\n  value === null || (typeof value != 'object' && typeof value != 'function');\n\nexport const TemplateResultType = {\n  HTML: 1,\n  SVG: 2,\n} as const;\n\nexport type TemplateResultType =\n  (typeof TemplateResultType)[keyof typeof TemplateResultType];\n\n/**\n * Tests if a value is a TemplateResult.\n */\nexport const isTemplateResult = (\n  value: unknown,\n  type?: TemplateResultType\n): value is TemplateResult =>\n  type === undefined\n    ? // This property needs to remain unminified.\n      (value as TemplateResult)?.['_$litType$'] !== undefined\n    : (value as TemplateResult)?.['_$litType$'] === type;\n\n/**\n * Tests if a value is a DirectiveResult.\n */\nexport const isDirectiveResult = (value: unknown): value is DirectiveResult =>\n  // This property needs to remain unminified.\n  (value as DirectiveResult)?.['_$litDirective$'] !== undefined;\n\n/**\n * Retrieves the Directive class for a DirectiveResult\n */\nexport const getDirectiveClass = (value: unknown): DirectiveClass | undefined =>\n  // This property needs to remain unminified.\n  (value as DirectiveResult)?.['_$litDirective$'];\n\n/**\n * Tests whether a part has only a single-expression with no strings to\n * interpolate between.\n *\n * Only AttributePart and PropertyPart can have multiple expressions.\n * Multi-expression parts have a `strings` property and single-expression\n * parts do not.\n */\nexport const isSingleExpression = (part: PartInfo) =>\n  (part as AttributePartInfo).strings === undefined;\n\nconst createMarker = () => document.createComment('');\n\n/**\n * Inserts a ChildPart into the given container ChildPart's DOM, either at the\n * end of the container ChildPart, or before the optional `refPart`.\n *\n * This does not add the part to the containerPart's committed value. That must\n * be done by callers.\n *\n * @param containerPart Part within which to add the new ChildPart\n * @param refPart Part before which to add the new ChildPart; when omitted the\n *     part added to the end of the `containerPart`\n * @param part Part to insert, or undefined to create a new part\n */\nexport const insertPart = (\n  containerPart: ChildPart,\n  refPart?: ChildPart,\n  part?: ChildPart\n): ChildPart => {\n  const container = wrap(containerPart._$startNode).parentNode!;\n\n  const refNode =\n    refPart === undefined ? containerPart._$endNode : refPart._$startNode;\n\n  if (part === undefined) {\n    const startNode = wrap(container).insertBefore(createMarker(), refNode);\n    const endNode = wrap(container).insertBefore(createMarker(), refNode);\n    part = new ChildPart(\n      startNode,\n      endNode,\n      containerPart,\n      containerPart.options\n    );\n  } else {\n    const endNode = wrap(part._$endNode!).nextSibling;\n    const oldParent = part._$parent;\n    const parentChanged = oldParent !== containerPart;\n    if (parentChanged) {\n      part._$reparentDisconnectables?.(containerPart);\n      // Note that although `_$reparentDisconnectables` updates the part's\n      // `_$parent` reference after unlinking from its current parent, that\n      // method only exists if Disconnectables are present, so we need to\n      // unconditionally set it here\n      part._$parent = containerPart;\n      // Since the _$isConnected getter is somewhat costly, only\n      // read it once we know the subtree has directives that need\n      // to be notified\n      let newConnectionState;\n      if (\n        part._$notifyConnectionChanged !== undefined &&\n        (newConnectionState = containerPart._$isConnected) !==\n          oldParent!._$isConnected\n      ) {\n        part._$notifyConnectionChanged(newConnectionState);\n      }\n    }\n    if (endNode !== refNode || parentChanged) {\n      let start: Node | null = part._$startNode;\n      while (start !== endNode) {\n        const n: Node | null = wrap(start!).nextSibling;\n        wrap(container).insertBefore(start!, refNode);\n        start = n;\n      }\n    }\n  }\n\n  return part;\n};\n\n/**\n * Sets the value of a Part.\n *\n * Note that this should only be used to set/update the value of user-created\n * parts (i.e. those created using `insertPart`); it should not be used\n * by directives to set the value of the directive's container part. Directives\n * should return a value from `update`/`render` to update their part state.\n *\n * For directives that require setting their part value asynchronously, they\n * should extend `AsyncDirective` and call `this.setValue()`.\n *\n * @param part Part to set\n * @param value Value to set\n * @param index For `AttributePart`s, the index to set\n * @param directiveParent Used internally; should not be set by user\n */\nexport const setChildPartValue = <T extends ChildPart>(\n  part: T,\n  value: unknown,\n  directiveParent: DirectiveParent = part\n): T => {\n  part._$setValue(value, directiveParent);\n  return part;\n};\n\n// A sentinel value that can never appear as a part value except when set by\n// live(). Used to force a dirty-check to fail and cause a re-render.\nconst RESET_VALUE = {};\n\n/**\n * Sets the committed value of a ChildPart directly without triggering the\n * commit stage of the part.\n *\n * This is useful in cases where a directive needs to update the part such\n * that the next update detects a value change or not. When value is omitted,\n * the next update will be guaranteed to be detected as a change.\n *\n * @param part\n * @param value\n */\nexport const setCommittedValue = (part: Part, value: unknown = RESET_VALUE) =>\n  (part._$committedValue = value);\n\n/**\n * Returns the committed value of a ChildPart.\n *\n * The committed value is used for change detection and efficient updates of\n * the part. It can differ from the value set by the template or directive in\n * cases where the template value is transformed before being committed.\n *\n * - `TemplateResult`s are committed as a `TemplateInstance`\n * - Iterables are committed as `Array<ChildPart>`\n * - All other types are committed as the template value or value returned or\n *   set by a directive.\n *\n * @param part\n */\nexport const getCommittedValue = (part: ChildPart) => part._$committedValue;\n\n/**\n * Removes a ChildPart from the DOM, including any of its content.\n *\n * @param part The Part to remove\n */\nexport const removePart = (part: ChildPart) => {\n  part._$notifyConnectionChanged?.(false, true);\n  let start: ChildNode | null = part._$startNode;\n  const end: ChildNode | null = wrap(part._$endNode!).nextSibling;\n  while (start !== end) {\n    const n: ChildNode | null = wrap(start!).nextSibling;\n    (wrap(start!) as ChildNode).remove();\n    start = n;\n  }\n};\n\nexport const clearPart = (part: ChildPart) => {\n  part._$clear();\n};\n"],
+  "mappings": "wCAeA,GAAA,CAAOA,EAAYC,CAAAA,EAAaC,EAkBnBC,EAAeC,GAC1BA,IAAU,MAAyB,OAATA,GAAS,UAA4B,OAATA,GAAS,WAnBjE,IAgCaC,EAAmB,CAC9BC,EACAC,IAEAA,IAFAA,QAIKD,GAAAA,KAAAA,OAAAA,EAAuC,cAF5CC,QAGKD,GAAAA,KAAAA,OAAAA,EAAuC,cAAMC,EAvCpD,IA+DaC,EAAsBC,GAChCA,EAA2BC,UADKD",
+  "names": ["_ChildPart", "ChildPart", "_$LH", "isPrimitive", "value", "isTemplateResult", "value", "type", "isSingleExpression", "part", "strings"]
+}