scu-web-components 0.0.25 → 0.0.26

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-menu/keyboard/keyboardElements.ts"],
-  "sourcesContent": ["import ScwMenu from '../ScwMenu';\nimport {Components} from '../../utils/enums/Components';\n\n/** list of elements that are tabbable */\nconst tabbablelist = [\n  Components.menuItem,\n  Components.icon,\n  Components.link,\n  Components.button,\n  'BUTTON',\n  'A',\n];\n\n/** list of elements that should be ignored */\nconst ignorelist = [\n  Components.menu,\n];\n\n/**\n  * walk through children from a starting point\n  * @param {ScwMenu} menu\n  * @param {HTMLElement} ele\n  * @param {'forwards' | 'backwards'} direction\n  */\nexport default function focusOnTabbableElement(\n  menu: ScwMenu,\n  ele: HTMLElement | undefined,\n  direction: 'forwards'|'backwards',\n) {\n  let targetEle = ele;\n  if (!ele) {\n    targetEle = findActiveMenuElement(menu);\n  }\n\n  if (targetEle) {\n    const nextTabbleElement =\n      findTabbableElement(\n        menu,\n        targetEle,\n        direction,\n        false,\n        menu === targetEle,\n      );\n\n    if (nextTabbleElement) {\n      nextTabbleElement.focus();\n    } else {\n      // at the end so try to loop around...\n      const nextReversedTabbleElement =\n        findTabbableElement(\n            menu,\n            menu,\n            direction,\n        );\n      if (nextReversedTabbleElement) {\n        nextReversedTabbleElement.focus();\n      } else {\n        // run away, there is nothing tabbable...\n      }\n    }\n  }\n}\n\n/**\n  * walk through children from a starting point\n  * @param {ScwMenu} menu\n  * @return {HTMLElement | undefined}\n  */\nexport function findActiveMenuElement(\n  menu: ScwMenu,\n) : HTMLElement | undefined {\n  if (\n    document.activeElement &&\n    menu.contains( document.activeElement )\n  ) {\n    return document.activeElement as unknown as HTMLElement;\n  }\n  return undefined;\n}\n\n/**\n * get the next tabbable element\n * @param {ScwMenu} menu\n * @return {void}\n */\nexport function findNextTabbableEle( menu: ScwMenu ) {\n  const activeEle = findActiveMenuElement( menu );\n  if ( activeEle ) {\n    return findTabbableElement( menu, activeEle );\n  }\n}\n\n/**\n * get the previous tabble element\n * @param {ScwMenu} menu\n * @return {void}\n */\n export function findPrevTabbableEle( menu: ScwMenu ) {\n  const activeEle = findActiveMenuElement( menu );\n  if ( activeEle ) {\n    return findTabbableElement( menu, activeEle, 'backwards' );\n  }\n}\n\n/**\n * walk through children from a starting point\n * @param {ScwMenu} menu\n * @param {HTMLElement} ele\n * @param {'forwards' | 'backwards'} direction\n * @param {Boolean} checkEle\n * @param {Boolean} checkChildren\n * @return {HTMLElement | false}\n */\nexport function findTabbableElement(\n  menu: ScwMenu,\n  ele : HTMLElement,\n  direction: 'forwards' | 'backwards' = 'forwards',\n  checkEle : boolean = false,\n  checkChildren: boolean = true,\n) : HTMLElement | false {\n  // Check the element itself\n  if (checkEle) {\n    if (\n      ele['element'] &&\n      tabbablelist.includes( ele['element'] )\n    ) {\n      if (isTabbleable(ele)) {\n        return ele;\n      }\n    } else if (\n      tabbablelist.includes( ele.nodeName )\n    ) {\n      if (isTabbleable(ele)) {\n        return ele;\n      }\n    }\n  }\n\n  // try children\n  if (\n    checkChildren &&\n    ele.children\n  ) {\n    let doCheck = true;\n    if (\n      checkEle &&\n      ignorelist.includes( ele['element'])\n    ) {\n      doCheck = false;\n    }\n\n    if ( doCheck ) {\n      const children = Array.from(ele.children);\n      if (direction === 'backwards') {\n        children.reverse();\n      }\n      let tabbableEle : HTMLElement | false = false;\n      children.find( (child) => {\n        const result = findTabbableElement(\n          menu,\n          child as unknown as HTMLElement,\n          direction,\n          true,\n          true,\n        );\n        if (result) {\n          tabbableEle = result;\n          return true;\n        }\n        return false;\n      });\n      if (isTabbleable(tabbableEle)) {\n        return tabbableEle as unknown as HTMLElement;\n      }\n    }\n  }\n\n  // walk down siblings\n  const sibling = (direction === 'forwards') ?\n    ele.nextElementSibling : ele.previousElementSibling;\n  if (sibling) {\n    const result = findTabbableElement(\n      menu,\n      sibling as unknown as HTMLElement,\n      direction,\n      true,\n      true,\n    );\n    if (isTabbleable(result)) {\n      return result;\n    }\n  }\n\n  // no children and no more siblings...go up!\n  if (ele.parentElement != menu) {\n    const result = findTabbableElement(\n      menu,\n      ele.parentElement as unknown as HTMLElement,\n      direction,\n      true,\n      false, // infinite loop, don't check children of parent...\n    );\n    if (isTabbleable(result)) {\n      return result;\n    }\n  }\n  return false;\n}\n\n/**\n* last checks\n* @param {HTMLElement} ele\n* @return {HTMLElement | false}\n*/\nexport function isTabbleable(\n  ele : HTMLElement | false,\n) : HTMLElement | false {\n  if (!ele) {\n    return false;\n  }\n  // hidden elements are not a part of the dom\n  if (!ele.offsetParent) {\n    return false;\n  }\n  // ignore invisible elements\n  if (window.getComputedStyle(ele).visibility === 'hidden') {\n    return false;\n  }\n  // explicitly disabled are ignored\n  if (\n    ele.hasAttribute('aria-disabled') &&\n    ele.getAttribute('aria-disabled') !== 'false'\n  ) {\n    return false;\n  }\n  // disabled elements are ignored\n  if (ele.hasAttribute('disabled')) {\n    return false;\n  }\n  // not tabindex, no go\n  if (ele.getAttribute('tabindex') === '-1') {\n    return false;\n  }\n  return ele;\n}\n"],
-  "mappings": "AAIA,GAAM,GAAe,CACnB,YACA,OACA,OACA,SACA,SACA,GACF,EAGM,EAAa,CACjB,MACF,EAQe,WACb,EACA,EACA,EACA,CACA,GAAI,GAAY,EAKhB,GAJK,GACH,GAAY,EAAsB,CAAI,GAGpC,EAAW,CACb,GAAM,GACJ,EACE,EACA,EACA,EACA,GACA,IAAS,CACX,EAEF,GAAI,EACF,EAAkB,MAAM,MACnB,CAEL,GAAM,GACJ,EACI,EACA,EACA,CACJ,EACF,AAAI,GACF,EAA0B,MAAM,CAIpC,CACF,CACF,CAOO,WACL,EAC0B,CAC1B,GACE,SAAS,eACT,EAAK,SAAU,SAAS,aAAc,EAEtC,MAAO,UAAS,aAGpB,CAOO,WAA8B,EAAgB,CACnD,GAAM,GAAY,EAAuB,CAAK,EAC9C,GAAK,EACH,MAAO,GAAqB,EAAM,CAAU,CAEhD,CAOQ,WAA8B,EAAgB,CACpD,GAAM,GAAY,EAAuB,CAAK,EAC9C,GAAK,EACH,MAAO,GAAqB,EAAM,EAAW,WAAY,CAE7D,CAWO,WACL,EACA,EACA,EAAsC,WACtC,EAAqB,GACrB,EAAyB,GACH,CAEtB,GAAI,GACF,GACE,EAAI,SACJ,EAAa,SAAU,EAAI,OAAW,GAEtC,GAAI,EAAa,CAAG,EAClB,MAAO,WAGT,EAAa,SAAU,EAAI,QAAS,GAEhC,EAAa,CAAG,EAClB,MAAO,GAMb,GACE,GACA,EAAI,SACJ,CACA,GAAI,GAAU,GAQd,GANE,GACA,EAAW,SAAU,EAAI,OAAU,GAEnC,GAAU,IAGP,EAAU,CACb,GAAM,GAAW,MAAM,KAAK,EAAI,QAAQ,EACxC,AAAI,IAAc,aAChB,EAAS,QAAQ,EAEnB,GAAI,GAAoC,GAexC,GAdA,EAAS,KAAM,AAAC,GAAU,CACxB,GAAM,GAAS,EACb,EACA,EACA,EACA,GACA,EACF,EACA,MAAI,GACF,GAAc,EACP,IAEF,EACT,CAAC,EACG,EAAa,CAAW,EAC1B,MAAO,EAEX,CACF,CAGA,GAAM,GAAW,IAAc,WAC7B,EAAI,mBAAqB,EAAI,uBAC/B,GAAI,EAAS,CACX,GAAM,GAAS,EACb,EACA,EACA,EACA,GACA,EACF,EACA,GAAI,EAAa,CAAM,EACrB,MAAO,EAEX,CAGA,GAAI,EAAI,eAAiB,EAAM,CAC7B,GAAM,GAAS,EACb,EACA,EAAI,cACJ,EACA,GACA,EACF,EACA,GAAI,EAAa,CAAM,EACrB,MAAO,EAEX,CACA,MAAO,EACT,CAOO,WACL,EACsB,CAwBtB,MAvBI,CAAC,GAID,CAAC,EAAI,cAIL,OAAO,iBAAiB,CAAG,EAAE,aAAe,UAK9C,EAAI,aAAa,eAAe,GAChC,EAAI,aAAa,eAAe,IAAM,SAKpC,EAAI,aAAa,UAAU,GAI3B,EAAI,aAAa,UAAU,IAAM,KAC5B,GAEF,CACT",
-  "names": []
-}

