scu-web-components 0.0.33 → 0.0.34

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-card/scss/scw-card.scss", "../../src/scw-card/ScwCard.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host([size=medium]) {\n  display: block;\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWNhcmQvc2NzcyIsInNvdXJjZXMiOlsiLi4vLi4vc2N3LWNvbXBvbmVudC9zY3NzL3Njdy1jb21wb25lbnQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NvdXJjZS9jc3NBcGkuc2NzcyIsInNjdy1jYXJkLW1lZGl1bS5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19zaXplLW1lZGl1bS1pbWFnZS12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19zaXplLW1lZGl1bS1kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyIsInNjdy1jYXJkLXNtYWxsLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19zaXplLXNtYWxsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1zbWFsbC1pbWFnZS12YXJzLnNjc3MiLCJzY3ctY2FyZC1jb2xvcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLW1vcnRnYWdlLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1zYXZpbmdzLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1zdHVkZW50LXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1pbnZlc3RtZW50cy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3ItY2hlY2tpbmctc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLWNyZWRpdC1jYXJkcy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwic2N3LWNhcmQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LWltYWdlLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1pbWFnZS12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LWRlc2NyaXB0aW9uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1hY3Rpb24tbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUNrbnRCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEeG50QkY7RUFDRTs7O0FFQUY7RUFDRTtFQ0VFO0VBeUJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QUQxQkE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQU1FO0FBQUE7O0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQWFGO0FBQUE7QUFBQTtBQUFBOztBQ1FBO0VBQ007RUFDQTs7QURoQ047RUFDRSxRRUxLOztBRnNCUDtFR3pCQTtFQUNBO0VBSUU7RUFFRjs7O0FDUkY7RUFDRTtFQ0lFO0VBeUJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QUQzQkE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQU1FO0FBQUE7O0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTs7QUNzQkY7RUFDTTtFQUNBOztBRGxDTjtFQUNFLFFFSEs7O0FGcUJQO0VBQ0U7O0FBSUY7RUFDRTs7O0FHeEJGO0VDTkE7RUFDQTtFQUVFO0VBSUY7O0FER0E7RUVWQTtFQUNBO0VBRUU7RUFJRjs7QUZPQTtFR2RBO0VBQ0E7RUFFRTtFQUlGOztBSFdBO0VJbEJBO0VBQ0E7RUFFRTtFQUlGOztBSmVBO0VLdEJBO0VBQ0E7RUFFRTtFQUlGOztBTG1CQTtFTTFCQTtFQUNBO0VBRUU7RUFJRjs7O0FDRUY7RUFDRTtFQ1JFO0VBMkJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QURWRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FDV0Y7RUFDTTtFQUNBOztBRHZCTjtFRWRFO0VBSUY7RUFDQTtFQUNBO0VGYUU7RUFDQTtFQUNBLFFHcEJLOztBSGdDUDtFSS9CRTtFQUVGOztBSmlDQTtFS3ZDQTtFQUNBO0VBRUU7RUFJRjs7QUxvQ0E7RU0zQ0E7RUFDQTtFQUVFO0VBSUY7O0FOd0NBO0VPckNBO0VBQ0E7OztBUDBDRjtFQUNFOzs7QUFHRjtFQUNFOzs7QUFFRjtFQUNFOzs7QUFFRjtFQUNFO0VmbzBiQTtFZWwwYkEsZUFDRTs7O0FBTUo7RUFDRTs7QUFDQTtFQUNFIn0= */`;\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": ["scw_card_default", "r", "ScwCard", "ScwLinkBase", "suffix", "getSuffix", "o", "scw_card_default", "parseLightDomCard", "evt", "message", "ScwComponent", "n", "l", "__decorateClass"]
-}

package/dist/chunks/chunk.YGZBZYMO.js

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

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

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

package/dist/chunks/chunk.YHD7FOUS.js

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

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

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

package/dist/chunks/chunk.YIJBD6SX.js

@@ -1,183 +0,0 @@
-import{a as o}from"./chunk.B7II36CO.js";import{a,b as r,e as d}from"./chunk.6YJSECLS.js";import{a as c}from"./chunk.IHVBWZ57.js";import{g as i}from"./chunk.5YJY6NT6.js";var s=a`
-:host {
-  background-color: rgb(255, 255, 255);
-  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;
-}
-:host > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.6);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
-}
-:host .input-field-single {
-  flex: 1;
-}
-:host .input-feedback {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color, var(--scw-color-error));
-}
-
-.input-field {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  align-self: stretch;
-  padding: 0;
-}
-.input-field > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.input-field .left-icon {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 4px 0px 0px 4px;
-  align-self: stretch;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.input-field .left-icon > *:not(:last-child) {
-  margin-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-.input-field .left-icon .icon {
-  background-color: rgba(0, 0, 0, 0);
-}
-.input-field .input-text {
-  background-color: rgba(0, 0, 0, 0);
-  flex: 1;
-}
-.input-field .right-icon-2 {
-  align-self: center;
-}
-.input-field .right-icon {
-  align-self: center;
-}
-.input-field .right-action {
-  background-color: var(--scw-color-03, var(--scw-color-primary-03));
-  border-radius: 0px 4px 4px 0px;
-  align-self: stretch;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 0.4);
-  padding-right: calc(var(--scw-spacing-1) * 0.4);
-  padding-top: 0px;
-  padding-bottom: 0px;
-  border-radius: 0;
-}
-.input-field .right-action > *:not(:last-child) {
-  margin-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-
-:host .input-field {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--scw-color-03, var(--scw-color-primary-03));
-  align-self: stretch;
-}
-
-:host([aria-disabled]) .input-field {
-  background-color: var(--scw-color-grey-092);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-08);
-  align-self: stretch;
-}
-
-:host([invalid]) .input-field {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--scw-color, var(--scw-color-error));
-  align-self: stretch;
-}
-
-:host([focused]) .input-field {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 6px 6px 6px 6px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--scw-color-03, var(--scw-color-primary-03));
-  box-shadow: var(--scw-effect-focus-shadow);
-  align-self: stretch;
-}
-
-::slotted(*) {
-  width: 100%;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LXNpbmdsZS1pbnB1dC1sYXlvdXQvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNpbmdsZS1pbnB1dC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0L19mZWVkYmFjay1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC9fZmVlZGJhY2staW5wdXQtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1mZWVkYmFjay1iYXNlL19kZWZhdWx0LXNjdy1pbnB1dC1mZWVkYmFjay1taXhpbnMuc2NzcyIsInNjdy1zaW5nbGUtaW5wdXQtZmllbGQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC12Mi9fbGVmdC1pY29uLXJpZ2h0LWFjdGlvbi1yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtbGVmdC1pY29uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtbGVmdC1pY29uLWljb24tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQtZmllbGQtdjIvX2xlZnQtaWNvbi1yaWdodC1hY3Rpb24tcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1pbnB1dC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtcmlnaHQtYWN0aW9uLW1peGlucy5zY3NzIiwic2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLWJnL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLWJnL19kaXNhYmxlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9faW52YWxpZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9fZm9jdXNlZC1taXhpbnMuc2NzcyIsInNjdy1zaW5nbGUtaW5wdXQtbGF5b3V0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUNJSTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ007RUFDQTs7QURuQ047RUFFRTs7QUFHRjtFRUxFO0VBRUY7RUNOQTtFQUNBO0VBRUU7OztBQ0NKO0VDQUk7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRDdCQTtFQUNBOztBQzZCQTtFQUNNO0VBQ0E7O0FEN0JOO0VFTkU7RUFFRjtFQUNBO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBRjNCSjtFR1ZBOztBSGVGO0VJZkU7RUFFRjs7QUppQkE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VLN0JFO0VBSUY7RUFDQTtFQXdCQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VMSkU7O0FLS0Y7RUFDTTtFQUNBOzs7QUN6Q047RUNJRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7OztBRFJBO0VFRkU7RUFFRjtFQUNBO0VBQ0E7RUFJRTtFQUVGOzs7QUZGQTtFR1JFO0VBRUY7RUFDQTtFQUNBO0VBRUU7RUFJRjs7O0FISUE7RUlkRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7RUFDQTs7O0FDZkY7RUFDRSJ9 */`;var e=(l=>(l.rightIcon="right-icon",l.right2Icon="right-2-icon",l.rightAction="right-action",l))(e||{}),t=class extends d{constructor(){super();this.hideFeedback=!1;this.element="single-input-layout"}static get styles(){return[super.styles,s]}_right2ClickHandler(n){n.stopPropagation(),o("scw-action",this,{action:"right-2-icon"})}_rightClickHandler(n){n.stopPropagation(),o("scw-action",this,{action:"right-icon"})}_rightActionClickHandler(n){n.stopPropagation(),o("scw-action",this,{action:"right-action"})}render(){return c`
-      <div class="input-field">
-        ${this.leftActionIcon?c`
-            <div class="left-icon">
-              <scw-icon
-                class="icon"
-                .icon="${this.leftActionIcon}"
-                size="30">
-              </scw-icon>
-            </div>`:""}
-        <div class="input-field-single">
-          <slot></slot>
-        </div>
-        ${this.right2Icon?c`
-            <scw-icon
-              class="right-icon-2"
-              .icon="${this.right2Icon}"
-              size="30"
-              aria-label="Clear Input"
-              link
-              @click=${this._right2ClickHandler}>
-            </scw-icon>`:""}
-        ${this.rightIcon?c`
-            <scw-icon
-              class="right-icon"
-              .icon="${this.rightIcon}"
-              size="30"
-              aria-label="Show Password"
-              link
-              @click=${this._rightClickHandler}>
-            </scw-icon>`:""}
-        ${this.rightActionIcon?c`
-            <div class="right-action">
-              <scw-icon
-                class="icon-right-action"
-                .icon="${this.rightActionIcon}"
-                color="white"
-                size="30"
-                aria-label="Submit Search"
-                link
-                @click=${this._rightActionClickHandler}>
-              </scw-icon>
-            </div>`:""}
-      </div>
-      ${this.hideFeedback?"":c`
-          <div class="input-feedback">
-            ${this.feedback}&nbsp;
-          </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.YIJBD6SX.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-single-input-layout/scss/scw-single-input-layout.scss", "../../src/scw-single-input-layout/scw-single-input-layout.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: rgb(255, 255, 255);\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}\n:host > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.6);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}\n:host .input-field-single {\n  flex: 1;\n}\n:host .input-feedback {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color, var(--scw-color-error));\n}\n\n.input-field {\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  align-self: stretch;\n  padding: 0;\n}\n.input-field > *:not(:last-child) {\n  margin-right: 0px;\n  --margin-right: 0px;\n}\n.input-field .left-icon {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 4px 0px 0px 4px;\n  align-self: stretch;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.input-field .left-icon > *:not(:last-child) {\n  margin-right: var(--scw-spacing-1);\n  --margin-right: var( --scw-spacing-1 );\n}\n.input-field .left-icon .icon {\n  background-color: rgba(0, 0, 0, 0);\n}\n.input-field .input-text {\n  background-color: rgba(0, 0, 0, 0);\n  flex: 1;\n}\n.input-field .right-icon-2 {\n  align-self: center;\n}\n.input-field .right-icon {\n  align-self: center;\n}\n.input-field .right-action {\n  background-color: var(--scw-color-03, var(--scw-color-primary-03));\n  border-radius: 0px 4px 4px 0px;\n  align-self: stretch;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 0.4);\n  padding-right: calc(var(--scw-spacing-1) * 0.4);\n  padding-top: 0px;\n  padding-bottom: 0px;\n  border-radius: 0;\n}\n.input-field .right-action > *:not(:last-child) {\n  margin-right: var(--scw-spacing-1);\n  --margin-right: var( --scw-spacing-1 );\n}\n\n:host .input-field {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-03, var(--scw-color-primary-03));\n  align-self: stretch;\n}\n\n:host([aria-disabled]) .input-field {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-08);\n  align-self: stretch;\n}\n\n:host([invalid]) .input-field {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color, var(--scw-color-error));\n  align-self: stretch;\n}\n\n:host([focused]) .input-field {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-03, var(--scw-color-primary-03));\n  box-shadow: var(--scw-effect-focus-shadow);\n  align-self: stretch;\n}\n\n::slotted(*) {\n  width: 100%;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LXNpbmdsZS1pbnB1dC1sYXlvdXQvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNpbmdsZS1pbnB1dC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0L19mZWVkYmFjay1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC9fZmVlZGJhY2staW5wdXQtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1mZWVkYmFjay1iYXNlL19kZWZhdWx0LXNjdy1pbnB1dC1mZWVkYmFjay1taXhpbnMuc2NzcyIsInNjdy1zaW5nbGUtaW5wdXQtZmllbGQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC12Mi9fbGVmdC1pY29uLXJpZ2h0LWFjdGlvbi1yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtbGVmdC1pY29uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtbGVmdC1pY29uLWljb24tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQtZmllbGQtdjIvX2xlZnQtaWNvbi1yaWdodC1hY3Rpb24tcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1pbnB1dC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtcmlnaHQtYWN0aW9uLW1peGlucy5zY3NzIiwic2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLWJnL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLWJnL19kaXNhYmxlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9faW52YWxpZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9fZm9jdXNlZC1taXhpbnMuc2NzcyIsInNjdy1zaW5nbGUtaW5wdXQtbGF5b3V0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUNJSTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ007RUFDQTs7QURuQ047RUFFRTs7QUFHRjtFRUxFO0VBRUY7RUNOQTtFQUNBO0VBRUU7OztBQ0NKO0VDQUk7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRDdCQTtFQUNBOztBQzZCQTtFQUNNO0VBQ0E7O0FEN0JOO0VFTkU7RUFFRjtFQUNBO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBRjNCSjtFR1ZBOztBSGVGO0VJZkU7RUFFRjs7QUppQkE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VLN0JFO0VBSUY7RUFDQTtFQXdCQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VMSkU7O0FLS0Y7RUFDTTtFQUNBOzs7QUN6Q047RUNJRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7OztBRFJBO0VFRkU7RUFFRjtFQUNBO0VBQ0E7RUFJRTtFQUVGOzs7QUZGQTtFR1JFO0VBRUY7RUFDQTtFQUNBO0VBRUU7RUFJRjs7O0FISUE7RUlkRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7RUFDQTs7O0FDZkY7RUFDRSJ9 */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-single-input-layout.scss';\nimport {emit, ScwEvents} from '../utils/events/event';\n\n\nexport enum ScwSingleInputLayoutActions {\n  rightIcon = 'right-icon',\n  right2Icon = 'right-2-icon',\n  rightAction = 'right-action'\n}\n\n/**\n * ScwSingleInputLayout\n * @class\n * @tag scw-single-input-layout\n * @status new\n * @since 0.0.5\n *\n * @event scw-action - This fires when one of the various icons or submit\n *  button is clicked. detail is {action:\n * 'right-icon'|'right-2-icon'|'right-action'}\n */\nexport default class ScwSingleInputLayout extends ScwComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.singleInputLayout;\n  }\n\n  // ============== ScwSingleInputLayout =======================================\n  /** (ScwSingleInputLayout) the text to use for feedback */\n  @property({type: String})\n    feedback: string | undefined;\n\n  /** (ScwSingleInputLayout) hides the feedback label */\n  @property({type: String, attribute: 'hide-feedback'})\n   hideFeedback: boolean = false;\n\n  /** (ScwSingleInputLayout) shows left action section and determines what icon\n  * is used within the left action. */\n  @property({type: String, attribute: 'left-action-icon'})\n    leftActionIcon: string | undefined;\n\n  /** (ScwSingleInputLayout) shows right action section and determines what icon\n  * is used within the right action. */\n  @property({type: String, attribute: 'right-action-icon'})\n   rightActionIcon: string | undefined;\n\n  /** (ScwSingleInputLayout) shows first right icon and determines the icon\n  * svg. */\n  @property({type: String, attribute: 'right-icon'})\n   rightIcon: string | undefined;\n\n  /** (ScwSingleInputLayout) shows second right icon and determines the icon\n  * svg. */\n  @property({type: String, attribute: 'right-2-icon'})\n    right2Icon: string | undefined;\n\n  /**\n  * Handle click from right 2 icon.\n  * @param {Event} evt\n  */\n  _right2ClickHandler(evt : Event) {\n    evt.stopPropagation();\n    emit(\n      ScwEvents.action, this,\n      {action: ScwSingleInputLayoutActions.right2Icon},\n    );\n  }\n\n  /**\n  * Handle click from right icon.\n  * @param {Event} evt\n  */\n  _rightClickHandler(evt : Event) {\n    evt.stopPropagation();\n    emit(\n      ScwEvents.action, this,\n      {action: ScwSingleInputLayoutActions.rightIcon},\n    );\n  }\n\n  /**\n  * Handle click from right action icon.\n  * @param {Event} evt\n  */\n  _rightActionClickHandler(evt : Event) {\n    evt.stopPropagation();\n    emit(\n      ScwEvents.action, this,\n      {action: ScwSingleInputLayoutActions.rightAction},\n    );\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <div class=\"input-field\">\n        ${this.leftActionIcon ?\n    html`\n            <div class=\"left-icon\">\n              <scw-icon\n                class=\"icon\"\n                .icon=\"${this.leftActionIcon}\"\n                size=\"30\">\n              </scw-icon>\n            </div>` : ''}\n        <div class=\"input-field-single\">\n          <slot></slot>\n        </div>\n        ${this.right2Icon ?\n    html`\n            <scw-icon\n              class=\"right-icon-2\"\n              .icon=\"${this.right2Icon}\"\n              size=\"30\"\n              aria-label=\"Clear Input\"\n              link\n              @click=${this._right2ClickHandler}>\n            </scw-icon>` : '' }\n        ${this.rightIcon ?\n    html`\n            <scw-icon\n              class=\"right-icon\"\n              .icon=\"${this.rightIcon}\"\n              size=\"30\"\n              aria-label=\"Show Password\"\n              link\n              @click=${this._rightClickHandler}>\n            </scw-icon>` : '' }\n        ${this.rightActionIcon ?\n    html`\n            <div class=\"right-action\">\n              <scw-icon\n                class=\"icon-right-action\"\n                .icon=\"${this.rightActionIcon}\"\n                color=\"white\"\n                size=\"30\"\n                aria-label=\"Submit Search\"\n                link\n                @click=${this._rightActionClickHandler}>\n              </scw-icon>\n            </div>` : '' }\n      </div>\n      ${!this.hideFeedback ?\n    html`\n          <div class=\"input-feedback\">\n            ${this.feedback}&nbsp;\n          </div>` : ''}\n    `;\n  }\n}\n\n"],
-  "mappings": "yKACA,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;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;y6FCOR,IAAKC,OACVA,EAAA,UAAY,aACZA,EAAA,WAAa,eACbA,EAAA,YAAc,eAHJA,OAAA,IAiBSC,EAArB,cAAkDC,CAAa,CAY7D,aAAc,CACZ,MAAM,EAWP,kBAAwB,GAVvB,KAAK,6BACP,CAXC,WAAW,QAAS,CACnB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAyCA,oBAAoBC,EAAa,CAC/BA,EAAI,gBAAgB,EACpBC,eACoB,KAClB,CAAC,OAAQ,cAAsC,CACjD,CACF,CAMA,mBAAmBD,EAAa,CAC9BA,EAAI,gBAAgB,EACpBC,eACoB,KAClB,CAAC,OAAQ,YAAqC,CAChD,CACF,CAMA,yBAAyBD,EAAa,CACpCA,EAAI,gBAAgB,EACpBC,eACoB,KAClB,CAAC,OAAQ,cAAuC,CAClD,CACF,CAMA,QAAiB,CACf,OAAOC;AAAA;AAAA,UAED,KAAK,eACXA;AAAA;AAAA;AAAA;AAAA,yBAIqB,KAAK;AAAA;AAAA;AAAA,oBAGR;AAAA;AAAA;AAAA;AAAA,UAIZ,KAAK,WACXA;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,uBAIL,KAAK;AAAA,yBACD;AAAA,UACjB,KAAK,UACXA;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,uBAIL,KAAK;AAAA,yBACD;AAAA,UACjB,KAAK,gBACXA;AAAA;AAAA;AAAA;AAAA,yBAIqB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKL,KAAK;AAAA;AAAA,oBAER;AAAA;AAAA,QAEb,KAAK,aAIM,GAHhBA;AAAA;AAAA,cAEU,KAAK;AAAA;AAAA,KAGjB,CACF,EA1HIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAnBLP,EAoBjB,wBAIDM,EAAA,CADAC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GAvBjCP,EAwBlB,4BAKCM,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,kBAAkB,CAAC,GA5BpCP,EA6BjB,8BAKDM,EAAA,CADAC,EAAS,CAAC,KAAM,OAAQ,UAAW,mBAAmB,CAAC,GAjCrCP,EAkClB,+BAKAM,EAAA,CADAC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GAtC9BP,EAuClB,yBAKCM,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,cAAc,CAAC,GA3ChCP,EA4CjB",
-  "names": ["scw_single_input_layout_default", "r", "ScwSingleInputLayoutActions", "ScwSingleInputLayout", "ScwComponent", "scw_single_input_layout_default", "evt", "emit", "$", "__decorateClass", "e"]
-}

