scu-web-components 0.0.11 → 0.0.14

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

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

package/dist/chunks/chunk.WURSPCXJ.js

@@ -0,0 +1,4 @@
+import{a as u}from"./chunk.RAGWQGAB.js";import{b as n,c as r,e as f}from"./chunk.NUBCUBHW.js";import{a as o}from"./chunk.ZS4C3T6Z.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`
+      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.WURSPCXJ.js.map

package/dist/chunks/chunk.WURSPCXJ.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: string = '';\n\n  /** (ScwFormComponent) text showing when there is no value */\n  @property({type: String})\n    placeholder: string = '';\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    selected: boolean = false;\n\n  /** (ScwFormComponent) read-only state management */\n  @property({type: Boolean, attribute: 'read-only'})\n    readOnly: boolean = false;\n\n  /** (ScwFormComponent) required state management */\n  @property({type: Boolean})\n    required: boolean = false;\n\n  /** (ScwFormComponent) label indicator for required */\n  @property({type: String, attribute: 'required-label'})\n    requiredLabel: string = ' *';\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 : boolean = false;\n\n  /** whether this form element is valid, passed validation */\n  @state() invalid: boolean = 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": []
+}

package/dist/chunks/{chunk.C5UQJBE6.js → chunk.WWTEGHW5.js}

