scu-web-components 0.0.23 → 0.0.26

package/dist/chunks/chunk.JJOBZFIP.js

@@ -1,182 +0,0 @@
-import{a as n}from"./chunk.2VW3SHYK.js";import{a,b as o,e as s}from"./chunk.6ITKITRF.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.JJOBZFIP.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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.JJRLXFKE.js.map

@@ -1,7 +0,0 @@
-{
-  "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';\nimport {ifDefined} from 'lit/directives/if-defined.js';\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) alt of image */\n  @property({type: String})\n    alt: string | undefined;\n\n  /** (ScwImage) whether to preload image or not */\n  @property({type: Boolean})\n    preload: boolean = false;\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 preload link\n  * @return {object} component DOM\n  */\n  renderPreload() : object | undefined {\n    if (this.preload) {\n      if (this._imageSize && this.srcset) {\n        return html`<link \n        rel=\"preload\"\n        as=\"image\"\n        srcset=\"${this.srcset}\"\n        sizes=\"${this._imageSize}px\" />\n      `;\n      } else if (this.src) {\n        return html`<link \n          rel=\"preload\"\n          as=\"image\"\n          href=\"${this.src}\" />\n        `;\n      }\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    if (this._hasIntersected) {\n      if (this._imageSize && this.srcset) {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            srcset=\"${this.srcset}\"\n            sizes=\"${this._imageSize}px\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      } else {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            src=\"${this.src ? this.src : false}\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      }\n    } else {\n      return html``;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n      this.renderContent(),\n      this.renderContainerCss(),\n    );\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/chunks/chunk.JNAKWJZJ.js

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

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

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

package/dist/chunks/chunk.JOPNWVHH.js

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

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

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

package/dist/chunks/chunk.JS44GQOP.js

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

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

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

package/dist/chunks/chunk.JTKS4LXX.js

@@ -1,117 +0,0 @@
-import{a as h}from"./chunk.K3V3AEZG.js";import{a}from"./chunk.27N4OQ6C.js";import{a as p,b as v,c}from"./chunk.O2JPQSNG.js";import{a as e,b as s,c as l}from"./chunk.6ITKITRF.js";import{a as i}from"./chunk.ZS4C3T6Z.js";import{f as n,g as r}from"./chunk.5YJY6NT6.js";var g=e`
-:host .scw-link-base {
-  outline: none;
-  user-select: none;
-  display: inline-flex;
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-}
-:host .scw-link-base svg {
-  box-sizing: border-box;
-  vertical-align: top;
-  width: 100%;
-  height: 100%;
-}
-
-:host {
-  width: 30px;
-  height: 30px;
-}
-:host a.scw-link-base:hover {
-  background-color: var(--scw-color-grey-092);
-}
-:host svg, :host svg * {
-  fill: var(--scw-color, var(--scw-color-grey-02));
-}
-:host svg .color-step-01 {
-  fill: var(--scw-color-01, var(--scw-color-grey-01));
-}
-:host svg .color-step-02 {
-  fill: var(--scw-color-02, var(--scw-color-grey-02));
-}
-:host svg .color-step-03 {
-  fill: var(--scw-color-03, var(--scw-color-grey-03));
-}
-:host svg .color-step-04 {
-  fill: var(--scw-color-04, var(--scw-color-grey-04));
-}
-:host svg .color-step-05,
-:host svg .color-step {
-  fill: var(--scw-color-05, var(--scw-color-grey-05));
-}
-:host svg .color-step-06 {
-  fill: var(--scw-color-06, var(--scw-color-grey-06));
-}
-:host svg .color-step-07 {
-  fill: var(--scw-color-07, var(--scw-color-grey-07));
-}
-:host svg .color-step-08 {
-  fill: var(--scw-color-08, var(--scw-color-grey-08));
-}
-:host svg .color-step-09 {
-  fill: var(--scw-color-09, var(--scw-color-grey-09));
-}
-
-:host([color-background]) .scw-link-base {
-  background-color: var(--scw-color, var(--scw-color-grey-02));
-}
-:host([color-background]) a.scw-link-base:hover {
-  background-color: var(--scw-color-06, var(--scw-color-dark, var(--scw-color-grey-02)));
-}
-:host([color-background]) svg, :host([color-background]) svg * {
-  fill: var(--scw-color-grey-10);
-}
-
-:host([size="10"]) {
-  width: 10px;
-  height: 10px;
-}
-
-:host([size="20"]) {
-  width: 20px;
-  height: 20px;
-}
-
-:host([size="30"]) {
-  width: 30px;
-  height: 30px;
-}
-
-:host([size="40"]) {
-  width: 40px;
-  height: 40px;
-}
-
-:host([size="50"]) {
-  width: 50px;
-  height: 50px;
-}
-
-:host([size="60"]) {
-  width: 60px;
-  height: 60px;
-}
-
-:host([size="70"]) {
-  width: 70px;
-  height: 70px;
-}
-
-:host([size="80"]) {
-  width: 80px;
-  height: 80px;
-}
-
-:host([size="90"]) {
-  width: 90px;
-  height: 90px;
-}
-
-:host([size="100"]) {
-  width: 100px;
-  height: 100px;
-}`;var{validationWarnings:w}=(v(),n(p)),o=class extends c{constructor(){super();this.size="50";this.colorBackground=!1;this._svgInfo="";this.element="icon"}static get styles(){return[super.styles,g]}parseAndValidateLightDom(){super.parseAndValidateLightDom(),a(this.icon,t=>{t===!1?this.warn(w.noIconWarning):this._svgInfo=t})}render(){return this.renderLink(i`
-        ${h(this._svgInfo)}
-      `)}};r([s({type:String,reflect:!0})],o.prototype,"icon",2),r([s({type:String,reflect:!0})],o.prototype,"size",2),r([s({type:Boolean,reflect:!0,attribute:"color-background"})],o.prototype,"colorBackground",2),r([l()],o.prototype,"_svgInfo",2);export{o as a};
-//# sourceMappingURL=chunk.JTKS4LXX.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-icon/scss/scw-icon.scss", "../../src/scw-icon/ScwIcon.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host .scw-link-base {\n  outline: none;\n  user-select: none;\n  display: inline-flex;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n}\n:host .scw-link-base svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n}\n\n:host {\n  width: 30px;\n  height: 30px;\n}\n:host a.scw-link-base:hover {\n  background-color: var(--scw-color-grey-092);\n}\n:host svg, :host svg * {\n  fill: var(--scw-color, var(--scw-color-grey-02));\n}\n:host svg .color-step-01 {\n  fill: var(--scw-color-01, var(--scw-color-grey-01));\n}\n:host svg .color-step-02 {\n  fill: var(--scw-color-02, var(--scw-color-grey-02));\n}\n:host svg .color-step-03 {\n  fill: var(--scw-color-03, var(--scw-color-grey-03));\n}\n:host svg .color-step-04 {\n  fill: var(--scw-color-04, var(--scw-color-grey-04));\n}\n:host svg .color-step-05,\n:host svg .color-step {\n  fill: var(--scw-color-05, var(--scw-color-grey-05));\n}\n:host svg .color-step-06 {\n  fill: var(--scw-color-06, var(--scw-color-grey-06));\n}\n:host svg .color-step-07 {\n  fill: var(--scw-color-07, var(--scw-color-grey-07));\n}\n:host svg .color-step-08 {\n  fill: var(--scw-color-08, var(--scw-color-grey-08));\n}\n:host svg .color-step-09 {\n  fill: var(--scw-color-09, var(--scw-color-grey-09));\n}\n\n:host([color-background]) .scw-link-base {\n  background-color: var(--scw-color, var(--scw-color-grey-02));\n}\n:host([color-background]) a.scw-link-base:hover {\n  background-color: var(--scw-color-06, var(--scw-color-dark, var(--scw-color-grey-02)));\n}\n:host([color-background]) svg, :host([color-background]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([size=\"10\"]) {\n  width: 10px;\n  height: 10px;\n}\n\n:host([size=\"20\"]) {\n  width: 20px;\n  height: 20px;\n}\n\n:host([size=\"30\"]) {\n  width: 30px;\n  height: 30px;\n}\n\n:host([size=\"40\"]) {\n  width: 40px;\n  height: 40px;\n}\n\n:host([size=\"50\"]) {\n  width: 50px;\n  height: 50px;\n}\n\n:host([size=\"60\"]) {\n  width: 60px;\n  height: 60px;\n}\n\n:host([size=\"70\"]) {\n  width: 70px;\n  height: 70px;\n}\n\n:host([size=\"80\"]) {\n  width: 80px;\n  height: 80px;\n}\n\n:host([size=\"90\"]) {\n  width: 90px;\n  height: 90px;\n}\n\n:host([size=\"100\"]) {\n  width: 100px;\n  height: 100px;\n}`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\n// import styles from './scss/scw-icon.scss';\nimport getIconSvg from '../utils/getIconSvg';\nimport {\n  ScwIconSizes,\n} from './scw-icon-enums';\nimport {Components} from '../utils/enums/Components';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport styles from './scss/scw-icon.scss';\nconst {validationWarnings} = require('../utils/validation/warnings.mjs');\n\n/**\n * ScwIcon\n * @class\n * @tag scw-icon\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n */\nexport default class ScwIcon extends ScwLinkBase {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwIcon ====================================================\n  /** (ScwIcon) Determines the icon to use with the text */\n  @property({type: String, reflect: true}) icon: string | undefined;\n\n  /** (ScwIcon) Determines the square size of the icon */\n  @property({type: String, reflect: true})\n    size: ScwIconSizes = ScwIconSizes.size50;\n\n  /** (ScwIcon) Background color (w/ accompanying state colors) */\n  @property({type: Boolean, reflect: true, attribute: 'color-background'})\n    colorBackground: boolean = false;\n\n  @state() _svgInfo : string = '';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.icon;\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(validationWarnings.noIconWarning);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n      html`\n        ${unsafeHTML(this._svgInfo)}\n      `,\n    );\n  }\n}\n"],
-  "mappings": "yQACA,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;GCUf,GAAM,CAAC,sBAAsB,WAU7B,eAAqC,EAAY,CA0B/C,aAAc,CACZ,MAAM,EAVN,UAAqB,KAIrB,qBAA2B,GAEpB,cAAoB,GAK3B,KAAK,QAAU,MACjB,WAzBY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAuBA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,EAAW,KAAK,KAAM,AAAC,GAA6B,CAClD,AAAI,IAAY,GACd,KAAK,KAAK,EAAmB,aAAa,EAE1C,KAAK,SAAW,CAEpB,CAAC,CACH,CAMA,QAAiB,CACf,MAAO,MAAK,WACV;AAAA,UACI,EAAW,KAAK,QAAQ;AAAA,OAE9B,CACF,CACF,EAzC2C,GAAzC,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAAE,AAb3C,EAa2C,oBAIvC,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GACrC,AAjBJ,EAiBI,oBAIA,GADF,AAAC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,kBAAkB,CAAC,GACrE,AArBJ,EAqBI,+BAEO,GAAT,AAAC,EAAM,GAAE,AAvBX,EAuBW",
-  "names": []
-}

package/dist/chunks/chunk.JUNPWFSK.js

@@ -1,29 +0,0 @@
-import{c as a}from"./chunk.O2JPQSNG.js";import{a as s,b as e}from"./chunk.6ITKITRF.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.JUNPWFSK.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": []
-}