package/dist/chunks/chunk.TXOGG2T7.js

@@ -1,2 +0,0 @@
-import{b as f}from"./chunk.ACJT3GFX.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
-//# sourceMappingURL=chunk.TXOGG2T7.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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: string = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
-  "mappings": "wCAOe,WAAmB,EAAoB,IAAK,CACzD,MAAO,IAAS,EAAO,OAAS,GAAG,IAAY,EAAO,SAAgB,EACxE",
-  "names": []
-}

package/dist/chunks/chunk.TXVGA7BF.js

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

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

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

package/dist/chunks/chunk.U3CLEKJ5.js

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

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

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

package/dist/chunks/chunk.U3ETAM2U.js

@@ -1,2 +0,0 @@
-import{b as f}from"./chunk.I5TL5VOW.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
-//# sourceMappingURL=chunk.U3ETAM2U.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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: string = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
-  "mappings": "wCAOe,WAAmB,EAAoB,IAAK,CACzD,MAAO,IAAS,EAAO,OAAS,GAAG,IAAY,EAAO,SAAgB,EACxE",
-  "names": []
-}

package/dist/chunks/chunk.U7C6BSJT.js

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

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

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

package/dist/chunks/chunk.UAADPCC6.js

@@ -1,246 +0,0 @@
-import{a as r,b as s}from"./chunk.RGGLFZST.js";import{a as g}from"./chunk.TJZEAEKS.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.UAADPCC6.js.map

