scu-web-components 0.0.35 → 0.0.36

package/dist/chunks/chunk.4GKNHIQO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pY29uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pY29uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUFhO0VBQ2I7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFFRTtFQUFhOztBQUViO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0FBQUE7RUFFRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOzs7QUFLRjtFQUNFOztBQUVGO0VBRUUsa0JBQ0U7O0FBSUo7RUFDRTs7O0FBSUo7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFjIn0= */`;\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 = false;\n\n  @state() _svgInfo = '';\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": "+SACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;i2BCUf,GAAM,CAAC,mBAAAC,CAAkB,EAAI,WAURC,EAArB,cAAqCC,CAAY,CA0B/C,aAAc,CACZ,MAAM,EAVN,eAIA,qBAAkB,GAEX,cAAW,GAKlB,KAAK,cACP,CAzBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAuBA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/BC,EAAW,KAAK,KAAOC,GAA6B,CAC9CA,IAAY,GACd,KAAK,KAAKL,EAAmB,aAAa,EAE1C,KAAK,SAAWK,CAEpB,CAAC,CACH,CAMA,QAAiB,CACf,OAAO,KAAK,WACRC;AAAA,UACEC,EAAW,KAAK,QAAQ;AAAA,OAE9B,CACF,CACF,EAzC2CC,EAAA,CAAxCC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAbpBR,EAasB,oBAIvCO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBR,EAiBjB,oBAIAO,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,kBAAkB,CAAC,GApBpDR,EAqBjB,+BAEOO,EAAA,CAARE,EAAM,GAvBYT,EAuBV",
+  "names": ["scw_icon_default", "i", "validationWarnings", "ScwIcon", "ScwLinkBase", "scw_icon_default", "getIconSvg", "svgInfo", "y", "o", "__decorateClass", "e", "t"]
+}

package/dist/chunks/{chunk.ZKJROKIG.js → chunk.5BIMBPIM.js}

@@ -1,4 +1,4 @@
-import{a as u}from"./chunk.SHURDDW4.js";import{b as n,c as r,e as f}from"./chunk.2LAHOOSK.js";import{a as o}from"./chunk.IHVBWZ57.js";import{g as a}from"./chunk.5YJY6NT6.js";var c=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(c||{}),h=(i=>(i.submit="submit",i.cancel="cancel",i))(h||{}),t=class extends f{constructor(){super(...arguments);this.formType="text";this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule("required",this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(l=>l.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${"validate"}${u()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${"validation"}${u()}`),this.prepend(e)),Array.from(e.children).find(s=>s.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let l=this.createValidateRule();l.setAttribute("type",i),e&&l.setAttribute("feedback",e),this.addValidationRule(l)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let d=Array.from(e.children).find(s=>s.type===i);d&&d.parentNode&&d.parentNode.removeChild(d)}render(){return o`
+import{a as u}from"./chunk.7R4H4Y4E.js";import{a as n,b as r,d as o}from"./chunk.YPG6CZAZ.js";import{a as f}from"./chunk.PKA6D7UK.js";import{g as a}from"./chunk.5YJY6NT6.js";var c=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(c||{}),h=(i=>(i.submit="submit",i.cancel="cancel",i))(h||{}),t=class extends o{constructor(){super(...arguments);this.formType="text";this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule("required",this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(d=>d.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${"validate"}${u()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${"validation"}${u()}`),this.prepend(e)),Array.from(e.children).find(s=>s.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let d=this.createValidateRule();d.setAttribute("type",i),e&&d.setAttribute("feedback",e),this.addValidationRule(d)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let l=Array.from(e.children).find(s=>s.type===i);l&&l.parentNode&&l.parentNode.removeChild(l)}render(){return f`
       scw-form-component
     `}};a([n({type:c,reflect:!0,attribute:"form-type"})],t.prototype,"formType",2),a([n({type:String})],t.prototype,"name",2),a([n({type:String})],t.prototype,"value",2),a([n({type:String})],t.prototype,"placeholder",2),a([n({type:String})],t.prototype,"selected",2),a([n({type:Boolean,attribute:"read-only"})],t.prototype,"readOnly",2),a([n({type:Boolean})],t.prototype,"required",2),a([n({type:String,attribute:"required-label"})],t.prototype,"requiredLabel",2),a([n({type:String,attribute:"required-feedback"})],t.prototype,"requiredFeedback",2),a([r()],t.prototype,"feedback",2),a([r()],t.prototype,"focused",2),a([r()],t.prototype,"invalid",2);export{c as a,h as b,t as c};
-//# sourceMappingURL=chunk.ZKJROKIG.js.map
+//# sourceMappingURL=chunk.5BIMBPIM.js.map

package/dist/chunks/chunk.5BIMBPIM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-form-component/scw-form-component.ts"],
+  "sourcesContent": ["import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport ScwValidate from '../scw-validate/scw-validate';\nimport ScwValidation from '../scw-validation/scw-validation';\nimport {ValidationResult, ValidationTypes}\n  from '../scw-validate/validationTypes';\nimport getSuffix from '../utils/suffix';\n\nexport enum ScwFormComponentTypes {\n  text = 'text',\n  boolean = 'boolean',\n  submit = 'submit'\n}\n\nexport enum ScwFormComponentSubmitTypes {\n  submit = 'submit',\n  cancel = 'cancel'\n}\n\n/**\n * ScwFormComponent\n * @class\n * @tag scw-form-component\n */\nexport default class ScwFormComponent extends ScwComponent {\n  // ============== ScwFormComponent ===========================================\n  /** (ScwFormComponent) the usage in a form (& scw-form a query target) */\n  @property({\n    type: ScwFormComponentTypes,\n    reflect: true,\n    attribute: 'form-type',\n  })\n    formType: ScwFormComponentTypes = ScwFormComponentTypes.text;\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    name: string | undefined;\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    value = '';\n\n  /** (ScwFormComponent) text showing when there is no value */\n  @property({type: String})\n    placeholder = '';\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    selected = false;\n\n  /** (ScwFormComponent) read-only state management */\n  @property({type: Boolean, attribute: 'read-only'})\n    readOnly = false;\n\n  /** (ScwFormComponent) required state management */\n  @property({type: Boolean})\n    required = false;\n\n  /** (ScwFormComponent) label indicator for required */\n  @property({type: String, attribute: 'required-label'})\n    requiredLabel = ' *';\n\n  /** (ScwFormComponent) label indicator for required */\n  @property({type: String, attribute: 'required-feedback'})\n    requiredFeedback?: string;\n\n  // ===== STATE ===============================================================\n  /** the text to use for feedback */\n  @state() feedback: string | undefined;\n\n  /** determines whether the input is focused or not */\n  @state() focused = false;\n\n  /** whether this form element is valid, passed validation */\n  @state() invalid = false;\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.required) {\n      this.createAndAddValidationRule(\n          ValidationTypes.required,\n          this.requiredFeedback,\n      );\n    }\n  }\n\n  /** (ScwFormComponent) each form element to decorates the final data object\n  * @param {Object} formData\n  */\n  decorateValues(formData: {}): void {\n    if (!this.name) {\n      this.warn(`${this.element} didn't find a name`);\n      return;\n    }\n    if (this.formType === ScwFormComponentTypes.boolean) {\n      formData[this.name] = this.selected;// ? 'true' : 'false';\n    } else {\n      formData[this.name] = this.value;\n    }\n  }\n\n  /**\n  * Check to see if form element is required w/o knowing if there is validation\n  * @return {boolean}\n  */\n  findIfRequired() : boolean {\n    const rules = this.findValidationRules();\n    if (rules) {\n      return rules.isRequired();\n    }\n    return false;\n  }\n\n  /**\n  * Find validation child if there...\n  * @return {ScwValidation | undefined}\n  */\n  findValidationRules() : ScwValidation | undefined {\n    const childrenArr = Array.from(this.children);\n    const validation = childrenArr.find((child: any) => {\n      // component may not be initialized yet...\n      return child.nodeName.indexOf('SCW-VALIDATION') === 0;\n      // return child.element === Components.validation;\n    });\n    return validation as unknown as ScwValidation;\n  }\n\n  /**\n  *  run the validation rules if there...\n  * @param {string} value\n  * @return {ValidationResult[]}\n  */\n  validate() : ValidationResult[] {\n    const validation = this.findValidationRules();\n    let results : ValidationResult[] = [];\n    if (validation) {\n      results = validation.validate(this.value);\n    }\n    this.invalid = ( results.length > 0);\n    if (this.invalid ) {\n      this.feedback = results[0].feedback;\n    } else {\n      this.feedback = '';\n    }\n    return results;\n  }\n\n\n  /**\n  * create a validation rule from scratch\n  * @return {ScwValidate}\n  */\n  createValidateRule() : ScwValidate {\n    return document.createElement(\n        `scw-${Components.validate}${getSuffix()}`,\n    ) as unknown as ScwValidate;\n  }\n\n  /**\n  * add validation to to child validation (create if not there)\n  * @param {ScwValidate} rule\n  */\n  addValidationRule(rule: ScwValidate ) {\n    let validationRules = this.findValidationRules();\n    if (!validationRules) {\n      validationRules = document.createElement(\n          `scw-${Components.validation}${getSuffix()}`,\n      ) as unknown as ScwValidation;\n      this.prepend( validationRules );\n    }\n    // Check for dups?\n    const children = Array.from(validationRules.children);\n    const existingRule = children.find((child : any) => {\n      return child.getAttribute('type') === rule.type;\n    });\n    if ( !existingRule ) {\n      validationRules.appendChild(rule);\n    }\n  }\n\n  /**\n  * create a validation of a certain type...\n  * @param {ValidationTypes} type\n  * @param {string} feedbackOverride\n  */\n  createAndAddValidationRule(\n      type: ValidationTypes,\n      feedbackOverride?: string,\n  ) {\n    const rule = this.createValidateRule();\n    rule.setAttribute('type', type );// .type = type;\n    if (feedbackOverride) {\n      rule.setAttribute('feedback', feedbackOverride );\n    }\n    this.addValidationRule( rule );\n  }\n\n  /**\n  *\n  * @param {ValidationTypes} type\n  */\n  removeValidationRule(\n      type: ValidationTypes,\n  ) {\n    const validationRules = this.findValidationRules();\n    if (!validationRules) return;\n    const children = Array.from(validationRules.children);\n    const child = children.find(\n        (child : any) => child.type === type,\n    ) as unknown as HTMLElement;\n    if ( child && child.parentNode ) child.parentNode.removeChild(child);\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      scw-form-component\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["ScwFormComponentTypes", "ScwFormComponentSubmitTypes", "ScwFormComponent", "ScwComponent", "formData", "rules", "child", "validation", "results", "getSuffix", "rule", "validationRules", "type", "feedbackOverride", "y", "__decorateClass", "e", "t"]
+}

