scu-web-components 0.0.18 → 0.0.19

package/dist/chunks/chunk.DCW26NNA.js

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

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

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

package/dist/chunks/chunk.DR5FIJJG.js

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

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

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

package/dist/chunks/chunk.DVKR3IU2.js

@@ -0,0 +1,47 @@
+import{a as l}from"./chunk.O3SA7BGC.js";import{a as m}from"./chunk.XYQXIJM3.js";import{c as b}from"./chunk.O2JPQSNG.js";import{a as d,b as s,c as n}from"./chunk.6ITKITRF.js";import{a as p}from"./chunk.WO7EIYQ3.js";import{b as c}from"./chunk.ZZQE6TG6.js";import{a as r}from"./chunk.ZS4C3T6Z.js";import{g as i}from"./chunk.5YJY6NT6.js";var g=d`
+: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;
+}`;var t=class extends b{constructor(){super();this.noLazyLoading=!1;this.resizeBreakpoints=`${"sm"}, ${"md"}, ${"lg"}`;this._isIntersecting=!1;this._hasIntersected=!1;this._resizeBreakpoints=[];this.element="image"}static get styles(){return[super.styles,g]}firstUpdated(e){super.firstUpdated(e),this._resizeHandler=this._resizeHandler.bind(this),this._intersectionHandler=this._intersectionHandler.bind(this),this.noLazyLoading?this._hasIntersected=!0:l.registerCallback(this,this._intersectionHandler),this.establishResizeBreakpoints()}parseAndValidateLightDom(){super.parseAndValidateLightDom(),m(this)}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect(),l.unregisterCallback(this,this._intersectionHandler),p.removeBreakpointListener(this._resizeBreakpoints,this._resizeHandler)}establishResizeBreakpoints(){if(this.srcset){let e=this.resizeBreakpoints.split(","),o=c();this._resizeBreakpoints=[],e.map(h=>{let a=o[h.trim()];a&&this._resizeBreakpoints.push(a)}),p.addBreakpointListener(this._resizeBreakpoints,this._resizeHandler),this._resizeHandler()}}_resizeHandler(){this._imageSize=this.clientWidth}_intersectionHandler(e){this._isIntersecting=e,this._hasIntersected=this._hasIntersected?!0:e}renderContainerCss(){if(this.aspectRatio){let e=this.aspectRatio.split(":"),o=parseFloat(e[0]);return`
+        display: block;
+        padding-bottom: ${parseFloat(e[1])/o*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"}`:""}renderContent(){return this._hasIntersected?this._imageSize&&this.srcset?r`
+          <img
+            style="${this.renderImgCss()}"
+            srcset="${this.srcset}"
+            sizes="${this._imageSize}px"
+            alt="${this.ariaLabel}" />`:r`
+          <img
+            style="${this.renderImgCss()}"
+            src="${this.src?this.src:!1}"
+            alt="${this.ariaLabel}" />`:r``}render(){return this.renderLink(this.renderContent(),this.renderContainerCss())}};i([s({type:String,attribute:"aspect-ratio"})],t.prototype,"aspectRatio",2),i([s({type:String,attribute:"object-fit"})],t.prototype,"objectFit",2),i([s({type:String,attribute:"object-position"})],t.prototype,"objectPosition",2),i([s({type:String})],t.prototype,"srcset",2),i([s({type:String})],t.prototype,"src",2),i([s({type:Boolean,attribute:"no-lazy-loading"})],t.prototype,"noLazyLoading",2),i([s({type:String,attribute:"resize-breakpoints"})],t.prototype,"resizeBreakpoints",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.DVKR3IU2.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/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", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport styles from './scss/scw-image.scss';\nimport {Components} from '../utils/enums/Components';\n// import resizeSingleton from '../utils/observers/resizeObserverSingleton';\nimport mediaQueryListSingleton\n  from '../utils/observers/mediaQueryListSingleton';\nimport intersectionObserverSingleton\n  from '../utils/observers/intersectionObserverSingleton';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport validate from './scw-image-validate';\nimport {BreakpointNames, Breakpoint} from '../utils/responsive/BreakpointTypes';\n// import ResponsiveElement from '../utils/responsive/ResponsiveElement';\nimport {breakpointLookup} from '../utils/responsive/breakpoints';\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 ScwLinkBase {\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) turn off lazy loading */\n  @property({type: Boolean, attribute: 'no-lazy-loading'})\n    noLazyLoading: boolean = false;\n\n  /** (ScwImage) establishes when (via the name of the breakpoint)\n   * the image figures out it's sizing for srcset */\n  @property({type: String, attribute: 'resize-breakpoints'})\n    resizeBreakpoints: string = `${\n      BreakpointNames.breakpointSM}, ${\n      BreakpointNames.breakpointMD}, ${\n      BreakpointNames.breakpointLG}`;\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 : boolean = false;\n\n  /** (ScwImage) determines whether element has intersected once */\n  @state()\n  _hasIntersected : boolean = false;\n\n  _resizeBreakpoints: Breakpoint[] = [];\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    this.establishResizeBreakpoints();\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    validate( this );\n  }\n\n  /**\n  * disconnect from dom\n  */\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n    intersectionObserverSingleton.unregisterCallback(\n      this, this._intersectionHandler,\n    );\n    mediaQueryListSingleton.removeBreakpointListener(\n      this._resizeBreakpoints,\n      this._resizeHandler,\n    );\n  }\n\n  /**\n   * Establish Resize Breakpoints\n   */\n  establishResizeBreakpoints() {\n    if (this.srcset) {\n      const resizeBreakpointsArr = this.resizeBreakpoints.split(',');\n      const bpLookup = breakpointLookup();\n      this._resizeBreakpoints = [];\n      resizeBreakpointsArr.map((bp) => {\n        const bpObj = bpLookup[bp.trim()];\n        if (bpObj) {\n          this._resizeBreakpoints.push(bpObj);\n        }\n      });\n      mediaQueryListSingleton.addBreakpointListener(\n        this._resizeBreakpoints,\n        this._resizeHandler,\n      );\n      this._resizeHandler();// need a first _imageSize\n    }\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\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    if (this._hasIntersected) {\n      if (this._imageSize && this.srcset) {\n        return html`\n          <img\n            style=\"${this.renderImgCss()}\"\n            srcset=\"${this.srcset}\"\n            sizes=\"${this._imageSize}px\"\n            alt=\"${this.ariaLabel}\" />`;\n      } else {\n        return html`\n          <img\n            style=\"${this.renderImgCss()}\"\n            src=\"${this.src ? this.src : false}\"\n            alt=\"${this.ariaLabel}\" />`;\n      }\n    } else {\n      return html``;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n      this.renderContent(),\n      this.renderContainerCss(),\n    );\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/chunk.E7OOLSB7.js

@@ -0,0 +1,29 @@
+import{c as a}from"./chunk.L55FJW5G.js";import{a as s,b as e}from"./chunk.XICCWDLO.js";import{a as o}from"./chunk.ZS4C3T6Z.js";import{g as t}from"./chunk.5YJY6NT6.js";var i=s`
+:host {
+  display: block;
+}
+:host .scw-link-base {
+  display: block;
+  background-color: var(--scw-color-error-light);
+  padding-left: var(--scw-spacing-2);
+  padding-right: var(--scw-spacing-2);
+  padding-top: var(--scw-spacing-1);
+  padding-bottom: var(--scw-spacing-1);
+  text-align: center;
+}
+:host .message {
+  text-align: CENTER;
+  font: var(--scw-type-text-bold-font);
+  color: var(--scw-color-dark, var(--scw-color-error-dark));
+  flex: 1;
+}
+:host .description {
+  text-align: CENTER;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-dark, var(--scw-color-error-dark));
+  flex: 1;
+}`;var r=class extends a{constructor(){super();this.description="";this.element="alert"}static get styles(){return[super.styles,i]}render(){return this.renderLink(o`
+        <span class="message">${this.ariaLabel}</span>
+        <span class="description">${this.description}</span>
+      `)}};t([e({type:String})],r.prototype,"description",2);export{r as a};
+//# sourceMappingURL=chunk.E7OOLSB7.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/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", "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: string = '';\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": "uKACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCWf,mBAAsC,EAAY,CAchD,aAAc,CACZ,MAAM,EAMN,iBAAsB,GALtB,KAAK,QAAU,OACjB,WAbY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAkBA,QAAkB,CAChB,MAAO,MAAK,WACV;AAAA,gCAC0B,KAAK;AAAA,oCACD,KAAK;AAAA,OAErC,CACF,CACF,EAdI,GADF,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACtB,AArBJ,EAqBI",
+  "names": []
+}