package/dist/chunks/chunk.UAADPCC6.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} from 'lit/decorators.js';\nimport {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport styles from './scss/scw-card.scss';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {ScwCardSizes, ScwCardActions} from './scw-card-enums';\nimport parseLightDomCard from './scw-card-light-dom';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport {Components} from '../utils/enums/Components';\nimport getSuffix from '../utils/suffix';\nimport {ScwHeadingSizes} from '../scw-heading/scw-heading-enums';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/**\n * ScwCard a first LitElement web component\n * @class\n * @tag scw-card\n *\n * @slot [default=\"<img src alt /><h1, h2, h3 /><sup /><p />\"]\n    The parts of scw-card are configured via nested html elements.\n    img defines the image, heading the main heading, sup the category heading,\n    and p the descriptive text. Only headings is required (with src, srcset,\n    and alt attributes).\n * @slot [default=\"<img src alt /><h1, h2, h3 /><sup /><p /><a />\"]\n    Adding an anchor will show a link.\n * @slot [default=\"<a><img src alt /><h1, h2, h3 /><sup /><p /></a>\"]\n    Wrapping the entire content in an anchor will make it interactive\n */\nexport default class ScwCard extends ScwLinkBase {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwCard ====================================================\n  /** (ScwCard) The src of the image within the card */\n  @property() src: string | undefined;\n\n  /** (ScwCard) The srcset of the image within the card */\n  @property() srcset: string | undefined;\n\n  /** (ScwCard) Alternative description of the image. */\n  @property() alt: string | undefined;\n\n  /** (ScwCard) Main title or header of the card (determined by\n  * <h1, h2, h3> content) */\n  @property() heading: string | undefined;\n\n  /** (ScwCard) Super title, describing a category or area pertaining to title\n  * (determined by <sup> content) */\n  @property() superHeading: string | undefined;\n\n  /** (ScwCard) Fuller description of what the card is about (determined by\n  * <p> content) */\n  @property() description: string | undefined;\n\n  /** (ScwCard) Label on the link */\n  @property() linkLabel : string | undefined;\n\n  /** (ScwCard) whether to preload image or not */\n  @property({type: Boolean}) preload: boolean = false;\n\n  // ----------- END STATES ----------------------------------------------------\n  /** (ScwCard) Readonly - Size of the card. This\n  * is determined by the nested html content (h1  = large,\n  * h2 = medium, h3 = small). */\n  @property({type: String, reflect: true})\n    size: ScwCardSizes = ScwCardSizes.large;\n\n  /** (ScwCard) Readonly - The type of action (whole card, link, or none).\n   * This is determined by the use of an anchor tag. */\n  @property({type: String, reflect: true})\n    action: ScwCardActions = ScwCardActions.none;\n\n  /** scw-header with versioning suffix */\n  headerNodeName : any;\n\n  /** scw-image with versioning suffix */\n  imageNodeName : any;\n\n  /** scw-link with versioning suffix */\n  linkNodeName : any;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.card;\n    this.clickHandler = this.clickHandler.bind(this);\n\n    const suffix = getSuffix();\n    this.headerNodeName = unsafeStatic(`scw-${Components.heading}${suffix}`);\n    this.imageNodeName = unsafeStatic(`scw-${Components.image}${suffix}`);\n    this.linkNodeName = unsafeStatic(`scw-${Components.link}${suffix}`);\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    parseLightDomCard(this);\n    super.parseAndValidateLightDom();\n  }\n\n  /**\n  * Handle click event from link so it doesn't trigger twice\n  * @param {Event} evt\n  */\n  clickHandler(evt : Event) {\n    evt.stopPropagation();\n    this.click();\n  }\n\n  /**\n  * change the main heading to be the error.\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    this.heading = `error: ${message}`;\n    ScwComponent.prototype.warn.call(this, message );\n  }\n\n  /**\n  * Render image area\n  * @return {object} component DOM\n  */\n  renderImage() {\n    if (\n      ( this.src || this.srcset ) &&\n      this.alt ) {\n      return html`\n        <scw-image\n          class=\"image-box\"\n          src=\"${ifDefined(this.src)}\"\n          srcset=\"${ifDefined(this.srcset)}\"\n          alt=\"${this.alt}\"\n          preload=\"${ifDefined(this.preload ? 'true' : undefined)}\"\n          object-fit=\"cover\">\n      </scw-image>\n      `;\n    }\n  }\n\n  /**\n  * Render link area\n  * @return {object} component DOM\n  */\n  renderButton() {\n    if ( this.action === ScwCardActions.link) {\n      return html`\n        <scw-link\n          aria-label=\"${this.linkLabel ? this.linkLabel : 'no label'}\" \n          @click=\"${this.clickHandler}\">\n        </scw-link>`;\n    }\n    return null;\n  }\n\n  /**\n   * get string to use in the size attribute of scw-header\n   * @return {string}\n   */\n  getSizeStringForHeader() {\n    switch (this.size) {\n      case ScwCardSizes.large:\n        return 'h1';\n      case ScwCardSizes.medium:\n        return 'h2';\n      case ScwCardSizes.small:\n        return 'h3';\n    }\n  }\n\n  /**\n  * render body\n  * @return {object} component DOM\n  */\n  renderBody() : object {\n    return html`\n       ${this.renderImage()}\n       ${this.superHeading ?\n          html`\n          <div class=\"super-heading\">\n            ${this.superHeading}\n          </div>` : ''\n        }\n       <scw-heading\n          style=\"--scw-color-04: var( --scw-color-grey-02 );\"\n          dynamic class=\"heading\"\n          aria-label=\"${ifDefined(this.heading)}\"\n          size=\"${this.getSizeStringForHeader() as ScwHeadingSizes}\">\n        </scw-heading>\n       ${this.description ?\n          html`\n          <div class=\"description\">\n            ${this.description}\n          </div>` : ''\n        }`;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render() : object {\n    if (this.action === ScwCardActions.whole) {\n      return this.renderBody();\n    } else {\n      return html`\n        ${this.renderBody()}\n        ${this.renderButton()}`;\n    };\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/chunks/chunk.UDWCK6HZ.js

@@ -1,36 +0,0 @@
-import{a as o}from"./chunk.2XYCU7NE.js";import{a as d}from"./chunk.XFUMTMQ5.js";import{a as m}from"./chunk.VB3TV2S3.js";import{a as r,b as n,e as s}from"./chunk.HCMPRDIX.js";import{a}from"./chunk.ZS4C3T6Z.js";import{g as i}from"./chunk.5YJY6NT6.js";var l=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 {
-  display: inline-flex;
-}
-:host nav {
-  display: inline-block;
-  width: 100%;
-}
-:host .heading-label {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-  margin: 0 !important;
-}`;var t=class extends s{constructor(){super();this.ariaLabel="";this.ariaHidden="false";this.keyboardDirection="either";this.element="menu",this.setAttribute("tabindex","0"),this.setAttribute("scw-flex-h-initial","")}static get styles(){return[super.styles,l]}firstUpdated(e){super.firstUpdated(e),this._keyboardManager=new d(this)}connectedCallback(){super.connectedCallback(),this._menuItem=this.findMenuItem(),this._menuItem&&this._menuItem.setAttribute("aria-expanded","false"),this.setAttribute("role",this.isSubMenu()?"menu":"menubar")}findMenuItem(){let e=this.previousElementSibling;if(e&&e.nodeName.indexOf("SCW-MENU-ITEM")===0)return e}isSubMenu(){return this._menuItem!==void 0}parseAndValidateLightDom(){super.parseAndValidateLightDom(),o(this)}render(){return this.style&&(this.style.display=this.ariaHidden==="true"?"none":""),this.isSubMenu()&&this._menuItem&&this._menuItem.setAttribute("aria-expanded",this.ariaHidden==="true"?"false":"true"),a`<slot></slot>`}};i([n({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),i([n({type:String,attribute:"aria-hidden"})],t.prototype,"ariaHidden",2),i([n({type:m,attribute:"keyboard-direction"})],t.prototype,"keyboardDirection",2);export{t as a};
-//# sourceMappingURL=chunk.UDWCK6HZ.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-menu/scss/scw-menu.scss", "../../src/scw-menu/ScwMenu.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 {\n  display: inline-flex;\n}\n:host nav {\n  display: inline-block;\n  width: 100%;\n}\n:host .heading-label {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n  margin: 0 !important;\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport styles from './scss/scw-menu.scss';\nimport validate from './scw-menu-validate';\nimport ScwMenuKeyboard from './keyboard/scw-menu-keyboard';\nimport ScwMenuItem from '../scw-menu-item/ScwMenuItem';\nimport {ScwMenuDirections} from './scw-menu-enums';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwMenu\n * @class\n * @tag scw-menu\n *\n * @slot [default=\"<scw-menu-item />...\"]\n    List of scw-menu-items\n */\nexport default class ScwMenu extends ScwComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwMenu ================================================\n  /**\n  * (<ScwMenu>) Base name of the navigation announced in screen readers\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'aria-label'})\n    ariaLabel: string = '';\n\n  /**\n  * (<ScwMenu>) Turns menu visible and invisible (ADA friendly)\n  * @type {string}\n  */\n  @property({type: String, attribute: 'aria-hidden'})\n    ariaHidden: string = 'false';\n\n  /**\n  * (<ScwMenu>) determines some arrow key differences\n  * (either, horizontal, vertical)\n  * @type {ScwMenuDirections}\n  */\n  @property({type: ScwMenuDirections, attribute: 'keyboard-direction'})\n    keyboardDirection: ScwMenuDirections = ScwMenuDirections.either;\n\n  /** Manages all keyboard events */\n  _keyboardManager : ScwMenuKeyboard | undefined;\n\n  /** keeps track of the menu item controling this menu */\n  _menuItem : ScwMenuItem | undefined;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.menu;\n    // this.setAttribute('role', 'menu' );\n    this.setAttribute('tabindex', '0');\n    this.setAttribute('scw-flex-h-initial', '');// defaults to flex-h\n    // off for ssr\n    // this._keyboardManager = new ScwMenuKeyboard(this);\n  }\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps: Map<string | number | symbol, unknown>): void {\n    super.firstUpdated(changedProps);\n    this._keyboardManager = new ScwMenuKeyboard(this);\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    // menu will always come directly after it's scw-menu-item\n    this._menuItem = this.findMenuItem();\n    if (this._menuItem) {\n      this._menuItem.setAttribute('aria-expanded', 'false');\n    }\n    this.setAttribute('role', this.isSubMenu() ? 'menu' : 'menubar');\n  }\n\n  /**\n   * determines if this menu item has a sub menu\n   * @return {ScwMenuItem | undefined}\n   */\n  findMenuItem() {\n    const prev = this.previousElementSibling;\n    // if (prev && prev['element'] === Components.menuItem) {\n    // the component may not be initialized yet...\n    if (prev && prev.nodeName.indexOf('SCW-MENU-ITEM') === 0 ) {\n      return prev as unknown as ScwMenuItem;\n    }\n    return undefined;\n  }\n\n  /**\n  * Is this a nested menu or not...\n  * @return {boolean}\n  */\n  isSubMenu() : boolean {\n    return ( this._menuItem !== undefined ) ? true : false;\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    validate( this );\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    if (this.style) {\n      this.style.display = this.ariaHidden === 'true' ? 'none' : '';\n    }\n\n    if (this.isSubMenu() && this._menuItem) {\n      this._menuItem.setAttribute(\n        'aria-expanded',\n        this.ariaHidden === 'true' ? 'false' : 'true',\n      );\n    }\n\n    /* return html`\n      <nav\n        aria-label=\"${this.ariaLabel} navigation\"\n        role=\"${this.isSubMenu() ? 'menu' : 'menubar'}\">\n        <slot></slot>\n      </nav>`;*/\n\n    return html`<slot></slot>`;\n  }\n}\n"],
-  "mappings": "yPACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCiBf,mBAAqC,EAAa,CA2ChD,aAAc,CACZ,MAAM,EA3BN,eAAoB,GAOpB,gBAAqB,QAQrB,uBAAuC,SAavC,KAAK,QAAU,OAEf,KAAK,aAAa,WAAY,GAAG,EACjC,KAAK,aAAa,qBAAsB,EAAE,CAG5C,WA/CY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAgDA,aAAa,EAA4D,CACvE,MAAM,aAAa,CAAY,EAC/B,KAAK,iBAAmB,GAAI,GAAgB,IAAI,CAClD,CAGA,mBAA0B,CACxB,MAAM,kBAAkB,EAExB,KAAK,UAAY,KAAK,aAAa,EAC/B,KAAK,WACP,KAAK,UAAU,aAAa,gBAAiB,OAAO,EAEtD,KAAK,aAAa,OAAQ,KAAK,UAAU,EAAI,OAAS,SAAS,CACjE,CAMA,cAAe,CACb,GAAM,GAAO,KAAK,uBAGlB,GAAI,GAAQ,EAAK,SAAS,QAAQ,eAAe,IAAM,EACrD,MAAO,EAGX,CAMA,WAAsB,CACpB,MAAS,MAAK,YAAc,MAC9B,CAGA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,EAAU,IAAK,CACjB,CAMA,QAAiB,CACf,MAAI,MAAK,OACP,MAAK,MAAM,QAAU,KAAK,aAAe,OAAS,OAAS,IAGzD,KAAK,UAAU,GAAK,KAAK,WAC3B,KAAK,UAAU,aACb,gBACA,KAAK,aAAe,OAAS,QAAU,MACzC,EAUK,gBACT,CACF,EA7GI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,YAAY,CAAC,GAC9D,AAjBJ,EAiBI,yBAOA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,aAAa,CAAC,GAChD,AAxBJ,EAwBI,0BAQA,GADF,AAAC,EAAS,CAAC,KAAM,EAAmB,UAAW,oBAAoB,CAAC,GAClE,AAhCJ,EAgCI",
-  "names": []
-}

