scu-web-components 0.0.42 → 0.0.44

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

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

package/dist/chunks/{chunk.SVM4PG7P.js → chunk.3UEHBCHI.js}

@@ -1,4 +1,4 @@
-import{a as i}from"./chunk.OOCO42E3.js";import{d as s}from"./chunk.GX274VLQ.js";import{a as o}from"./chunk.MHJFJRA2.js";import{a as t}from"./chunk.3IG37SCP.js";import{a}from"./chunk.PKA6D7UK.js";import{g as e}from"./chunk.5YJY6NT6.js";var c=t`
+import{a as o,d as s}from"./chunk.XWFI56OY.js";import{a as e}from"./chunk.3IG37SCP.js";import{a}from"./chunk.PKA6D7UK.js";import{g as t}from"./chunk.5YJY6NT6.js";var i=e`
 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;
@@ -55,5 +55,5 @@ a.scw-link-base[aria-disabled=true] h1:hover, a.scw-link-base[aria-disabled=true
   padding: 0;
   color: var(--scw-color-04, var(--scw-color-grey-02));
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1oZWFkaW5nL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1oZWFkaW5nLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19kZWZhdWx0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaGVhZGluZy9fc2l6ZS1oMi1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWhlYWRpbmcvX3NpemUtaDMtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19zaXplLWg0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaGVhZGluZy9fc2l6ZS1oNS1sYWJlbC1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQkU7RUFDRTtFQUNBOzs7QUFRRjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7RUFDRSxPQ3BCSTs7QURzQk47QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0VBQ0U7RUFDQTs7O0FBT0Y7RUFDRTs7QUFHRjtFRXBDQTtFQUNBO0VBRUU7O0FGb0NGO0VHdkNBO0VBQ0E7RUFFRTs7QUh1Q0Y7RUkxQ0E7RUFDQTtFQUVFOztBSjBDRjtFSzdDQTtFQUNBO0VBRUU7O0FMNkNGO0VNaERBO0VBQ0E7RUFFRTs7QU5pREY7RUFDRTtFQUFXO0VBQ1gifQ== */`;var r=class extends s{constructor(){super();this.size="H1";this.element="heading"}static get styles(){return[super.styles,c]}parseAndValidateLightDom(){super.parseAndValidateLightDom(),i(this)}renderHeading(){switch(this.size.toUpperCase()){case"H5":return a`<h5>${this.ariaLabel}</h5>`;case"H4":return a`<h4>${this.ariaLabel}</h4>`;case"H3":return a`<h3>${this.ariaLabel}</h3>`;case"H2":return a`<h2>${this.ariaLabel}</h2>`;case"H1":default:return a`<h1>${this.ariaLabel}</h1>`}}render(){return this.renderLink(this.renderHeading())}};e([o({type:String,reflect:!0})],r.prototype,"size",2);export{r as a};
-//# sourceMappingURL=chunk.SVM4PG7P.js.map
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1oZWFkaW5nL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1oZWFkaW5nLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19kZWZhdWx0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaGVhZGluZy9fc2l6ZS1oMi1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWhlYWRpbmcvX3NpemUtaDMtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19zaXplLWg0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaGVhZGluZy9fc2l6ZS1oNS1sYWJlbC1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQkU7RUFDRTtFQUNBOzs7QUFRRjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7RUFDRSxPQ3BCSTs7QURzQk47QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0VBQ0U7RUFDQTs7O0FBT0Y7RUFDRTs7QUFHRjtFRXBDQTtFQUNBO0VBRUU7O0FGb0NGO0VHdkNBO0VBQ0E7RUFFRTs7QUh1Q0Y7RUkxQ0E7RUFDQTtFQUVFOztBSjBDRjtFSzdDQTtFQUNBO0VBRUU7O0FMNkNGO0VNaERBO0VBQ0E7RUFFRTs7QU5pREY7RUFDRTtFQUFXO0VBQ1gifQ== */`;var r=class extends s{constructor(){super();this.size="H1";this.element="heading"}static get styles(){return[super.styles,i]}renderHeading(){switch(this.size.toUpperCase()){case"H5":return a`<h5>${this.ariaLabel}</h5>`;case"H4":return a`<h4>${this.ariaLabel}</h4>`;case"H3":return a`<h3>${this.ariaLabel}</h3>`;case"H2":return a`<h2>${this.ariaLabel}</h2>`;case"H1":default:return a`<h1>${this.ariaLabel}</h1>`}}render(){return this.renderHeading()}};t([o({type:String,reflect:!0})],r.prototype,"size",2);export{r as a};
+//# sourceMappingURL=chunk.3UEHBCHI.js.map

package/dist/chunks/{chunk.SVM4PG7P.js.map → chunk.3UEHBCHI.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../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 {\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:host h1, :host h2, :host h3, :host h4, :host h5 {\n  margin: 0;\n  padding: 0;\n  color: var(--scw-color-04, var(--scw-color-grey-02));\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1oZWFkaW5nL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1oZWFkaW5nLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19kZWZhdWx0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaGVhZGluZy9fc2l6ZS1oMi1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWhlYWRpbmcvX3NpemUtaDMtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19zaXplLWg0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaGVhZGluZy9fc2l6ZS1oNS1sYWJlbC1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQkU7RUFDRTtFQUNBOzs7QUFRRjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7RUFDRSxPQ3BCSTs7QURzQk47QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0VBQ0U7RUFDQTs7O0FBT0Y7RUFDRTs7QUFHRjtFRXBDQTtFQUNBO0VBRUU7O0FGb0NGO0VHdkNBO0VBQ0E7RUFFRTs7QUh1Q0Y7RUkxQ0E7RUFDQTtFQUVFOztBSjBDRjtFSzdDQTtFQUNBO0VBRUU7O0FMNkNGO0VNaERBO0VBQ0E7RUFFRTs7QU5pREY7RUFDRTtFQUFXO0VBQ1gifQ== */`;\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": "2OACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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;qvCCkBf,IAAqBC,EAArB,cAAwCC,CAAY,CAsBlD,aAAc,CACZ,MAAM,EANN,eAOA,KAAK,iBACP,CArBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAmBA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/BC,EAAqB,IAAI,CAC3B,CAMA,eAAwB,CACtB,OAAS,KAAK,KAAK,YAAY,YAE3B,OAAOC,QAAW,KAAK,0BAEvB,OAAOA,QAAW,KAAK,0BAEvB,OAAOA,QAAW,KAAK,0BAEvB,OAAOA,QAAW,KAAK,kCAGvB,OAAOA,QAAW,KAAK,iBAE7B,CAMA,QAAiB,CACf,OAAO,KAAK,WACR,KAAK,cAAc,CACvB,CACF,CACF,EA7CIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBN,EAiBjB",
-  "names": ["scw_heading_default", "i", "ScwHeading", "ScwLinkBase", "scw_heading_default", "parseLightDomHeading", "y", "__decorateClass", "e"]
+  "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 {\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:host h1, :host h2, :host h3, :host h4, :host h5 {\n  margin: 0;\n  padding: 0;\n  color: var(--scw-color-04, var(--scw-color-grey-02));\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1oZWFkaW5nL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1oZWFkaW5nLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19kZWZhdWx0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaGVhZGluZy9fc2l6ZS1oMi1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWhlYWRpbmcvX3NpemUtaDMtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1oZWFkaW5nL19zaXplLWg0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaGVhZGluZy9fc2l6ZS1oNS1sYWJlbC1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQkU7RUFDRTtFQUNBOzs7QUFRRjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7RUFDRSxPQ3BCSTs7QURzQk47QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0VBQ0U7RUFDQTs7O0FBT0Y7RUFDRTs7QUFHRjtFRXBDQTtFQUNBO0VBRUU7O0FGb0NGO0VHdkNBO0VBQ0E7RUFFRTs7QUh1Q0Y7RUkxQ0E7RUFDQTtFQUVFOztBSjBDRjtFSzdDQTtFQUNBO0VBRUU7O0FMNkNGO0VNaERBO0VBQ0E7RUFFRTs7QU5pREY7RUFDRTtFQUFXO0VBQ1gifQ== */`;\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 ScwComponent from 'scw-component/ScwComponent';\n\n/**\n * ScwHeading\n * @class\n * @tag scw-heading\n */\nexport default class ScwHeading extends ScwComponent {\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  /**\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.renderHeading();\n  }\n}\n"],
+  "mappings": "kKACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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;qvCCWf,IAAqBC,EAArB,cAAwCC,CAAa,CAsBnD,aAAc,CACZ,MAAM,EANN,eAOA,KAAK,iBACP,CArBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAsBA,eAAwB,CACtB,OAAS,KAAK,KAAK,YAAY,YAE3B,OAAOC,QAAW,KAAK,0BAEvB,OAAOA,QAAW,KAAK,0BAEvB,OAAOA,QAAW,KAAK,0BAEvB,OAAOA,QAAW,KAAK,kCAGvB,OAAOA,QAAW,KAAK,iBAE7B,CAMA,QAAiB,CACf,OAAO,KAAK,cAAc,CAC5B,CACF,EArCIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBL,EAiBjB",
+  "names": ["scw_heading_default", "i", "ScwHeading", "ScwComponent", "scw_heading_default", "y", "__decorateClass", "e"]
 }

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

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.IESW767J.js";customElements.define("scw-center-component",e);
+//# sourceMappingURL=chunk.4ZMVEKNB.js.map

package/dist/chunks/{chunk.DJUNNF3C.js → chunk.6JACVQKT.js}

@@ -1,4 +1,4 @@
-import{a as r}from"./chunk.UXHVIMZV.js";import{a as e}from"./chunk.PD56CY37.js";import{a as s}from"./chunk.MHJFJRA2.js";import{a}from"./chunk.3IG37SCP.js";import{a as l}from"./chunk.PKA6D7UK.js";import{g as c}from"./chunk.5YJY6NT6.js";var n=a`
+import{a as r}from"./chunk.UXHVIMZV.js";import{a as e}from"./chunk.TLLMTMXY.js";import{a as s}from"./chunk.XWFI56OY.js";import{a}from"./chunk.3IG37SCP.js";import{a as l}from"./chunk.PKA6D7UK.js";import{g as c}from"./chunk.5YJY6NT6.js";var n=a`
 :host([design=main]) {
   outline: none;
   background-color: rgba(0, 0, 0, 0);
@@ -205,4 +205,4 @@ import{a as r}from"./chunk.UXHVIMZV.js";import{a as e}from"./chunk.PD56CY37.js";
           <div>${super.renderContent()}</div>
           <div class="selected"></div>
         `):(this.removeAttribute("aria-current"),super.renderContent())}render(){return this.renderLink(this.renderContent())}};c([s({type:String,attribute:"aria-selected"})],t.prototype,"ariaSelected",2);export{t as a};
-//# sourceMappingURL=chunk.DJUNNF3C.js.map
+//# sourceMappingURL=chunk.6JACVQKT.js.map

package/dist/chunks/chunk.6JFSOWAB.js

@@ -0,0 +1,7 @@
+import{d as t}from"./chunk.PKA6D7UK.js";var r=o=>o!=null?o:t;export{r as a};
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+//# sourceMappingURL=chunk.6JFSOWAB.js.map

package/dist/chunks/chunk.6JFSOWAB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../node_modules/lit-html/src/directives/if-defined.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {nothing} from '../lit-html.js';\n\n/**\n * For AttributeParts, sets the attribute if the value is defined and removes\n * the attribute if the value is undefined.\n *\n * For other part types, this directive is a no-op.\n */\nexport const ifDefined = <T>(value: T) => value ?? nothing;\n"],
+  "mappings": "wCAca,IAAAA,EAAgBC,GAAaA,GAAAA,KAAAA,EAASC",
+  "names": ["ifDefined", "value", "nothing"]
+}

package/dist/chunks/chunk.BSXT6VJ5.js

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

package/dist/chunks/chunk.DSSTKNQ5.js

@@ -0,0 +1,28 @@
+import{a as n}from"./chunk.6JFSOWAB.js";import{a as r,c,d as l}from"./chunk.XWFI56OY.js";import{a as o}from"./chunk.3IG37SCP.js";import{a as s}from"./chunk.PKA6D7UK.js";import{g as i}from"./chunk.5YJY6NT6.js";var u=o`
+.scw-link-base {
+  display: block;
+  text-decoration: none;
+}
+.scw-link-base:focus-visible {
+  outline: none;
+  box-shadow: var(--scw-effect-focus-shadow);
+  border-radius: 4px;
+}
+.scw-link-base:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rLWJhc2Uvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstYmFzZS5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0U7RUFDQTs7QUFFQTtFQUNFO0VDazRiRjtFRDkzYkU7O0FBR0Y7RUFDRTtFQUNBIn0= */`;var e=class extends l{constructor(){super();this.element="link-base",this.isLink=!0}static get styles(){return[super.styles,u]}updated(){this.ariaDisabled==="true"?this.addEventListener("click",this.cancelEvent,{capture:!0}):this.removeEventListener("click",this.cancelEvent,{capture:!0})}cancelEvent(t){t.preventDefault(),t.stopImmediatePropagation()}focus(){this.linkAnchor&&this.linkAnchor.focus()}renderLink(t,a){return this.ariaDisabled!=="true"?s`
+        <a
+          class="scw-link-base"
+          style="${n(a)}"
+          href="${this.href?this.href:"javascript:"}"
+          target="${this.target?this.target:"_self"}"
+          aria-label="${this.ariaLabel}">
+          ${t}
+        </a>`:s`
+        <div class="scw-link-base"
+          style="${n(a)}">
+          ${t}
+        </div>`}render(){return this.renderLink(s`${this._lastWarning?this._lastWarning:this.ariaLabel}`)}};i([r({type:String,reflect:!0})],e.prototype,"href",2),i([r({type:String,reflect:!0})],e.prototype,"target",2),i([c("a.scw-link-base")],e.prototype,"linkAnchor",2);export{e as a};
+//# sourceMappingURL=chunk.DSSTKNQ5.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-link-base/scss/scw-link-base.scss", "../../src/scw-link-base/ScwLinkBase.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n.scw-link-base {\n  display: block;\n  text-decoration: none;\n}\n.scw-link-base:focus-visible {\n  outline: none;\n  box-shadow: var(--scw-effect-focus-shadow);\n  border-radius: 4px;\n}\n.scw-link-base:focus:not(:focus-visible) {\n  outline: none;\n  box-shadow: none;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rLWJhc2Uvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstYmFzZS5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0U7RUFDQTs7QUFFQTtFQUNFO0VDazRiRjtFRDkzYkU7O0FBR0Y7RUFDRTtFQUNBIn0= */`;\n", "import {html} from 'lit';\nimport {property, query} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-link-base.scss';\n\n/**\n * ScwLinkBase\n * @class\n * @tag scw-link-base\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwLinkBase extends ScwComponent {/**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwLinkBase =======================================\n  /**\n  * (ScwLinkBase)\n  */\n  @property({type: String, reflect: true})\n    href : string | undefined;\n\n  /**\n  * (ScwLinkBase)\n  */\n  @property({type: String, reflect: true})\n    target : '_blank' | '_parent' | '_self' | '_top' | undefined;\n\n  @query('a.scw-link-base')\n    linkAnchor: HTMLAnchorElement | undefined;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.linkBase;\n    this.isLink = true;\n  }\n\n  /**\n   * request update\n   */\n  updated() {\n    if (this.ariaDisabled === 'true') {\n      this.addEventListener('click', this.cancelEvent, {capture: true} );\n    } else {\n      this.removeEventListener('click', this.cancelEvent, {capture: true} );\n    }\n  }\n\n  /**\n   * cancel event\n   * @param {Event} evt\n   */\n  cancelEvent(evt: Event) {\n    evt.preventDefault();\n    evt.stopImmediatePropagation();\n  }\n\n  /**\n   * focus\n   */\n  focus(): void {\n    if (this.linkAnchor) {\n      this.linkAnchor.focus();\n    }\n  }\n\n  /**\n  * renderLink\n  * @param {object} children\n  * @param {string} styles\n  * @return {object} component DOM\n  */\n  renderLink(children: object, styles?: string): object {\n    if (this.ariaDisabled !== 'true') {\n      return html`\n        <a\n          class=\"scw-link-base\"\n          style=\"${ifDefined(styles)}\"\n          href=\"${this.href ? this.href : 'javascript:'}\"\n          target=\"${this.target ? this.target : '_self'}\"\n          aria-label=\"${this.ariaLabel}\">\n          ${children}\n        </a>`;\n    } else {\n      // need a consistent container for styling\n      return html`\n        <div class=\"scw-link-base\"\n          style=\"${ifDefined(styles)}\">\n          ${children}\n        </div>`;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n        html`${this._lastWarning ? this._lastWarning : this.ariaLabel}`,\n    );\n  }\n}\n"],
+  "mappings": "iNACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ycCiBf,IAAqBC,EAArB,cAAyCC,CAAa,CA6BpD,aAAc,CACZ,MAAM,EACN,KAAK,oBACL,KAAK,OAAS,EAChB,CA9BA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CA8BA,SAAU,CACJ,KAAK,eAAiB,OACxB,KAAK,iBAAiB,QAAS,KAAK,YAAa,CAAC,QAAS,EAAI,CAAE,EAEjE,KAAK,oBAAoB,QAAS,KAAK,YAAa,CAAC,QAAS,EAAI,CAAE,CAExE,CAMA,YAAYC,EAAY,CACtBA,EAAI,eAAe,EACnBA,EAAI,yBAAyB,CAC/B,CAKA,OAAc,CACR,KAAK,YACP,KAAK,WAAW,MAAM,CAE1B,CAQA,WAAWC,EAAkBC,EAAyB,CACpD,OAAI,KAAK,eAAiB,OACjBC;AAAA;AAAA;AAAA,mBAGMC,EAAUF,CAAM;AAAA,kBACjB,KAAK,KAAO,KAAK,KAAO;AAAA,oBACtB,KAAK,OAAS,KAAK,OAAS;AAAA,wBACxB,KAAK;AAAA,YACjBD;AAAA,cAICE;AAAA;AAAA,mBAEMC,EAAUF,CAAM;AAAA,YACvBD;AAAA,eAGV,CAMA,QAAiB,CACf,OAAO,KAAK,WACRE,IAAO,KAAK,aAAe,KAAK,aAAe,KAAK,WACxD,CACF,CACF,EArFIE,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAdpBT,EAejB,oBAMAQ,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GApBpBT,EAqBjB,sBAGAQ,EAAA,CADDE,EAAM,iBAAiB,GAvBLV,EAwBjB",
+  "names": ["scw_link_base_default", "i", "ScwLinkBase", "ScwComponent", "scw_link_base_default", "evt", "children", "styles", "y", "l", "__decorateClass", "e", "i"]
+}

package/dist/chunks/chunk.FNC5OKC3.js

@@ -0,0 +1,2 @@
+import{a as t}from"./chunk.NU46QA6I.js";customElements.define("scw-button",t);
+//# sourceMappingURL=chunk.FNC5OKC3.js.map

package/dist/chunks/chunk.FWRNC4MS.js

@@ -0,0 +1,2 @@
+import{a as i,b as u}from"./chunk.OY5JT4DB.js";import{a as n}from"./chunk.2T4VPIKP.js";var s=class{constructor(e){this.tabbablelist=["menu-item","icon","link","button","BUTTON","A"];this.ignorelist=["scw-menu"];this.menu=e,this.handleKeydown=this.handleKeydown.bind(this),this.initKeyboard(),this.documentClickHandler=this.documentClickHandler.bind(this)}initKeyboard(){this.menu.addEventListener("focusin",e=>{e.target===this.menu&&this.focusOnNextTabbableElement(this.menu),this.menu.setAttribute("tabindex","-1"),n("scw-app-mode-on",this.menu),this.menu.isSubMenu()&&document.addEventListener("click",this.documentClickHandler)}),this.menu.addEventListener("focusout",e=>{e.relatedTarget&&this.menu.contains(e.relatedTarget)||(this.menu.setAttribute("tabindex","0"),n("scw-app-mode-off",this.menu))}),this.menu.addEventListener("keydown",e=>{this.handleKeydown(e)}),this.menu.addEventListener("click",e=>{this.clickHandler(e)})}documentClickHandler(e){let t=e.target;this.menu.contains(t)||this.closeMenu()}closeMenu(e=!1){if(this.menu.isSubMenu()&&(document.removeEventListener("click",this.documentClickHandler),this.menu.ariaHidden="true",this.menu.setAttribute("aria-hidden","true"),e)){let t=this.menu.previousElementSibling;t&&t.element==="menu-item"&&t.focus()}}clickHandler(e){e.preventDefault();let t=e.target;console.log("clickHandler",t),t&&t.element==="menu-item"&&(t.focus(),this.toggleSubMenu())}toggleSubMenu(){let e=this.findSubmenu();return e?(e.ariaHidden==="false"?(e.ariaHidden="true",e.setAttribute("aria-hidden","true")):(e.ariaHidden="false",e.setAttribute("aria-hidden","false"),setTimeout(()=>{e.focus()},0)),!0):!1}focusOnNextTabbableElement(e){i(this.menu,e,"forwards")}focusOnPreviousTabbableElement(e){i(this.menu,e,"backwards")}stopEvent(e){e.stopPropagation(),e.preventDefault()}handleKeydown(e){if(this.menu.isSubMenu()&&e.key==="Tab")if(e.shiftKey){this.focusOnPreviousTabbableElement(),this.stopEvent(e);return}else{this.focusOnNextTabbableElement(),this.stopEvent(e);return}switch(e.key){case"ArrowRight":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowDown":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu():this.focusOnNextTabbableElement(),this.stopEvent(e);break;case"ArrowLeft":this.menu.keyboardDirection==="vertical"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"ArrowUp":this.menu.keyboardDirection==="horizontal"?this.toggleSubMenu()||this.closeMenu(!0):this.focusOnPreviousTabbableElement(),this.stopEvent(e);break;case"Escape":this.closeMenu(!0),this.stopEvent(e);break;case"Home":this.focusOnNextTabbableElement(this.menu),this.stopEvent(e);break;case"End":this.focusOnPreviousTabbableElement(this.menu),this.stopEvent(e);break}}findSubmenu(){let e=u(this.menu);if(e){let t=e.nextElementSibling;if(t&&t.element==="menu")return t}}};export{s as a};
+//# sourceMappingURL=chunk.FWRNC4MS.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-menu/keyboard/scw-menu-keyboard.ts"],
+  "sourcesContent": ["import ScwMenu from '../ScwMenu';\n// import ScwMenuItem from '../scw-menu-item/scw-menu-item';\n// import {dispatchCustomEvent} from '../../utils/customEvents';\n// import ScwComponent from '../scw-component/scw-component';\nimport {emit, ScwEvents} from '../../utils/events/event';\nimport\nfocusOnTabbableElement,\n{\n  findActiveMenuElement,\n} from './keyboardElements';\nimport {ScwMenuDirections} from '../scw-menu-enums';\nimport ScwComponent from '../../scw-component/ScwComponent';\nimport {Components} from '../../utils/enums/Components';\n\n/**\n * ScwMenuKeyboard\n * manages all the keyboard events for ScwMenu\n */\nexport default class ScwMenuKeyboard {\n  /** menu to manage */\n  menu : ScwMenu;\n\n  /** list of elements that are tabbable */\n  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 */\n  ignorelist = ['scw-menu'];\n\n  /**\n  * constructor\n  * @param {ScwMenu} menu\n  */\n  constructor( menu: ScwMenu) {\n    this.menu = menu;\n    this.handleKeydown = this.handleKeydown.bind(this);\n    this.initKeyboard();\n    this.documentClickHandler = this.documentClickHandler.bind(this);\n    // TODO: capture all menuItems at beginning.\n  }\n\n  /**\n  * initialize keyboard event handling for ScwMenu\n  */\n  initKeyboard() {\n    this.menu.addEventListener('focusin', (evt) => {\n      if (evt.target === this.menu) {\n        this.focusOnNextTabbableElement(this.menu);\n      }\n      // take menu out of tab index so we can tab out smoothly\n      this.menu.setAttribute('tabindex', '-1');\n      emit(\n          ScwEvents.appModeOn,\n          this.menu,\n      );\n      if (this.menu.isSubMenu()) {\n        document.addEventListener('click', this.documentClickHandler );\n      }\n    });\n\n    this.menu.addEventListener('focusout', (evt) => {\n      if ( // don't matter if it is still within menu\n        evt.relatedTarget &&\n        this.menu.contains( evt.relatedTarget as unknown as HTMLElement)\n      ) {\n        return;\n      }\n      this.menu.setAttribute('tabindex', '0');\n\n      emit(\n          ScwEvents.appModeOff,\n          this.menu,\n      );\n    });\n\n    this.menu.addEventListener('keydown', (evt: KeyboardEvent) => {\n      this.handleKeydown(evt);\n    });\n\n    this.menu.addEventListener('click', (evt: MouseEvent) => {\n      this.clickHandler(evt);\n    });\n  }\n\n  /**\n   * close menu if clicked anywhere but menu\n   * @param {MouseEvent} evt\n   */\n  documentClickHandler(evt: MouseEvent) {\n    const target = evt.target as unknown as HTMLElement;\n    if (!this.menu.contains(target)) {\n      this.closeMenu();\n    }\n  }\n\n  /**\n   * closes menu if it is a submenu\n   * @param {boolean} doFocus\n   */\n  closeMenu(doFocus = false) {\n    if (this.menu.isSubMenu()) {\n      document.removeEventListener('click', this.documentClickHandler );\n      this.menu.ariaHidden = 'true';\n      this.menu.setAttribute('aria-hidden', 'true');\n\n      if (doFocus) {\n        const menuItem =\n          this.menu.previousElementSibling as unknown as ScwComponent;\n        if (\n          menuItem && menuItem.element === Components.menuItem\n        ) {\n          menuItem.focus();\n        }\n      }\n    }\n  }\n\n  /**\n   * handle clicks within the menu\n   * @param {MouseEvent} evt\n   */\n  clickHandler(evt : MouseEvent) {\n    evt.preventDefault();\n    const target = evt.target as unknown as ScwComponent;\n    console.log('clickHandler', target);\n    if (target && target.element === Components.menuItem) {\n      target.focus();\n      this.toggleSubMenu();\n    }\n  }\n\n  /**\n   * opens/closes submenu if there is one\n   * @return {boolean}\n   */\n  toggleSubMenu() : boolean {\n    const subMenu = this.findSubmenu();\n    if (subMenu) {\n      if (subMenu.ariaHidden === 'false') {\n        subMenu.ariaHidden = 'true';\n        subMenu.setAttribute('aria-hidden', 'true');\n      } else {\n        subMenu.ariaHidden = 'false';\n        subMenu.setAttribute('aria-hidden', 'false');\n        setTimeout(() => {\n          subMenu.focus();\n        }, 0);\n      }\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * Focus on the next tabbable element\n  * @param {HTMLElement} ele\n  */\n  focusOnNextTabbableElement(ele?: HTMLElement) {\n    focusOnTabbableElement( this.menu, ele, 'forwards' );\n  }\n\n  /**\n  * Focus on the previous tabbable element\n  * @param {HTMLElement} ele\n  */\n  focusOnPreviousTabbableElement(ele?: HTMLElement) {\n    focusOnTabbableElement( this.menu, ele, 'backwards' );\n  }\n\n  /**\n  * Fully stops event\n  * @param {KeyboardEvent} evt\n  */\n  stopEvent(evt: Event) {\n    evt.stopPropagation();\n    evt.preventDefault();\n  }\n\n  /**\n  * Handle keyboard down events\n  * @param {KeyboardEvent} evt\n  */\n  handleKeydown(evt : KeyboardEvent) {\n    // figure out extents of Tab\n    if (\n      this.menu.isSubMenu() &&\n      evt.key === 'Tab'\n    ) {\n      if (evt.shiftKey) {// backwards....\n        this.focusOnPreviousTabbableElement();\n        this.stopEvent(evt);\n        return;\n      } else {\n        this.focusOnNextTabbableElement();\n        this.stopEvent(evt);\n        return;\n      }\n    }\n\n    // Otherwise look for keys\n    switch (evt.key) {\n      case 'ArrowRight':\n        if (\n          this.menu.keyboardDirection === ScwMenuDirections.vertical\n        ) {\n          this.toggleSubMenu();\n        } else { // horizontal, either\n          this.focusOnNextTabbableElement();\n        }\n        this.stopEvent(evt);\n        break;\n      case 'ArrowDown':\n        if (\n          this.menu.keyboardDirection === ScwMenuDirections.horizontal\n        ) {\n          this.toggleSubMenu();\n        } else { // vertical, either\n          this.focusOnNextTabbableElement();\n        }\n        this.stopEvent(evt);\n        break;\n      case 'ArrowLeft':\n        if (\n          this.menu.keyboardDirection === ScwMenuDirections.vertical\n        ) {\n          if ( !this.toggleSubMenu() ) {\n            this.closeMenu(true);\n          }\n        } else { // horizontal, either\n          this.focusOnPreviousTabbableElement();\n        }\n        this.stopEvent(evt);\n        break;\n      case 'ArrowUp':\n        if (\n          this.menu.keyboardDirection === ScwMenuDirections.horizontal\n        ) {\n          if ( !this.toggleSubMenu() ) {\n            this.closeMenu(true);\n          }\n        } else { // horizontal, either\n          this.focusOnPreviousTabbableElement();\n        }\n        this.stopEvent(evt);\n        break;\n      case 'Escape':\n        this.closeMenu(true);\n        this.stopEvent(evt);\n        break;\n      case 'Home':\n        this.focusOnNextTabbableElement(this.menu);\n        this.stopEvent(evt);\n        break;\n      case 'End':\n        this.focusOnPreviousTabbableElement(this.menu);\n        this.stopEvent(evt);\n        break;\n    }\n  }\n\n  /**\n  * find the submenu of the focused ScwMenuItem\n  * @return {ScwMenu | undefined}\n  */\n  findSubmenu() : ScwMenu | undefined {\n    const focusedElement = findActiveMenuElement(this.menu);\n    if (focusedElement) {\n      const nextSibling =\n      focusedElement.nextElementSibling;\n      if ( nextSibling && nextSibling['element'] === Components.menu ) {\n        return nextSibling as unknown as ScwMenu;\n      }\n    }\n    return undefined;\n  }\n}\n\n\n"],
+  "mappings": "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",
+  "names": ["ScwMenuKeyboard", "menu", "evt", "emit", "target", "doFocus", "menuItem", "subMenu", "ele", "focusOnTabbableElement", "focusedElement", "findActiveMenuElement", "nextSibling"]
+}

package/dist/chunks/chunk.GAYXGND2.js

@@ -0,0 +1,62 @@
+import{a as o}from"./chunk.FSF6MEVS.js";import{a as d}from"./chunk.A6Q2K43E.js";import{a as e,b as n,d as l}from"./chunk.XWFI56OY.js";import{a}from"./chunk.3IG37SCP.js";import{a as r}from"./chunk.PKA6D7UK.js";import{g as i}from"./chunk.5YJY6NT6.js";var c=a`
+: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 .scw-link-base {
+  display: block;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+:host .scw-link-base img {
+  display: block;
+  position: absolute;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbWFnZS9zY3NzIiwic291cmNlcyI6WyIuLi8uLi9zY3ctY29tcG9uZW50L3Njc3Mvc2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIiwic2N3LWltYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUMyb3RCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEanB0QkY7RUFDRTs7O0FFSEE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQSJ9 */`;var t=class extends l{constructor(){super();this.preload=!1;this.noLazyLoading=!1;this._isIntersecting=!1;this._hasIntersected=!1;this.element="image"}static get styles(){return[super.styles,c]}firstUpdated(s){super.firstUpdated(s),this._resizeHandler=this._resizeHandler.bind(this),this._intersectionHandler=this._intersectionHandler.bind(this),this.noLazyLoading?this._hasIntersected=!0:o.registerCallback(this,this._intersectionHandler)}disconnectedCallback(){super.disconnectedCallback(),o.unregisterCallback(this,this._intersectionHandler)}domMutated(){super.domMutated(),d(this)}_resizeHandler(){this._imageSize=this.clientWidth}_intersectionHandler(s){this._isIntersecting=s,this._hasIntersected=this._hasIntersected?!0:s}renderContainerCss(){if(this.aspectRatio){let s=this.aspectRatio.split(":"),h=parseFloat(s[0]);return`
+        display: block;
+        padding-bottom: ${parseFloat(s[1])/h*100}%;
+        height: 0;`}return""}renderImgCss(){return this.objectFit||this.objectPosition?`
+        position: absolute;
+        top: 0; left: 0;
+        width: 100%; height: 100%;
+        object-fit: ${this.objectFit?this.objectFit:"contain"};
+        object-position: ${this.objectPosition?this.objectPosition:"center"}`:""}renderPreload(){if(this.preload){if(this._imageSize&&this.srcset)return r`<link 
+        rel="preload"
+        as="image"
+        srcset="${this.srcset}"
+        sizes="${this._imageSize}px" />
+      `;if(this.src)return r`<link 
+          rel="preload"
+          as="image"
+          href="${this.src}" />
+        `}}renderContent(){return this._hasIntersected?this._imageSize&&this.srcset?r`
+          ${this.renderPreload()}
+          <img
+            style="${this.renderImgCss()}"
+            srcset="${this.srcset}"
+            sizes="${this._imageSize}px"
+            alt="${this.alt?this.alt:"NO ALT!"}" />`:r`
+          ${this.renderPreload()}
+          <img
+            style="${this.renderImgCss()}"
+            src="${this.src?this.src:!1}"
+            alt="${this.alt?this.alt:"NO ALT!"}" />`:r``}render(){return r`
+      ${this.renderContent()}
+      ${this.renderContainerCss()}
+    `}};i([e({type:String,attribute:"aspect-ratio"})],t.prototype,"aspectRatio",2),i([e({type:String,attribute:"object-fit"})],t.prototype,"objectFit",2),i([e({type:String,attribute:"object-position"})],t.prototype,"objectPosition",2),i([e({type:String})],t.prototype,"srcset",2),i([e({type:String})],t.prototype,"src",2),i([e({type:String})],t.prototype,"alt",2),i([e({type:Boolean})],t.prototype,"preload",2),i([e({type:Boolean,attribute:"no-lazy-loading"})],t.prototype,"noLazyLoading",2),i([n()],t.prototype,"_imageSize",2),i([n()],t.prototype,"_isIntersecting",2),i([n()],t.prototype,"_hasIntersected",2);export{t as a};
+//# sourceMappingURL=chunk.GAYXGND2.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-image/scss/scw-image.scss", "../../src/scw-image/ScwImage.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host .scw-link-base {\n  display: block;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n:host .scw-link-base img {\n  display: block;\n  position: absolute;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbWFnZS9zY3NzIiwic291cmNlcyI6WyIuLi8uLi9zY3ctY29tcG9uZW50L3Njc3Mvc2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIiwic2N3LWltYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUMyb3RCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEanB0QkY7RUFDRTs7O0FFSEE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQSJ9 */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport styles from './scss/scw-image.scss';\nimport {Components} from '../utils/enums/Components';\nimport intersectionObserverSingleton\n  from '../utils/observers/intersectionObserverSingleton';\nimport validate from './scw-image-validate';\nimport ScwComponent from 'scw-component/ScwComponent';\n\n/**\n * ScwImage\n * @class\n * @tag scw-image\n *\n * @slot [default=\"<img src alt />\"]\n    Base image to display. This is generally a LQIP (Low Quality Image\n      Placeholder)\n * @slot [default=\"<a href target><source /><img src alt /></a>\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target in\n    addition to size and label.\n */\nexport default class ScwImage extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwImage =================================================\n  /** (ScwImage) Width:Height ratio */\n  @property({type: String, attribute: 'aspect-ratio'})\n    aspectRatio: string | undefined;// = '2:1';\n\n  /** (ScwImage) Object Fit CSS */\n  @property({type: String, attribute: 'object-fit'})\n    objectFit: string | undefined;// = 'contain';\n\n  /** (ScwImage) Object Position CSS */\n  @property({type: String, attribute: 'object-position'})\n    objectPosition: string | undefined;// = 'center';\n\n  /** (ScwImage) srcset of image */\n  @property({type: String})\n    srcset: string | undefined;\n\n  /** (ScwImage) src of image */\n  @property({type: String})\n    src: string | undefined;// NOTE: \"#\" don't work in chrome w/ inline imgs\n\n  /** (ScwImage) alt of image */\n  @property({type: String})\n    alt: string | undefined;\n\n  /** (ScwImage) whether to preload image or not */\n  @property({type: Boolean})\n    preload = false;\n\n  /** (ScwImage) turn off lazy loading */\n  @property({type: Boolean, attribute: 'no-lazy-loading'})\n    noLazyLoading = false;\n\n  // ====== STATES =============================================================\n  /** (ScwImage) the image size derived from resize observer */\n  @state()\n    _imageSize : number | undefined;\n\n  /** (ScwImage) determines whether element is intersecting */\n  @state()\n    _isIntersecting = false;\n\n  /** (ScwImage) determines whether element has intersected once */\n  @state()\n    _hasIntersected = false;\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.image;\n  }\n\n  /**\n   * first updated\n   * @param {Map<string | number | symbol, unknown>} changedProps\n   */\n  firstUpdated(changedProps: Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    this._resizeHandler = this._resizeHandler.bind(this);\n    this._intersectionHandler = this._intersectionHandler.bind(this);\n    if (!this.noLazyLoading) {\n      intersectionObserverSingleton.registerCallback(\n          this, this._intersectionHandler,\n      );\n    } else {\n      // resizeSingleton.registerCallback(this, this._resizeHandler);\n      this._hasIntersected = true;\n    }\n  }\n\n  /**\n  * disconnect from dom\n  */\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    intersectionObserverSingleton.unregisterCallback(\n        this, this._intersectionHandler,\n    );\n  }\n\n  /**\n   * domMutated\n   */\n  domMutated() {\n    super.domMutated();\n    validate(this);\n  }\n\n  /**\n  * handle resize events\n  */\n  _resizeHandler() {\n    this._imageSize = this.clientWidth;\n  }\n\n  /**\n  * handle resize events\n  * @param {boolean} intersecting\n  * @param {number} ratio\n  */\n  _intersectionHandler(intersecting: boolean) {// }, ratio: number) {\n    this._isIntersecting = intersecting;\n    // images only render once...\n    this._hasIntersected = this._hasIntersected ? true : intersecting;\n  }\n\n  /**\n  * Translate aspect ration string to a number (percent)\n  * @return {string}\n  */\n  renderContainerCss() {\n    if ( this.aspectRatio) {\n      const aspectRatioArr = this.aspectRatio.split(':');\n      const w = parseFloat(aspectRatioArr[0]);\n      const h = parseFloat(aspectRatioArr[1]);\n      const percent = (h / w) * 100;\n      return `\n        display: block;\n        padding-bottom: ${percent}%;\n        height: 0;`;\n    }\n    return ``;\n  }\n\n  /**\n  * Css for image\n  * @return {string}\n  */\n  renderImgCss() : string {\n    if ( this.objectFit || this.objectPosition ) { // this.aspectRatio ) {\n      return `\n        position: absolute;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        object-fit: ${this.objectFit ? this.objectFit : 'contain'};\n        object-position: ${this.objectPosition ?\n          this.objectPosition : 'center'}`;\n    } else {\n      return ``;\n    }\n  }\n\n  /**\n  * render preload link\n  * @return {object} component DOM\n  */\n  renderPreload() : object | undefined {\n    if (this.preload) {\n      if (this._imageSize && this.srcset) {\n        return html`<link \n        rel=\"preload\"\n        as=\"image\"\n        srcset=\"${this.srcset}\"\n        sizes=\"${this._imageSize}px\" />\n      `;\n      } else if (this.src) {\n        return html`<link \n          rel=\"preload\"\n          as=\"image\"\n          href=\"${this.src}\" />\n        `;\n      }\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    if (this._hasIntersected) {\n      if (this._imageSize && this.srcset) {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            srcset=\"${this.srcset}\"\n            sizes=\"${this._imageSize}px\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      } else {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            src=\"${this.src ? this.src : false}\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      }\n    } else {\n      return html``;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      ${this.renderContent()}\n      ${this.renderContainerCss()}\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["scw_image_default", "i", "ScwImage", "ScwComponent", "scw_image_default", "changedProps", "intersectionObserverSingleton_default", "validate", "intersecting", "aspectRatioArr", "w", "y", "__decorateClass", "t"]
+}

package/dist/chunks/{chunk.LXNREJI6.js → chunk.GO5WDIBC.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./chunk.2T4VPIKP.js";import{a as r,d}from"./chunk.MHJFJRA2.js";import{a}from"./chunk.3IG37SCP.js";import{a as c}from"./chunk.PKA6D7UK.js";import{g as i}from"./chunk.5YJY6NT6.js";var s=a`
+import{a as n}from"./chunk.2T4VPIKP.js";import{a as r,d}from"./chunk.XWFI56OY.js";import{a}from"./chunk.3IG37SCP.js";import{a as c}from"./chunk.PKA6D7UK.js";import{g as i}from"./chunk.5YJY6NT6.js";var s=a`
 :host {
   background-color: rgb(255, 255, 255);
   display: flex;
@@ -180,4 +180,4 @@ import{a as n}from"./chunk.2T4VPIKP.js";import{a as r,d}from"./chunk.MHJFJRA2.js
             ${this.feedback} 
           </div>`}
     `}};i([r({type:String})],t.prototype,"feedback",2),i([r({type:String,attribute:"hide-feedback"})],t.prototype,"hideFeedback",2),i([r({type:String,attribute:"left-action-icon"})],t.prototype,"leftActionIcon",2),i([r({type:String,attribute:"right-action-icon"})],t.prototype,"rightActionIcon",2),i([r({type:String,attribute:"right-icon"})],t.prototype,"rightIcon",2),i([r({type:String,attribute:"right-2-icon"})],t.prototype,"right2Icon",2);export{e as a,t as b};
-//# sourceMappingURL=chunk.LXNREJI6.js.map
+//# sourceMappingURL=chunk.GO5WDIBC.js.map

package/dist/chunks/{chunk.4IRJQ7KJ.js → chunk.GWYCKHBI.js}

@@ -1,4 +1,4 @@
-import{d as o}from"./chunk.GX274VLQ.js";import{a}from"./chunk.MHJFJRA2.js";import{a as r}from"./chunk.3IG37SCP.js";import{a as s}from"./chunk.PKA6D7UK.js";import{g as c}from"./chunk.5YJY6NT6.js";var i=r`
+import{a as o,d as a}from"./chunk.XWFI56OY.js";import{a as r}from"./chunk.3IG37SCP.js";import{a as s}from"./chunk.PKA6D7UK.js";import{g as c}from"./chunk.5YJY6NT6.js";var i=r`
 :host {
   display: block;
 }
@@ -23,8 +23,8 @@ import{d as o}from"./chunk.GX274VLQ.js";import{a}from"./chunk.MHJFJRA2.js";impor
   color: var(--scw-color-dark, var(--scw-color-error-dark));
   flex: 1;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1hbGVydC9zY3NzIiwic291cmNlcyI6WyJzY3ctYWxlcnQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19pbmRleC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9faW5kZXgtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9fbWVzc2FnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTtFQUNFOztBQUVBO0VBQ0U7RUFDQSxrQkNWZTtFQzRCakI7RUFDQTtFQUNBO0VBQ0E7RUZuQkU7O0FBR0Y7RUdYQTtFQUNBO0VBRUU7RUFJRjs7QUhRQTtFSWZBO0VBQ0E7RUFFRTtFQUlGIn0= */`;var t=class extends o{constructor(){super();this.description="";this.element="alert"}static get styles(){return[super.styles,i]}render(){return this.renderLink(s`
-        <span class="message">${this.ariaLabel}</span>
-        <span class="description">${this.description}</span>
-      `)}};c([a({type:String})],t.prototype,"description",2);export{t as a};
-//# sourceMappingURL=chunk.4IRJQ7KJ.js.map
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1hbGVydC9zY3NzIiwic291cmNlcyI6WyJzY3ctYWxlcnQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19pbmRleC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9faW5kZXgtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9fbWVzc2FnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTtFQUNFOztBQUVBO0VBQ0U7RUFDQSxrQkNWZTtFQzRCakI7RUFDQTtFQUNBO0VBQ0E7RUZuQkU7O0FBR0Y7RUdYQTtFQUNBO0VBRUU7RUFJRjs7QUhRQTtFSWZBO0VBQ0E7RUFFRTtFQUlGIn0= */`;var t=class extends a{constructor(){super();this.description="";this.element="alert"}static get styles(){return[super.styles,i]}render(){return s`
+      <span class="message">${this.ariaLabel}</span>
+      <span class="description">${this.description}</span>
+    `}};c([o({type:String})],t.prototype,"description",2);export{t as a};
+//# sourceMappingURL=chunk.GWYCKHBI.js.map

package/dist/chunks/{chunk.4IRJQ7KJ.js.map → chunk.GWYCKHBI.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/scw-alert/scss/scw-alert.scss", "../../src/scw-alert/ScwAlert.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n:host .scw-link-base {\n  display: block;\n  background-color: var(--scw-color-error-light);\n  padding-left: var(--scw-spacing-2);\n  padding-right: var(--scw-spacing-2);\n  padding-top: var(--scw-spacing-1);\n  padding-bottom: var(--scw-spacing-1);\n  text-align: center;\n}\n:host .message {\n  text-align: CENTER;\n  font: var(--scw-type-text-bold-font);\n  color: var(--scw-color-dark, var(--scw-color-error-dark));\n  flex: 1;\n}\n:host .description {\n  text-align: CENTER;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-dark, var(--scw-color-error-dark));\n  flex: 1;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1hbGVydC9zY3NzIiwic291cmNlcyI6WyJzY3ctYWxlcnQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19pbmRleC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9faW5kZXgtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9fbWVzc2FnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTtFQUNFOztBQUVBO0VBQ0U7RUFDQSxrQkNWZTtFQzRCakI7RUFDQTtFQUNBO0VBQ0E7RUZuQkU7O0FBR0Y7RUdYQTtFQUNBO0VBRUU7RUFJRjs7QUhRQTtFSWZBO0VBQ0E7RUFFRTtFQUlGIn0= */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport styles from './scss/scw-alert.scss';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwAlert a first LitElement web component\n * @class\n * @tag scw-alert\n *\n */\nexport default class ScwAlert extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.alert;\n  }\n\n  /** Secondary message */\n  @property({type: String})\n    description = '';\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render() : object {\n    return this.renderLink(\n        html`\n        <span class=\"message\">${this.ariaLabel}</span>\n        <span class=\"description\">${this.description}</span>\n      `,\n    );\n  }\n}\n"],
-  "mappings": "mMACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;yzBCWf,IAAqBC,EAArB,cAAsCC,CAAY,CAchD,aAAc,CACZ,MAAM,EAMN,iBAAc,GALd,KAAK,eACP,CAbA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAkBA,QAAkB,CAChB,OAAO,KAAK,WACRC;AAAA,gCACwB,KAAK;AAAA,oCACD,KAAK;AAAA,OAErC,CACF,CACF,EAdIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GApBLL,EAqBjB",
-  "names": ["scw_alert_default", "i", "ScwAlert", "ScwLinkBase", "scw_alert_default", "y", "__decorateClass", "e"]
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n:host .scw-link-base {\n  display: block;\n  background-color: var(--scw-color-error-light);\n  padding-left: var(--scw-spacing-2);\n  padding-right: var(--scw-spacing-2);\n  padding-top: var(--scw-spacing-1);\n  padding-bottom: var(--scw-spacing-1);\n  text-align: center;\n}\n:host .message {\n  text-align: CENTER;\n  font: var(--scw-type-text-bold-font);\n  color: var(--scw-color-dark, var(--scw-color-error-dark));\n  flex: 1;\n}\n:host .description {\n  text-align: CENTER;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-dark, var(--scw-color-error-dark));\n  flex: 1;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1hbGVydC9zY3NzIiwic291cmNlcyI6WyJzY3ctYWxlcnQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19pbmRleC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9faW5kZXgtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9fbWVzc2FnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTtFQUNFOztBQUVBO0VBQ0U7RUFDQSxrQkNWZTtFQzRCakI7RUFDQTtFQUNBO0VBQ0E7RUZuQkU7O0FBR0Y7RUdYQTtFQUNBO0VBRUU7RUFJRjs7QUhRQTtFSWZBO0VBQ0E7RUFFRTtFQUlGIn0= */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport styles from './scss/scw-alert.scss';\nimport {Components} from '../utils/enums/Components';\nimport ScwComponent from 'scw-component/ScwComponent';\n\n/**\n * ScwAlert a first LitElement web component\n * @class\n * @tag scw-alert\n *\n */\nexport default class ScwAlert extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.alert;\n  }\n\n  /** Secondary message */\n  @property({type: String})\n    description = '';\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render() : object {\n    return html`\n      <span class=\"message\">${this.ariaLabel}</span>\n      <span class=\"description\">${this.description}</span>\n    `;\n  }\n}\n"],
+  "mappings": "uKACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;yzBCWf,IAAqBC,EAArB,cAAsCC,CAAa,CAcjD,aAAc,CACZ,MAAM,EAMN,iBAAc,GALd,KAAK,eACP,CAbA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAkBA,QAAkB,CAChB,OAAOC;AAAA,8BACmB,KAAK;AAAA,kCACD,KAAK;AAAA,KAErC,CACF,EAZIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GApBLL,EAqBjB",
+  "names": ["scw_alert_default", "i", "ScwAlert", "ScwComponent", "scw_alert_default", "y", "__decorateClass", "e"]
 }