package/dist/chunks/{chunk.BHAQIBGC.js → chunk.5F2TS4MI.js}

@@ -1,2 +1,2 @@
-import{a as i}from"./chunk.QW4L55OV.js";import{b as n}from"./chunk.4PFGNBK4.js";import{a}from"./chunk.RQFUIQK3.js";import{a as u}from"./chunk.5FUHFFCY.js";var p=class{constructor(t){this.lastSelectionStart=0,this.inputBase=t}autoFormat(t){if(this.inputBase.type==="telephone"){let e=u(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e)}else if(this.inputBase.type==="date"){let e=n(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e,!0)}else if(this.inputBase.type==="number"){let e=a(t,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e,!0)}else if(this.inputBase.type==="currency"){let e=i(t,this.inputBase.input&&this.inputBase.input.selectionStart||0,!1,this.lastSelectionStart);this.applyValues(e)}else this.inputBase.value=t,this.inputBase.valueDisplayed=this.inputBase.value;this.updateSelection()}autoFormatFinish(t){if(this.inputBase.type==="currency"){let e=i(t,this.inputBase.input&&this.inputBase.input.selectionStart||0,!0,this.lastSelectionStart);this.applyValues(e,!1,!1)}this.updateSelection()}applyValues(t,e=!1,r=!0){this.inputBase.value=e?t.display:t.value?t.value:"",this.inputBase.valueDisplayed=t.display,this.inputBase.input&&(this.inputBase.input.value=t.display,r&&this.inputBase.input.setSelectionRange(t.selectionIndex,t.selectionIndex))}updateSelection(){this.lastSelectionStart=this.inputBase.input&&this.inputBase.input.selectionStart||0}};function y(s,t){return s==="telephone"?u(t,"",0).display:s==="date"?n(t,"",0).display:s==="number"?a(t,0).display:s==="currency"?i(t,0,!0,void 0).display:t}export{p as a,y as b};
-//# sourceMappingURL=chunk.BHAQIBGC.js.map
+import{a as i}from"./chunk.GMEO4LZE.js";import{b as n}from"./chunk.JYKLLRWI.js";import{a}from"./chunk.TNEQM7BT.js";import{a as u}from"./chunk.GUPJLJY4.js";var p=class{constructor(t){this.lastSelectionStart=0,this.inputBase=t}autoFormat(t){if(this.inputBase.type==="telephone"){let e=u(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e)}else if(this.inputBase.type==="date"){let e=n(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e,!0)}else if(this.inputBase.type==="number"){let e=a(t,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e,!0)}else if(this.inputBase.type==="currency"){let e=i(t,this.inputBase.input&&this.inputBase.input.selectionStart||0,!1,this.lastSelectionStart);this.applyValues(e)}else this.inputBase.value=t,this.inputBase.valueDisplayed=this.inputBase.value;this.updateSelection()}autoFormatFinish(t){if(this.inputBase.type==="currency"){let e=i(t,this.inputBase.input&&this.inputBase.input.selectionStart||0,!0,this.lastSelectionStart);this.applyValues(e,!1,!1)}this.updateSelection()}applyValues(t,e=!1,r=!0){this.inputBase.value=e?t.display:t.value?t.value:"",this.inputBase.valueDisplayed=t.display,this.inputBase.input&&(this.inputBase.input.value=t.display,r&&this.inputBase.input.setSelectionRange(t.selectionIndex,t.selectionIndex))}updateSelection(){this.lastSelectionStart=this.inputBase.input&&this.inputBase.input.selectionStart||0}};function y(s,t){return s==="telephone"?u(t,"",0).display:s==="date"?n(t,"",0).display:s==="number"?a(t,0).display:s==="currency"?i(t,0,!0,void 0).display:t}export{p as a,y as b};
+//# sourceMappingURL=chunk.5F2TS4MI.js.map

package/dist/chunks/chunk.5F2TS4MI.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-input-field/autoformatters/autoFormat.ts"],
+  "sourcesContent": ["import {dateAutoFormatter} from './dateAutoFormatter';\nimport {phoneNumberAutoFormatter} from './phoneNumberAutoFormatter';\nimport ScwInputField from '../scw-input-field';\nimport {numberFormatter} from './numberFormatter';\nimport {currencyAutoFormatter} from './currencyFormatter';\nimport {InputTypes} from '../inputTypes';\n\nexport interface FormatResult {\n  value: string;\n  display: string;\n  selectionIndex: number;\n}\n\n/**\n * AutoFormatter\n */\nexport default class AutoFormatter {\n  lastSelectionStart: number;\n  inputBase: ScwInputField;\n\n  /**\n   * constructor\n   * @param {ScwInputField} inputBase\n   */\n  constructor(inputBase: ScwInputField) {\n    this.lastSelectionStart = 0;\n    this.inputBase = inputBase;\n  }\n\n\n  /**\n   * autoFormat\n   * // KEEP IN SYNC WITH autoFormatResult BELOW!!!!\n   * @param {string} newValue\n   */\n  autoFormat(\n      newValue: string,\n  ) {\n    if (this.inputBase.type === InputTypes.telephone) {\n      const newValues = phoneNumberAutoFormatter(\n          newValue, // new value\n          this.inputBase.valueDisplayed, // previous value\n          // need to set index b/c props/states may not change\n        this.inputBase.input ? this.inputBase.input.selectionStart || 0 : 0,\n      );\n      this.applyValues(newValues);\n    } else if (this.inputBase.type === InputTypes.date) {\n      const newValues = dateAutoFormatter(\n          newValue, // new value\n          this.inputBase.valueDisplayed, // previous value\n        // need to set index b/c props/states may not change\n        this.inputBase.input ? this.inputBase.input.selectionStart || 0 : 0,\n      );\n      this.applyValues(newValues, true);\n    } else if (this.inputBase.type === InputTypes.number) {\n      // just force it to be a number\n      const newValues = numberFormatter(\n          newValue,\n        this.inputBase.input ? this.inputBase.input.selectionStart || 0 : 0,\n      );\n      this.applyValues(newValues, true);\n    } else if (this.inputBase.type === InputTypes.currency) {\n      const newValues = currencyAutoFormatter(\n          newValue,\n        this.inputBase.input ? this.inputBase.input.selectionStart || 0 : 0,\n        false,\n        this.lastSelectionStart,\n      );\n      this.applyValues(newValues);\n    } else {\n      this.inputBase.value = newValue;\n      this.inputBase.valueDisplayed = this.inputBase.value;\n    }\n    this.updateSelection();\n  }\n\n  /**\n   *\n   * @param {string} newValue\n   */\n  autoFormatFinish(\n      newValue: string,\n  ) {\n    if (this.inputBase.type === InputTypes.currency) {\n      const newValues = currencyAutoFormatter(\n          newValue,\n        this.inputBase.input ? this.inputBase.input.selectionStart || 0 : 0,\n        true, // Finish Digits\n        this.lastSelectionStart,\n      );\n      this.applyValues(newValues, false, false);\n    }\n    // else do nothing...\n    this.updateSelection();\n  }\n\n  /**\n   * Apply Values\n   * @param {string} newValues\n   * @param {string} useDisplayAsValue\n   * @param {number} doSetSelectionRange\n   */\n  applyValues(\n      newValues: {display: string, value: string, selectionIndex: number},\n      useDisplayAsValue = false,\n      doSetSelectionRange = true,\n  ) {\n    this.inputBase.value = useDisplayAsValue ?\n      newValues.display : newValues.value ? newValues.value : '';\n    this.inputBase.valueDisplayed = newValues.display;\n    if (this.inputBase.input) {\n      this.inputBase.input.value = newValues.display;// don't delete\n      if (doSetSelectionRange) {\n        this.inputBase.input.setSelectionRange(\n            newValues.selectionIndex,\n            newValues.selectionIndex,\n        );\n      }\n    }\n  }\n\n  /**\n   * updateSelection\n   */\n  updateSelection() {\n    this.lastSelectionStart = this.inputBase.input ?\n      this.inputBase.input.selectionStart || 0 : 0;\n  }\n}\n\n/**\n * Auto Forrmat Result\n * @param {InputTypes} type\n * @param {string} newValue\n * @return {string}\n */\nexport function autoFormatResult(\n    type: InputTypes,\n    newValue: string,\n) : string {\n  if (type === InputTypes.telephone) {\n    const results = phoneNumberAutoFormatter(\n        newValue, '', 0,\n    );\n    return results.display;\n  } else if (type === InputTypes.date) {\n    const results = dateAutoFormatter(\n        newValue, '', 0,\n    );\n    return results.display;\n  } else if (type === InputTypes.number) {\n    const results = numberFormatter(\n        newValue, 0,\n    );\n    return results.display;\n  } else if (type === InputTypes.currency) {\n    const results = currencyAutoFormatter(\n        newValue, 0, true, undefined,\n    );\n    return results.display;\n  } else {\n    return newValue;\n  }\n}\n\n\n"],
+  "mappings": "2JAgBA,IAAqBA,EAArB,KAAmC,CAQjC,YAAYC,EAA0B,CACpC,KAAK,mBAAqB,EAC1B,KAAK,UAAYA,CACnB,CAQA,WACIC,EACF,CACA,GAAI,KAAK,UAAU,mBAA+B,CAChD,IAAMC,EAAYC,EACdF,EACA,KAAK,UAAU,eAEjB,KAAK,UAAU,OAAQ,KAAK,UAAU,MAAM,gBAAkB,CAChE,EACA,KAAK,YAAYC,CAAS,CAC5B,SAAW,KAAK,UAAU,cAA0B,CAClD,IAAMA,EAAYE,EACdH,EACA,KAAK,UAAU,eAEjB,KAAK,UAAU,OAAQ,KAAK,UAAU,MAAM,gBAAkB,CAChE,EACA,KAAK,YAAYC,EAAW,EAAI,CAClC,SAAW,KAAK,UAAU,gBAA4B,CAEpD,IAAMA,EAAYG,EACdJ,EACF,KAAK,UAAU,OAAQ,KAAK,UAAU,MAAM,gBAAkB,CAChE,EACA,KAAK,YAAYC,EAAW,EAAI,CAClC,SAAW,KAAK,UAAU,kBAA8B,CACtD,IAAMA,EAAYI,EACdL,EACF,KAAK,UAAU,OAAQ,KAAK,UAAU,MAAM,gBAAkB,EAC9D,GACA,KAAK,kBACP,EACA,KAAK,YAAYC,CAAS,CAC5B,MACE,KAAK,UAAU,MAAQD,EACvB,KAAK,UAAU,eAAiB,KAAK,UAAU,MAEjD,KAAK,gBAAgB,CACvB,CAMA,iBACIA,EACF,CACA,GAAI,KAAK,UAAU,kBAA8B,CAC/C,IAAMC,EAAYI,EACdL,EACF,KAAK,UAAU,OAAQ,KAAK,UAAU,MAAM,gBAAkB,EAC9D,GACA,KAAK,kBACP,EACA,KAAK,YAAYC,EAAW,GAAO,EAAK,CAC1C,CAEA,KAAK,gBAAgB,CACvB,CAQA,YACIA,EACAK,EAAoB,GACpBC,EAAsB,GACxB,CACA,KAAK,UAAU,MAAQD,EACrBL,EAAU,QAAUA,EAAU,MAAQA,EAAU,MAAQ,GAC1D,KAAK,UAAU,eAAiBA,EAAU,QACtC,KAAK,UAAU,QACjB,KAAK,UAAU,MAAM,MAAQA,EAAU,QACnCM,GACF,KAAK,UAAU,MAAM,kBACjBN,EAAU,eACVA,EAAU,cACd,EAGN,CAKA,iBAAkB,CAChB,KAAK,mBAAqB,KAAK,UAAU,OACvC,KAAK,UAAU,MAAM,gBAAkB,CAC3C,CACF,EAQO,SAASO,EACZC,EACAT,EACO,CACT,OAAIS,gBACcP,EACZF,EAAU,GAAI,CAClB,EACe,QACNS,WACON,EACZH,EAAU,GAAI,CAClB,EACe,QACNS,aACOL,EACZJ,EAAU,CACd,EACe,QACNS,eACOJ,EACZL,EAAU,EAAG,GAAM,MACvB,EACe,QAERA,CAEX",
+  "names": ["AutoFormatter", "inputBase", "newValue", "newValues", "phoneNumberAutoFormatter", "dateAutoFormatter", "numberFormatter", "currencyAutoFormatter", "useDisplayAsValue", "doSetSelectionRange", "autoFormatResult", "type"]
+}