package/dist/chunks/chunk.UERHHZYW.js

@@ -1,2 +0,0 @@
-import{a as m}from"./chunk.AY3YRO2L.js";import{a as o,b as p}from"./chunk.WQARFGAY.js";import{a as r}from"./chunk.WO7EIYQ3.js";var t=class{constructor(n,i,s,c){this.responsiveType="none";this.breakpoints=[];this.attrBreakpoints={};this.stylesCompiled="";this.uuid="";this.uuid=`res-${t.instanceIndex++}`,this.mediaQueryHandler=this.mediaQueryHandler.bind(this),this.responsiveInfo=n,this.responsiveClient=i||n,this.responsiveObserved=s||document,this.responsiveClientSelector=c,this.responsiveType=this.responsiveObserved===document?"viewport":"element",this.connect()}run(){this.mediaQueryHandler()}connect(){m(this),o(this)}disconnect(){r.removeBreakpointListener(this.breakpoints,this.mediaQueryHandler)}mediaQueryHandler(){p(this)}},e=t;e.instanceIndex=0;export{e as a};
-//# sourceMappingURL=chunk.UERHHZYW.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/responsive/ResponsiveElement.ts"],
-  "sourcesContent": ["import ScwComponent from '../../scw-component/ScwComponent';\nimport {\n  Breakpoint,\n  ResponsiveTypes,\n} from './BreakpointTypes';\nimport {\n  connectAttributes,\n  mediaQueryHandler,\n} from './connectAttributes';\nimport mediaQueryListSingleton from '../observers/mediaQueryListSingleton';\nimport {processAttributes} from './processAttributes';\n\n/**\n * Handles Responsive Functionality for any ScwComponent\n */\nexport default class ResponsiveElement {\n  static instanceIndex = 0;\n\n  /**\n  * constructor\n  * @param {ScwComponent} responsiveInfo\n  * @param {HTMLElement} responsiveClient\n  * @param {HTMLElement} responsiveObserved\n  * @param {string} responsiveClientSelector\n  */\n  constructor(\n    responsiveInfo : ScwComponent,\n    responsiveClient? : HTMLElement | ScwComponent,\n    responsiveObserved? : HTMLElement | ScwComponent,\n    responsiveClientSelector? : string,\n  ) {\n    this.uuid = `res-${ResponsiveElement.instanceIndex++}`;\n    this.mediaQueryHandler = this.mediaQueryHandler.bind(this);\n\n    this.responsiveInfo = responsiveInfo;\n    // if client is not sent it is the same as the info element\n    this.responsiveClient =\n      responsiveClient ? responsiveClient : responsiveInfo;\n    this.responsiveObserved =\n      responsiveObserved ? responsiveObserved : document;\n\n    this.responsiveClientSelector = responsiveClientSelector;\n\n    this.responsiveType = ( this.responsiveObserved === document ) ?\n      ResponsiveTypes.viewport : ResponsiveTypes.element;\n\n    this.connect();\n  }\n\n  /**\n   * run\n   */\n  run() {\n    this.mediaQueryHandler();\n  }\n\n  /** contains the resize information */\n  responsiveInfo: ScwComponent;\n\n  /** gets manipulated */\n  responsiveClient: HTMLElement | ScwComponent;\n\n  /** querySelector to find client  */\n  responsiveClientSelector: string | undefined;\n\n  /** the observed */\n  responsiveObserved: HTMLElement | ScwComponent | Document;\n\n  /** viewport or element level responsivness */\n  responsiveType: ResponsiveTypes = ResponsiveTypes.none;\n\n  /** list of breakpoints to watch */\n  breakpoints : Breakpoint[] = [];\n\n  /** list of breakpoints to watch */\n  attrBreakpoints : {[key:string]:Breakpoint[]} = {};\n\n  /** all styles pulled into a single string */\n  stylesCompiled : string = '';\n\n  /** unique (enough) identifier for connecting classes/style */\n  uuid : string = '';\n\n  /**\n  * Register base element to deal with responsiveness\n  */\n  connect() {\n    processAttributes( this );\n    connectAttributes( this );\n  }\n\n  /** clean up any connections */\n  disconnect() {\n    mediaQueryListSingleton.removeBreakpointListener(\n      this.breakpoints,\n      this.mediaQueryHandler,\n    );\n  }\n\n  /**\n  * route media query handler back to connect attributes\n  * @param {MediaQueryListEvent} evt\n  */\n  mediaQueryHandler() {\n    mediaQueryHandler( this );\n  }\n}\n\n\n"],
-  "mappings": "+HAeA,WAAuC,CAUrC,YACE,EACA,EACA,EACA,EACA,CAuCF,oBAAkC,OAGlC,iBAA6B,CAAC,EAG9B,qBAAgD,CAAC,EAGjD,oBAA0B,GAG1B,UAAgB,GAlDd,KAAK,KAAO,OAAO,EAAkB,kBACrC,KAAK,kBAAoB,KAAK,kBAAkB,KAAK,IAAI,EAEzD,KAAK,eAAiB,EAEtB,KAAK,iBACH,GAAsC,EACxC,KAAK,mBACH,GAA0C,SAE5C,KAAK,yBAA2B,EAEhC,KAAK,eAAmB,KAAK,qBAAuB,SAClD,WAA2B,UAE7B,KAAK,QAAQ,CACf,CAKA,KAAM,CACJ,KAAK,kBAAkB,CACzB,CAgCA,SAAU,CACR,EAAmB,IAAK,EACxB,EAAmB,IAAK,CAC1B,CAGA,YAAa,CACX,EAAwB,yBACtB,KAAK,YACL,KAAK,iBACP,CACF,CAMA,mBAAoB,CAClB,EAAmB,IAAK,CAC1B,CACF,EA3FA,IACS,AADT,EACS,cAAgB",
-  "names": []
-}