package/dist/chunks/chunk.ECQUGXB4.js

@@ -0,0 +1,182 @@
+import{a as n}from"./chunk.2VW3SHYK.js";import{a,b as o,e as s}from"./chunk.XICCWDLO.js";import{a as r}from"./chunk.ZS4C3T6Z.js";import{g as t}from"./chunk.5YJY6NT6.js";var l=a`
+:host {
+  background-color: white;
+  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%;
+}`;var d=(e=>(e.rightIcon="right-icon",e.right2Icon="right-2-icon",e.rightAction="right-action",e))(d||{}),i=class extends s{constructor(){super();this.hideFeedback=!1;this.element="single-input-layout"}static get styles(){return[super.styles,l]}_right2ClickHandler(c){c.stopPropagation(),n("scw-action",this,{action:"right-2-icon"})}_rightClickHandler(c){c.stopPropagation(),n("scw-action",this,{action:"right-icon"})}_rightActionClickHandler(c){c.stopPropagation(),n("scw-action",this,{action:"right-action"})}render(){return r`
+      <div class="input-field">
+        ${this.leftActionIcon?r`
+            <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?r`
+            <scw-icon
+              class="right-icon-2"
+              .icon="${this.right2Icon}"
+              size="30"
+              aria-label="Clear Input"
+              link
+              @click=${this._right2ClickHandler}>
+            </scw-icon>`:""}
+        ${this.rightIcon?r`
+            <scw-icon
+              class="right-icon"
+              .icon="${this.rightIcon}"
+              size="30"
+              aria-label="Show Password"
+              link
+              @click=${this._rightClickHandler}>
+            </scw-icon>`:""}
+        ${this.rightActionIcon?r`
+            <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?"":r`
+          <div class="input-feedback">
+            ${this.feedback}&nbsp;
+          </div>`}
+    `}};t([o({type:String})],i.prototype,"feedback",2),t([o({type:String,attribute:"hide-feedback"})],i.prototype,"hideFeedback",2),t([o({type:String,attribute:"left-action-icon"})],i.prototype,"leftActionIcon",2),t([o({type:String,attribute:"right-action-icon"})],i.prototype,"rightActionIcon",2),t([o({type:String,attribute:"right-icon"})],i.prototype,"rightIcon",2),t([o({type:String,attribute:"right-2-icon"})],i.prototype,"right2Icon",2);export{d as a,i as b};
+//# sourceMappingURL=chunk.ECQUGXB4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/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: white;\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", "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,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCOR,GAAK,GAAL,CAAK,GACV,aAAY,aACZ,aAAa,eACb,cAAc,eAHJ,WAiBZ,eAAkD,EAAa,CAY7D,aAAc,CACZ,MAAM,EAWP,kBAAwB,GAVvB,KAAK,QAAU,qBACjB,WAXY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAyCA,oBAAoB,EAAa,CAC/B,EAAI,gBAAgB,EACpB,EACE,aAAkB,KAClB,CAAC,OAAQ,cAAsC,CACjD,CACF,CAMA,mBAAmB,EAAa,CAC9B,EAAI,gBAAgB,EACpB,EACE,aAAkB,KAClB,CAAC,OAAQ,YAAqC,CAChD,CACF,CAMA,yBAAyB,EAAa,CACpC,EAAI,gBAAgB,EACpB,EACE,aAAkB,KAClB,CAAC,OAAQ,cAAuC,CAClD,CACF,CAMA,QAAiB,CACf,MAAO;AAAA;AAAA,UAED,KAAK,eACX;AAAA;AAAA;AAAA;AAAA,yBAIqB,KAAK;AAAA;AAAA;AAAA,oBAGR;AAAA;AAAA;AAAA;AAAA,UAIZ,KAAK,WACX;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,uBAIL,KAAK;AAAA,yBACD;AAAA,UACjB,KAAK,UACX;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,uBAIL,KAAK;AAAA,yBACD;AAAA,UACjB,KAAK,gBACX;AAAA;AAAA;AAAA;AAAA,yBAIqB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKL,KAAK;AAAA;AAAA,oBAER;AAAA;AAAA,QAEd,AAAC,KAAK,aAIM,GAHhB;AAAA;AAAA,cAEU,KAAK;AAAA;AAAA,KAGjB,CACF,EA1HI,GADF,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACtB,AApBJ,EAoBI,wBAID,GADD,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GACnD,AAxBH,EAwBG,4BAKC,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,kBAAkB,CAAC,GACrD,AA7BJ,EA6BI,8BAKD,GADD,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,mBAAmB,CAAC,GACvD,AAlCH,EAkCG,+BAKA,GADD,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GAChD,AAvCH,EAuCG,yBAKC,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,cAAc,CAAC,GACjD,AA5CJ,EA4CI",
+  "names": []
+}

package/dist/chunks/chunk.EE4C22LR.js

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

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

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

package/dist/chunks/chunk.EE7FYIJC.js

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