package/dist/chunks/chunk.5HOTUYMS.js

@@ -0,0 +1,4 @@
+import{d as r}from"./chunk.YPG6CZAZ.js";import{a as e}from"./chunk.PKA6D7UK.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.5HOTUYMS.js.map

package/dist/chunks/{chunk.6WTOZOY7.js.map → chunk.5HOTUYMS.js.map}

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

package/dist/chunks/chunk.5O6SMXQL.js

@@ -0,0 +1,2 @@
+function l(t,a="",i="Must be alphanumeric"){let e=!1;if(!t||t==="")return e;let s=`^[\\w\\s${a}]*$`;return RegExp(s,"gm").test(t)||(e={type:"alphanumeric",valid:!1,feedback:i}),e}export{l as a};
+//# sourceMappingURL=chunk.5O6SMXQL.js.map

package/dist/chunks/chunk.5O6SMXQL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-validate/rules/alphanumeric.ts"],
+  "sourcesContent": ["import {ValidationResult, ValidationTypes} from '../validationTypes';\n\n/**\n * Validates for alphanumeric characters\n * @param {string} value\n * @param {string} include\n * @param {string} feedback\n * @return {ValidationResult | false}\n */\nexport default function validateAlphaNumeric(\n    value : string,\n    include = '',\n    feedback = 'Must be alphanumeric',\n) : ValidationResult | false {\n  let result : ValidationResult | false = false;\n  if (!value || value === '') {\n    return result;// don't want to force required like validation...\n  }\n  const regexStr = `^[\\\\w\\\\s${include}]*$`;\n  const regex = RegExp(regexStr, 'gm');\n  const test = regex.test(value);\n  if (!test) {\n    result = {\n      type: ValidationTypes.alphanumeric,\n      valid: false,\n      feedback,\n    };\n  }\n  return result;\n}\n"],
+  "mappings": "AASe,SAARA,EACHC,EACAC,EAAU,GACVC,EAAW,uBACc,CAC3B,IAAIC,EAAoC,GACxC,GAAI,CAACH,GAASA,IAAU,GACtB,OAAOG,EAET,IAAMC,EAAW,WAAWH,OAG5B,OAFc,OAAOG,EAAU,IAAI,EAChB,KAAKJ,CAAK,IAE3BG,EAAS,CACP,oBACA,MAAO,GACP,SAAAD,CACF,GAEKC,CACT",
+  "names": ["validateAlphaNumeric", "value", "include", "feedback", "result", "regexStr"]
+}

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

@@ -0,0 +1,2 @@
+import{d as o}from"./chunk.YPG6CZAZ.js";customElements.define("scw-component",o);
+//# sourceMappingURL=chunk.6DQVOVVF.js.map

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