package/dist/chunks/chunk.UFYA7GJU.js

@@ -1,36 +0,0 @@
-import{a as o}from"./chunk.2XYCU7NE.js";import{a as d}from"./chunk.SPEZE3RA.js";import{a as m}from"./chunk.VB3TV2S3.js";import{a as r,b as n,e as s}from"./chunk.HCMPRDIX.js";import{a}from"./chunk.ZS4C3T6Z.js";import{g as i}from"./chunk.5YJY6NT6.js";var l=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 {
-  display: inline-flex;
-}
-:host nav {
-  display: inline-block;
-  width: 100%;
-}
-:host .heading-label {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-  margin: 0 !important;
-}`;var t=class extends s{constructor(){super();this.ariaLabel="";this.ariaHidden="false";this.keyboardDirection="either";this.element="menu",this.setAttribute("tabindex","0"),this.setAttribute("scw-flex-h-initial","")}static get styles(){return[super.styles,l]}firstUpdated(e){super.firstUpdated(e),this._keyboardManager=new d(this)}connectedCallback(){super.connectedCallback(),this._menuItem=this.findMenuItem(),this._menuItem&&this._menuItem.setAttribute("aria-expanded","false"),this.setAttribute("role",this.isSubMenu()?"menu":"menubar")}findMenuItem(){let e=this.previousElementSibling;if(e&&e.nodeName.indexOf("SCW-MENU-ITEM")===0)return e}isSubMenu(){return this._menuItem!==void 0}parseAndValidateLightDom(){super.parseAndValidateLightDom(),o(this)}render(){return this.style&&(this.style.display=this.ariaHidden==="true"?"none":""),this.isSubMenu()&&this._menuItem&&this._menuItem.setAttribute("aria-expanded",this.ariaHidden==="true"?"false":"true"),a`<slot></slot>`}};i([n({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),i([n({type:String,attribute:"aria-hidden"})],t.prototype,"ariaHidden",2),i([n({type:m,attribute:"keyboard-direction"})],t.prototype,"keyboardDirection",2);export{t as a};
-//# sourceMappingURL=chunk.UFYA7GJU.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-menu/scss/scw-menu.scss", "../../src/scw-menu/ScwMenu.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 {\n  display: inline-flex;\n}\n:host nav {\n  display: inline-block;\n  width: 100%;\n}\n:host .heading-label {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n  margin: 0 !important;\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport styles from './scss/scw-menu.scss';\nimport validate from './scw-menu-validate';\nimport ScwMenuKeyboard from './keyboard/scw-menu-keyboard';\nimport ScwMenuItem from '../scw-menu-item/ScwMenuItem';\nimport {ScwMenuDirections} from './scw-menu-enums';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwMenu\n * @class\n * @tag scw-menu\n *\n * @slot [default=\"<scw-menu-item />...\"]\n    List of scw-menu-items\n */\nexport default class ScwMenu extends ScwComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwMenu ================================================\n  /**\n  * (<ScwMenu>) Base name of the navigation announced in screen readers\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'aria-label'})\n    ariaLabel: string = '';\n\n  /**\n  * (<ScwMenu>) Turns menu visible and invisible (ADA friendly)\n  * @type {string}\n  */\n  @property({type: String, attribute: 'aria-hidden'})\n    ariaHidden: string = 'false';\n\n  /**\n  * (<ScwMenu>) determines some arrow key differences\n  * (either, horizontal, vertical)\n  * @type {ScwMenuDirections}\n  */\n  @property({type: ScwMenuDirections, attribute: 'keyboard-direction'})\n    keyboardDirection: ScwMenuDirections = ScwMenuDirections.either;\n\n  /** Manages all keyboard events */\n  _keyboardManager : ScwMenuKeyboard | undefined;\n\n  /** keeps track of the menu item controling this menu */\n  _menuItem : ScwMenuItem | undefined;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.menu;\n    // this.setAttribute('role', 'menu' );\n    this.setAttribute('tabindex', '0');\n    this.setAttribute('scw-flex-h-initial', '');// defaults to flex-h\n    // off for ssr\n    // this._keyboardManager = new ScwMenuKeyboard(this);\n  }\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps: Map<string | number | symbol, unknown>): void {\n    super.firstUpdated(changedProps);\n    this._keyboardManager = new ScwMenuKeyboard(this);\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    // menu will always come directly after it's scw-menu-item\n    this._menuItem = this.findMenuItem();\n    if (this._menuItem) {\n      this._menuItem.setAttribute('aria-expanded', 'false');\n    }\n    this.setAttribute('role', this.isSubMenu() ? 'menu' : 'menubar');\n  }\n\n  /**\n   * determines if this menu item has a sub menu\n   * @return {ScwMenuItem | undefined}\n   */\n  findMenuItem() {\n    const prev = this.previousElementSibling;\n    // if (prev && prev['element'] === Components.menuItem) {\n    // the component may not be initialized yet...\n    if (prev && prev.nodeName.indexOf('SCW-MENU-ITEM') === 0 ) {\n      return prev as unknown as ScwMenuItem;\n    }\n    return undefined;\n  }\n\n  /**\n  * Is this a nested menu or not...\n  * @return {boolean}\n  */\n  isSubMenu() : boolean {\n    return ( this._menuItem !== undefined ) ? true : false;\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    validate( this );\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    if (this.style) {\n      this.style.display = this.ariaHidden === 'true' ? 'none' : '';\n    }\n\n    if (this.isSubMenu() && this._menuItem) {\n      this._menuItem.setAttribute(\n        'aria-expanded',\n        this.ariaHidden === 'true' ? 'false' : 'true',\n      );\n    }\n\n    /* return html`\n      <nav\n        aria-label=\"${this.ariaLabel} navigation\"\n        role=\"${this.isSubMenu() ? 'menu' : 'menubar'}\">\n        <slot></slot>\n      </nav>`;*/\n\n    return html`<slot></slot>`;\n  }\n}\n"],
-  "mappings": "yPACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCiBf,mBAAqC,EAAa,CA2ChD,aAAc,CACZ,MAAM,EA3BN,eAAoB,GAOpB,gBAAqB,QAQrB,uBAAuC,SAavC,KAAK,QAAU,OAEf,KAAK,aAAa,WAAY,GAAG,EACjC,KAAK,aAAa,qBAAsB,EAAE,CAG5C,WA/CY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAgDA,aAAa,EAA4D,CACvE,MAAM,aAAa,CAAY,EAC/B,KAAK,iBAAmB,GAAI,GAAgB,IAAI,CAClD,CAGA,mBAA0B,CACxB,MAAM,kBAAkB,EAExB,KAAK,UAAY,KAAK,aAAa,EAC/B,KAAK,WACP,KAAK,UAAU,aAAa,gBAAiB,OAAO,EAEtD,KAAK,aAAa,OAAQ,KAAK,UAAU,EAAI,OAAS,SAAS,CACjE,CAMA,cAAe,CACb,GAAM,GAAO,KAAK,uBAGlB,GAAI,GAAQ,EAAK,SAAS,QAAQ,eAAe,IAAM,EACrD,MAAO,EAGX,CAMA,WAAsB,CACpB,MAAS,MAAK,YAAc,MAC9B,CAGA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,EAAU,IAAK,CACjB,CAMA,QAAiB,CACf,MAAI,MAAK,OACP,MAAK,MAAM,QAAU,KAAK,aAAe,OAAS,OAAS,IAGzD,KAAK,UAAU,GAAK,KAAK,WAC3B,KAAK,UAAU,aACb,gBACA,KAAK,aAAe,OAAS,QAAU,MACzC,EAUK,gBACT,CACF,EA7GI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,YAAY,CAAC,GAC9D,AAjBJ,EAiBI,yBAOA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,aAAa,CAAC,GAChD,AAxBJ,EAwBI,0BAQA,GADF,AAAC,EAAS,CAAC,KAAM,EAAmB,UAAW,oBAAoB,CAAC,GAClE,AAhCJ,EAgCI",
-  "names": []
-}