package/dist/chunks/chunk.HFYYS74W.js

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

package/dist/chunks/chunk.I52FNVGQ.js

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

package/dist/chunks/{chunk.NOG4WTUR.js.map → chunk.I52FNVGQ.js.map}

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

package/dist/chunks/chunk.IESW767J.js

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

package/dist/chunks/{chunk.CD4CYRRA.js.map → chunk.IESW767J.js.map}

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

package/dist/chunks/{chunk.XOE57FOV.js → chunk.J6QOERDS.js}

@@ -1,5 +1,5 @@
-import{a}from"./chunk.ERNX5BQF.js";import{a as h}from"./chunk.WJ7GGTRH.js";import{b as g,c as n,d as l}from"./chunk.GX274VLQ.js";import{a as t,b as c}from"./chunk.MHJFJRA2.js";import{a as e}from"./chunk.3IG37SCP.js";import{a as i}from"./chunk.PKA6D7UK.js";import{f as U,g as s}from"./chunk.5YJY6NT6.js";var F=e`
-:host .scw-link-base {
+import{a as n}from"./chunk.MKQHB2CE.js";import{a as h}from"./chunk.WJ7GGTRH.js";import{a as r,b as c,d as l}from"./chunk.XWFI56OY.js";import{a as e}from"./chunk.3IG37SCP.js";import{a as i}from"./chunk.PKA6D7UK.js";import{b as U,d as v,f as d,g as t}from"./chunk.5YJY6NT6.js";var F={};v(F,{validationWarnings:()=>Q});var Q,g=U(()=>{"use strict";Q={ariaLabelWarning:"link without a label",noIconWarning:"could not find the icon"}});var a=e`
+:host {
   outline: none;
   user-select: none;
   display: inline-flex;
@@ -7,7 +7,7 @@ import{a}from"./chunk.ERNX5BQF.js";import{a as h}from"./chunk.WJ7GGTRH.js";impor
   height: 100%;
   border-radius: 50%;
 }