@@ -1,2 +1,2 @@
 var t=class{constructor(e,i){this._element=e,this._callback=i,this.observe()}observe(){if(this.disconnect(),this._element){let e={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,e)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};export{t as a};
-//# sourceMappingURL=chunk.C5UQJBE6.js.map
+//# sourceMappingURL=chunk.WWTEGHW5.js.map

package/dist/chunks/{chunk.C5UQJBE6.js.map → chunk.WWTEGHW5.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/lightDomMutationObserver.ts"],
   "sourcesContent": ["import {LitElement} from 'lit';\n\n/**\n * Class to manage changes to the light dom\n */\nexport default class LightDomMutationObserver {\n  /**\n  * the mutation observer used\n  */\n  _mutationObserver : MutationObserver | undefined;\n\n  /**\n  * LitElement to watch...no children here..\n  */\n  _element : LitElement;\n\n  /**\n  * callback for change event\n  */\n  _callback : () => void | undefined;\n\n  /**\n  * constructor\n  * @param {string} element LitElement to observe\n  * @param {function} callback\n  */\n  constructor( element: LitElement, callback : () => void ) {\n    this._element = element;\n    this._callback = callback;\n    this.observe();\n  }\n\n  /**\n  * Connect LitElement to mutation observer (sans attributes)\n  */\n  observe() {\n    this.disconnect();\n    if (this._element) {\n      const observerOptions = {\n        characterData: true,\n        childList: true,\n        attributes: false, // properties takes care of this...\n        subtree: true,\n      };\n      this._mutationObserver = new MutationObserver(\n        () => this._callback(), // this._element.requestUpdate(),\n      );\n      this._mutationObserver.observe(this._element, observerOptions);\n    }\n  }\n\n  /**\n  * disconnect mutation observer\n  */\n  disconnect() {\n    if (!this._mutationObserver) {\n      return;\n    }\n    this._mutationObserver.disconnect();\n  }\n}\n"],
-  "mappings": "AAKA,WAA8C,CAqB5C,YAAa,EAAqB,EAAwB,CACxD,KAAK,SAAW,EAChB,KAAK,UAAY,EACjB,KAAK,UAMP,SAAU,CAER,GADA,KAAK,aACD,KAAK,SAAU,CACjB,GAAM,GAAkB,CACtB,cAAe,GACf,UAAW,GACX,WAAY,GACZ,QAAS,IAEX,KAAK,kBAAoB,GAAI,kBAC3B,IAAM,KAAK,aAEb,KAAK,kBAAkB,QAAQ,KAAK,SAAU,IAOlD,YAAa,CACX,AAAI,CAAC,KAAK,mBAGV,KAAK,kBAAkB",
+  "mappings": "AAKA,WAA8C,CAqB5C,YAAa,EAAqB,EAAwB,CACxD,KAAK,SAAW,EAChB,KAAK,UAAY,EACjB,KAAK,QAAQ,CACf,CAKA,SAAU,CAER,GADA,KAAK,WAAW,EACZ,KAAK,SAAU,CACjB,GAAM,GAAkB,CACtB,cAAe,GACf,UAAW,GACX,WAAY,GACZ,QAAS,EACX,EACA,KAAK,kBAAoB,GAAI,kBAC3B,IAAM,KAAK,UAAU,CACvB,EACA,KAAK,kBAAkB,QAAQ,KAAK,SAAU,CAAe,CAC/D,CACF,CAKA,YAAa,CACX,AAAI,CAAC,KAAK,mBAGV,KAAK,kBAAkB,WAAW,CACpC,CACF",
   "names": []
 }

package/dist/chunks/chunk.XEMNLRCA.js

@@ -0,0 +1,2 @@
+function o(a,e,l="number must be greater than {min}"){let t=!1;return console.log("value",a),a<e&&(t={type:"minMax",valid:!1,feedback:l.replace(/{min}/g,`${e}`)}),t}function d(a,e,l="number must be less than {max}"){let t=!1;return console.log("value",a),a>e&&(t={type:"minMax",valid:!1,feedback:l.replace(/{max}/g,`${e}`)}),t}function g(a,e,l="field must be longer than {min}"){let t=!1;return a&&String(a).length<e&&(t={type:"minMaxLength",valid:!1,feedback:l.replace(/{min}/g,`${e}`)}),t}function c(a,e,l="field must be shorter than {max}"){let t=!1;return a&&String(a).length>e&&(t={type:"minMaxLength",valid:!1,feedback:l.replace(/{max}/g,`${e}`)}),t}function m(a,e,l="field must not include '{exclude}'"){let t=!1,n=`${e}`;return RegExp(n,"gm").test(a)&&(t={type:"exclude",valid:!1,feedback:l.replace(/{exclude}/g,`${e}`)}),t}function p(a,e,l="field must match '{pattern}'"){let t=!1;return RegExp(e,"g").test(a)||(t={type:"pattern",valid:!1,feedback:l.replace(/{pattern}/g,e)}),t}export{o as a,d as b,g as c,c as d,m as e,p as f};
+//# sourceMappingURL=chunk.XEMNLRCA.js.map

package/dist/chunks/{chunk.L2N3MARS.js.map → chunk.XEMNLRCA.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-validate/rules/utils.ts"],
   "sourcesContent": ["import { ValidationResult, ValidationTypes } from \"../validationTypes\";\n\n/**\n * validates for valid minimum number\n * @param {number} value \n * @param {number} min\n * @param {string} feedback\n * @returns {ValidationResult | false}\n */\nexport function validateMin (\n  value : number, \n  min : number,\n  feedback = \"number must be greater than {min}\"\n) : ValidationResult | false {\n  let result : ValidationResult | false = false;\n\n  console.log( 'value', value );\n  if (value < min ) {\n    result = {\n      type: ValidationTypes.minMax,\n      valid: false,\n      feedback: feedback.replace(/{min}/g, `${min}` )\n    };\n  }\n  return result;\n}\n\n/**\n * validates for valid maximum number\n * @param {number} value \n * @param {number} max\n * @param {string} feedback\n * @returns {ValidationResult | false}\n */\nexport function validateMax (\n  value : number, \n  max : number, \n  feedback = \"number must be less than {max}\"\n) : ValidationResult | false {\n  let result : ValidationResult | false = false;\n  console.log( 'value', value );\n  if (value > max ) {\n    result = {\n      type: ValidationTypes.minMax,\n      valid: false,\n      feedback: feedback.replace(/{max}/g, `${max}` )\n    };\n  }\n  return result;\n}\n\n/**\n * validates for valid minimum string length\n * @param {string} value \n * @param {number} min\n * @param {string} feedback\n * @returns {ValidationResult | false}\n */\nexport function validateMinLength (\n  value : string, \n  min : number, \n  feedback = \"field must be longer than {min}\"\n) : ValidationResult | false {\n  let result : ValidationResult | false = false;\n  if (value && String( value ).length < min ) {\n    result = {\n      type: ValidationTypes.minMaxLength,\n      valid: false,\n      feedback: feedback.replace(/{min}/g, `${min}` )\n    };\n  }\n  return result;\n}\n\n/**\n * validates for valid maximum string length\n * @param {string} value \n * @param {number} max\n * @param {string} feedback\n * @returns {ValidationResult | false}\n */\nexport function validateMaxLength (\n  value : string, \n  max : number, \n  feedback = \"field must be shorter than {max}\"\n) : ValidationResult | false {\n  let result : ValidationResult | false = false;\n  if (value && String( value ).length > max ) {\n    result = {\n      type: ValidationTypes.minMaxLength,\n      valid: false,\n      feedback: feedback.replace(/{max}/g, `${max}` )\n    };\n  }\n  return result;\n}\n\n/**\n * validates for excluded characters\n * @param {string} value \n * @param {string} exclude\n * @param {string} feedback\n * @returns {ValidationResult | false}\n */\nexport function validateExclude (\n  value : string, \n  exclude : string, \n  feedback = \"field must not include '{exclude}'\"\n) : ValidationResult | false {\n  let result : ValidationResult | false = false;\n  const regexStr = `${exclude}`;\n  const regex = RegExp(regexStr, \"gm\");\n  const test = regex.test(value);\n  if (test) {\n    result = {\n      type: ValidationTypes.exclude,\n      valid: false,\n      feedback: feedback.replace(/{exclude}/g, `${exclude}` )\n    };\n  }\n  return result;\n}\n\n/**\n * validates for regex pattern\n * @param {string} value \n * @param {string} pattern\n * @param {string} feedback\n * @returns {ValidationResult | false}\n */\nexport function validatePattern (\n  value : string, \n  pattern : string, \n  feedback = \"field must match '{pattern}'\"\n) : ValidationResult | false {\n  let result : ValidationResult | false = false;\n  const regex = RegExp(pattern, \"g\");\n  const test = regex.test(value);\n  if (!test) {\n    result = {\n      type: ValidationTypes.pattern,\n      valid: false,\n      feedback: feedback.replace(/{pattern}/g, pattern )\n    };\n  }\n  return result;\n}"],
-  "mappings": "wCASO,WACL,EACA,EACA,EAAW,oCACgB,CAC3B,GAAI,GAAoC,GAExC,eAAQ,IAAK,QAAS,GAClB,EAAQ,GACV,GAAS,CACP,KAAM,EAAgB,OACtB,MAAO,GACP,SAAU,EAAS,QAAQ,SAAU,GAAG,OAGrC,EAUF,WACL,EACA,EACA,EAAW,iCACgB,CAC3B,GAAI,GAAoC,GACxC,eAAQ,IAAK,QAAS,GAClB,EAAQ,GACV,GAAS,CACP,KAAM,EAAgB,OACtB,MAAO,GACP,SAAU,EAAS,QAAQ,SAAU,GAAG,OAGrC,EAUF,WACL,EACA,EACA,EAAW,kCACgB,CAC3B,GAAI,GAAoC,GACxC,MAAI,IAAS,OAAQ,GAAQ,OAAS,GACpC,GAAS,CACP,KAAM,EAAgB,aACtB,MAAO,GACP,SAAU,EAAS,QAAQ,SAAU,GAAG,OAGrC,EAUF,WACL,EACA,EACA,EAAW,mCACgB,CAC3B,GAAI,GAAoC,GACxC,MAAI,IAAS,OAAQ,GAAQ,OAAS,GACpC,GAAS,CACP,KAAM,EAAgB,aACtB,MAAO,GACP,SAAU,EAAS,QAAQ,SAAU,GAAG,OAGrC,EAUF,WACL,EACA,EACA,EAAW,qCACgB,CAC3B,GAAI,GAAoC,GAClC,EAAW,GAAG,IAGpB,MAAI,AADS,AADC,QAAO,EAAU,MACZ,KAAK,IAEtB,GAAS,CACP,KAAM,EAAgB,QACtB,MAAO,GACP,SAAU,EAAS,QAAQ,aAAc,GAAG,OAGzC,EAUF,WACL,EACA,EACA,EAAW,+BACgB,CAC3B,GAAI,GAAoC,GAGxC,MAAK,AADQ,AADC,QAAO,EAAS,KACX,KAAK,IAEtB,GAAS,CACP,KAAM,EAAgB,QACtB,MAAO,GACP,SAAU,EAAS,QAAQ,aAAc,KAGtC",
+  "mappings": "AASO,WACL,EACA,EACA,EAAW,oCACgB,CAC3B,GAAI,GAAoC,GAExC,eAAQ,IAAK,QAAS,CAAM,EACxB,EAAQ,GACV,GAAS,CACP,KAAM,SACN,MAAO,GACP,SAAU,EAAS,QAAQ,SAAU,GAAG,GAAM,CAChD,GAEK,CACT,CASO,WACL,EACA,EACA,EAAW,iCACgB,CAC3B,GAAI,GAAoC,GACxC,eAAQ,IAAK,QAAS,CAAM,EACxB,EAAQ,GACV,GAAS,CACP,KAAM,SACN,MAAO,GACP,SAAU,EAAS,QAAQ,SAAU,GAAG,GAAM,CAChD,GAEK,CACT,CASO,WACL,EACA,EACA,EAAW,kCACgB,CAC3B,GAAI,GAAoC,GACxC,MAAI,IAAS,OAAQ,CAAM,EAAE,OAAS,GACpC,GAAS,CACP,KAAM,eACN,MAAO,GACP,SAAU,EAAS,QAAQ,SAAU,GAAG,GAAM,CAChD,GAEK,CACT,CASO,WACL,EACA,EACA,EAAW,mCACgB,CAC3B,GAAI,GAAoC,GACxC,MAAI,IAAS,OAAQ,CAAM,EAAE,OAAS,GACpC,GAAS,CACP,KAAM,eACN,MAAO,GACP,SAAU,EAAS,QAAQ,SAAU,GAAG,GAAM,CAChD,GAEK,CACT,CASO,WACL,EACA,EACA,EAAW,qCACgB,CAC3B,GAAI,GAAoC,GAClC,EAAW,GAAG,IAGpB,MAAI,AADS,AADC,QAAO,EAAU,IAAI,EAChB,KAAK,CAAK,GAE3B,GAAS,CACP,KAAM,UACN,MAAO,GACP,SAAU,EAAS,QAAQ,aAAc,GAAG,GAAU,CACxD,GAEK,CACT,CASO,WACL,EACA,EACA,EAAW,+BACgB,CAC3B,GAAI,GAAoC,GAGxC,MAAK,AADQ,AADC,QAAO,EAAS,GAAG,EACd,KAAK,CAAK,GAE3B,GAAS,CACP,KAAM,UACN,MAAO,GACP,SAAU,EAAS,QAAQ,aAAc,CAAQ,CACnD,GAEK,CACT",
   "names": []
 }

package/dist/chunks/chunk.XGXXU6MC.js

@@ -0,0 +1,2 @@
+import{a as r}from"./chunk.YT6RKZXO.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.XGXXU6MC.js.map

package/dist/chunks/{chunk.DRKD3POM.js.map → chunk.XGXXU6MC.js.map}

@@ -2,6 +2,6 @@
   "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 * @returns {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};"],
-  "mappings": "wHACA,MAAsB,OAQP,WACb,EACA,EAAW,4BACgB,CAC3B,GAAI,GAAoC,GACxC,MAAI,CAAC,GAAS,IAAU,IAInB,UAAU,OAAO,EAAM,eAC1B,GAAS,CACP,KAAM,EAAgB,KACtB,MAAO,GACP,aAIG",
+  "mappings": "gFACA,MAAsB,SAQP,WACb,EACA,EAAW,4BACgB,CAC3B,GAAI,GAAoC,GACxC,MAAI,CAAC,GAAS,IAAU,IAInB,UAAU,OAAO,EAAM,YAAY,GACtC,GAAS,CACP,KAAM,OACN,MAAO,GACP,UACF,GAGK,CACT",
   "names": []
 }