package/dist/chunks/chunk.UKX45VM7.js

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

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

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

package/dist/chunks/chunk.UL277WY4.js

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-heading/scss/scw-heading.scss", "../../src/scw-heading/ScwHeading.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\na.scw-link-base h1:hover, a.scw-link-base h2:hover, a.scw-link-base h3:hover, a.scw-link-base h4:hover, a.scw-link-base h5:hover {\n  cursor: pointer;\n  text-decoration: underline;\n}\n\na.scw-link-base[aria-disabled=true] h1, a.scw-link-base[aria-disabled=true] h2, a.scw-link-base[aria-disabled=true] h3, a.scw-link-base[aria-disabled=true] h4, a.scw-link-base[aria-disabled=true] h5,\n:host([anchor][aria-disabled=true]) h1,\n:host([anchor][aria-disabled=true]) h2,\n:host([anchor][aria-disabled=true]) h3,\n:host([anchor][aria-disabled=true]) h4,\n:host([anchor][aria-disabled=true]) h5 {\n  color: var(--scw-color-primary-08);\n}\na.scw-link-base[aria-disabled=true] h1:hover, a.scw-link-base[aria-disabled=true] h2:hover, a.scw-link-base[aria-disabled=true] h3:hover, a.scw-link-base[aria-disabled=true] h4:hover, a.scw-link-base[aria-disabled=true] h5:hover,\n:host([anchor][aria-disabled=true]) h1:hover,\n:host([anchor][aria-disabled=true]) h2:hover,\n:host([anchor][aria-disabled=true]) h3:hover,\n:host([anchor][aria-disabled=true]) h4:hover,\n:host([anchor][aria-disabled=true]) h5:hover {\n  cursor: auto;\n  text-decoration: initial;\n}\n\n:host a {\n  text-decoration: none;\n}\n:host h1, :host h2, :host h3, :host h4, :host h5 {\n  margin: 0;\n  padding: 0;\n}\n:host h1 {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-10-font);\n  color: var(--scw-color-04, var(--scw-color-primary-04));\n}\n:host h2 {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-09-font);\n  color: var(--scw-color-04, var(--scw-color-primary-04));\n}\n:host h3 {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-08-font);\n  color: var(--scw-color-04, var(--scw-color-primary-04));\n}\n:host h4 {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-04, var(--scw-color-primary-04));\n}\n:host h5 {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-06-font);\n  color: var(--scw-color-04, var(--scw-color-primary-04));\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport styles from './scss/scw-heading.scss';\nimport {ScwHeadingSizes} from './scw-heading-enums';\nimport {Components} from '../utils/enums/Components';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport parseLightDomHeading from './parseLightDomHeading';\n\n/**\n * ScwHeading\n * @class\n * @tag scw-heading\n *\n * @slot [default=\"<h1, h2, h3, h4, h5 />\"]\n    heading html (for SEO) will determine the size and label.\n * @slot [default=\"<a href target><h1, h2, h3, h4, h5 /></a>\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target in\n    addition to size and label.\n */\nexport default class ScwHeading extends ScwLinkBase {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwHeading =================================================\n  /**\n  * (ScwHeader) Size of heading (h1, h2, h3, h4, h5)\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    size: ScwHeadingSizes = ScwHeadingSizes.H1;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.heading;\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    parseLightDomHeading(this);\n  }\n\n  /**\n  * renderHeading\n  * @return {object} component DOM\n  */\n  renderHeading(): object {\n    switch ( this.size.toUpperCase() ) {\n      case ScwHeadingSizes.H5:\n        return html`<h5>${this.ariaLabel}</h5>`;\n      case ScwHeadingSizes.H4:\n        return html`<h4>${this.ariaLabel}</h4>`;\n      case ScwHeadingSizes.H3:\n        return html`<h3>${this.ariaLabel}</h3>`;\n      case ScwHeadingSizes.H2:\n        return html`<h2>${this.ariaLabel}</h2>`;\n      case ScwHeadingSizes.H1:\n      default:\n        return html`<h1>${this.ariaLabel}</h1>`;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n      this.renderHeading(),\n    );\n  }\n}\n"],
-  "mappings": "+MACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCkBf,mBAAwC,EAAY,CAsBlD,aAAc,CACZ,MAAM,EANN,UAAwB,KAOxB,KAAK,QAAU,SACjB,WArBY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAmBA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,EAAqB,IAAI,CAC3B,CAMA,eAAwB,CACtB,OAAS,KAAK,KAAK,YAAY,OACxB,KACH,MAAO,SAAW,KAAK,qBACpB,KACH,MAAO,SAAW,KAAK,qBACpB,KACH,MAAO,SAAW,KAAK,qBACpB,KACH,MAAO,SAAW,KAAK,qBACpB,aAEH,MAAO,SAAW,KAAK,iBAE7B,CAMA,QAAiB,CACf,MAAO,MAAK,WACV,KAAK,cAAc,CACrB,CACF,CACF,EA7CI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GACrC,AAjBJ,EAiBI",
-  "names": []
-}