@@ -0,0 +1,33 @@
+import{a as u}from"./chunk.GATDLRXZ.js";import{a as s,c as d,d as h}from"./chunk.YPG6CZAZ.js";import{a as l}from"./chunk.3IG37SCP.js";import{a as r,d as c}from"./chunk.PKA6D7UK.js";import{b as m,d as v,f as L,g as i}from"./chunk.5YJY6NT6.js";var p={};v(p,{validationWarnings:()=>g});var g,b=m(()=>{"use strict";g={ariaLabelWarning:"link without a label",noIconWarning:"could not find the icon"}});var a=n=>n!=null?n:c;var f=l`
+.scw-link-base {
+  display: block;
+  text-decoration: none;
+}
+.scw-link-base:focus-visible {
+  outline: none;
+  box-shadow: var(--scw-effect-focus-shadow);
+  border-radius: 4px;
+}
+.scw-link-base:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rLWJhc2Uvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstYmFzZS5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0U7RUFDQTs7QUFFQTtFQUNFO0VDazRiRjtFRGg0YkU7O0FBR0Y7RUFDRTtFQUNBIn0= */`;var{validationWarnings:W}=(b(),L(p)),t=class extends h{constructor(){super();this.element="link-base"}static get styles(){return[super.styles,f]}updated(){this.ariaDisabled==="true"?this.addEventListener("click",this.cancelEvent,{capture:!0}):this.removeEventListener("click",this.cancelEvent,{capture:!0})}cancelEvent(e){e.preventDefault(),e.stopImmediatePropagation()}parseAndValidateLightDom(){super.parseAndValidateLightDom(),u(this),this.isLink()&&this.ariaLabel.trim().length===0&&this.warn(W.ariaLabelWarning)}isLink(){return!!this.href}renderLink(e,o){return this.isLink()&&this.ariaDisabled!=="true"?r`
+        <a
+          class="scw-link-base"
+          style="${a(o)}"
+          href="${this.href?this.href:"javascript:"}"
+          target="${this.target?this.target:"_self"}"
+          aria-label="${this.ariaLabel}">
+          ${e}
+        </a>`:r`
+        <div class="scw-link-base"
+          style="${a(o)}">
+          ${e}
+        </div>`}focus(){this.linkAnchor&&this.linkAnchor.focus()}render(){return this.renderLink(r`${this._lastWarning?this._lastWarning:this.ariaLabel}`)}};i([s({type:String,reflect:!0})],t.prototype,"href",2),i([s({type:String,reflect:!0})],t.prototype,"target",2),i([d("a.scw-link-base")],t.prototype,"linkAnchor",2);export{a,p as b,b as c,t as d};
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+//# sourceMappingURL=chunk.6HCGKTZQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/validation/warnings.mjs", "../../node_modules/lit-html/src/directives/if-defined.ts", "../../src/scw-link-base/scss/scw-link-base.scss", "../../src/scw-link-base/ScwLinkBase.ts"],
+  "sourcesContent": ["\n\nexport const validationWarnings = {\n  ariaLabelWarning: 'link without a label',\n  noIconWarning: 'could not find the icon',\n};\n", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {nothing} from '../lit-html.js';\n\n/**\n * For AttributeParts, sets the attribute if the value is defined and removes\n * the attribute if the value is undefined.\n *\n * For other part types, this directive is a no-op.\n */\nexport const ifDefined = <T>(value: T) => value ?? nothing;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n.scw-link-base {\n  display: block;\n  text-decoration: none;\n}\n.scw-link-base:focus-visible {\n  outline: none;\n  box-shadow: var(--scw-effect-focus-shadow);\n  border-radius: 4px;\n}\n.scw-link-base:focus:not(:focus-visible) {\n  outline: none;\n  box-shadow: none;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rLWJhc2Uvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstYmFzZS5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0U7RUFDQTs7QUFFQTtFQUNFO0VDazRiRjtFRGg0YkU7O0FBR0Y7RUFDRTtFQUNBIn0= */`;\n", "import {html} from 'lit';\nimport {property, query} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport parseLightDomAnchor from './parseLightDomAnchor';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-link-base.scss';\nconst {validationWarnings} = require('../utils/validation/warnings.mjs');\n\n/**\n * ScwLinkBase\n * @class\n * @tag scw-link-base\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwLinkBase extends ScwComponent {/**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwLinkBase =======================================\n  /**\n  * (ScwLinkBase) link location - private\n  * ...should not be able to be set directly b/c scu-link should use this\n  */\n  @property({type: String, reflect: true})\n    href : string | undefined;\n\n  /**\n  * (ScwLinkBase) link target - private\n  * ...should not be able to be set directly b/c scu-link should use this\n  */\n  @property({type: String, reflect: true})\n    target : '_blank' | '_parent' | '_self' | '_top' | undefined;\n\n  @query('a.scw-link-base')\n    linkAnchor: HTMLAnchorElement | undefined;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.linkBase;\n  }\n\n  /**\n   * request update\n   */\n  updated() {\n    if (this.ariaDisabled === 'true') {\n      this.addEventListener('click', this.cancelEvent, {capture: true} );\n    } else {\n      this.removeEventListener('click', this.cancelEvent, {capture: true} );\n    }\n  }\n\n  /**\n   * cancel event\n   * @param {Event} evt\n   */\n  cancelEvent(evt: Event) {\n    evt.preventDefault();\n    evt.stopImmediatePropagation();\n  }\n\n  /**\n   * override with anchor info\n   */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    parseLightDomAnchor(this);\n    if (this.isLink() && this.ariaLabel.trim().length === 0) {\n      this.warn(validationWarnings.ariaLabelWarning);// 'link without a label');\n    }\n  }\n\n  /**\n   * Should this element be rendered as a link...\n   * @return {boolean}\n   */\n  isLink() {\n    if (this.href) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * renderLink\n  * @param {object} children\n  * @param {string} styles\n  * @return {object} component DOM\n  */\n  renderLink(children: object, styles?: string): object {\n    if (this.isLink() && this.ariaDisabled !== 'true') {\n      return html`\n        <a\n          class=\"scw-link-base\"\n          style=\"${ifDefined(styles)}\"\n          href=\"${this.href ? this.href : 'javascript:'}\"\n          target=\"${this.target ? this.target : '_self'}\"\n          aria-label=\"${this.ariaLabel}\">\n          ${children}\n        </a>`;\n    } else {\n      // need a consistent container for styling\n      return html`\n        <div class=\"scw-link-base\"\n          style=\"${ifDefined(styles)}\">\n          ${children}\n        </div>`;\n    }\n  }\n\n  /**\n   * focus\n   */\n  focus(): void {\n    if (this.linkAnchor) {\n      this.linkAnchor.focus();\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n        html`${this._lastWarning ? this._lastWarning : this.ariaLabel}`,\n    );\n  }\n}\n"],
+  "mappings": "kPAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,IAEaA,EAFbC,EAAAC,EAAA,kBAEaF,EAAqB,CAChC,iBAAkB,uBAClB,cAAe,yBACjB,ICSa,IAAAG,EAAgBC,GAAaA,GAAAA,KAAAA,EAASC,ECbnD,IAAOC,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ycCMf,GAAM,CAAC,mBAAAC,CAAkB,EAAI,WAaRC,EAArB,cAAyCC,CAAa,CA+BpD,aAAc,CACZ,MAAM,EACN,KAAK,mBACP,CA/BA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CA+BA,SAAU,CACJ,KAAK,eAAiB,OACxB,KAAK,iBAAiB,QAAS,KAAK,YAAa,CAAC,QAAS,EAAI,CAAE,EAEjE,KAAK,oBAAoB,QAAS,KAAK,YAAa,CAAC,QAAS,EAAI,CAAE,CAExE,CAMA,YAAYC,EAAY,CACtBA,EAAI,eAAe,EACnBA,EAAI,yBAAyB,CAC/B,CAKA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/BC,EAAoB,IAAI,EACpB,KAAK,OAAO,GAAK,KAAK,UAAU,KAAK,EAAE,SAAW,GACpD,KAAK,KAAKL,EAAmB,gBAAgB,CAEjD,CAMA,QAAS,CACP,MAAI,OAAK,IAIX,CAQA,WAAWM,EAAkBC,EAAyB,CACpD,OAAI,KAAK,OAAO,GAAK,KAAK,eAAiB,OAClCC;AAAA;AAAA;AAAA,mBAGMC,EAAUF,CAAM;AAAA,kBACjB,KAAK,KAAO,KAAK,KAAO;AAAA,oBACtB,KAAK,OAAS,KAAK,OAAS;AAAA,wBACxB,KAAK;AAAA,YACjBD;AAAA,cAICE;AAAA;AAAA,mBAEMC,EAAUF,CAAM;AAAA,YACvBD;AAAA,eAGV,CAKA,OAAc,CACR,KAAK,YACP,KAAK,WAAW,MAAM,CAE1B,CAMA,QAAiB,CACf,OAAO,KAAK,WACRE,IAAO,KAAK,aAAe,KAAK,aAAe,KAAK,WACxD,CACF,CACF,EA3GIE,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAfpBV,EAgBjB,oBAOAS,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAtBpBV,EAuBjB,sBAGAS,EAAA,CADDE,EAAM,iBAAiB,GAzBLX,EA0BjB",
+  "names": ["warnings_exports", "__export", "validationWarnings", "init_warnings", "__esmMin", "ifDefined", "value", "nothing", "scw_link_base_default", "i", "validationWarnings", "ScwLinkBase", "ScwComponent", "scw_link_base_default", "evt", "parseLightDomAnchor", "children", "styles", "y", "l", "__decorateClass", "e", "i"]
+}

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

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

package/dist/chunks/chunk.74TIZTI7.js

@@ -0,0 +1,2 @@
+var t=["icon-placeholder","icon-clear","icon-instagram","icon-close","icon-check","icon-download","icon-linkedin","icon-facebook","icon-tiktok","icon-location","icon-location-dot","icon-search","icon-visible","icon-hidden","icon-lock","icon-edit","icon-envelope","icon-external-link","icon-crosshairs","icon-message","icon-minus","icon-mobile","icon-pdf","icon-plus","icon-chevron-up","icon-chevron-down","icon-chevron-left","icon-chevron-right","icon-clock","icon-info","icon-user","icon-circle","icon-code","icon-print","icon-slider","icon-document","icon-checkbox","icon-radio","icon-checkbox-selected","icon-radio-selected","icon-checkbox-hover","icon-radio-hover","icon-checkbox-selected-hover","icon-radio-selected-hover","icon-checkbox-disabled","icon-radio-disabled","icon-checkbox-selected-disabled","icon-radio-selected-disabled","icon-color-test","graphic-apple-app-store","graphic-logo","graphic-ncua","graphic-ehl","graphic-google-play-store"];async function o(e,i){if(!t.includes(e))return!1;let a;switch(e){case"icon-placeholder":a=(await import("./icon-placeholder.H62WLGDV.js")).default;break;case"icon-clear":a=(await import("./icon-clear.PZETAYRA.js")).default;break;case"icon-instagram":a=(await import("./icon-instagram.6SNPIITH.js")).default;break;case"icon-close":a=(await import("./icon-close.Z52HCIQH.js")).default;break;case"icon-check":a=(await import("./icon-check.2J6H24PQ.js")).default;break;case"icon-download":a=(await import("./icon-download.PZAFFQ6X.js")).default;break;case"icon-linkedin":a=(await import("./icon-linkedin.MAI4ZPUP.js")).default;break;case"icon-facebook":a=(await import("./icon-facebook.QXY4NSZC.js")).default;break;case"icon-tiktok":a=(await import("./icon-tiktok.GIFGF7PJ.js")).default;break;case"icon-location":a=(await import("./icon-location.QQ2PREBA.js")).default;break;case"icon-location-dot":a=(await import("./icon-location-dot.WO3EZZJ4.js")).default;break;case"icon-search":a=(await import("./icon-search.G6EUFLAB.js")).default;break;case"icon-visible":a=(await import("./icon-visible.6LLG6U2V.js")).default;break;case"icon-hidden":a=(await import("./icon-hidden.XVGOU2XC.js")).default;break;case"icon-lock":a=(await import("./icon-lock.IDEZHIWZ.js")).default;break;case"icon-edit":a=(await import("./icon-edit.CBMWMGRY.js")).default;break;case"icon-envelope":a=(await import("./icon-envelope.VVRENS7E.js")).default;break;case"icon-external-link":a=(await import("./icon-external-link.G55QN337.js")).default;break;case"icon-crosshairs":a=(await import("./icon-crosshairs.XJVZHAJC.js")).default;break;case"icon-message":a=(await import("./icon-message.3DWME3DJ.js")).default;break;case"icon-minus":a=(await import("./icon-minus.Y6J3TBEG.js")).default;break;case"icon-mobile":a=(await import("./icon-mobile.NTHRHOJL.js")).default;break;case"icon-pdf":a=(await import("./icon-pdf.EH6BCNYI.js")).default;break;case"icon-plus":a=(await import("./icon-plus.OWM6ZAXM.js")).default;break;case"icon-chevron-up":a=(await import("./icon-chevron-up.E72GWARZ.js")).default;break;case"icon-chevron-down":a=(await import("./icon-chevron-down.G3D5CS54.js")).default;break;case"icon-chevron-left":a=(await import("./icon-chevron-left.7EWLMQJO.js")).default;break;case"icon-chevron-right":a=(await import("./icon-chevron-right.Q25FULHU.js")).default;break;case"icon-clock":a=(await import("./icon-clock.U2YNTBDN.js")).default;break;case"icon-info":a=(await import("./icon-info.U2ENHMDH.js")).default;break;case"icon-user":a=(await import("./icon-user.PWD6MXKR.js")).default;break;case"icon-circle":a=(await import("./icon-circle.YMYFOJQF.js")).default;break;case"icon-code":a=(await import("./icon-code.7DGRWN7U.js")).default;break;case"icon-print":a=(await import("./icon-print.SXGTREIU.js")).default;break;case"icon-slider":a=(await import("./icon-slider.AE5XEGK5.js")).default;break;case"icon-document":a=(await import("./icon-document.UHQUZDIW.js")).default;break;case"icon-checkbox":a=(await import("./icon-checkbox.YH7MMYRP.js")).default;break;case"icon-radio":a=(await import("./icon-radio.I2FI3WCV.js")).default;break;case"icon-checkbox-selected":a=(await import("./icon-checkbox-selected.SVAKK3LA.js")).default;break;case"icon-radio-selected":a=(await import("./icon-radio-selected.XXL7SCSC.js")).default;break;case"icon-checkbox-hover":a=(await import("./icon-checkbox-hover.CNYOUMCW.js")).default;break;case"icon-radio-hover":a=(await import("./icon-radio-hover.B5FZHVHA.js")).default;break;case"icon-checkbox-selected-hover":a=(await import("./icon-checkbox-selected-hover.PGUVZ62C.js")).default;break;case"icon-radio-selected-hover":a=(await import("./icon-radio-selected-hover.O6DFK257.js")).default;break;case"icon-checkbox-disabled":a=(await import("./icon-checkbox-disabled.VSUFMT3G.js")).default;break;case"icon-radio-disabled":a=(await import("./icon-radio-disabled.Q5ZGKYKV.js")).default;break;case"icon-checkbox-selected-disabled":a=(await import("./icon-checkbox-selected-disabled.DLMEJCDA.js")).default;break;case"icon-radio-selected-disabled":a=(await import("./icon-radio-selected-disabled.CJWSVALQ.js")).default;break;case"icon-color-test":a=(await import("./icon-color-test.JO6FCNHQ.js")).default;break;case"graphic-apple-app-store":a=(await import("./graphic-apple-app-store.64CLN6WQ.js")).default;break;case"graphic-logo":a=(await import("./graphic-logo.UL6BCYFE.js")).default;break;case"graphic-ncua":a=(await import("./graphic-ncua.PJDHZQTE.js")).default;break;case"graphic-ehl":a=(await import("./graphic-ehl.ESGKDW72.js")).default;break;case"graphic-google-play-store":a=(await import("./graphic-google-play-store.4YAJ4NUV.js")).default;break}return i===!0?`url('data:image/svg+xml;utf8,${a.replace(/#/g,"%23")}')`:a}function r(e,i){if(e){let a=e;e.indexOf("icon-")!==0&&(a=`icon-${e}`),o(a).then(c=>{i(c)})}}export{r as a};
+//# sourceMappingURL=chunk.74TIZTI7.js.map

