scu-web-components 0.0.50 → 0.0.51

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

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

package/dist/chunks/chunk.FF7XMLLW.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",this.addEventListener("click",()=>console.log("hi"))}static get styles(){return[t.styles,a]}render(){return o`
+      <span class="message">${this.description}</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.FF7XMLLW.js.map

package/dist/chunks/chunk.FF7XMLLW.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    }\n    this.addEventListener('click', () => console.log('hi'));\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}</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,gBAIL,KAAK,iBAAiB,QAAS,IAAM,QAAQ,IAAI,IAAI,CAAC,CACxD,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.FFI7NROP.js

@@ -0,0 +1,2 @@
+import{d as o}from"./chunk.KMM6APSP.js";customElements.define("scw-component",o);
+//# sourceMappingURL=chunk.FFI7NROP.js.map

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

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

package/dist/chunks/chunk.G3B7KME7.js

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

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

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

package/dist/chunks/chunk.GANEMUM7.js

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

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

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

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

package/dist/chunks/chunk.GHYZIEXB.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.GOLR2K45.js

@@ -0,0 +1,9 @@
+var R,M=window,H=M.trustedTypes,W=H?H.createPolicy("lit-html",{createHTML:h=>h}):void 0,E="$lit$",_=`lit$${(Math.random()+"").slice(9)}$`,D="?"+_,X=`<${D}>`,x=document,C=()=>x.createComment(""),T=h=>h===null||typeof h!="object"&&typeof h!="function",q=Array.isArray,G=h=>q(h)||typeof(h==null?void 0:h[Symbol.iterator])=="function",j=`[ 	
+\f\r]`,N=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,k=/-->/g,O=/>/g,p=RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Z=/'/g,z=/"/g,J=/^(?:script|style|textarea|title)$/i,K=h=>(t,...e)=>({_$litType$:h,strings:t,values:e}),tt=K(1),et=K(2),b=Symbol.for("lit-noChange"),c=Symbol.for("lit-nothing"),F=new WeakMap,y=x.createTreeWalker(x,129,null,!1),Q=(h,t)=>{let e=h.length-1,i=[],s,o=t===2?"<svg>":"",n=N;for(let l=0;l<e;l++){let r=h[l],A,a,d=-1,u=0;for(;u<r.length&&(n.lastIndex=u,a=n.exec(r),a!==null);)u=n.lastIndex,n===N?a[1]==="!--"?n=k:a[1]!==void 0?n=O:a[2]!==void 0?(J.test(a[2])&&(s=RegExp("</"+a[2],"g")),n=p):a[3]!==void 0&&(n=p):n===p?a[0]===">"?(n=s!=null?s:N,d=-1):a[1]===void 0?d=-2:(d=n.lastIndex-a[2].length,A=a[1],n=a[3]===void 0?p:a[3]==='"'?z:Z):n===z||n===Z?n=p:n===k||n===O?n=N:(n=p,s=void 0);let w=n===p&&h[l+1].startsWith("/>")?" ":"";o+=n===N?r+X:d>=0?(i.push(A),r.slice(0,d)+E+r.slice(d)+_+w):r+_+(d===-2?(i.push(void 0),l):w)}let $=o+(h[e]||"<?>")+(t===2?"</svg>":"");if(!Array.isArray(h)||!h.hasOwnProperty("raw"))throw Error("invalid template strings array");return[W!==void 0?W.createHTML($):$,i]},g=class{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let o=0,n=0,$=t.length-1,l=this.parts,[r,A]=Q(t,e);if(this.el=g.createElement(r,i),y.currentNode=this.el.content,e===2){let a=this.el.content,d=a.firstChild;d.remove(),a.append(...d.childNodes)}for(;(s=y.nextNode())!==null&&l.length<$;){if(s.nodeType===1){if(s.hasAttributes()){let a=[];for(let d of s.getAttributeNames())if(d.endsWith(E)||d.startsWith(_)){let u=A[n++];if(a.push(d),u!==void 0){let w=s.getAttribute(u.toLowerCase()+E).split(_),S=/([.?@])?(.*)/.exec(u);l.push({type:1,index:o,name:S[2],strings:w,ctor:S[1]==="."?I:S[1]==="?"?P:S[1]==="@"?U:f})}else l.push({type:6,index:o})}for(let d of a)s.removeAttribute(d)}if(J.test(s.tagName)){let a=s.textContent.split(_),d=a.length-1;if(d>0){s.textContent=H?H.emptyScript:"";for(let u=0;u<d;u++)s.append(a[u],C()),y.nextNode(),l.push({type:2,index:++o});s.append(a[d],C())}}}else if(s.nodeType===8)if(s.data===D)l.push({type:2,index:o});else{let a=-1;for(;(a=s.data.indexOf(_,a+1))!==-1;)l.push({type:7,index:o}),a+=_.length-1}o++}}static createElement(t,e){let i=x.createElement("template");return i.innerHTML=t,i}};function m(h,t,e=h,i){var s,o,n,$;if(t===b)return t;let l=i!==void 0?(s=e._$Co)===null||s===void 0?void 0:s[i]:e._$Cl,r=T(t)?void 0:t._$litDirective$;return(l==null?void 0:l.constructor)!==r&&((o=l==null?void 0:l._$AO)===null||o===void 0||o.call(l,!1),r===void 0?l=void 0:(l=new r(h),l._$AT(h,e,i)),i!==void 0?((n=($=e)._$Co)!==null&&n!==void 0?n:$._$Co=[])[i]=l:e._$Cl=l),l!==void 0&&(t=m(h,l._$AS(h,t.values),l,i)),t}var B=class{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;let{el:{content:i},parts:s}=this._$AD,o=((e=t==null?void 0:t.creationScope)!==null&&e!==void 0?e:x).importNode(i,!0);y.currentNode=o;let n=y.nextNode(),$=0,l=0,r=s[0];for(;r!==void 0;){if($===r.index){let A;r.type===2?A=new v(n,n.nextSibling,this,t):r.type===1?A=new r.ctor(n,r.name,r.strings,this,t):r.type===6&&(A=new L(n,this,t)),this.u.push(A),r=s[++l]}$!==(r==null?void 0:r.index)&&(n=y.nextNode(),$++)}return o}p(t){let e=0;for(let i of this.u)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}},v=class{constructor(t,e,i,s){var o;this.type=2,this._$AH=c,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cm=(o=s==null?void 0:s.isConnected)===null||o===void 0||o}get _$AU(){var t,e;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cm}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=m(this,t,e),T(t)?t===c||t==null||t===""?(this._$AH!==c&&this._$AR(),this._$AH=c):t!==this._$AH&&t!==b&&this.g(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):G(t)?this.k(t):this.g(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}g(t){this._$AH!==c&&T(this._$AH)?this._$AA.nextSibling.data=t:this.T(x.createTextNode(t)),this._$AH=t}$(t){var e;let{values:i,_$litType$:s}=t,o=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=g.createElement(s.h,this.options)),s);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===o)this._$AH.p(i);else{let n=new B(o,this),$=n.v(this.options);n.p(i),this.T($),this._$AH=n}}_$AC(t){let e=F.get(t.strings);return e===void 0&&F.set(t.strings,e=new g(t)),e}k(t){q(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,i,s=0;for(let o of t)s===e.length?e.push(i=new v(this.S(C()),this.S(C()),this,this.options)):i=e[s],i._$AI(o),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,e);t&&t!==this._$AB;){let s=t.nextSibling;t.remove(),t=s}}setConnected(t){var e;this._$AM===void 0&&(this._$Cm=t,(e=this._$AP)===null||e===void 0||e.call(this,t))}},f=class{constructor(t,e,i,s,o){this.type=1,this._$AH=c,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=o,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=c}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){let o=this.strings,n=!1;if(o===void 0)t=m(this,t,e,0),n=!T(t)||t!==this._$AH&&t!==b,n&&(this._$AH=t);else{let $=t,l,r;for(t=o[0],l=0;l<o.length-1;l++)r=m(this,$[i+l],e,l),r===b&&(r=this._$AH[l]),n||(n=!T(r)||r!==this._$AH[l]),r===c?t=c:t!==c&&(t+=(r!=null?r:"")+o[l+1]),this._$AH[l]=r}n&&!s&&this.j(t)}j(t){t===c?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}},I=class extends f{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===c?void 0:t}},Y=H?H.emptyScript:"",P=class extends f{constructor(){super(...arguments),this.type=4}j(t){t&&t!==c?this.element.setAttribute(this.name,Y):this.element.removeAttribute(this.name)}},U=class extends f{constructor(t,e,i,s,o){super(t,e,i,s,o),this.type=5}_$AI(t,e=this){var i;if((t=(i=m(this,t,e,0))!==null&&i!==void 0?i:c)===b)return;let s=this._$AH,o=t===c&&s!==c||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==c&&(s===c||o);o&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;typeof this._$AH=="function"?this._$AH.call((i=(e=this.options)===null||e===void 0?void 0:e.host)!==null&&i!==void 0?i:this.element,t):this._$AH.handleEvent(t)}},L=class{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){m(this,t)}},it={P:E,A:_,M:D,C:1,L:Q,D:B,R:G,V:m,I:v,H:f,N:P,U,F:I,B:L},V=M.litHtmlPolyfillSupport;V==null||V(g,v),((R=M.litHtmlVersions)!==null&&R!==void 0?R:M.litHtmlVersions=[]).push("2.7.0");var st=(h,t,e)=>{var i,s;let o=(i=e==null?void 0:e.renderBefore)!==null&&i!==void 0?i:t,n=o._$litPart$;if(n===void 0){let $=(s=e==null?void 0:e.renderBefore)!==null&&s!==void 0?s:null;o._$litPart$=n=new v(t.insertBefore(C(),$),$,void 0,e!=null?e:{})}return n._$AI(h),n};export{tt as a,et as b,b as c,c as d,it as e,st as f};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+//# sourceMappingURL=chunk.GOLR2K45.js.map