package/dist/chunks/chunk.XIZENE33.js

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

package/dist/chunks/{chunk.L3ZVXIFV.js.map → chunk.XIZENE33.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-heading/scw-heading.ts"],
   "sourcesContent": ["import ScwHeading from './ScwHeading';\ncustomElements.define('scw-heading', ScwHeading );\n"],
-  "mappings": "wCACA,eAAe,OAAO,cAAe",
+  "mappings": "wCACA,eAAe,OAAO,cAAe,CAAW",
   "names": []
 }

package/dist/chunks/chunk.XWTXKSEG.js

@@ -0,0 +1,2 @@
+var p=(t=>(t.get="get",t.post="post",t.put="put",t.delete="delete",t))(p||{});function d(o,i,u){u=u||"post";let e=document.createElement("form");e.setAttribute("method",u),e.setAttribute("action",o);for(let t in i)if(i.hasOwnProperty(t)){let n=document.createElement("input");n.setAttribute("type","hidden"),n.setAttribute("name",t),n.setAttribute("value",i[t]),e.appendChild(n)}document.body.appendChild(e),e.submit()}export{p as a,d as b};
+//# sourceMappingURL=chunk.XWTXKSEG.js.map

package/dist/chunks/{chunk.N6HNCAPV.js.map → chunk.XWTXKSEG.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/submitForm.ts"],
   "sourcesContent": ["\n/** possible methods for form */\nexport enum FormMethods {\n  get = 'get',\n  post = 'post',\n  put = 'put',\n  delete = 'delete'\n}\n\n/**\n *\n * @param {string} path\n * @param {object} params\n * @param {'get' | 'post'} method\n */\nexport function submitForm(\n  path: string,\n  params: {},\n  method : FormMethods,\n) {\n  method = method || 'post';\n\n  const form = document.createElement('form');\n  form.setAttribute('method', method);\n  form.setAttribute('action', path);\n\n  for (const key in params) {\n    if (params.hasOwnProperty(key)) {\n      const hiddenField = document.createElement('input');\n      hiddenField.setAttribute('type', 'hidden');\n      hiddenField.setAttribute('name', key);\n      hiddenField.setAttribute('value', params[key]);\n      form.appendChild(hiddenField);\n    }\n  }\n\n  document.body.appendChild(form);\n  form.submit();// we're leaving the page, so no need to clean up...\n}\n"],
-  "mappings": "AAEO,GAAK,GAAL,UAAK,EAAL,CACL,MAAM,MACN,OAAO,OACP,MAAM,MACN,SAAS,WAJC,WAaL,WACL,EACA,EACA,EACA,CACA,EAAS,GAAU,OAEnB,GAAM,GAAO,SAAS,cAAc,QACpC,EAAK,aAAa,SAAU,GAC5B,EAAK,aAAa,SAAU,GAE5B,OAAW,KAAO,GAChB,GAAI,EAAO,eAAe,GAAM,CAC9B,GAAM,GAAc,SAAS,cAAc,SAC3C,EAAY,aAAa,OAAQ,UACjC,EAAY,aAAa,OAAQ,GACjC,EAAY,aAAa,QAAS,EAAO,IACzC,EAAK,YAAY,GAIrB,SAAS,KAAK,YAAY,GAC1B,EAAK",
+  "mappings": "AAEO,GAAK,GAAL,CAAK,GACV,OAAM,MACN,OAAO,OACP,MAAM,MACN,SAAS,SAJC,WAaL,WACL,EACA,EACA,EACA,CACA,EAAS,GAAU,OAEnB,GAAM,GAAO,SAAS,cAAc,MAAM,EAC1C,EAAK,aAAa,SAAU,CAAM,EAClC,EAAK,aAAa,SAAU,CAAI,EAEhC,OAAW,KAAO,GAChB,GAAI,EAAO,eAAe,CAAG,EAAG,CAC9B,GAAM,GAAc,SAAS,cAAc,OAAO,EAClD,EAAY,aAAa,OAAQ,QAAQ,EACzC,EAAY,aAAa,OAAQ,CAAG,EACpC,EAAY,aAAa,QAAS,EAAO,EAAI,EAC7C,EAAK,YAAY,CAAW,CAC9B,CAGF,SAAS,KAAK,YAAY,CAAI,EAC9B,EAAK,OAAO,CACd",
   "names": []
 }