package/dist/chunks/chunk.74TIZTI7.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../tokens/source/assets/svgs.js", "../../src/utils/getIconSvg.ts"],
+  "sourcesContent": ["\nconst svgs = [\n  'icon-placeholder',\n\t'icon-clear',\n\t'icon-instagram',\n\t'icon-close',\n\t'icon-check',\n\t'icon-download',\n\t'icon-linkedin',\n\t'icon-facebook',\n\t'icon-tiktok',\n\t'icon-location',\n\t'icon-location-dot',\n\t'icon-search',\n\t'icon-visible',\n\t'icon-hidden',\n\t'icon-lock',\n\t'icon-edit',\n\t'icon-envelope',\n\t'icon-external-link',\n\t'icon-crosshairs',\n\t'icon-message',\n\t'icon-minus',\n\t'icon-mobile',\n\t'icon-pdf',\n\t'icon-plus',\n\t'icon-chevron-up',\n\t'icon-chevron-down',\n\t'icon-chevron-left',\n\t'icon-chevron-right',\n\t'icon-clock',\n\t'icon-info',\n\t'icon-user',\n\t'icon-circle',\n\t'icon-code',\n\t'icon-print',\n\t'icon-slider',\n\t'icon-document',\n\t'icon-checkbox',\n\t'icon-radio',\n\t'icon-checkbox-selected',\n\t'icon-radio-selected',\n\t'icon-checkbox-hover',\n\t'icon-radio-hover',\n\t'icon-checkbox-selected-hover',\n\t'icon-radio-selected-hover',\n\t'icon-checkbox-disabled',\n\t'icon-radio-disabled',\n\t'icon-checkbox-selected-disabled',\n\t'icon-radio-selected-disabled',\n\t'icon-color-test',\n\t'graphic-apple-app-store',\n\t'graphic-logo',\n\t'graphic-ncua',\n\t'graphic-ehl',\n\t'graphic-google-play-store'\n];\n\nexport default async function getSvg( svgName, urlBase64 ) {\n  if ( !svgs.includes(svgName) ) {\n    return false;\n  }\n  let svg;\n  switch ( svgName ) {\n\t\tcase 'icon-placeholder': svg = (await import('./icon-placeholder.js')).default; break;\n\t\tcase 'icon-clear': svg = (await import('./icon-clear.js')).default; break;\n\t\tcase 'icon-instagram': svg = (await import('./icon-instagram.js')).default; break;\n\t\tcase 'icon-close': svg = (await import('./icon-close.js')).default; break;\n\t\tcase 'icon-check': svg = (await import('./icon-check.js')).default; break;\n\t\tcase 'icon-download': svg = (await import('./icon-download.js')).default; break;\n\t\tcase 'icon-linkedin': svg = (await import('./icon-linkedin.js')).default; break;\n\t\tcase 'icon-facebook': svg = (await import('./icon-facebook.js')).default; break;\n\t\tcase 'icon-tiktok': svg = (await import('./icon-tiktok.js')).default; break;\n\t\tcase 'icon-location': svg = (await import('./icon-location.js')).default; break;\n\t\tcase 'icon-location-dot': svg = (await import('./icon-location-dot.js')).default; break;\n\t\tcase 'icon-search': svg = (await import('./icon-search.js')).default; break;\n\t\tcase 'icon-visible': svg = (await import('./icon-visible.js')).default; break;\n\t\tcase 'icon-hidden': svg = (await import('./icon-hidden.js')).default; break;\n\t\tcase 'icon-lock': svg = (await import('./icon-lock.js')).default; break;\n\t\tcase 'icon-edit': svg = (await import('./icon-edit.js')).default; break;\n\t\tcase 'icon-envelope': svg = (await import('./icon-envelope.js')).default; break;\n\t\tcase 'icon-external-link': svg = (await import('./icon-external-link.js')).default; break;\n\t\tcase 'icon-crosshairs': svg = (await import('./icon-crosshairs.js')).default; break;\n\t\tcase 'icon-message': svg = (await import('./icon-message.js')).default; break;\n\t\tcase 'icon-minus': svg = (await import('./icon-minus.js')).default; break;\n\t\tcase 'icon-mobile': svg = (await import('./icon-mobile.js')).default; break;\n\t\tcase 'icon-pdf': svg = (await import('./icon-pdf.js')).default; break;\n\t\tcase 'icon-plus': svg = (await import('./icon-plus.js')).default; break;\n\t\tcase 'icon-chevron-up': svg = (await import('./icon-chevron-up.js')).default; break;\n\t\tcase 'icon-chevron-down': svg = (await import('./icon-chevron-down.js')).default; break;\n\t\tcase 'icon-chevron-left': svg = (await import('./icon-chevron-left.js')).default; break;\n\t\tcase 'icon-chevron-right': svg = (await import('./icon-chevron-right.js')).default; break;\n\t\tcase 'icon-clock': svg = (await import('./icon-clock.js')).default; break;\n\t\tcase 'icon-info': svg = (await import('./icon-info.js')).default; break;\n\t\tcase 'icon-user': svg = (await import('./icon-user.js')).default; break;\n\t\tcase 'icon-circle': svg = (await import('./icon-circle.js')).default; break;\n\t\tcase 'icon-code': svg = (await import('./icon-code.js')).default; break;\n\t\tcase 'icon-print': svg = (await import('./icon-print.js')).default; break;\n\t\tcase 'icon-slider': svg = (await import('./icon-slider.js')).default; break;\n\t\tcase 'icon-document': svg = (await import('./icon-document.js')).default; break;\n\t\tcase 'icon-checkbox': svg = (await import('./icon-checkbox.js')).default; break;\n\t\tcase 'icon-radio': svg = (await import('./icon-radio.js')).default; break;\n\t\tcase 'icon-checkbox-selected': svg = (await import('./icon-checkbox-selected.js')).default; break;\n\t\tcase 'icon-radio-selected': svg = (await import('./icon-radio-selected.js')).default; break;\n\t\tcase 'icon-checkbox-hover': svg = (await import('./icon-checkbox-hover.js')).default; break;\n\t\tcase 'icon-radio-hover': svg = (await import('./icon-radio-hover.js')).default; break;\n\t\tcase 'icon-checkbox-selected-hover': svg = (await import('./icon-checkbox-selected-hover.js')).default; break;\n\t\tcase 'icon-radio-selected-hover': svg = (await import('./icon-radio-selected-hover.js')).default; break;\n\t\tcase 'icon-checkbox-disabled': svg = (await import('./icon-checkbox-disabled.js')).default; break;\n\t\tcase 'icon-radio-disabled': svg = (await import('./icon-radio-disabled.js')).default; break;\n\t\tcase 'icon-checkbox-selected-disabled': svg = (await import('./icon-checkbox-selected-disabled.js')).default; break;\n\t\tcase 'icon-radio-selected-disabled': svg = (await import('./icon-radio-selected-disabled.js')).default; break;\n\t\tcase 'icon-color-test': svg = (await import('./icon-color-test.js')).default; break;\n\t\tcase 'graphic-apple-app-store': svg = (await import('./graphic-apple-app-store.js')).default; break;\n\t\tcase 'graphic-logo': svg = (await import('./graphic-logo.js')).default; break;\n\t\tcase 'graphic-ncua': svg = (await import('./graphic-ncua.js')).default; break;\n\t\tcase 'graphic-ehl': svg = (await import('./graphic-ehl.js')).default; break;\n\t\tcase 'graphic-google-play-store': svg = (await import('./graphic-google-play-store.js')).default; break;\n  }\n  if (urlBase64 === true) {\n    // need to clean svg of '#'s\n\t\treturn `url('data:image/svg+xml;utf8,${svg.replace(/#/g, '%23')}')`;\n\t}else{\n\t\treturn svg;\n\t}\n}", "import getSvg from '../../dist/tokens/source/assets/svgs.js';\n\n/**\n * Find and return svg for icon\n * @param {string | undefined} iconName\n * @param {Function} callback\n */\nexport default function getIconSvg(\n    iconName : string | undefined,\n    callback: (svgInfo: string | false) => void,\n) {\n  if (iconName) {\n    let iconNameFull = iconName;\n    if (iconName.indexOf('icon-') !== 0) {\n      iconNameFull = `icon-${iconName}`;\n    }\n    getSvg(iconNameFull).then((result : string | false )=> {\n      callback( result );\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["svgs", "getSvg", "svgName", "urlBase64", "svg", "getIconSvg", "iconName", "callback", "iconNameFull", "getSvg", "result"]
+}