package/dist/chunks/chunk.YITG6YRY.js

@@ -1,36 +0,0 @@
-import{a as x}from"./chunk.NGL6WE6V.js";import{a as O}from"./chunk.2WX7XMLC.js";import{a as U,c as P,e as k}from"./chunk.IHVBWZ57.js";import{g as h}from"./chunk.5YJY6NT6.js";var v=window.ShadowRoot&&(window.ShadyCSS===void 0||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,b=Symbol(),A=new WeakMap,m=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==b)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(v&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=A.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&A.set(e,t))}return t}toString(){return this.cssText}},L=i=>new m(typeof i=="string"?i:i+"",void 0,b),g=(i,...t)=>{let e=i.length===1?i[0]:t.reduce((r,o,s)=>r+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[s+1],i[0]);return new m(e,i,b)},E=(i,t)=>{v?i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{let r=document.createElement("style"),o=window.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=e.cssText,i.appendChild(r)})},y=v?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return L(e)})(i):i;var S,N=window.trustedTypes,q=N?N.emptyScript:"",z=window.reactiveElementPolyfillSupport,$={toAttribute(i,t){switch(t){case Boolean:i=i?q:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},M=(i,t)=>t!==i&&(t==t||i==i),_={attribute:!0,type:String,converter:$,reflect:!1,hasChanged:M},a=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;(e=this.h)!==null&&e!==void 0||(this.h=[]),this.h.push(t)}static get observedAttributes(){this.finalize();let t=[];return this.elementProperties.forEach((e,r)=>{let o=this._$Ep(r,e);o!==void 0&&(this._$Ev.set(o,r),t.push(o))}),t}static createProperty(t,e=_){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){let r=typeof t=="symbol"?Symbol():"__"+t,o=this.getPropertyDescriptor(t,r,e);o!==void 0&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){return{get(){return this[e]},set(o){let s=this[t];this[e]=o,this.requestUpdate(t,s,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||_}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;let t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){let e=this.properties,r=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(let o of r)this.createProperty(o,e[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let o of r)e.unshift(y(o))}else t!==void 0&&e.push(y(t));return e}static _$Ep(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,r;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((r=t.hostConnected)===null||r===void 0||r.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;let e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return E(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var r;return(r=e.hostConnected)===null||r===void 0?void 0:r.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var r;return(r=e.hostDisconnected)===null||r===void 0?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EO(t,e,r=_){var o,s;let n=this.constructor._$Ep(t,r);if(n!==void 0&&r.reflect===!0){let p=((s=(o=r.converter)===null||o===void 0?void 0:o.toAttribute)!==null&&s!==void 0?s:$.toAttribute)(e,r.type);this._$El=t,p==null?this.removeAttribute(n):this.setAttribute(n,p),this._$El=null}}_$AK(t,e){var r,o;let s=this.constructor,n=s._$Ev.get(t);if(n!==void 0&&this._$El!==n){let p=s.getPropertyOptions(n),f=p.converter,V=(o=(r=f==null?void 0:f.fromAttribute)!==null&&r!==void 0?r:typeof f=="function"?f:null)!==null&&o!==void 0?o:$.fromAttribute;this._$El=n,this[n]=V(e,p.type),this._$El=null}}requestUpdate(t,e,r){let o=!0;t!==void 0&&(((r=r||this.constructor.getPropertyOptions(t)).hasChanged||M)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,r))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((o,s)=>this[s]=o),this._$Ei=void 0);let e=!1,r=this._$AL;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),(t=this._$ES)===null||t===void 0||t.forEach(o=>{var s;return(s=o.hostUpdate)===null||s===void 0?void 0:s.call(o)}),this.update(r)):this._$Ek()}catch(o){throw e=!1,this._$Ek(),o}e&&this._$AE(r)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(r=>{var o;return(o=r.hostUpdated)===null||o===void 0?void 0:o.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,r)=>this._$EO(r,this[r],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};a.finalized=!0,a.elementProperties=new Map,a.elementStyles=[],a.shadowRootOptions={mode:"open"},z==null||z({ReactiveElement:a}),((S=globalThis.reactiveElementVersions)!==null&&S!==void 0?S:globalThis.reactiveElementVersions=[]).push("1.3.4");var w,C;var d=class extends a{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;let r=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=r.firstChild),r}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=k(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return P}};d.finalized=!0,d._$litElement$=!0,(w=globalThis.litElementHydrateSupport)===null||w===void 0||w.call(globalThis,{LitElement:d});var j=globalThis.litElementPolyfillSupport;j==null||j({LitElement:d});((C=globalThis.litElementVersions)!==null&&C!==void 0?C:globalThis.litElementVersions=[]).push("3.2.2");var B=(i,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(e){e.createProperty(t.key,i)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(e){e.createProperty(t.key,i)}};function c(i){return(t,e)=>e!==void 0?((r,o,s)=>{o.constructor.createProperty(s,r)})(i,t,e):B(i,t)}function T(i){return c({...i,state:!0})}var u=({finisher:i,descriptor:t})=>(e,r)=>{var o;if(r===void 0){let s=(o=e.originalKey)!==null&&o!==void 0?o:e.key,n=t!=null?{kind:"method",placement:"prototype",key:s,descriptor:t(e.key)}:{...e,key:s};return i!=null&&(n.finisher=function(p){i(p,s)}),n}{let s=e.constructor;t!==void 0&&Object.defineProperty(e,r,t(r)),i==null||i(s,r)}};function ct(i,t){return u({descriptor:e=>{let r={get(){var o,s;return(s=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(i))!==null&&s!==void 0?s:null},enumerable:!0,configurable:!0};if(t){let o=typeof e=="symbol"?Symbol():"__"+e;r.get=function(){var s,n;return this[o]===void 0&&(this[o]=(n=(s=this.renderRoot)===null||s===void 0?void 0:s.querySelector(i))!==null&&n!==void 0?n:null),this[o]}}return r}})}var R,yt=((R=window.HTMLSlotElement)===null||R===void 0?void 0:R.prototype.assignedElements)!=null?(i,t)=>i.assignedElements(t):(i,t)=>i.assignedNodes(t).filter(e=>e.nodeType===Node.ELEMENT_NODE);var D=g`
-: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;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWNvbXBvbmVudC9zY3NzIiwic291cmNlcyI6WyJzY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUNrbnRCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEeG50QkY7RUFDRSJ9 */`;var l=class extends d{constructor(){super(...arguments);this.ariaLabel="";this.ariaDisabled="false";this.responsive=!1;this.dynamic=!1;this.element="component"}connectedCallback(){super.connectedCallback(),this.responsive===!0&&(this.responsiveElement=new x(this))}disconnectedCallback(){super.disconnectedCallback(),this.responsiveElement&&this.responsiveElement.disconnect()}firstUpdated(e){super.firstUpdated(e),this.parseAndValidateLightDom(),this.dynamic&&(this._lightDomMutationObserver=new O(this,()=>{this.parseAndValidateLightDom()}))}parseAndValidateLightDom(){}warn(e){this._lastWarning||(this._lastWarning=e,this.setAttribute("warning",e),this.setAttribute("title",`[ERROR]: ${e}`))}render(){return U`
-      <slot></slot>
-    `}};l.styles=D,h([c({type:String,reflect:!0,attribute:"aria-label"})],l.prototype,"ariaLabel",2),h([c({type:String,attribute:"aria-disabled"})],l.prototype,"ariaDisabled",2),h([c({type:Boolean})],l.prototype,"responsive",2),h([c({type:Boolean})],l.prototype,"dynamic",2),h([c({type:String,reflect:!0})],l.prototype,"element",2),h([T()],l.prototype,"_lastWarning",2);export{g as a,c as b,T as c,ct as d,l as e};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-//# sourceMappingURL=chunk.YITG6YRY.js.map