scu-web-components 0.0.23 → 0.0.26

package/dist/chunks/chunk.3DMOX7UT.js

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

package/dist/chunks/chunk.3DMOX7UT.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-card/scss/scw-card.scss", "../../src/scw-card/ScwCard.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host([size=medium]) {\n  display: block;\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 38.8888888889%;\n    position: relative;\n  }*/\n  /*.image {\n    @include size-medium-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n  /*.action {\n    @include size-medium-action-mixins.box;\n    @include size-medium-action-mixins.sizing;\n  }*/\n}\n:host([size=medium]) > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host([size=medium]) .image-box {\n  height: 161px;\n}\n:host([size=medium]) .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n\n:host([size=small]) {\n  display: block;\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 88.9473684211%;\n    position: relative;\n  }*/\n  /*.image {\n    @include size-small-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n}\n:host([size=small]) > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host([size=small]) .image-box {\n  height: 169px;\n}\n:host([size=small]) .description {\n  display: none;\n}\n:host([size=small]) .action {\n  display: none;\n}\n\n:host .super-heading.mortgage {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-mortgage-04));\n  align-self: stretch;\n}\n:host .super-heading.savings {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-savings-04));\n  align-self: stretch;\n}\n:host .super-heading.student {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-student-04));\n  align-self: stretch;\n}\n:host .super-heading.investments {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-investments-04));\n  align-self: stretch;\n}\n:host .super-heading.checking {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-checking-04));\n  align-self: stretch;\n}\n:host .super-heading.credit-cards {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-credit-cards-04));\n  align-self: stretch;\n}\n\n:host {\n  display: block;\n  background-color: var(--scw-color, rgba(0, 0, 0, 0));\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image {\n    @include default-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n}\n:host > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host .image-box {\n  background-color: var(--scw-color-09, var(--scw-color-grey-09));\n  border-radius: 10px 10px 10px 10px;\n  align-self: stretch;\n  flex: 1;\n  flex: initial;\n  overflow: hidden;\n  height: 345px;\n}\n:host .heading {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n}\n:host .super-heading {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  align-self: stretch;\n}\n:host .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-06-font);\n  color: var(--scw-color-02, var(--scw-color-grey-02));\n  align-self: stretch;\n}\n:host .action {\n  width: 83px;\n  height: 32px;\n}\n\n:host([action=none]) {\n  pointer-events: none;\n}\n\n:host([action=whole]) {\n  pointer-events: all;\n}\n\n:host([action=whole]:hover) {\n  cursor: pointer;\n}\n\n:host([action=whole]:focus-visible) {\n  outline: none;\n  box-shadow: var(--scw-effect-focus-shadow);\n  border-radius: 10px 10px 4px 4px;\n}\n\n:host([action=link]) {\n  pointer-events: none;\n}\n:host([action=link]) scw-link {\n  pointer-events: all;\n}`;\n", "import {property, state} from 'lit/decorators.js';\nimport {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport styles from './scss/scw-card.scss';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {ScwCardSizes, ScwCardActions} from './scw-card-enums';\nimport parseLightDomCard from './scw-card-light-dom';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport {Components} from '../utils/enums/Components';\nimport getSuffix from '../utils/suffix';\n\n/**\n * ScwCard a first LitElement web component\n * @class\n * @tag scw-card\n *\n * @slot [default=\"<img src alt /><h1, h2, h3 /><sup /><p />\"]\n    The parts of scw-card are configured via nested html elements.\n    img defines the image, heading the main heading, sup the category heading,\n    and p the descriptive text. Only headings is required (with src, srcset,\n    and alt attributes).\n * @slot [default=\"<img src alt /><h1, h2, h3 /><sup /><p /><a />\"]\n    Adding an anchor will show a link.\n * @slot [default=\"<a><img src alt /><h1, h2, h3 /><sup /><p /></a>\"]\n    Wrapping the entire content in an anchor will make it interactive\n */\nexport default class ScwCard extends ScwLinkBase {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwCard ====================================================\n  /** (ScwCard) The src of the image within the card */\n  @state() src: string | undefined;\n\n  /** (ScwCard) The srcset of the image within the card */\n  @state() srcset: string | undefined;\n\n  /** (ScwCard) Alternative description of the image. */\n  @state() alt: string | undefined;\n\n  /** (ScwCard) Main title or header of the card (determined by\n  * <h1, h2, h3> content) */\n  @state() _heading: string | undefined;\n\n  /** (ScwCard) Super title, describing a category or area pertaining to title\n  * (determined by <sup> content) */\n  @state() _superHeading: string | undefined;\n\n  /** (ScwCard) Fuller description of what the card is about (determined by\n  * <p> content) */\n  @state() _description: string | undefined;\n\n  /** (ScwCard) Label on the link */\n  @state() _linkLabel : string | undefined;\n\n  // ----------- END STATES ----------------------------------------------------\n  /** (ScwCard) Readonly - Size of the card. This\n  * is determined by the nested html content (h1  = large,\n  * h2 = medium, h3 = small). */\n  @property({type: String, reflect: true})\n    size: ScwCardSizes = ScwCardSizes.large;\n\n  /** (ScwCard) Readonly - The type of action (whole card, link, or none).\n   * This is determined by the use of an anchor tag. */\n  @property({type: String, reflect: true})\n    action: ScwCardActions = ScwCardActions.none;\n\n  /** scw-header with versioning suffix */\n  headerNodeName : any;\n\n  /** scw-image with versioning suffix */\n  imageNodeName : any;\n\n  /** scw-link with versioning suffix */\n  linkNodeName : any;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.card;\n    this.clickHandler = this.clickHandler.bind(this);\n\n    const suffix = getSuffix();\n    this.headerNodeName = unsafeStatic(`scw-${Components.heading}${suffix}`);\n    this.imageNodeName = unsafeStatic(`scw-${Components.image}${suffix}`);\n    this.linkNodeName = unsafeStatic(`scw-${Components.link}${suffix}`);\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    parseLightDomCard(this);\n    super.parseAndValidateLightDom();\n  }\n\n  /**\n  * Handle click event from link so it doesn't trigger twice\n  * @param {Event} evt\n  */\n  clickHandler(evt : Event) {\n    evt.stopPropagation();\n    this.click();\n  }\n\n  /**\n  * change the main heading to be the error.\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    this._heading = `error: ${message}`;\n    ScwComponent.prototype.warn.call(this, message );\n  }\n\n  /**\n  * Render image area\n  * @return {object} component DOM\n  */\n  renderImage() {\n    if (\n      ( this.src || this.srcset ) &&\n      this.alt ) {\n      return html`\n        <${this.imageNodeName}\n            class=\"image-box\"\n            src=\"${this.src}\"\n            srcset=\"${this.srcset}\"\n            aria-label=\"${this.alt}\"\n            object-fit=\"cover\">\n        </${this.imageNodeName}>\n      `;\n    }\n  }\n\n  /**\n  * Render heading area\n  * @return {object} component DOM\n  */\n  renderHeading() {\n    return html`\n      <${this.headerNodeName}\n        dynamic class=\"heading\"\n        aria-label=\"${this._heading}\"\n        size=\"h1\">\n      </${this.headerNodeName}>`;\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        <${this.linkNodeName}\n          aria-label=\"${this._linkLabel ? this._linkLabel : 'no label'}\" \n          @click=\"${this.clickHandler}\">\n        </${this.linkNodeName}>`;\n    }\n    return null;\n  }\n\n  /**\n  * render body\n  * @return {object} component DOM\n  */\n  renderBody() : object {\n    return html`\n       ${this.renderImage()}\n       ${this._superHeading ?\n          html`\n          <div class=\"super-heading\">\n            ${this._superHeading}\n          </div>` : ''\n        }\n       <${this.headerNodeName}\n          style=\"--scw-color-04: var( --scw-color-grey-02 );\"\n          dynamic class=\"heading\"\n          ${(this.size === ScwCardSizes.large) ? html`\n            aria-label=\"${this._heading}\"\n            size=\"h1\"\n          ` : ''}\n          ${(this.size === ScwCardSizes.medium) ? html`\n            aria-label=\"${this._heading}\"\n            size=\"h2\"\n          ` : ''}\n          ${(this.size === ScwCardSizes.small) ? html`\n            aria-label=\"${this._heading}\"\n            size=\"h3\"\n          ` : ''}>\n        </${this.headerNodeName}>\n       ${this._description ?\n          html`\n          <div class=\"description\">\n            ${this._description}\n          </div>` : ''\n        }`;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render() : object {\n    if (this.action === ScwCardActions.whole) {\n      return this.renderBody();\n    } else {\n      return html`\n        ${this.renderBody()}\n        ${this.renderButton()}`;\n    };\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/chunks/chunk.3FBPDSVX.js

@@ -1,246 +0,0 @@
-import{a as r,b as s}from"./chunk.RGGLFZST.js";import{a as g}from"./chunk.LAQTQIRZ.js";import{a as n,d as c}from"./chunk.S4MESEBR.js";import{a,b as i,e as l}from"./chunk.HCMPRDIX.js";import{a as d}from"./chunk.Y2P62L7U.js";import{g as e}from"./chunk.5YJY6NT6.js";var p=a`
-:host {
-  /* scw element */
-  position: relative;
-  box-sizing: border-box;
-  --margin-right: initial;
-  --margin-bottom: initial;
-  --gap-h-int: initial;
-  --gap-v-int: initial;
-  margin-right: var(--margin-right, var(--gap-h-int, initial));
-  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
-  display: block;
-}
-
-:host([warning]) {
-  outline: 2px solid red !important;
-}
-
-:host([size=medium]) {
-  display: block;
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  /*.image-box {
-    width: 100%;
-    padding-bottom: 38.8888888889%;
-    position: relative;
-  }*/
-  /*.image {
-    @include size-medium-image-mixins.box;
-
-    position: absolute;
-    inset: 0;
-    background-position: center;
-    background-size: cover;
-  }*/
-  /*.action {
-    @include size-medium-action-mixins.box;
-    @include size-medium-action-mixins.sizing;
-  }*/
-}
-:host([size=medium]) > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-}
-:host([size=medium]) .image-box {
-  height: 161px;
-}
-:host([size=medium]) .description {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-  align-self: stretch;
-}
-
-:host([size=small]) {
-  display: block;
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  /*.image-box {
-    width: 100%;
-    padding-bottom: 88.9473684211%;
-    position: relative;
-  }*/
-  /*.image {
-    @include size-small-image-mixins.box;
-
-    position: absolute;
-    inset: 0;
-    background-position: center;
-    background-size: cover;
-  }*/
-}
-:host([size=small]) > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-}
-:host([size=small]) .image-box {
-  height: 169px;
-}
-:host([size=small]) .description {
-  display: none;
-}
-:host([size=small]) .action {
-  display: none;
-}
-
-:host .super-heading.mortgage {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-04, var(--scw-color-mortgage-04));
-  align-self: stretch;
-}
-:host .super-heading.savings {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-04, var(--scw-color-savings-04));
-  align-self: stretch;
-}
-:host .super-heading.student {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-04, var(--scw-color-student-04));
-  align-self: stretch;
-}
-:host .super-heading.investments {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-04, var(--scw-color-investments-04));
-  align-self: stretch;
-}
-:host .super-heading.checking {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-04, var(--scw-color-checking-04));
-  align-self: stretch;
-}
-:host .super-heading.credit-cards {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-04, var(--scw-color-credit-cards-04));
-  align-self: stretch;
-}
-
-:host {
-  display: block;
-  background-color: var(--scw-color, rgba(0, 0, 0, 0));
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  /*.image {
-    @include default-image-mixins.box;
-
-    position: absolute;
-    inset: 0;
-    background-position: center;
-    background-size: cover;
-  }*/
-}
-:host > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-}
-:host .image-box {
-  background-color: var(--scw-color-09, var(--scw-color-grey-09));
-  border-radius: 10px 10px 10px 10px;
-  align-self: stretch;
-  flex: 1;
-  flex: initial;
-  overflow: hidden;
-  height: 345px;
-}
-:host .heading {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-}
-:host .super-heading {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-03, var(--scw-color-primary-03));
-  align-self: stretch;
-}
-:host .description {
-  text-align: LEFT;
-  font: var(--scw-type-text-06-font);
-  color: var(--scw-color-02, var(--scw-color-grey-02));
-  align-self: stretch;
-}
-:host .action {
-  width: 83px;
-  height: 32px;
-}
-
-:host([action=none]) {
-  pointer-events: none;
-}
-
-:host([action=whole]) {
-  pointer-events: all;
-}
-
-:host([action=whole]:hover) {
-  cursor: pointer;
-}
-
-:host([action=whole]:focus-visible) {
-  outline: none;
-  box-shadow: var(--scw-effect-focus-shadow);
-  border-radius: 10px 10px 4px 4px;
-}
-
-:host([action=link]) {
-  pointer-events: none;
-}
-:host([action=link]) scw-link {
-  pointer-events: all;
-}`;var t=class extends c{constructor(){super();this.preload=!1;this.size="large";this.action="none";this.element="card",this.clickHandler=this.clickHandler.bind(this);let o=g();this.headerNodeName=r(`scw-${"heading"}${o}`),this.imageNodeName=r(`scw-${"image"}${o}`),this.linkNodeName=r(`scw-${"link"}${o}`)}static get styles(){return[super.styles,p]}parseAndValidateLightDom(){d(this),super.parseAndValidateLightDom()}clickHandler(o){o.stopPropagation(),this.click()}warn(o){this.heading=`error: ${o}`,l.prototype.warn.call(this,o)}renderImage(){if((this.src||this.srcset)&&this.alt)return s`
-        <scw-image
-          class="image-box"
-          src="${n(this.src)}"
-          srcset="${n(this.srcset)}"
-          alt="${this.alt}"
-          preload="${n(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="${n(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()}`}};e([i()],t.prototype,"src",2),e([i()],t.prototype,"srcset",2),e([i()],t.prototype,"alt",2),e([i()],t.prototype,"heading",2),e([i()],t.prototype,"superHeading",2),e([i()],t.prototype,"description",2),e([i()],t.prototype,"linkLabel",2),e([i({type:Boolean})],t.prototype,"preload",2),e([i({type:String,reflect:!0})],t.prototype,"size",2),e([i({type:String,reflect:!0})],t.prototype,"action",2);export{t as a};
-//# sourceMappingURL=chunk.3FBPDSVX.js.map