package/dist/chunks/{chunk.7IEAISVE.js → chunk.7QJCD7HR.js}

@@ -1,4 +1,4 @@
-import{a as p}from"./chunk.ZHMMWIFH.js";import{a as u}from"./chunk.A6Q2K43E.js";import{d as b}from"./chunk.56YMDF4N.js";import{a as d,b as e,c as n}from"./chunk.2LAHOOSK.js";import{a as l}from"./chunk.33FSL7Y7.js";import{b as c}from"./chunk.KBIUGQUO.js";import{a as r}from"./chunk.IHVBWZ57.js";import{g as i}from"./chunk.5YJY6NT6.js";var m=d`
+import{a as p}from"./chunk.FSF6MEVS.js";import{a as m}from"./chunk.A6Q2K43E.js";import{d as b}from"./chunk.6HCGKTZQ.js";import{a as e,b as n}from"./chunk.YPG6CZAZ.js";import{a as l}from"./chunk.I22BAQME.js";import{b as c}from"./chunk.KBIUGQUO.js";import{a as h}from"./chunk.3IG37SCP.js";import{a as r}from"./chunk.PKA6D7UK.js";import{g as i}from"./chunk.5YJY6NT6.js";var u=h`
 :host {
   /* scw element */
   position: relative;
@@ -27,7 +27,7 @@ import{a as p}from"./chunk.ZHMMWIFH.js";import{a as u}from"./chunk.A6Q2K43E.js";
   display: block;
   position: absolute;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWltYWdlL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctaW1hZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtBQ2tudEJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBOzs7QUR4bnRCRjtFQUNFOzs7QUVIQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBIn0= */`;var t=class extends b{constructor(){super();this.preload=!1;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,m]}firstUpdated(s){super.firstUpdated(s),this._resizeHandler=this._resizeHandler.bind(this),this._intersectionHandler=this._intersectionHandler.bind(this),this.noLazyLoading?this._hasIntersected=!0:p.registerCallback(this,this._intersectionHandler),this.establishResizeBreakpoints()}parseAndValidateLightDom(){super.parseAndValidateLightDom(),u(this)}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect(),p.unregisterCallback(this,this._intersectionHandler),l.removeBreakpointListener(this._resizeBreakpoints,this._resizeHandler)}establishResizeBreakpoints(){if(this.srcset){let s=this.resizeBreakpoints.split(","),o=c();this._resizeBreakpoints=[],s.map(h=>{let a=o[h.trim()];a&&this._resizeBreakpoints.push(a)}),l.addBreakpointListener(this._resizeBreakpoints,this._resizeHandler),this._resizeHandler()}}_resizeHandler(){this._imageSize=this.clientWidth}_intersectionHandler(s){this._isIntersecting=s,this._hasIntersected=this._hasIntersected?!0:s}renderContainerCss(){if(this.aspectRatio){let s=this.aspectRatio.split(":"),o=parseFloat(s[0]);return`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbWFnZS9zY3NzIiwic291cmNlcyI6WyIuLi8uLi9zY3ctY29tcG9uZW50L3Njc3Mvc2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIiwic2N3LWltYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUMyb3RCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEanB0QkY7RUFDRTs7O0FFSEE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQSJ9 */`;var t=class extends b{constructor(){super();this.preload=!1;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,u]}firstUpdated(s){super.firstUpdated(s),this._resizeHandler=this._resizeHandler.bind(this),this._intersectionHandler=this._intersectionHandler.bind(this),this.noLazyLoading?this._hasIntersected=!0:p.registerCallback(this,this._intersectionHandler),this.establishResizeBreakpoints()}parseAndValidateLightDom(){super.parseAndValidateLightDom(),m(this)}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect(),p.unregisterCallback(this,this._intersectionHandler),l.removeBreakpointListener(this._resizeBreakpoints,this._resizeHandler)}establishResizeBreakpoints(){if(this.srcset){let s=this.resizeBreakpoints.split(","),o=c();this._resizeBreakpoints=[],s.map(d=>{let a=o[d.trim()];a&&this._resizeBreakpoints.push(a)}),l.addBreakpointListener(this._resizeBreakpoints,this._resizeHandler),this._resizeHandler()}}_resizeHandler(){this._imageSize=this.clientWidth}_intersectionHandler(s){this._isIntersecting=s,this._hasIntersected=this._hasIntersected?!0:s}renderContainerCss(){if(this.aspectRatio){let s=this.aspectRatio.split(":"),o=parseFloat(s[0]);return`
         display: block;
         padding-bottom: ${parseFloat(s[1])/o*100}%;
         height: 0;`}return""}renderImgCss(){return this.objectFit||this.objectPosition?`
@@ -56,4 +56,4 @@ import{a as p}from"./chunk.ZHMMWIFH.js";import{a as u}from"./chunk.A6Q2K43E.js";
             style="${this.renderImgCss()}"
             src="${this.src?this.src:!1}"
             alt="${this.alt?this.alt:"NO ALT!"}" />`:r``}render(){return this.renderLink(this.renderContent(),this.renderContainerCss())}};i([e({type:String,attribute:"aspect-ratio"})],t.prototype,"aspectRatio",2),i([e({type:String,attribute:"object-fit"})],t.prototype,"objectFit",2),i([e({type:String,attribute:"object-position"})],t.prototype,"objectPosition",2),i([e({type:String})],t.prototype,"srcset",2),i([e({type:String})],t.prototype,"src",2),i([e({type:String})],t.prototype,"alt",2),i([e({type:Boolean})],t.prototype,"preload",2),i([e({type:Boolean,attribute:"no-lazy-loading"})],t.prototype,"noLazyLoading",2),i([e({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.7IEAISVE.js.map
+//# sourceMappingURL=chunk.7QJCD7HR.js.map

package/dist/chunks/chunk.7QJCD7HR.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-image/scss/scw-image.scss", "../../src/scw-image/ScwImage.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host .scw-link-base {\n  display: block;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n:host .scw-link-base img {\n  display: block;\n  position: absolute;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbWFnZS9zY3NzIiwic291cmNlcyI6WyIuLi8uLi9zY3ctY29tcG9uZW50L3Njc3Mvc2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIiwic2N3LWltYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUMyb3RCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEanB0QkY7RUFDRTs7O0FFSEE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQSJ9 */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport styles from './scss/scw-image.scss';\nimport {Components} from '../utils/enums/Components';\nimport 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';\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) alt of image */\n  @property({type: String})\n    alt: string | undefined;\n\n  /** (ScwImage) whether to preload image or not */\n  @property({type: Boolean})\n    preload = false;\n\n  /** (ScwImage) turn off lazy loading */\n  @property({type: Boolean, attribute: 'no-lazy-loading'})\n    noLazyLoading = false;\n\n  /** (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 = `${\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 = false;\n\n  /** (ScwImage) determines whether element has intersected once */\n  @state()\n    _hasIntersected = 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": ["scw_image_default", "i", "ScwImage", "ScwLinkBase", "scw_image_default", "changedProps", "intersectionObserverSingleton_default", "validate", "mediaQueryListSingleton_default", "resizeBreakpointsArr", "bpLookup", "breakpointLookup", "bp", "bpObj", "intersecting", "aspectRatioArr", "w", "y", "__decorateClass", "t"]
+}

package/dist/chunks/chunk.7R4H4Y4E.js

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

package/dist/chunks/{chunk.SHURDDW4.js.map → chunk.7R4H4Y4E.js.map}

@@ -1,7 +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,SAARA,EAA2BC,EAAoB,IAAK,CACzD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
+  "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 = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,SAARA,EAA2BC,EAAY,IAAK,CACjD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
   "names": ["getSuffix", "connector", "config"]
 }

package/dist/chunks/{chunk.X3QDN5AD.js → chunk.AP76NHYK.js}