-:host .scw-link-base svg {
+:host svg {
   box-sizing: border-box;
   vertical-align: top;
   width: 100%;
@@ -18,9 +18,6 @@ import{a}from"./chunk.ERNX5BQF.js";import{a as h}from"./chunk.WJ7GGTRH.js";impor
   width: 30px;
   height: 30px;
 }
-:host a.scw-link-base:hover {
-  background-color: var(--scw-color-grey-092);
-}
 :host svg, :host svg * {
   fill: var(--scw-color, var(--scw-color-grey-02));
 }
@@ -53,12 +50,9 @@ import{a}from"./chunk.ERNX5BQF.js";import{a as h}from"./chunk.WJ7GGTRH.js";impor
   fill: var(--scw-color-09, var(--scw-color-grey-09));
 }
 
-:host([color-background]) .scw-link-base {
+:host([color-background]) {
   background-color: var(--scw-color, var(--scw-color-grey-02));
 }
-:host([color-background]) a.scw-link-base:hover {
-  background-color: var(--scw-color-06, var(--scw-color-dark, var(--scw-color-grey-02)));
-}
 :host([color-background]) svg, :host([color-background]) svg * {
   fill: var(--scw-color-grey-10);
 }
@@ -112,7 +106,7 @@ import{a}from"./chunk.ERNX5BQF.js";import{a as h}from"./chunk.WJ7GGTRH.js";impor
   width: 100px;
   height: 100px;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pY29uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pY29uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUFhO0VBQ2I7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFFRTtFQUFhOztBQUViO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0FBQUE7RUFFRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOzs7QUFLRjtFQUNFOztBQUVGO0VBRUUsa0JBQ0U7O0FBSUo7RUFDRTs7O0FBSUo7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFjIn0= */`;var{validationWarnings:p}=(n(),U(g)),o=class extends l{constructor(){super();this.size="50";this.colorBackground=!1;this._svgInfo="";this.element="icon"}static get styles(){return[super.styles,F]}parseAndValidateLightDom(){super.parseAndValidateLightDom(),a(this.icon,r=>{r===!1?this.warn(p.noIconWarning):this._svgInfo=r})}render(){return this.renderLink(i`
-        ${h(this._svgInfo)}
-      `)}};s([t({type:String,reflect:!0})],o.prototype,"icon",2),s([t({type:String,reflect:!0})],o.prototype,"size",2),s([t({type:Boolean,reflect:!0,attribute:"color-background"})],o.prototype,"colorBackground",2),s([c()],o.prototype,"_svgInfo",2);export{o as a};
-//# sourceMappingURL=chunk.XOE57FOV.js.map
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pY29uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pY29uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUFhO0VBQ2I7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFFRTtFQUFhOztBQUViO0VBQ0U7O0FBR0Y7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtBQUFBO0VBRUU7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7O0FBSUo7RUFDRTs7QUFDQTtFQUNFOzs7QUFJSjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWMifQ== */`;var{validationWarnings:B}=(g(),d(F)),o=class extends l{constructor(){super();this.size="50";this.colorBackground=!1;this._svgInfo="";this.element="icon"}static get styles(){return[super.styles,a]}set icon(s){let p=this._icon;this._icon=s,this.requestUpdate("icon",p),this.refreshIcon()}get icon(){return this._icon}connectedCallback(){super.connectedCallback()}refreshIcon(){this.clearWarnings(),n(this.icon,s=>{s===!1?this.warn(B.noIconWarning):this._svgInfo=s})}render(){return i`
+      ${h(this._svgInfo)}
+    `}};t([r({type:String,reflect:!0})],o.prototype,"icon",1),t([r({type:String,reflect:!0})],o.prototype,"size",2),t([r({type:Boolean,reflect:!0,attribute:"color-background"})],o.prototype,"colorBackground",2),t([c()],o.prototype,"_svgInfo",2);export{o as a};
+//# sourceMappingURL=chunk.J6QOERDS.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/validation/warnings.mjs", "../../src/scw-icon/scss/scw-icon.scss", "../../src/scw-icon/ScwIcon.ts"],
+  "sourcesContent": ["\n\nexport const validationWarnings = {\n  ariaLabelWarning: 'link without a label',\n  noIconWarning: 'could not find the icon',\n};\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  outline: none;\n  user-select: none;\n  display: inline-flex;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n}\n:host svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n}\n\n:host {\n  width: 30px;\n  height: 30px;\n}\n:host svg, :host svg * {\n  fill: var(--scw-color, var(--scw-color-grey-02));\n}\n:host svg .color-step-01 {\n  fill: var(--scw-color-01, var(--scw-color-grey-01));\n}\n:host svg .color-step-02 {\n  fill: var(--scw-color-02, var(--scw-color-grey-02));\n}\n:host svg .color-step-03 {\n  fill: var(--scw-color-03, var(--scw-color-grey-03));\n}\n:host svg .color-step-04 {\n  fill: var(--scw-color-04, var(--scw-color-grey-04));\n}\n:host svg .color-step-05,\n:host svg .color-step {\n  fill: var(--scw-color-05, var(--scw-color-grey-05));\n}\n:host svg .color-step-06 {\n  fill: var(--scw-color-06, var(--scw-color-grey-06));\n}\n:host svg .color-step-07 {\n  fill: var(--scw-color-07, var(--scw-color-grey-07));\n}\n:host svg .color-step-08 {\n  fill: var(--scw-color-08, var(--scw-color-grey-08));\n}\n:host svg .color-step-09 {\n  fill: var(--scw-color-09, var(--scw-color-grey-09));\n}\n\n:host([color-background]) {\n  background-color: var(--scw-color, var(--scw-color-grey-02));\n}\n:host([color-background]) svg, :host([color-background]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([size=\"10\"]) {\n  width: 10px;\n  height: 10px;\n}\n\n:host([size=\"20\"]) {\n  width: 20px;\n  height: 20px;\n}\n\n:host([size=\"30\"]) {\n  width: 30px;\n  height: 30px;\n}\n\n:host([size=\"40\"]) {\n  width: 40px;\n  height: 40px;\n}\n\n:host([size=\"50\"]) {\n  width: 50px;\n  height: 50px;\n}\n\n:host([size=\"60\"]) {\n  width: 60px;\n  height: 60px;\n}\n\n:host([size=\"70\"]) {\n  width: 70px;\n  height: 70px;\n}\n\n:host([size=\"80\"]) {\n  width: 80px;\n  height: 80px;\n}\n\n:host([size=\"90\"]) {\n  width: 90px;\n  height: 90px;\n}\n\n:host([size=\"100\"]) {\n  width: 100px;\n  height: 100px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pY29uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pY29uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUFhO0VBQ2I7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFFRTtFQUFhOztBQUViO0VBQ0U7O0FBR0Y7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtBQUFBO0VBRUU7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7O0FBSUo7RUFDRTs7QUFDQTtFQUNFOzs7QUFJSjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWMifQ== */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\n// import styles from './scss/scw-icon.scss';\nimport getIconSvg from '../utils/getIconSvg';\nimport {\n  ScwIconSizes,\n} from './scw-icon-enums';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-icon.scss';\nimport ScwComponent from 'scw-component/ScwComponent';\nconst {validationWarnings} = require('../utils/validation/warnings.mjs');\n\n/**\n * ScwIcon\n * @class\n * @tag scw-icon\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n */\nexport default class ScwIcon extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwIcon ====================================================\n  /**\n   * (ScwIcon) Determines the icon to use with the text\n   * @param {string | undefined} icon\n   * */\n  @property({type: String, reflect: true})\n  set icon(icon: string | undefined) {\n    const oldValue = this._icon;\n    this._icon = icon;\n    this.requestUpdate('icon', oldValue);\n    this.refreshIcon();\n  }\n  /**\n   * icon getter\n   */\n  get icon() {\n    return this._icon;\n  }\n  private _icon: string | undefined;\n\n  /** (ScwIcon) Determines the square size of the icon */\n  @property({type: String, reflect: true})\n    size: ScwIconSizes = ScwIconSizes.size50;\n\n  /** (ScwIcon) Background color (w/ accompanying state colors) */\n  @property({type: Boolean, reflect: true, attribute: 'color-background'})\n    colorBackground = false;\n\n  @state() _svgInfo = '';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.icon;\n  }\n\n  /**\n   * connectedCallback()\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    // this.refreshIcon();\n  }\n\n  /**\n   * refreshIcon\n   */\n  refreshIcon() {\n    this.clearWarnings();\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(validationWarnings.noIconWarning);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      ${unsafeHTML(this._svgInfo)}\n    `;\n  }\n}\n"],
+  "mappings": "mRAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,IAEaA,EAFbC,EAAAC,EAAA,kBAEaF,EAAqB,CAChC,iBAAkB,uBAClB,cAAe,yBACjB,ICJA,IAAOG,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6zBCUf,GAAM,CAAC,mBAAAC,CAAkB,EAAI,WAURC,EAArB,cAAqCC,CAAa,CA0ChD,aAAc,CACZ,MAAM,EAVN,eAIA,qBAAkB,GAEX,cAAW,GAKlB,KAAK,cACP,CAzCA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAQA,IAAI,KAAKC,EAA0B,CACjC,IAAMC,EAAW,KAAK,MACtB,KAAK,MAAQD,EACb,KAAK,cAAc,OAAQC,CAAQ,EACnC,KAAK,YAAY,CACnB,CAIA,IAAI,MAAO,CACT,OAAO,KAAK,KACd,CAsBA,mBAAoB,CAClB,MAAM,kBAAkB,CAE1B,CAKA,aAAc,CACZ,KAAK,cAAc,EACnBC,EAAW,KAAK,KAAOC,GAA6B,CAC9CA,IAAY,GACd,KAAK,KAAKP,EAAmB,aAAa,EAE1C,KAAK,SAAWO,CAEpB,CAAC,CACH,CAMA,QAAiB,CACf,OAAOC;AAAA,QACHC,EAAW,KAAK,QAAQ;AAAA,KAE9B,CACF,EA7DMC,EAAA,CADHC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBV,EAiBf,oBAgBFS,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhCpBV,EAiCjB,oBAIAS,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,kBAAkB,CAAC,GApCpDV,EAqCjB,+BAEOS,EAAA,CAARE,EAAM,GAvCYX,EAuCV",
+  "names": ["warnings_exports", "__export", "validationWarnings", "init_warnings", "__esmMin", "scw_icon_default", "i", "validationWarnings", "ScwIcon", "ScwComponent", "scw_icon_default", "icon", "oldValue", "getIconSvg", "svgInfo", "y", "o", "__decorateClass", "e", "t"]
+}

package/dist/chunks/chunk.LONEBJ2H.js

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