package/dist/chunks/chunk.UM2EZXNH.js

@@ -1,2 +0,0 @@
-function t(e){o(e),u(e),r(e),c(e),i(e)}function i(e){e.action="none";let n=e.querySelector("a");!n||(n.children.length>0?e.action="whole":(e.action="link",e._linkLabel=`${n.textContent}`))}function o(e){e.size="large",e._heading=void 0;let n=e.querySelector("h1, h2, h3");if(!!n){switch(n.nodeName){case"H1":e.size="large";break;case"H2":e.size="medium";break;case"H3":e.size="small";break}e._heading=`${n.textContent}`}}function r(e){e._description=void 0;let n=e.querySelector("p");!n||(e._description=`${n.textContent}`)}function c(e){let n=e.querySelector("img");!n||(e.src=n.src,e.srcset=n.srcset,e.alt=n.alt)}function u(e){e._superHeading=void 0;let n=e.querySelector("sup");!n||(e._superHeading=`${n.textContent}`)}export{t as a};
-//# sourceMappingURL=chunk.UM2EZXNH.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-card/scw-card-light-dom.ts"],
-  "sourcesContent": ["import ScwCard from './ScwCard';\nimport {ScwCardActions, ScwCardSizes} from './scw-card-enums';\n\n/**\n * Parses light dom into variables to be used for rendering\n * @param {ScwCard} scwCard\n */\nexport default function parseLightDomCard( scwCard: ScwCard ) {\n  processHeading( scwCard );\n  processSuperHeading( scwCard );\n  processParagraph( scwCard );\n  processImage( scwCard );\n  processAnchor( scwCard );\n}\n\n/**\n * Process anchor into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processAnchor( scwCard: ScwCard ) {\n  scwCard.action = ScwCardActions.none;\n  const anchor = scwCard.querySelector('a');\n  if ( !anchor ) return;\n  if (anchor.children.length > 0) {\n    scwCard.action = ScwCardActions.whole;\n    // scwCard.link = true;\n  } else {\n    scwCard.action = ScwCardActions.link;\n    scwCard._linkLabel = `${anchor.textContent}`;\n    // scwCard.link = false;\n  }\n}\n\n/**\n * Process heading into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processHeading( scwCard: ScwCard ) {\n  scwCard.size = ScwCardSizes.large;\n  scwCard._heading = undefined;\n  const heading = scwCard.querySelector('h1, h2, h3');\n  if (!heading) return;\n  switch ( heading.nodeName ) {\n    case 'H1':\n      scwCard.size = ScwCardSizes.large;\n      break;\n    case 'H2':\n      scwCard.size = ScwCardSizes.medium;\n      break;\n    case 'H3':\n      scwCard.size = ScwCardSizes.small;\n      break;\n  }\n  scwCard._heading = `${heading.textContent}`;\n}\n\n/**\n * Process paragraph into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processParagraph( scwCard: ScwCard ) {\n  scwCard._description = undefined;\n  const paragraph = scwCard.querySelector('p');\n  if (!paragraph) return;\n  scwCard._description = `${paragraph.textContent}`;\n}\n\n/**\n * Process image into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processImage( scwCard: ScwCard ) {\n  const image = scwCard.querySelector('img');\n  if (!image) return;\n  scwCard.src = image.src;\n  scwCard.srcset = image.srcset;\n  scwCard.alt = image.alt;\n}\n\n/**\n * Process paragraph into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processSuperHeading( scwCard: ScwCard ) {\n  scwCard._superHeading = undefined;\n  const sup = scwCard.querySelector('sup');\n  if (!sup) return;\n  scwCard._superHeading = `${sup.textContent}`;\n}\n"],
-  "mappings": "AAOe,WAA4B,EAAmB,CAC5D,EAAgB,CAAQ,EACxB,EAAqB,CAAQ,EAC7B,EAAkB,CAAQ,EAC1B,EAAc,CAAQ,EACtB,EAAe,CAAQ,CACzB,CAMA,WAAwB,EAAmB,CACzC,EAAQ,OAAS,OACjB,GAAM,GAAS,EAAQ,cAAc,GAAG,EACxC,AAAK,CAAC,GACN,CAAI,EAAO,SAAS,OAAS,EAC3B,EAAQ,OAAS,QAGjB,GAAQ,OAAS,OACjB,EAAQ,WAAa,GAAG,EAAO,eAGnC,CAMA,WAAyB,EAAmB,CAC1C,EAAQ,KAAO,QACf,EAAQ,SAAW,OACnB,GAAM,GAAU,EAAQ,cAAc,YAAY,EAClD,GAAI,EAAC,EACL,QAAS,EAAQ,cACV,KACH,EAAQ,KAAO,QACf,UACG,KACH,EAAQ,KAAO,SACf,UACG,KACH,EAAQ,KAAO,QACf,MAEJ,EAAQ,SAAW,GAAG,EAAQ,cAChC,CAMA,WAA2B,EAAmB,CAC5C,EAAQ,aAAe,OACvB,GAAM,GAAY,EAAQ,cAAc,GAAG,EAC3C,AAAI,CAAC,GACL,GAAQ,aAAe,GAAG,EAAU,cACtC,CAMA,WAAuB,EAAmB,CACxC,GAAM,GAAQ,EAAQ,cAAc,KAAK,EACzC,AAAI,CAAC,GACL,GAAQ,IAAM,EAAM,IACpB,EAAQ,OAAS,EAAM,OACvB,EAAQ,IAAM,EAAM,IACtB,CAMA,WAA8B,EAAmB,CAC/C,EAAQ,cAAgB,OACxB,GAAM,GAAM,EAAQ,cAAc,KAAK,EACvC,AAAI,CAAC,GACL,GAAQ,cAAgB,GAAG,EAAI,cACjC",
-  "names": []
-}