@@ -1,2 +1,2 @@
-import{a as r}from"./chunk.A2HETGP5.js";import{e as l}from"./chunk.5YJY6NT6.js";var e=l(r(),1);function s(t,i="Must be a date MM/DD/YYYY"){let a=!1;return!t||t===""||e.default.isDate(t,"MM/DD/YYYY")||(a={type:"date",valid:!1,feedback:i}),a}export{s as a};
-//# sourceMappingURL=chunk.X3QDN5AD.js.map
+import{a as r}from"./chunk.223WJTWZ.js";import{e as l}from"./chunk.5YJY6NT6.js";var e=l(r(),1);function s(t,i="Must be a date MM/DD/YYYY"){let a=!1;return!t||t===""||e.default.isDate(t,"MM/DD/YYYY")||(a={type:"date",valid:!1,feedback:i}),a}export{s as a};
+//# sourceMappingURL=chunk.AP76NHYK.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-validate/rules/date.ts"],
+  "sourcesContent": ["import {ValidationResult, ValidationTypes} from '../validationTypes';\nimport validator from 'validator';\n\n/**\n * validates for valid dates\n * @param {string} value\n * @param {string} feedback\n * @return {ValidationResult | false}\n */\nexport default function validateDate(\n    value : string,\n    feedback = 'Must be a date MM/DD/YYYY',\n) : ValidationResult | false {\n  let result : ValidationResult | false = false;\n  if (!value || value === '') {\n    return result;// don't want to force required like validation...\n  }\n\n  if (!validator.isDate(value, 'MM/DD/YYYY')) {\n    result = {\n      type: ValidationTypes.date,\n      valid: false,\n      feedback,\n    };\n  }\n\n  return result;\n};\n"],
+  "mappings": "gFACA,IAAAA,EAAsB,SAQP,SAARC,EACHC,EACAC,EAAW,4BACc,CAC3B,IAAIC,EAAoC,GACxC,MAAI,CAACF,GAASA,IAAU,IAInB,EAAAG,QAAU,OAAOH,EAAO,YAAY,IACvCE,EAAS,CACP,YACA,MAAO,GACP,SAAAD,CACF,GAGKC,CACT",
+  "names": ["import_validator", "validateDate", "value", "feedback", "result", "validator"]
+}

package/dist/chunks/chunk.B5H2OMW3.js

@@ -0,0 +1,2 @@
+function u(e,r,n,t){let i=(e+(t||"")).toString().includes("%");if(typeof e=="string"?[e,r,n,t]=e.match(/(0?\.?\d{1,3})%?\b/g).map(s=>Number(s)):t!==void 0&&(t=Number.parseFloat(t)),typeof e!="number"||typeof r!="number"||typeof n!="number"||e>255||r>255||n>255)throw new TypeError("Expected three numbers below 256");if(typeof t=="number"){if(!i&&t>=0&&t<=1)t=Math.round(255*t);else if(i&&t>=0&&t<=100)t=Math.round(255*t/100);else throw new TypeError(`Expected alpha value (${t}) as a fraction or percentage`);t=(t|1<<8).toString(16).slice(1)}else t="";return(n|r<<8|e<<16|1<<24).toString(16).slice(1)+t}var f=[["AA Large",3],["AA",4.5],["AAA",7]];function c(e,r,n){let[t,i,s]=[e,r,n].map(m=>{let o=m/255;return o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4)});return .2126*t+.7152*i+.0722*s}function b(e,r){let n=Math.max(e,r),t=Math.min(e,r);return(n+.05)/(t+.05)}function g(e,r){let[n,t]=[e,r].map(i=>{i=i.startsWith("#")?i.slice(1):i;let s=parseInt(i.slice(0,2),16),m=parseInt(i.slice(2,4),16),o=parseInt(i.slice(4,6),16);return c(s,m,o)});return b(n,t)}function l(e){let r=!1,n=null;for(let[t,i]of f){if(e<i)break;r=!0,n=t}return{didPass:r,maxLevel:n}}function x(e,r){let n=e,t=r;n.indexOf("rgb")===0&&(n=u(n).substr(0,6)),t.indexOf("rgb")===0&&(t=u(t).substr(0,6));let i=g(n,t);return l(i)}export{x as a};
+//# sourceMappingURL=chunk.B5H2OMW3.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../node_modules/rgb-hex/index.js", "../../src/utils/testing/colorContrast.ts"],
+  "sourcesContent": ["export default function rgbHex(red, green, blue, alpha) {\n\tconst isPercent = (red + (alpha || '')).toString().includes('%');\n\n\tif (typeof red === 'string') {\n\t\t[red, green, blue, alpha] = red.match(/(0?\\.?\\d{1,3})%?\\b/g).map(component => Number(component));\n\t} else if (alpha !== undefined) {\n\t\talpha = Number.parseFloat(alpha);\n\t}\n\n\tif (typeof red !== 'number' ||\n\t\ttypeof green !== 'number' ||\n\t\ttypeof blue !== 'number' ||\n\t\tred > 255 ||\n\t\tgreen > 255 ||\n\t\tblue > 255\n\t) {\n\t\tthrow new TypeError('Expected three numbers below 256');\n\t}\n\n\tif (typeof alpha === 'number') {\n\t\tif (!isPercent && alpha >= 0 && alpha <= 1) {\n\t\t\talpha = Math.round(255 * alpha);\n\t\t} else if (isPercent && alpha >= 0 && alpha <= 100) {\n\t\t\talpha = Math.round(255 * alpha / 100);\n\t\t} else {\n\t\t\tthrow new TypeError(`Expected alpha value (${alpha}) as a fraction or percentage`);\n\t\t}\n\n\t\talpha = (alpha | 1 << 8).toString(16).slice(1); // eslint-disable-line no-mixed-operators\n\t} else {\n\t\talpha = '';\n\t}\n\n\t// TODO: Remove this ignore comment.\n\t// eslint-disable-next-line no-mixed-operators\n\treturn ((blue | green << 8 | red << 16) | 1 << 24).toString(16).slice(1) + alpha;\n}\n", "import rgbHex from 'rgb-hex';\n\n/**\n * ============================================================================\n * Constants for later reference\n * ============================================================================\n */\n\nconst WCAG_MINIMUM_RATIOS = [\n  ['AA Large', 3],\n  ['AA', 4.5],\n  ['AAA', 7],\n];\n\n/**\n * ============================================================================\n * Setting up the app\n * ============================================================================\n */\n\n/* Get references to all the elements we'll need */\n/*\nlet preview = document.getElementById('preview')\nlet statusText = document.getElementById('status-text')\nlet statusRatio = document.getElementById('status-ratio')\nlet statusLevel = document.getElementById('status-level')\nlet textColorInput = document.getElementById('input-text')\nlet bgColorInput = document.getElementById('input-background')\n\n/* Attach the event listener * /\ntextColorInput.addEventListener('input', handleColorChange)\nbgColorInput.addEventListener('input', handleColorChange)\n\n/* Fire the listener once to initialize the app * /\nhandleColorChange()\n*/\n\n/**\n * ============================================================================\n * Event listener to update the app\n * ============================================================================\n */\n\n/*\nfunction handleColorChange() {\n  let textColor = textColorInput.value\n  let bgColor = bgColorInput.value\n\n  preview.style.color = textColor\n  preview.style.backgroundColor = bgColor\n\n  let ratio = checkContrast(textColor, bgColor)\n  let { didPass, maxLevel } = meetsMinimumRequirements(ratio)\n\n  statusText.classList.toggle('is-pass', didPass)\n  statusRatio.innerText = formatRatio(ratio)\n  statusLevel.innerText = didPass ? maxLevel : 'Fail'\n}\n*/\n\n/**\n * ============================================================================\n * Utility functions for color luminance and contrast ratios\n * ============================================================================\n */\n\n/**\n * Calculate the relative luminance of a color. See the defintion of relative\n * luminance in the WCAG 2.0 guidelines:\n * https://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef\n *\n * @param {number} r The red component (0-255)\n * @param {number} g The green component (0-255)\n * @param {number} b The blue component (0-255)\n * @return {number}\n */\nfunction luminance(r : number, g : number, b : number) {\n  const [lumR, lumG, lumB] = [r, g, b].map((component) => {\n    const proportion = component / 255;\n\n    return proportion <= 0.03928 ?\n      proportion / 12.92 :\n      Math.pow((proportion + 0.055) / 1.055, 2.4);\n  });\n\n  return 0.2126 * lumR + 0.7152 * lumG + 0.0722 * lumB;\n}\n\n/**\n * Calculate the contrast ratio between the relative luminance values of two\n * colors. See the definition of contrast ratio in the WCAG 2.0 guidelines:\n * https://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef\n *\n * @param {number} luminance1 The relative luminance of the first color (0-1)\n * @param {number} luminance2 The relative luminance of the second color (0-1)\n * @return {number}\n */\nfunction contrastRatio(luminance1 : number, luminance2 : number) {\n  const lighterLum = Math.max(luminance1, luminance2);\n  const darkerLum = Math.min(luminance1, luminance2);\n\n  return (lighterLum + 0.05) / (darkerLum + 0.05);\n}\n\n/**\n * Calculate the contrast ratio between two colors. The minimum contrast is 1,\n * and the maximum is 21.\n *\n * @param {string} color1 The six-digit hex code of the first color\n * @param {string} color2 The six-digit hex code of the second color\n * @return {number}\n */\nfunction checkContrast(color1: string, color2: string) {\n  const [luminance1, luminance2] = [color1, color2].map((color) => {\n    /* Remove the leading hash sign if it exists */\n    color = color.startsWith('#') ? color.slice(1) : color;\n\n    const r = parseInt(color.slice(0, 2), 16);\n    const g = parseInt(color.slice(2, 4), 16);\n    const b = parseInt(color.slice(4, 6), 16);\n\n    return luminance(r, g, b);\n  });\n\n  return contrastRatio(luminance1, luminance2);\n}\n\n/**\n * Format the given contrast ratio as a string (ex. \"4.3:1\" or \"17:1\")\n *\n * @param {number} ratio\n * @return {string}\n */\n/*\nfunction formatRatio(ratio : number): string {\n  const ratioAsFloat = ratio.toFixed(2);\n  const isInteger = Number.isInteger(parseFloat(ratioAsFloat));\n  return `${isInteger ? Math.floor(ratio) : ratioAsFloat}:1`;\n}\n*/\n\n/**\n * /**\n * Determine whether the given contrast ratio meets WCAG requirements at any\n * level (AA Large, AA, or AAA). In the return value, `isPass` is true if\n * the ratio meets or exceeds the minimum of at least one level, and `maxLevel`\n * is the strictest level that the ratio passes.\n *\n * @param {number} ratio\n * @return {object}\n */\nfunction meetsMinimumRequirements(ratio : number) {\n  let didPass = false;\n  let maxLevel = null;\n\n  for (const [level, minRatio] of WCAG_MINIMUM_RATIOS) {\n    if (ratio < minRatio) break;\n\n    didPass = true;\n    maxLevel = level;\n  }\n\n  return {didPass, maxLevel};\n}\n\n/**\n * Check colors\n * @param {string} color1\n * @param {string} color2\n * @return {object}\n */\nexport default function checkColors(color1: string, color2: string) {\n  let finalColor1 = color1;\n  let finalColor2 = color2;\n  if (finalColor1.indexOf('rgb') === 0 ) {\n    // ignore alpha channel\n    finalColor1 = rgbHex(finalColor1).substr(0, 6);\n  }\n  if (finalColor2.indexOf('rgb') === 0 ) {\n    // ignore alpha channel\n    finalColor2 = rgbHex(finalColor2).substr(0, 6);\n  }\n  const ratio = checkContrast( finalColor1, finalColor2);\n  return meetsMinimumRequirements(ratio);\n}\n"],
+  "mappings": "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",
+  "names": ["rgbHex", "red", "green", "blue", "alpha", "isPercent", "component", "WCAG_MINIMUM_RATIOS", "luminance", "r", "g", "b", "lumR", "lumG", "lumB", "component", "proportion", "contrastRatio", "luminance1", "luminance2", "lighterLum", "darkerLum", "checkContrast", "color1", "color2", "color", "meetsMinimumRequirements", "ratio", "didPass", "maxLevel", "level", "minRatio", "checkColors", "finalColor1", "finalColor2", "rgbHex"]
+}