package/dist/chunks/{chunk.YK3MELPK.js → chunk.XYQXIJM3.js}

@@ -1,2 +1,2 @@
 function n(a){a.ariaLabel||a.warn("aria-label not found on scw-image"),!a.src&&!a.srcset&&a.warn("no image(s) found on scw-image")}export{n as a};
-//# sourceMappingURL=chunk.YK3MELPK.js.map
+//# sourceMappingURL=chunk.XYQXIJM3.js.map

package/dist/chunks/{chunk.YK3MELPK.js.map → chunk.XYQXIJM3.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-image/scw-image-validate.ts"],
   "sourcesContent": ["import ScwImage from './ScwImage';\n\n/**\n * Validates properties for correct colors, design, and side\n * @param {ScwImage} image\n */\nexport default function validate( image : ScwImage ) {\n  if (!image.ariaLabel) {\n    image.warn('aria-label not found on scw-image');\n  }\n\n  if (!image.src && !image.srcset) {\n    image.warn('no image(s) found on scw-image');\n  }\n}\n"],
-  "mappings": "AAMe,WAAmB,EAAmB,CACnD,AAAK,EAAM,WACT,EAAM,KAAK,qCAGT,CAAC,EAAM,KAAO,CAAC,EAAM,QACvB,EAAM,KAAK",
+  "mappings": "AAMe,WAAmB,EAAmB,CACnD,AAAK,EAAM,WACT,EAAM,KAAK,mCAAmC,EAG5C,CAAC,EAAM,KAAO,CAAC,EAAM,QACvB,EAAM,KAAK,gCAAgC,CAE/C",
   "names": []
 }