package/dist/chunks/chunk.BZX2XGGQ.js

@@ -0,0 +1,2 @@
+import{d as e}from"./chunk.6HCGKTZQ.js";customElements.define("scw-link-base",e);
+//# sourceMappingURL=chunk.BZX2XGGQ.js.map

package/dist/chunks/{chunk.TAIV7XKZ.js → chunk.D4A5FFB3.js}

@@ -1,4 +1,4 @@
-import{a as o}from"./chunk.B7II36CO.js";import{a,b as r,e as d}from"./chunk.2LAHOOSK.js";import{a as c}from"./chunk.IHVBWZ57.js";import{g as i}from"./chunk.5YJY6NT6.js";var s=a`
+import{a as n}from"./chunk.2T4VPIKP.js";import{a as r,d}from"./chunk.YPG6CZAZ.js";import{a}from"./chunk.3IG37SCP.js";import{a as c}from"./chunk.PKA6D7UK.js";import{g as i}from"./chunk.5YJY6NT6.js";var s=a`
 :host {
   background-color: rgb(255, 255, 255);
   display: flex;
@@ -131,7 +131,7 @@ import{a as o}from"./chunk.B7II36CO.js";import{a,b as r,e as d}from"./chunk.2LAH
 ::slotted(*) {
   width: 100%;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LXNpbmdsZS1pbnB1dC1sYXlvdXQvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNpbmdsZS1pbnB1dC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0L19mZWVkYmFjay1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC9fZmVlZGJhY2staW5wdXQtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1mZWVkYmFjay1iYXNlL19kZWZhdWx0LXNjdy1pbnB1dC1mZWVkYmFjay1taXhpbnMuc2NzcyIsInNjdy1zaW5nbGUtaW5wdXQtZmllbGQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC12Mi9fbGVmdC1pY29uLXJpZ2h0LWFjdGlvbi1yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtbGVmdC1pY29uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtbGVmdC1pY29uLWljb24tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQtZmllbGQtdjIvX2xlZnQtaWNvbi1yaWdodC1hY3Rpb24tcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1pbnB1dC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtcmlnaHQtYWN0aW9uLW1peGlucy5zY3NzIiwic2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLWJnL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLWJnL19kaXNhYmxlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9faW52YWxpZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9fZm9jdXNlZC1taXhpbnMuc2NzcyIsInNjdy1zaW5nbGUtaW5wdXQtbGF5b3V0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUNJSTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ007RUFDQTs7QURuQ047RUFFRTs7QUFHRjtFRUxFO0VBRUY7RUNOQTtFQUNBO0VBRUU7OztBQ0NKO0VDQUk7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRDdCQTtFQUNBOztBQzZCQTtFQUNNO0VBQ0E7O0FEN0JOO0VFTkU7RUFFRjtFQUNBO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBRjNCSjtFR1ZBOztBSGVGO0VJZkU7RUFFRjs7QUppQkE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VLN0JFO0VBSUY7RUFDQTtFQXdCQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VMSkU7O0FLS0Y7RUFDTTtFQUNBOzs7QUN6Q047RUNJRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7OztBRFJBO0VFRkU7RUFFRjtFQUNBO0VBQ0E7RUFJRTtFQUVGOzs7QUZGQTtFR1JFO0VBRUY7RUFDQTtFQUNBO0VBRUU7RUFJRjs7O0FISUE7RUlkRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7RUFDQTs7O0FDZkY7RUFDRSJ9 */`;var e=(l=>(l.rightIcon="right-icon",l.right2Icon="right-2-icon",l.rightAction="right-action",l))(e||{}),t=class extends d{constructor(){super();this.hideFeedback=!1;this.element="single-input-layout"}static get styles(){return[super.styles,s]}_right2ClickHandler(n){n.stopPropagation(),o("scw-action",this,{action:"right-2-icon"})}_rightClickHandler(n){n.stopPropagation(),o("scw-action",this,{action:"right-icon"})}_rightActionClickHandler(n){n.stopPropagation(),o("scw-action",this,{action:"right-action"})}render(){return c`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zaW5nbGUtaW5wdXQtbGF5b3V0L3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zaW5nbGUtaW5wdXQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC9fZmVlZGJhY2stbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQvX2ZlZWRiYWNrLWlucHV0LWZlZWRiYWNrLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmVlZGJhY2stYmFzZS9fZGVmYXVsdC1zY3ctaW5wdXQtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCJzY3ctc2luZ2xlLWlucHV0LWZpZWxkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQtZmllbGQtdjIvX2xlZnQtaWNvbi1yaWdodC1hY3Rpb24tcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC12Mi9fbGVmdC1pY29uLXJpZ2h0LWFjdGlvbi1yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LWxlZnQtaWNvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC12Mi9fbGVmdC1pY29uLXJpZ2h0LWFjdGlvbi1yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LWxlZnQtaWNvbi1pY29uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtaW5wdXQtdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC12Mi9fbGVmdC1pY29uLXJpZ2h0LWFjdGlvbi1yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LXJpZ2h0LWFjdGlvbi1taXhpbnMuc2NzcyIsInNjdy1zaW5nbGUtaW5wdXQtZmllbGQtYmcuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9fZGVmYXVsdC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9fZGlzYWJsZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQtZmllbGQtYmcvX2ludmFsaWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQtZmllbGQtYmcvX2ZvY3VzZWQtbWl4aW5zLnNjc3MiLCJzY3ctc2luZ2xlLWlucHV0LWxheW91dC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1BO0VDSUk7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7O0FEbkNOO0VBRUU7O0FBR0Y7RUVMRTtFQUVGO0VDTkE7RUFDQTtFQUVFOzs7QUNDSjtFQ0FJO0VBeUJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUQ3QkE7RUFDQTs7QUM2QkE7RUFDTTtFQUNBOztBRDdCTjtFRU5FO0VBRUY7RUFDQTtFQXdCQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ007RUFDQTs7QUYzQko7RUdWQTs7QUhlRjtFSWZFO0VBRUY7O0FKaUJBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFSzdCRTtFQUlGO0VBQ0E7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTEpFOztBS0tGO0VBQ007RUFDQTs7O0FDekNOO0VDSUU7RUFFRjtFQUNBO0VBQ0E7RUFFRTtFQUlGOzs7QURSQTtFRUZFO0VBRUY7RUFDQTtFQUNBO0VBSUU7RUFFRjs7O0FGRkE7RUdSRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7OztBSElBO0VJZEU7RUFFRjtFQUNBO0VBQ0E7RUFFRTtFQUlGO0VBQ0E7OztBQ2ZGO0VBQ0UifQ== */`;var e=(l=>(l.rightIcon="right-icon",l.right2Icon="right-2-icon",l.rightAction="right-action",l))(e||{}),t=class extends d{constructor(){super();this.hideFeedback=!1;this.element="single-input-layout"}static get styles(){return[super.styles,s]}_right2ClickHandler(o){o.stopPropagation(),n("scw-action",this,{action:"right-2-icon"})}_rightClickHandler(o){o.stopPropagation(),n("scw-action",this,{action:"right-icon"})}_rightActionClickHandler(o){o.stopPropagation(),n("scw-action",this,{action:"right-action"})}render(){return c`
       <div class="input-field">
         ${this.leftActionIcon?c`
             <div class="left-icon">
@@ -180,4 +180,4 @@ import{a as o}from"./chunk.B7II36CO.js";import{a,b as r,e as d}from"./chunk.2LAH
             ${this.feedback}&nbsp;
           </div>`}
     `}};i([r({type:String})],t.prototype,"feedback",2),i([r({type:String,attribute:"hide-feedback"})],t.prototype,"hideFeedback",2),i([r({type:String,attribute:"left-action-icon"})],t.prototype,"leftActionIcon",2),i([r({type:String,attribute:"right-action-icon"})],t.prototype,"rightActionIcon",2),i([r({type:String,attribute:"right-icon"})],t.prototype,"rightIcon",2),i([r({type:String,attribute:"right-2-icon"})],t.prototype,"right2Icon",2);export{e as a,t as b};
-//# sourceMappingURL=chunk.TAIV7XKZ.js.map
+//# sourceMappingURL=chunk.D4A5FFB3.js.map