scu-web-components 0.0.57 → 0.0.59

package/dist-node/scw-single-input-layout/scw-single-input-layout.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-single-input-layout/scw-single-input-layout.ts", "../../src/scw-component/ScwComponent.ts", "../../src/scw-component/scss/scw-component.scss", "../../src/utils/lightDomMutationObserver.ts", "../../src/scw-single-input-layout/scss/scw-single-input-layout.scss", "../../src/utils/events/event.ts"],
-  "sourcesContent": ["import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-single-input-layout.scss';\nimport {emit, ScwEvents} from '../utils/events/event';\n\n\nexport enum ScwSingleInputLayoutActions {\n  rightIcon = 'right-icon',\n  right2Icon = 'right-2-icon',\n  rightAction = 'right-action'\n}\n\n/**\n * ScwSingleInputLayout\n * @class\n * @tag scw-single-input-layout\n * @status new\n * @since 0.0.5\n *\n * @event scw-action - This fires when one of the various icons or submit\n *  button is clicked. detail is {action:\n * 'right-icon'|'right-2-icon'|'right-action'}\n */\nexport default class ScwSingleInputLayout extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.singleInputLayout;\n  }\n\n  // ============== ScwSingleInputLayout =======================================\n  /** (ScwSingleInputLayout) the text to use for feedback */\n  @property({type: String})\n    feedback: string | undefined;\n\n  /** (ScwSingleInputLayout) hides the feedback label */\n  @property({type: String, attribute: 'hide-feedback'})\n    hideFeedback = false;\n\n  /** (ScwSingleInputLayout) shows left action section and determines what icon\n  * is used within the left action. */\n  @property({type: String, attribute: 'left-action-icon'})\n    leftActionIcon: string | undefined;\n\n  /** (ScwSingleInputLayout) shows right action section and determines what icon\n  * is used within the right action. */\n  @property({type: String, attribute: 'right-action-icon'})\n    rightActionIcon: string | undefined;\n\n  /** (ScwSingleInputLayout) shows first right icon and determines the icon\n  * svg. */\n  @property({type: String, attribute: 'right-icon'})\n    rightIcon: string | undefined;\n\n  /** (ScwSingleInputLayout) shows second right icon and determines the icon\n  * svg. */\n  @property({type: String, attribute: 'right-2-icon'})\n    right2Icon: string | undefined;\n\n  /**\n  * Handle click from right 2 icon.\n  * @param {Event} evt\n  */\n  _right2ClickHandler(evt : Event) {\n    evt.stopPropagation();\n    emit(\n        ScwEvents.action, this,\n        {action: ScwSingleInputLayoutActions.right2Icon},\n    );\n  }\n\n  /**\n  * Handle click from right icon.\n  * @param {Event} evt\n  */\n  _rightClickHandler(evt : Event) {\n    evt.stopPropagation();\n    emit(\n        ScwEvents.action, this,\n        {action: ScwSingleInputLayoutActions.rightIcon},\n    );\n  }\n\n  /**\n  * Handle click from right action icon.\n  * @param {Event} evt\n  */\n  _rightActionClickHandler(evt : Event) {\n    evt.stopPropagation();\n    emit(\n        ScwEvents.action, this,\n        {action: ScwSingleInputLayoutActions.rightAction},\n    );\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <div class=\"input-field\">\n        ${this.leftActionIcon ?\n    html`\n            <div class=\"left-icon\">\n              <scw-icon\n                class=\"icon\"\n                .icon=\"${this.leftActionIcon}\"\n                size=\"30\">\n              </scw-icon>\n            </div>` : ''}\n        <div class=\"input-field-single\">\n          <slot></slot>\n        </div>\n        ${this.right2Icon ?\n    html`\n            <scw-icon\n              class=\"right-icon-2\"\n              .icon=\"${this.right2Icon}\"\n              size=\"30\"\n              aria-label=\"Clear Input\"\n              link\n              @click=${this._right2ClickHandler}>\n            </scw-icon>` : '' }\n        ${this.rightIcon ?\n    html`\n            <scw-icon\n              class=\"right-icon\"\n              .icon=\"${this.rightIcon}\"\n              size=\"30\"\n              aria-label=\"Show Password\"\n              link\n              @click=${this._rightClickHandler}>\n            </scw-icon>` : '' }\n        ${this.rightActionIcon ?\n    html`\n            <div class=\"right-action\">\n              <scw-icon\n                class=\"icon-right-action\"\n                .icon=\"${this.rightActionIcon}\"\n                color=\"white\"\n                size=\"30\"\n                aria-label=\"Submit Search\"\n                link\n                @click=${this._rightActionClickHandler}>\n              </scw-icon>\n            </div>` : '' }\n      </div>\n      ${!this.hideFeedback ?\n    html`\n          <div class=\"input-feedback\">\n            ${this.feedback}&nbsp;\n          </div>` : ''}\n    `;\n  }\n}\n\n", "import {LitElement, html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-component.scss';\nimport ScwComponentInterface from './scw-component-interface';\nimport LightDomMutationObserver from '../utils/lightDomMutationObserver';\n\n/**\n * ScwComponent\n * @class\n * @tag scw-component\n *\n */\nexport default class ScwComponent\n  extends LitElement\n  implements ScwComponentInterface {\n  static styles = styles;\n\n  /**\n  * (ScwComponent) Main text within component\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'aria-label'})\n    ariaLabel = '';\n\n  /**\n   * (ScwComponent) Disables the component however it disables\n   * @type {string}\n   */\n  @property({type: String, attribute: 'aria-disabled'})\n    ariaDisabled = 'false';\n\n  /**\n  * (ScwLinkBase)\n  * Some lookups need to know if something is a link or not...\n  */\n  @property({type: Boolean, reflect: true, attribute: 'is-link'})\n    isLink : boolean = false;\n\n  /** disconnectedCallback */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n  }\n\n  // ====== DYNAMIC LIGHT DOM (SLOTS) ==========================================\n  /**\n  * (ScwComponent) Light Dom Mutation Observer\n  */\n  _lightDomMutationObserver? : LightDomMutationObserver;\n\n  /**\n  * (ScwComponent) Determines whether to watch for changes\n  * in children. (not all components use light DOM)\n  * @type {boolean}\n  */\n  @property({type: Boolean}) dynamic = false;\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps : Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    if (this.dynamic) {\n      this._lightDomMutationObserver = new LightDomMutationObserver(\n          this, () => {\n            this.domMutated();\n          },\n      );\n    }\n  }\n\n  /**\n   * parseLightDom is a hook for classes extending this one to add\n   * other parsers and validations\n   */\n  domMutated() {}\n  // ====== END DYNAMIC ========================================================\n\n  /**\n  * (ScwComponent) contains the root element name for each component\n  * (enum Components)\n  * @type {string}\n  */\n  // lint-i\n  @property({type: String, reflect: true}) // Components\n    element: Components = Components.component;\n\n  /**\n  * handles warnings...things wrong with formatting, ADA, etc...\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    if (!this._lastWarning) {\n      this._lastWarning = message;\n      this.setAttribute('warning', message);\n      this.setAttribute('title', `[ERROR]: ${message}`);\n    }\n    // con sole.error(`warning (${this.element}): ${message}`);\n  }\n\n  /**\n   * clearWarnings\n   */\n  clearWarnings() {\n    this._lastWarning = undefined;\n    this.removeAttribute('warning');\n    this.removeAttribute('title');\n  }\n\n  /**\n  * retain the last warning sent...good for testing.\n  */\n  @state() _lastWarning : string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n", "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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jb21wb25lbnQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0UifQ== */`;\n", "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", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: rgb(255, 255, 255);\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n:host > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.6);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}\n:host .input-field-single {\n  flex: 1;\n}\n:host .input-feedback {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-error);\n}\n\n.input-field {\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  align-self: stretch;\n  padding: 0;\n}\n.input-field > *:not(:last-child) {\n  margin-right: 0px;\n  --margin-right: 0px;\n}\n.input-field .left-icon {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 4px 0px 0px 4px;\n  align-self: stretch;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.input-field .left-icon > *:not(:last-child) {\n  margin-right: var(--scw-spacing-1);\n  --margin-right: var( --scw-spacing-1 );\n}\n.input-field .left-icon .icon {\n  background-color: rgba(0, 0, 0, 0);\n}\n.input-field .input-text {\n  background-color: rgba(0, 0, 0, 0);\n  flex: 1;\n}\n.input-field .right-icon-2 {\n  align-self: center;\n}\n.input-field .right-icon {\n  align-self: center;\n}\n.input-field .right-action {\n  background-color: var(--scw-color-primary-03);\n  border-radius: 0px 4px 4px 0px;\n  align-self: stretch;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 0.4);\n  padding-right: calc(var(--scw-spacing-1) * 0.4);\n  padding-top: 0px;\n  padding-bottom: 0px;\n  border-radius: 0;\n}\n.input-field .right-action > *:not(:last-child) {\n  margin-right: var(--scw-spacing-1);\n  --margin-right: var( --scw-spacing-1 );\n}\n\n:host .input-field {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--scw-color-primary-03);\n  align-self: stretch;\n}\n\n:host([aria-disabled]) .input-field {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-08);\n  align-self: stretch;\n}\n\n:host([invalid]) .input-field {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--scw-color-error);\n  align-self: stretch;\n}\n\n:host([focused]) .input-field {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--scw-color-primary-03);\n  box-shadow: var(--scw-effect-focus-shadow);\n  align-self: stretch;\n}\n\n::slotted(*) {\n  width: 100%;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zaW5nbGUtaW5wdXQtbGF5b3V0L3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zaW5nbGUtaW5wdXQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC9fZmVlZGJhY2stbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQvX2ZlZWRiYWNrLWlucHV0LWZlZWRiYWNrLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmVlZGJhY2stYmFzZS9fZGVmYXVsdC1zY3ctaW5wdXQtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCJzY3ctc2luZ2xlLWlucHV0LWZpZWxkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQtZmllbGQtdjIvX2xlZnQtaWNvbi1yaWdodC1hY3Rpb24tcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC12Mi9fbGVmdC1pY29uLXJpZ2h0LWFjdGlvbi1yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LWxlZnQtaWNvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC12Mi9fbGVmdC1pY29uLXJpZ2h0LWFjdGlvbi1yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LWxlZnQtaWNvbi1pY29uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtaW5wdXQtdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC12Mi9fbGVmdC1pY29uLXJpZ2h0LWFjdGlvbi1yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LXJpZ2h0LWFjdGlvbi1taXhpbnMuc2NzcyIsInNjdy1zaW5nbGUtaW5wdXQtZmllbGQtYmcuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9fZGVmYXVsdC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9fZGlzYWJsZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQtZmllbGQtYmcvX2ludmFsaWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQtZmllbGQtYmcvX2ZvY3VzZWQtbWl4aW5zLnNjc3MiLCJzY3ctc2luZ2xlLWlucHV0LWxheW91dC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1BO0VDSUk7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7O0FEbkNOO0VBRUU7O0FBR0Y7RUVMRTtFQUVGO0VDTkE7RUFDQTtFQUlFOzs7QUNESjtFQ0FJO0VBeUJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUQ3QkE7RUFDQTs7QUM2QkE7RUFDTTtFQUNBOztBRDdCTjtFRU5FO0VBRUY7RUFDQTtFQXdCQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ007RUFDQTs7QUYzQko7RUdWQTs7QUhlRjtFSWZFO0VBRUY7O0FKaUJBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFSzNCRTtFQUVGO0VBQ0E7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTEpFOztBS0tGO0VBQ007RUFDQTs7O0FDekNOO0VDSUU7RUFFRjtFQUNBO0VBQ0E7RUFJRTtFQUVGOzs7QURSQTtFRUZFO0VBRUY7RUFDQTtFQUNBO0VBSUU7RUFFRjs7O0FGRkE7RUdSRTtFQUVGO0VBQ0E7RUFDQTtFQUlFO0VBRUY7OztBSElBO0VJZEU7RUFFRjtFQUNBO0VBQ0E7RUFJRTtFQUVGO0VBQ0E7OztBQ2ZGO0VBQ0UifQ== */`;\n", "/**\n * Emits a custom event with web component friendly defaults.\n * @param {string} name\n * @param {HTMLElement} target\n * @param {object} detail\n * @param {CustomEventInit} options\n * @return {object}\n */\nexport function emit(\n    name: ScwEvents,\n    target: HTMLElement,\n    detail = {},\n    options?: CustomEventInit,\n) {\n  const event = new CustomEvent(\n      name,\n      {\n        bubbles: true,\n        cancelable: false,\n        composed: true,\n        detail,\n        ...options,\n      },\n  );\n  target.dispatchEvent(event);\n  return event;\n}\n\nexport enum ScwEvents {\n  focus = 'scw-focus',\n  blur = 'scw-blur',\n  valueChange = 'scw-value-change',\n  appModeOn = 'scw-app-mode-on',\n  appModeOff = 'scw-app-mode-off',\n  action = 'scw-action',\n  submit = 'scw-submit',\n  submitIntent = 'scw-submit-intent'\n}\n"],
-  "mappings": "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",
-  "names": ["html", "property", "LitElement", "html", "property", "state", "css", "scw_component_default", "LightDomMutationObserver", "element", "callback", "observerOptions", "ScwComponent", "LitElement", "changedProps", "LightDomMutationObserver", "message", "html", "scw_component_default", "__decorateClass", "property", "state", "css", "scw_single_input_layout_default", "emit", "name", "target", "detail", "options", "event", "ScwSingleInputLayoutActions", "ScwSingleInputLayout", "ScwComponent", "scw_single_input_layout_default", "evt", "emit", "html", "__decorateClass", "property"]
-}

package/dist-node/scw-stack-component/scw-stack-component.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-layout-component/scw-layout-component.ts", "../../src/scw-component/ScwComponent.ts", "../../src/scw-component/scss/scw-component.scss", "../../src/utils/lightDomMutationObserver.ts", "../../src/scw-stack-component/scw-stack-component.ts"],
-  "sourcesContent": ["import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwLayoutComponent\n * @class\n * @tag scw-layout-component\n */\nexport default class ScwLayoutComponent extends ScwComponent {\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.layoutComponent;\n    this.setAttribute('scw-layout-initial', '');\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n", "import {LitElement, html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-component.scss';\nimport ScwComponentInterface from './scw-component-interface';\nimport LightDomMutationObserver from '../utils/lightDomMutationObserver';\n\n/**\n * ScwComponent\n * @class\n * @tag scw-component\n *\n */\nexport default class ScwComponent\n  extends LitElement\n  implements ScwComponentInterface {\n  static styles = styles;\n\n  /**\n  * (ScwComponent) Main text within component\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'aria-label'})\n    ariaLabel = '';\n\n  /**\n   * (ScwComponent) Disables the component however it disables\n   * @type {string}\n   */\n  @property({type: String, attribute: 'aria-disabled'})\n    ariaDisabled = 'false';\n\n  /**\n  * (ScwLinkBase)\n  * Some lookups need to know if something is a link or not...\n  */\n  @property({type: Boolean, reflect: true, attribute: 'is-link'})\n    isLink : boolean = false;\n\n  /** disconnectedCallback */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n  }\n\n  // ====== DYNAMIC LIGHT DOM (SLOTS) ==========================================\n  /**\n  * (ScwComponent) Light Dom Mutation Observer\n  */\n  _lightDomMutationObserver? : LightDomMutationObserver;\n\n  /**\n  * (ScwComponent) Determines whether to watch for changes\n  * in children. (not all components use light DOM)\n  * @type {boolean}\n  */\n  @property({type: Boolean}) dynamic = false;\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps : Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    if (this.dynamic) {\n      this._lightDomMutationObserver = new LightDomMutationObserver(\n          this, () => {\n            this.domMutated();\n          },\n      );\n    }\n  }\n\n  /**\n   * parseLightDom is a hook for classes extending this one to add\n   * other parsers and validations\n   */\n  domMutated() {}\n  // ====== END DYNAMIC ========================================================\n\n  /**\n  * (ScwComponent) contains the root element name for each component\n  * (enum Components)\n  * @type {string}\n  */\n  // lint-i\n  @property({type: String, reflect: true}) // Components\n    element: Components = Components.component;\n\n  /**\n  * handles warnings...things wrong with formatting, ADA, etc...\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    if (!this._lastWarning) {\n      this._lastWarning = message;\n      this.setAttribute('warning', message);\n      this.setAttribute('title', `[ERROR]: ${message}`);\n    }\n    // con sole.error(`warning (${this.element}): ${message}`);\n  }\n\n  /**\n   * clearWarnings\n   */\n  clearWarnings() {\n    this._lastWarning = undefined;\n    this.removeAttribute('warning');\n    this.removeAttribute('title');\n  }\n\n  /**\n  * retain the last warning sent...good for testing.\n  */\n  @state() _lastWarning : string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n", "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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jb21wb25lbnQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0UifQ== */`;\n", "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", "import ScwLayoutComponent from '../scw-layout-component/scw-layout-component';\n\n/**\n * ScwStackComponent\n * @class\n * @tag scw-stack-component\n */\nexport default class ScwStackComponent extends ScwLayoutComponent {}\n"],
-  "mappings": "wMAAA,OAAQ,QAAAA,MAAW,MCAnB,OAAQ,cAAAC,EAAY,QAAAC,MAAW,MAC/B,OAAQ,YAAAC,EAAU,SAAAC,MAAY,oBCD9B,OAAQ,OAAAC,MAAU,6BAClB,IAAOC,EAAQD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ieCIf,IAAqBE,EAArB,KAA8C,CAqB5C,YAAaC,EAAqBC,EAAwB,CACxD,KAAK,SAAWD,EAChB,KAAK,UAAYC,EACjB,KAAK,QAAQ,CACf,CAKA,SAAU,CAER,GADA,KAAK,WAAW,EACZ,KAAK,SAAU,CACjB,IAAMC,EAAkB,CACtB,cAAe,GACf,UAAW,GACX,WAAY,GACZ,QAAS,EACX,EACA,KAAK,kBAAoB,IAAI,iBACzB,IAAM,KAAK,UAAU,CACzB,EACA,KAAK,kBAAkB,QAAQ,KAAK,SAAUA,CAAe,CAC/D,CACF,CAKA,YAAa,CACP,CAAC,KAAK,mBAGV,KAAK,kBAAkB,WAAW,CACpC,CACF,EF/CA,IAAqBC,EAArB,cACUC,CACyB,CAFnC,kCAUI,eAAY,GAOZ,kBAAe,QAOf,YAAmB,GAqBM,aAAU,GA+BnC,yBAjDF,sBAA6B,CAC3B,MAAM,qBAAqB,EACvB,KAAK,2BACP,KAAK,0BAA0B,WAAW,CAE9C,CAmBA,aAAaC,EAAuD,CAClE,MAAM,aAAaA,CAAY,EAC3B,KAAK,UACP,KAAK,0BAA4B,IAAIC,EACjC,KAAM,IAAM,CACV,KAAK,WAAW,CAClB,CACJ,EAEJ,CAMA,YAAa,CAAC,CAgBd,KAAMC,EAAkB,CACjB,KAAK,eACR,KAAK,aAAeA,EACpB,KAAK,aAAa,UAAWA,CAAO,EACpC,KAAK,aAAa,QAAS,YAAYA,GAAS,EAGpD,CAKA,eAAgB,CACd,KAAK,aAAe,OACpB,KAAK,gBAAgB,SAAS,EAC9B,KAAK,gBAAgB,OAAO,CAC9B,CAWA,QAAiB,CACf,OAAOC;AAAA;AAAA,KAGT,CACF,EAlHqBL,EAGZ,OAASM,EAOdC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,YAAY,CAAC,GAT7CR,EAUjB,yBAOAO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GAhBjCR,EAiBjB,4BAOAO,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,SAAS,CAAC,GAvB3CR,EAwBjB,sBAqByBO,EAAA,CAA1BC,EAAS,CAAC,KAAM,OAAO,CAAC,GA7CNR,EA6CQ,uBA+BzBO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GA3EpBR,EA4EjB,uBA2BOO,EAAA,CAARE,EAAM,GAvGYT,EAuGV,4BD3GX,IAAqBU,EAArB,cAAgDC,CAAa,CAE3D,aAAc,CACZ,MAAM,EACN,KAAK,2BACL,KAAK,aAAa,qBAAsB,EAAE,CAC5C,CAMA,QAAiB,CACf,OAAOC;AAAA;AAAA,KAGT,CACF,EInBA,IAAqBC,EAArB,cAA+CC,CAAmB,CAAC",
-  "names": ["html", "LitElement", "html", "property", "state", "css", "scw_component_default", "LightDomMutationObserver", "element", "callback", "observerOptions", "ScwComponent", "LitElement", "changedProps", "LightDomMutationObserver", "message", "html", "scw_component_default", "__decorateClass", "property", "state", "ScwLayoutComponent", "ScwComponent", "html", "ScwStackComponent", "ScwLayoutComponent"]
-}

package/dist-node/scw-stepper/ScwStepper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-stepper/ScwStepper.ts", "../../src/scw-component/ScwComponent.ts", "../../src/scw-component/scss/scw-component.scss", "../../src/utils/lightDomMutationObserver.ts", "../../src/scw-stepper/scss/scw-stepper.scss"],
-  "sourcesContent": ["import {html} from 'lit';\nimport {property, state, query} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit-html/directives/unsafe-html.js';\nimport {ref, createRef, Ref} from 'lit/directives/ref.js';\nimport ScwComponent from 'scw-component/ScwComponent';\nimport {Components} from 'utils/enums/Components';\nimport styles from './scss/scw-stepper.scss';\n\n/**\n * ScwStepper\n */\nexport default class ScwStepper extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  @property({type: String, attribute: 'test-json', reflect: true})\n    testJson: string | undefined;\n\n  @property({type: String, attribute: 'test-html', reflect: true})\n    testHtml: string | undefined;\n\n  @property({type: String, attribute: 'test-attr', reflect: true})\n    testAttr: string | undefined;\n\n  test: string | undefined = 'test';\n\n  @state()\n    testState = 0;\n\n  @query('#myBtn')\n    first: HTMLDivElement | undefined;\n\n  contentRef: Ref<HTMLInputElement> = createRef();\n\n  example: string = 'hello there';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.stepper;\n  }\n\n  /** firstUpdated */\n  firstUpdated() {\n    this.attachContent();\n  }\n\n  /** attachContent */\n  attachContent() {\n    const tmplt = this.querySelector('#content') as HTMLTemplateElement;\n    if (this.contentRef.value && tmplt) {\n      this.contentRef.value.appendChild(\n          tmplt.content.cloneNode(true),\n      );\n    }\n  }\n\n  /**\n   * renderStepItem\n   * @param {boolean} isFocused\n   * @return {string}\n   */\n  renderStepItem(isFocused: boolean = false) {\n    return html`\n      <div class=\"circle ${isFocused ? 'focused' : ''}\"></div>\n    `;\n  }\n\n  /**\n   * render\n   * @return {string}\n   */\n  render() {\n    let testJsonJSON = undefined;\n    try {\n      if (this.testJson) {\n        testJsonJSON = JSON.parse(decodeURIComponent(this.testJson));\n      }\n    } catch (err) {\n      console.error(err);\n    }\n\n    const output = html`\n      <div class=\"container\" @click=${() => console.log('hi')}>\n        ${this.renderStepItem()}\n        ${this.renderStepItem(true)}\n        ${this.renderStepItem()}\n        ${unsafeHTML(testJsonJSON ? JSON.stringify(testJsonJSON) : '')}\n        ${unsafeHTML(this.testHtml ? decodeURIComponent(this.testHtml) : '')}\n        <div\n          class=\"body\"\n          ${ref(this.contentRef)}>\n        </div>\n      </div>\n    `;\n    return output;\n  }\n}\n", "import {LitElement, html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-component.scss';\nimport ScwComponentInterface from './scw-component-interface';\nimport LightDomMutationObserver from '../utils/lightDomMutationObserver';\n\n/**\n * ScwComponent\n * @class\n * @tag scw-component\n *\n */\nexport default class ScwComponent\n  extends LitElement\n  implements ScwComponentInterface {\n  static styles = styles;\n\n  /**\n  * (ScwComponent) Main text within component\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'aria-label'})\n    ariaLabel = '';\n\n  /**\n   * (ScwComponent) Disables the component however it disables\n   * @type {string}\n   */\n  @property({type: String, attribute: 'aria-disabled'})\n    ariaDisabled = 'false';\n\n  /**\n  * (ScwLinkBase)\n  * Some lookups need to know if something is a link or not...\n  */\n  @property({type: Boolean, reflect: true, attribute: 'is-link'})\n    isLink : boolean = false;\n\n  /** disconnectedCallback */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n  }\n\n  // ====== DYNAMIC LIGHT DOM (SLOTS) ==========================================\n  /**\n  * (ScwComponent) Light Dom Mutation Observer\n  */\n  _lightDomMutationObserver? : LightDomMutationObserver;\n\n  /**\n  * (ScwComponent) Determines whether to watch for changes\n  * in children. (not all components use light DOM)\n  * @type {boolean}\n  */\n  @property({type: Boolean}) dynamic = false;\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps : Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    if (this.dynamic) {\n      this._lightDomMutationObserver = new LightDomMutationObserver(\n          this, () => {\n            this.domMutated();\n          },\n      );\n    }\n  }\n\n  /**\n   * parseLightDom is a hook for classes extending this one to add\n   * other parsers and validations\n   */\n  domMutated() {}\n  // ====== END DYNAMIC ========================================================\n\n  /**\n  * (ScwComponent) contains the root element name for each component\n  * (enum Components)\n  * @type {string}\n  */\n  // lint-i\n  @property({type: String, reflect: true}) // Components\n    element: Components = Components.component;\n\n  /**\n  * handles warnings...things wrong with formatting, ADA, etc...\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    if (!this._lastWarning) {\n      this._lastWarning = message;\n      this.setAttribute('warning', message);\n      this.setAttribute('title', `[ERROR]: ${message}`);\n    }\n    // con sole.error(`warning (${this.element}): ${message}`);\n  }\n\n  /**\n   * clearWarnings\n   */\n  clearWarnings() {\n    this._lastWarning = undefined;\n    this.removeAttribute('warning');\n    this.removeAttribute('title');\n  }\n\n  /**\n  * retain the last warning sent...good for testing.\n  */\n  @state() _lastWarning : string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n", "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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jb21wb25lbnQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0UifQ== */`;\n", "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", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.container {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.container > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 3.8);\n  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );\n}\n\n.circle {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 50% 50% 50% 50%;\n  width: 10px;\n  height: 10px;\n}\n.circle.focused {\n  background-color: var(--scw-color-grey-07);\n  border-radius: 50% 50% 50% 50%;\n}\n\n.body p {\n  font-size: 42px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;\n"],
-  "mappings": "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",
-  "names": ["html", "property", "state", "query", "unsafeHTML", "ref", "createRef", "LitElement", "html", "property", "state", "css", "scw_component_default", "LightDomMutationObserver", "element", "callback", "observerOptions", "ScwComponent", "LitElement", "changedProps", "LightDomMutationObserver", "message", "html", "scw_component_default", "__decorateClass", "property", "state", "css", "scw_stepper_default", "ScwStepper", "ScwComponent", "createRef", "scw_stepper_default", "tmplt", "isFocused", "html", "testJsonJSON", "err", "unsafeHTML", "ref", "__decorateClass", "property", "state", "query"]
-}

package/dist-node/scw-stepper/scw-stepper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-stepper/ScwStepper.ts", "../../src/scw-component/ScwComponent.ts", "../../src/scw-component/scss/scw-component.scss", "../../src/utils/lightDomMutationObserver.ts", "../../src/scw-stepper/scss/scw-stepper.scss", "../../src/scw-stepper/scw-stepper.ts"],
-  "sourcesContent": ["import {html} from 'lit';\nimport {property, state, query} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit-html/directives/unsafe-html.js';\nimport {ref, createRef, Ref} from 'lit/directives/ref.js';\nimport ScwComponent from 'scw-component/ScwComponent';\nimport {Components} from 'utils/enums/Components';\nimport styles from './scss/scw-stepper.scss';\n\n/**\n * ScwStepper\n */\nexport default class ScwStepper extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  @property({type: String, attribute: 'test-json', reflect: true})\n    testJson: string | undefined;\n\n  @property({type: String, attribute: 'test-html', reflect: true})\n    testHtml: string | undefined;\n\n  @property({type: String, attribute: 'test-attr', reflect: true})\n    testAttr: string | undefined;\n\n  test: string | undefined = 'test';\n\n  @state()\n    testState = 0;\n\n  @query('#myBtn')\n    first: HTMLDivElement | undefined;\n\n  contentRef: Ref<HTMLInputElement> = createRef();\n\n  example: string = 'hello there';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.stepper;\n  }\n\n  /** firstUpdated */\n  firstUpdated() {\n    this.attachContent();\n  }\n\n  /** attachContent */\n  attachContent() {\n    const tmplt = this.querySelector('#content') as HTMLTemplateElement;\n    if (this.contentRef.value && tmplt) {\n      this.contentRef.value.appendChild(\n          tmplt.content.cloneNode(true),\n      );\n    }\n  }\n\n  /**\n   * renderStepItem\n   * @param {boolean} isFocused\n   * @return {string}\n   */\n  renderStepItem(isFocused: boolean = false) {\n    return html`\n      <div class=\"circle ${isFocused ? 'focused' : ''}\"></div>\n    `;\n  }\n\n  /**\n   * render\n   * @return {string}\n   */\n  render() {\n    let testJsonJSON = undefined;\n    try {\n      if (this.testJson) {\n        testJsonJSON = JSON.parse(decodeURIComponent(this.testJson));\n      }\n    } catch (err) {\n      console.error(err);\n    }\n\n    const output = html`\n      <div class=\"container\" @click=${() => console.log('hi')}>\n        ${this.renderStepItem()}\n        ${this.renderStepItem(true)}\n        ${this.renderStepItem()}\n        ${unsafeHTML(testJsonJSON ? JSON.stringify(testJsonJSON) : '')}\n        ${unsafeHTML(this.testHtml ? decodeURIComponent(this.testHtml) : '')}\n        <div\n          class=\"body\"\n          ${ref(this.contentRef)}>\n        </div>\n      </div>\n    `;\n    return output;\n  }\n}\n", "import {LitElement, html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-component.scss';\nimport ScwComponentInterface from './scw-component-interface';\nimport LightDomMutationObserver from '../utils/lightDomMutationObserver';\n\n/**\n * ScwComponent\n * @class\n * @tag scw-component\n *\n */\nexport default class ScwComponent\n  extends LitElement\n  implements ScwComponentInterface {\n  static styles = styles;\n\n  /**\n  * (ScwComponent) Main text within component\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'aria-label'})\n    ariaLabel = '';\n\n  /**\n   * (ScwComponent) Disables the component however it disables\n   * @type {string}\n   */\n  @property({type: String, attribute: 'aria-disabled'})\n    ariaDisabled = 'false';\n\n  /**\n  * (ScwLinkBase)\n  * Some lookups need to know if something is a link or not...\n  */\n  @property({type: Boolean, reflect: true, attribute: 'is-link'})\n    isLink : boolean = false;\n\n  /** disconnectedCallback */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n  }\n\n  // ====== DYNAMIC LIGHT DOM (SLOTS) ==========================================\n  /**\n  * (ScwComponent) Light Dom Mutation Observer\n  */\n  _lightDomMutationObserver? : LightDomMutationObserver;\n\n  /**\n  * (ScwComponent) Determines whether to watch for changes\n  * in children. (not all components use light DOM)\n  * @type {boolean}\n  */\n  @property({type: Boolean}) dynamic = false;\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps : Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    if (this.dynamic) {\n      this._lightDomMutationObserver = new LightDomMutationObserver(\n          this, () => {\n            this.domMutated();\n          },\n      );\n    }\n  }\n\n  /**\n   * parseLightDom is a hook for classes extending this one to add\n   * other parsers and validations\n   */\n  domMutated() {}\n  // ====== END DYNAMIC ========================================================\n\n  /**\n  * (ScwComponent) contains the root element name for each component\n  * (enum Components)\n  * @type {string}\n  */\n  // lint-i\n  @property({type: String, reflect: true}) // Components\n    element: Components = Components.component;\n\n  /**\n  * handles warnings...things wrong with formatting, ADA, etc...\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    if (!this._lastWarning) {\n      this._lastWarning = message;\n      this.setAttribute('warning', message);\n      this.setAttribute('title', `[ERROR]: ${message}`);\n    }\n    // con sole.error(`warning (${this.element}): ${message}`);\n  }\n\n  /**\n   * clearWarnings\n   */\n  clearWarnings() {\n    this._lastWarning = undefined;\n    this.removeAttribute('warning');\n    this.removeAttribute('title');\n  }\n\n  /**\n  * retain the last warning sent...good for testing.\n  */\n  @state() _lastWarning : string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n", "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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jb21wb25lbnQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0UifQ== */`;\n", "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", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.container {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.container > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 3.8);\n  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );\n}\n\n.circle {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 50% 50% 50% 50%;\n  width: 10px;\n  height: 10px;\n}\n.circle.focused {\n  background-color: var(--scw-color-grey-07);\n  border-radius: 50% 50% 50% 50%;\n}\n\n.body p {\n  font-size: 42px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;\n", "import ScwStepper from './ScwStepper';\ncustomElements.define('scw-stepper', ScwStepper );\n"],
-  "mappings": "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",
-  "names": ["html", "property", "state", "query", "unsafeHTML", "ref", "createRef", "LitElement", "html", "property", "state", "css", "scw_component_default", "LightDomMutationObserver", "element", "callback", "observerOptions", "ScwComponent", "LitElement", "changedProps", "LightDomMutationObserver", "message", "html", "scw_component_default", "__decorateClass", "property", "state", "css", "scw_stepper_default", "ScwStepper", "ScwComponent", "createRef", "scw_stepper_default", "tmplt", "isFocused", "html", "testJsonJSON", "err", "unsafeHTML", "ref", "__decorateClass", "property", "state", "query", "ScwStepper"]
-}

package/dist-node/scw-test/ScwTest.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-test/ScwTest.ts", "../../src/scw-component/ScwComponent.ts", "../../src/scw-component/scss/scw-component.scss", "../../src/utils/lightDomMutationObserver.ts"],
-  "sourcesContent": ["import {\n  // LitElement,\n  html,\n  css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport ScwComponent from '../scw-component/ScwComponent';\n\n/**\n * ScwTest\n * @class\n * @tag scw-test\n */\nexport default class ScwTest extends ScwComponent { // LitElement {\n  /**\n   * styles\n   */\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n        border: 1px solid red;\n      }\n    `;\n  }\n\n  /**\n  * a test variable\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    name = 'hi';\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.element = Components.test;\n  }\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.test;\n    this.setAttribute('role', 'button' );\n  }\n\n  /**\n  * Handle click from right icon.\n  */\n  clickHandler() {\n    this.name = `hi ${Math.random()}`;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <div @click=${this.clickHandler}>ima ${this.name}</div>\n      <slot></slot>\n    `;\n  }\n}\n", "import {LitElement, html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-component.scss';\nimport ScwComponentInterface from './scw-component-interface';\nimport LightDomMutationObserver from '../utils/lightDomMutationObserver';\n\n/**\n * ScwComponent\n * @class\n * @tag scw-component\n *\n */\nexport default class ScwComponent\n  extends LitElement\n  implements ScwComponentInterface {\n  static styles = styles;\n\n  /**\n  * (ScwComponent) Main text within component\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'aria-label'})\n    ariaLabel = '';\n\n  /**\n   * (ScwComponent) Disables the component however it disables\n   * @type {string}\n   */\n  @property({type: String, attribute: 'aria-disabled'})\n    ariaDisabled = 'false';\n\n  /**\n  * (ScwLinkBase)\n  * Some lookups need to know if something is a link or not...\n  */\n  @property({type: Boolean, reflect: true, attribute: 'is-link'})\n    isLink : boolean = false;\n\n  /** disconnectedCallback */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n  }\n\n  // ====== DYNAMIC LIGHT DOM (SLOTS) ==========================================\n  /**\n  * (ScwComponent) Light Dom Mutation Observer\n  */\n  _lightDomMutationObserver? : LightDomMutationObserver;\n\n  /**\n  * (ScwComponent) Determines whether to watch for changes\n  * in children. (not all components use light DOM)\n  * @type {boolean}\n  */\n  @property({type: Boolean}) dynamic = false;\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps : Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    if (this.dynamic) {\n      this._lightDomMutationObserver = new LightDomMutationObserver(\n          this, () => {\n            this.domMutated();\n          },\n      );\n    }\n  }\n\n  /**\n   * parseLightDom is a hook for classes extending this one to add\n   * other parsers and validations\n   */\n  domMutated() {}\n  // ====== END DYNAMIC ========================================================\n\n  /**\n  * (ScwComponent) contains the root element name for each component\n  * (enum Components)\n  * @type {string}\n  */\n  // lint-i\n  @property({type: String, reflect: true}) // Components\n    element: Components = Components.component;\n\n  /**\n  * handles warnings...things wrong with formatting, ADA, etc...\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    if (!this._lastWarning) {\n      this._lastWarning = message;\n      this.setAttribute('warning', message);\n      this.setAttribute('title', `[ERROR]: ${message}`);\n    }\n    // con sole.error(`warning (${this.element}): ${message}`);\n  }\n\n  /**\n   * clearWarnings\n   */\n  clearWarnings() {\n    this._lastWarning = undefined;\n    this.removeAttribute('warning');\n    this.removeAttribute('title');\n  }\n\n  /**\n  * retain the last warning sent...good for testing.\n  */\n  @state() _lastWarning : string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n", "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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jb21wb25lbnQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0UifQ== */`;\n", "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": "wMAAA,OAEE,QAAAA,EACA,OAAAC,MAAU,MACZ,OAAQ,YAAAC,MAAe,oBCJvB,OAAQ,cAAAC,EAAY,QAAAC,MAAW,MAC/B,OAAQ,YAAAC,EAAU,SAAAC,MAAY,oBCD9B,OAAQ,OAAAC,MAAU,6BAClB,IAAOC,EAAQD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ieCIf,IAAqBE,EAArB,KAA8C,CAqB5C,YAAaC,EAAqBC,EAAwB,CACxD,KAAK,SAAWD,EAChB,KAAK,UAAYC,EACjB,KAAK,QAAQ,CACf,CAKA,SAAU,CAER,GADA,KAAK,WAAW,EACZ,KAAK,SAAU,CACjB,IAAMC,EAAkB,CACtB,cAAe,GACf,UAAW,GACX,WAAY,GACZ,QAAS,EACX,EACA,KAAK,kBAAoB,IAAI,iBACzB,IAAM,KAAK,UAAU,CACzB,EACA,KAAK,kBAAkB,QAAQ,KAAK,SAAUA,CAAe,CAC/D,CACF,CAKA,YAAa,CACP,CAAC,KAAK,mBAGV,KAAK,kBAAkB,WAAW,CACpC,CACF,EF/CA,IAAqBC,EAArB,cACUC,CACyB,CAFnC,kCAUI,eAAY,GAOZ,kBAAe,QAOf,YAAmB,GAqBM,aAAU,GA+BnC,yBAjDF,sBAA6B,CAC3B,MAAM,qBAAqB,EACvB,KAAK,2BACP,KAAK,0BAA0B,WAAW,CAE9C,CAmBA,aAAaC,EAAuD,CAClE,MAAM,aAAaA,CAAY,EAC3B,KAAK,UACP,KAAK,0BAA4B,IAAIC,EACjC,KAAM,IAAM,CACV,KAAK,WAAW,CAClB,CACJ,EAEJ,CAMA,YAAa,CAAC,CAgBd,KAAMC,EAAkB,CACjB,KAAK,eACR,KAAK,aAAeA,EACpB,KAAK,aAAa,UAAWA,CAAO,EACpC,KAAK,aAAa,QAAS,YAAYA,GAAS,EAGpD,CAKA,eAAgB,CACd,KAAK,aAAe,OACpB,KAAK,gBAAgB,SAAS,EAC9B,KAAK,gBAAgB,OAAO,CAC9B,CAWA,QAAiB,CACf,OAAOC;AAAA;AAAA,KAGT,CACF,EAlHqBL,EAGZ,OAASM,EAOdC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,YAAY,CAAC,GAT7CR,EAUjB,yBAOAO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GAhBjCR,EAiBjB,4BAOAO,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,SAAS,CAAC,GAvB3CR,EAwBjB,sBAqByBO,EAAA,CAA1BC,EAAS,CAAC,KAAM,OAAO,CAAC,GA7CNR,EA6CQ,uBA+BzBO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GA3EpBR,EA4EjB,uBA2BOO,EAAA,CAARE,EAAM,GAvGYT,EAuGV,4BDvGX,IAAqBU,EAArB,cAAqCC,CAAa,CA2BhD,aAAc,CACZ,MAAM,EAVN,UAAO,KAWP,KAAK,eACL,KAAK,aAAa,OAAQ,QAAS,CACrC,CA3BA,WAAW,QAAS,CAClB,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA,KAMT,CAUA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,cACP,CAYA,cAAe,CACb,KAAK,KAAO,MAAM,KAAK,OAAO,GAChC,CAMA,QAAiB,CACf,OAAOC;AAAA,oBACS,KAAK,oBAAoB,KAAK;AAAA;AAAA,KAGhD,CACF,EAhCIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAjBpBL,EAkBjB",
-  "names": ["html", "css", "property", "LitElement", "html", "property", "state", "css", "scw_component_default", "LightDomMutationObserver", "element", "callback", "observerOptions", "ScwComponent", "LitElement", "changedProps", "LightDomMutationObserver", "message", "html", "scw_component_default", "__decorateClass", "property", "state", "ScwTest", "ScwComponent", "css", "html", "__decorateClass", "property"]
-}

package/dist-node/scw-test/scw-test.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-test/ScwTest.ts", "../../src/scw-component/ScwComponent.ts", "../../src/scw-component/scss/scw-component.scss", "../../src/utils/lightDomMutationObserver.ts", "../../src/scw-test/scw-test.ts"],
-  "sourcesContent": ["import {\n  // LitElement,\n  html,\n  css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport ScwComponent from '../scw-component/ScwComponent';\n\n/**\n * ScwTest\n * @class\n * @tag scw-test\n */\nexport default class ScwTest extends ScwComponent { // LitElement {\n  /**\n   * styles\n   */\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n        border: 1px solid red;\n      }\n    `;\n  }\n\n  /**\n  * a test variable\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    name = 'hi';\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.element = Components.test;\n  }\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.test;\n    this.setAttribute('role', 'button' );\n  }\n\n  /**\n  * Handle click from right icon.\n  */\n  clickHandler() {\n    this.name = `hi ${Math.random()}`;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <div @click=${this.clickHandler}>ima ${this.name}</div>\n      <slot></slot>\n    `;\n  }\n}\n", "import {LitElement, html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-component.scss';\nimport ScwComponentInterface from './scw-component-interface';\nimport LightDomMutationObserver from '../utils/lightDomMutationObserver';\n\n/**\n * ScwComponent\n * @class\n * @tag scw-component\n *\n */\nexport default class ScwComponent\n  extends LitElement\n  implements ScwComponentInterface {\n  static styles = styles;\n\n  /**\n  * (ScwComponent) Main text within component\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'aria-label'})\n    ariaLabel = '';\n\n  /**\n   * (ScwComponent) Disables the component however it disables\n   * @type {string}\n   */\n  @property({type: String, attribute: 'aria-disabled'})\n    ariaDisabled = 'false';\n\n  /**\n  * (ScwLinkBase)\n  * Some lookups need to know if something is a link or not...\n  */\n  @property({type: Boolean, reflect: true, attribute: 'is-link'})\n    isLink : boolean = false;\n\n  /** disconnectedCallback */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n  }\n\n  // ====== DYNAMIC LIGHT DOM (SLOTS) ==========================================\n  /**\n  * (ScwComponent) Light Dom Mutation Observer\n  */\n  _lightDomMutationObserver? : LightDomMutationObserver;\n\n  /**\n  * (ScwComponent) Determines whether to watch for changes\n  * in children. (not all components use light DOM)\n  * @type {boolean}\n  */\n  @property({type: Boolean}) dynamic = false;\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps : Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    if (this.dynamic) {\n      this._lightDomMutationObserver = new LightDomMutationObserver(\n          this, () => {\n            this.domMutated();\n          },\n      );\n    }\n  }\n\n  /**\n   * parseLightDom is a hook for classes extending this one to add\n   * other parsers and validations\n   */\n  domMutated() {}\n  // ====== END DYNAMIC ========================================================\n\n  /**\n  * (ScwComponent) contains the root element name for each component\n  * (enum Components)\n  * @type {string}\n  */\n  // lint-i\n  @property({type: String, reflect: true}) // Components\n    element: Components = Components.component;\n\n  /**\n  * handles warnings...things wrong with formatting, ADA, etc...\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    if (!this._lastWarning) {\n      this._lastWarning = message;\n      this.setAttribute('warning', message);\n      this.setAttribute('title', `[ERROR]: ${message}`);\n    }\n    // con sole.error(`warning (${this.element}): ${message}`);\n  }\n\n  /**\n   * clearWarnings\n   */\n  clearWarnings() {\n    this._lastWarning = undefined;\n    this.removeAttribute('warning');\n    this.removeAttribute('title');\n  }\n\n  /**\n  * retain the last warning sent...good for testing.\n  */\n  @state() _lastWarning : string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n", "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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jb21wb25lbnQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0UifQ== */`;\n", "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", "import ScwTest from './ScwTest.js';\ncustomElements.define('scw-test', ScwTest );\n"],
-  "mappings": "wMAAA,OAEE,QAAAA,EACA,OAAAC,MAAU,MACZ,OAAQ,YAAAC,MAAe,oBCJvB,OAAQ,cAAAC,EAAY,QAAAC,MAAW,MAC/B,OAAQ,YAAAC,EAAU,SAAAC,MAAY,oBCD9B,OAAQ,OAAAC,MAAU,6BAClB,IAAOC,EAAQD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ieCIf,IAAqBE,EAArB,KAA8C,CAqB5C,YAAaC,EAAqBC,EAAwB,CACxD,KAAK,SAAWD,EAChB,KAAK,UAAYC,EACjB,KAAK,QAAQ,CACf,CAKA,SAAU,CAER,GADA,KAAK,WAAW,EACZ,KAAK,SAAU,CACjB,IAAMC,EAAkB,CACtB,cAAe,GACf,UAAW,GACX,WAAY,GACZ,QAAS,EACX,EACA,KAAK,kBAAoB,IAAI,iBACzB,IAAM,KAAK,UAAU,CACzB,EACA,KAAK,kBAAkB,QAAQ,KAAK,SAAUA,CAAe,CAC/D,CACF,CAKA,YAAa,CACP,CAAC,KAAK,mBAGV,KAAK,kBAAkB,WAAW,CACpC,CACF,EF/CA,IAAqBC,EAArB,cACUC,CACyB,CAFnC,kCAUI,eAAY,GAOZ,kBAAe,QAOf,YAAmB,GAqBM,aAAU,GA+BnC,yBAjDF,sBAA6B,CAC3B,MAAM,qBAAqB,EACvB,KAAK,2BACP,KAAK,0BAA0B,WAAW,CAE9C,CAmBA,aAAaC,EAAuD,CAClE,MAAM,aAAaA,CAAY,EAC3B,KAAK,UACP,KAAK,0BAA4B,IAAIC,EACjC,KAAM,IAAM,CACV,KAAK,WAAW,CAClB,CACJ,EAEJ,CAMA,YAAa,CAAC,CAgBd,KAAMC,EAAkB,CACjB,KAAK,eACR,KAAK,aAAeA,EACpB,KAAK,aAAa,UAAWA,CAAO,EACpC,KAAK,aAAa,QAAS,YAAYA,GAAS,EAGpD,CAKA,eAAgB,CACd,KAAK,aAAe,OACpB,KAAK,gBAAgB,SAAS,EAC9B,KAAK,gBAAgB,OAAO,CAC9B,CAWA,QAAiB,CACf,OAAOC;AAAA;AAAA,KAGT,CACF,EAlHqBL,EAGZ,OAASM,EAOdC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,YAAY,CAAC,GAT7CR,EAUjB,yBAOAO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GAhBjCR,EAiBjB,4BAOAO,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,SAAS,CAAC,GAvB3CR,EAwBjB,sBAqByBO,EAAA,CAA1BC,EAAS,CAAC,KAAM,OAAO,CAAC,GA7CNR,EA6CQ,uBA+BzBO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GA3EpBR,EA4EjB,uBA2BOO,EAAA,CAARE,EAAM,GAvGYT,EAuGV,4BDvGX,IAAqBU,EAArB,cAAqCC,CAAa,CA2BhD,aAAc,CACZ,MAAM,EAVN,UAAO,KAWP,KAAK,eACL,KAAK,aAAa,OAAQ,QAAS,CACrC,CA3BA,WAAW,QAAS,CAClB,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA,KAMT,CAUA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,cACP,CAYA,cAAe,CACb,KAAK,KAAO,MAAM,KAAK,OAAO,GAChC,CAMA,QAAiB,CACf,OAAOC;AAAA,oBACS,KAAK,oBAAoB,KAAK;AAAA;AAAA,KAGhD,CACF,EAhCIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAjBpBL,EAkBjB,oBI9BJ,eAAe,OAAO,WAAYM,CAAQ",
-  "names": ["html", "css", "property", "LitElement", "html", "property", "state", "css", "scw_component_default", "LightDomMutationObserver", "element", "callback", "observerOptions", "ScwComponent", "LitElement", "changedProps", "LightDomMutationObserver", "message", "html", "scw_component_default", "__decorateClass", "property", "state", "ScwTest", "ScwComponent", "css", "html", "__decorateClass", "property", "ScwTest"]
-}

package/dist-node/scw-textarea/scw-textarea.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/enums/Components.ts", "../../src/scw-component/scss/scw-component.scss", "../../src/utils/lightDomMutationObserver.ts", "../../src/scw-component/ScwComponent.ts", "../../src/scw-validate/validationTypes.ts", "../../src/scw.ts", "../../src/utils/suffix.ts", "../../src/scw-form-component/scw-form-component.ts", "../../src/scw-textarea/scss/scw-textarea.scss", "../../src/scw-input-field/inputTypes.ts", "../../src/utils/events/event.ts", "../../src/utils/formEnums.ts", "../../src/scw-textarea/scw-textarea.ts"],
-  "sourcesContent": ["\n\n// sans prefix and suffix\nexport enum Components {\n  button = 'button',\n  card = 'card',\n  component = 'component',\n  formElement = 'form-element',\n  inputField = 'input-field',\n  inputLayout = 'input-layout',\n  singleInputLayout = 'single-input-layout',\n  input = 'input',\n  singleInput = 'single-input',\n  heading = 'heading',\n  icon = 'icon',\n  link = 'link',\n  linkBase = 'link-base',\n  menu = 'menu',\n  menuItem = 'menu-item',\n  nav = 'nav',\n  image = 'image',\n  responsive = 'responsive',\n  validation = 'validation',\n  validate = 'validate',\n  elementComponent = 'element-component',\n  centerComponent = 'center-component',\n  flexHComponent = 'flex-h-component',\n  flexVComponent = 'flex-v-component',\n  floatComponent = 'float-component',\n  paneComponent = 'pane-component',\n  layoutComponent = 'layout-component',\n  stackComponent = 'stack-component',\n  form = 'form',\n  alert = 'alert',\n  pageAlert = 'pageAlert',\n  textarea = 'textarea',\n  stepper = 'stepper',\n  test = 'test',\n  richText = 'rich-text',\n}\n", "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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jb21wb25lbnQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0UifQ== */`;\n", "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", "import {LitElement, html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-component.scss';\nimport ScwComponentInterface from './scw-component-interface';\nimport LightDomMutationObserver from '../utils/lightDomMutationObserver';\n\n/**\n * ScwComponent\n * @class\n * @tag scw-component\n *\n */\nexport default class ScwComponent\n  extends LitElement\n  implements ScwComponentInterface {\n  static styles = styles;\n\n  /**\n  * (ScwComponent) Main text within component\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'aria-label'})\n    ariaLabel = '';\n\n  /**\n   * (ScwComponent) Disables the component however it disables\n   * @type {string}\n   */\n  @property({type: String, attribute: 'aria-disabled'})\n    ariaDisabled = 'false';\n\n  /**\n  * (ScwLinkBase)\n  * Some lookups need to know if something is a link or not...\n  */\n  @property({type: Boolean, reflect: true, attribute: 'is-link'})\n    isLink : boolean = false;\n\n  /** disconnectedCallback */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n  }\n\n  // ====== DYNAMIC LIGHT DOM (SLOTS) ==========================================\n  /**\n  * (ScwComponent) Light Dom Mutation Observer\n  */\n  _lightDomMutationObserver? : LightDomMutationObserver;\n\n  /**\n  * (ScwComponent) Determines whether to watch for changes\n  * in children. (not all components use light DOM)\n  * @type {boolean}\n  */\n  @property({type: Boolean}) dynamic = false;\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps : Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    if (this.dynamic) {\n      this._lightDomMutationObserver = new LightDomMutationObserver(\n          this, () => {\n            this.domMutated();\n          },\n      );\n    }\n  }\n\n  /**\n   * parseLightDom is a hook for classes extending this one to add\n   * other parsers and validations\n   */\n  domMutated() {}\n  // ====== END DYNAMIC ========================================================\n\n  /**\n  * (ScwComponent) contains the root element name for each component\n  * (enum Components)\n  * @type {string}\n  */\n  // lint-i\n  @property({type: String, reflect: true}) // Components\n    element: Components = Components.component;\n\n  /**\n  * handles warnings...things wrong with formatting, ADA, etc...\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    if (!this._lastWarning) {\n      this._lastWarning = message;\n      this.setAttribute('warning', message);\n      this.setAttribute('title', `[ERROR]: ${message}`);\n    }\n    // con sole.error(`warning (${this.element}): ${message}`);\n  }\n\n  /**\n   * clearWarnings\n   */\n  clearWarnings() {\n    this._lastWarning = undefined;\n    this.removeAttribute('warning');\n    this.removeAttribute('title');\n  }\n\n  /**\n  * retain the last warning sent...good for testing.\n  */\n  @state() _lastWarning : string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n", "import ScwFormComponent from '../scw-form-component/scw-form-component';\n\n\nexport interface ValidationResult {\n  type: ValidationTypes;\n  valid: boolean;\n  feedback: string;\n  component?: ScwFormComponent\n}\n\nexport enum ValidationTypes {\n  number = 'number',\n  alphanumeric = 'alphanumeric',\n  required = 'required',\n  email = 'email',\n  currency = 'currency',\n  telephone = 'telephone',\n  date = 'date',\n  unknown = 'unknown',\n  memberAccountNumber = 'memberAccountNumber',\n\n  minMax = 'minMax',\n  minMaxLength = 'minMaxLength',\n  pattern = 'pattern',\n  exclude = 'exclude'\n}\n", "import 'lit-element/experimental-hydrate-support.js';\n\nconst registeredComponents : {\n  [key: string]: true;\n} = {};\n\nexport let config : {\n  suffix : string | false,\n};\n\n/**\n * Define Components\n * Gotchas:\n *  - can't have two runtimes on same page, so need root to be unversioned and\n *     child versioned (from same url)\n *  - b/c the comp classes can only be registered once. The child should\n *     always be bundled.\n * @param {object} args\n * @return {void}\n */\nexport async function defineComponents(\n    args : {\n    components?: string[],\n    suffix?: string,\n  } = {},\n) {\n  // defaults to a runtime config w/ all comps, no suffix, and assets runtime.\n  const {\n    components = false,\n    suffix = false,\n  } = args;\n\n  // Global Config\n  config = {\n    suffix,\n  };\n\n  const allComponents = components ? false : true;\n\n  const suffixFinal = suffix ? `-${suffix}` : '';\n  const promiseArr: Promise<void>[] = [];\n\n  /**\n   * Add to a promise\n   * @param {string} compStr\n   * @param {any} importCall\n   */\n  function addToPromise(compStr: string, importCall: any) {\n    promiseArr.push((async () => {\n      const compName = `${compStr}${suffixFinal}`;\n      // avoid name dups (doesn't catch class dups!!!!)\n      if ( !registeredComponents[compName] ) {\n        registeredComponents[compName] = true;\n        try {\n          customElements.define(\n              compName,\n              (await importCall).default,\n          );\n        } catch (error) {\n          console.error( compName, error );\n        }\n      }\n    })());\n  }\n\n  /**\n   * include\n   * @argument {string} compStr\n   * @return {boolean}\n   */\n  function include(compStr: string) {\n    if (allComponents) return true;\n    if (Array.isArray( components) ) {\n      return components ? components.includes(compStr) : false;\n    }\n  }\n\n  // need the import to be picked up by esbuild...\n  if (include('scw-component')) {\n    addToPromise('scw-component',\n        import(`./scw-component/ScwComponent`));\n  }\n  if (include('scw-form-component')) {\n    addToPromise('scw-form-component',\n        import(`./scw-form-component/scw-form-component`) );\n  }\n  if (include('scw-card')) {\n    addToPromise('scw-card',\n        import(`./scw-card/ScwCard`));\n  }\n  if (include('scw-input-field')) {\n    addToPromise('scw-input-field',\n        import(`./scw-input-field/scw-input-field`) );\n  }\n  if (include('scw-input-layout')) {\n    addToPromise('scw-input-layout',\n        import(`./scw-input-layout/scw-input-layout`) );\n  }\n  if (include('scw-link')) {\n    addToPromise('scw-link',\n        import(`./scw-link/ScwLink`) );\n  }\n  if (include('scw-button')) {\n    addToPromise('scw-button',\n        import(`./scw-button/ScwButton`) );\n  }\n  if (include('scw-menu')) {\n    addToPromise('scw-menu',\n        import(`./scw-menu/ScwMenu`) );\n  }\n  if (include('scw-menu-item')) {\n    addToPromise('scw-menu-item',\n        import(`./scw-menu-item/ScwMenuItem`) );\n  }\n  if (include('scw-icon')) {\n    addToPromise('scw-icon',\n        import(`./scw-icon/ScwIcon`) );\n  }\n  if (include('scw-heading')) {\n    addToPromise('scw-heading',\n        import(`./scw-heading/ScwHeading`) );\n  }\n  if (include('scw-image')) {\n    addToPromise('scw-image',\n        import(`./scw-image/ScwImage`) );\n  }\n  if (include('scw-input')) {\n    addToPromise('scw-input',\n        import(`./scw-input/scw-input`) );\n  }\n  if (include('scw-single-input')) {\n    addToPromise('scw-single-input',\n        import(`./scw-single-input/scw-single-input`) );\n  }\n  if (include('scw-single-input-layout')) {\n    addToPromise('scw-single-input-layout',\n        import(`./scw-single-input-layout/scw-single-input-layout`) );\n  }\n  if (include('scw-validation')) {\n    addToPromise('scw-validation',\n        import(`./scw-validation/scw-validation`) );\n  }\n  if (include('scw-validate')) {\n    addToPromise('scw-validate',\n        import(`./scw-validate/scw-validate`) );\n  }\n  if (include('scw-flex-h-component')) {\n    addToPromise('scw-flex-h-component',\n        import(`./scw-flex-h-component/scw-flex-h-component`) );\n  }\n  if (include('scw-flex-v-component')) {\n    addToPromise('scw-flex-v-component',\n        import(`./scw-flex-v-component/scw-flex-v-component`) );\n  }\n  if (include('scw-stack-component')) {\n    addToPromise('scw-stack-component',\n        import(`./scw-stack-component/scw-stack-component`) );\n  }\n  if (include('scw-layout-component')) {\n    addToPromise('scw-layout-component',\n        import(`./scw-layout-component/scw-layout-component`) );\n  }\n  if (include('scw-element-component')) {\n    addToPromise('scw-element-component',\n        import(`./scw-element-component/scw-element-component`) );\n  }\n  if (include('scw-center-component')) {\n    addToPromise('scw-center-component',\n        import(`./scw-center-component/ScwCenterComponent`) );\n  }\n  if (include('scw-float-component')) {\n    addToPromise('scw-float-component',\n        import(`./scw-float-component/scw-float-component`) );\n  }\n  if (include('scw-pane-component')) {\n    addToPromise('scw-pane-component',\n        import(`./scw-pane-component/scw-pane-component`) );\n  }\n  if (include('scw-form')) {\n    addToPromise('scw-form',\n        import(`./scw-form/scw-form`) );\n  }\n  if (include('scw-page-alert')) {\n    addToPromise('scw-page-alert',\n        import(`./scw-page-alert/scw-page-alert`) );\n  }\n  if (include('scw-link-base')) {\n    addToPromise('scw-link-base',\n        import(`./scw-link-base/ScwLinkBase`) );\n  }\n  if (include('scw-textarea')) {\n    addToPromise('scw-textarea',\n        import(`./scw-textarea/scw-textarea`) );\n  }\n  if (include('scw-select')) {\n    addToPromise('scw-select',\n        import(`./scw-select/scw-select`) );\n  }\n  if (include('scw-alert')) {\n    addToPromise('scw-alert',\n        import(`./scw-alert/ScwAlert`) );\n  }\n  if (include('scw-stepper')) {\n    addToPromise('scw-stepper',\n        import(`./scw-stepper/ScwStepper`) );\n  }\n  if (include('scw-rich-text')) {\n    addToPromise('scw-rich-text',\n        import(`./scw-rich-text/ScwRichText`) );\n  }\n\n  return Promise.all(promiseArr);\n}\n", "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", "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", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.input-field {\n  width: 100%;\n  position: relative;\n}\n.input-field .placeholder {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey);\n  flex: 1;\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));\n  z-index: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.input-field .placeholder[scw-hide] {\n  display: none;\n}\n.input-field textarea {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-02);\n  flex: 1;\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));\n  resize: vertical;\n  width: 100%;\n  min-height: var(--scw-min-height, 56px);\n  box-sizing: border-box;\n  border: 0;\n  background-color: rgba(0, 0, 0, 0);\n  z-index: 2;\n  position: relative;\n}\n.input-field textarea:focus {\n  outline: none;\n}\n\n:host([aria-disabled=true]) textarea {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-07);\n  flex: 1;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy10ZXh0YXJlYS9zY3NzIiwic291cmNlcyI6WyJzY3ctdGV4dGFyZWEuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fcGxhY2Vob2xkZXItdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fZGVmYXVsdC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kaXNhYmxlZC10ZXh0LW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1BO0VBQ0U7OztBQUlGO0VBQ0U7RUFDQTs7QUFFQTtFQ1RBO0VBQ0E7RUFJRTtFQUVGO0VES0U7RUFRQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQVE7O0FBRVI7RUFDRTs7QUFJSjtFRWhDQTtFQUNBO0VBSUU7RUFFRjtFRjRCRTtFQVFBO0VBRUE7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUo7RUc3REE7RUFDQTtFQUlFO0VBRUYifQ== */`;\n", "export enum InputTypes {\n  button = 'button',\n  color = 'color',\n  datetimeLocal = 'datetimeLocal',\n  file = 'file',\n  hidden = 'hidden',\n  image = 'image',\n  month = 'month',\n  number = 'number',\n  range = 'range',\n  reset = 'reset',\n  search = 'search',\n  select = 'select',\n  submit = 'submit',\n  tel = 'tel',\n  time = 'time',\n  url = 'url',\n  week = 'week',\n  fieldset = 'fieldset',\n\n  date = 'date',\n  checkbox = 'checkbox',\n  email = 'email',\n  password = 'password',\n  radio = 'radio',\n  text = 'text',\n  telephone = 'telephone',\n  currency = 'currency'\n}\n", "/**\n * Emits a custom event with web component friendly defaults.\n * @param {string} name\n * @param {HTMLElement} target\n * @param {object} detail\n * @param {CustomEventInit} options\n * @return {object}\n */\nexport function emit(\n    name: ScwEvents,\n    target: HTMLElement,\n    detail = {},\n    options?: CustomEventInit,\n) {\n  const event = new CustomEvent(\n      name,\n      {\n        bubbles: true,\n        cancelable: false,\n        composed: true,\n        detail,\n        ...options,\n      },\n  );\n  target.dispatchEvent(event);\n  return event;\n}\n\nexport enum ScwEvents {\n  focus = 'scw-focus',\n  blur = 'scw-blur',\n  valueChange = 'scw-value-change',\n  appModeOn = 'scw-app-mode-on',\n  appModeOff = 'scw-app-mode-off',\n  action = 'scw-action',\n  submit = 'scw-submit',\n  submitIntent = 'scw-submit-intent'\n}\n", "\nexport enum AutoCaptializeValues {\n  none = 'none',\n  sentences = 'sentences',\n  words = 'words',\n  characters = 'characters',\n  default = 'none'\n}\n\nexport enum AutoCompleteValues {\n  off = 'off',\n  on = 'on',\n  default = 'on'\n}\n\nexport enum AutoCorrectValues {\n  off = 'off',\n  on = 'on',\n  default = 'off'\n}\n\n", "import {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport {property} from 'lit/decorators.js';\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-textarea.scss';\nimport {InputTypes} from '../scw-input-field/inputTypes';\nimport {emit} from '../utils/events/event';\nimport {ScwEvents} from '../utils/events/event';\nimport getSuffix from '../utils/suffix';\nimport {\n  AutoCaptializeValues,\n  AutoCompleteValues,\n  AutoCorrectValues,\n} from '../utils/formEnums';\n\n/**\n * ScwTextarea\n * @class\n * @tag scw-textarea\n *\n * @cssprop --scw-input-padding - the padding around text within the textarea\n * @cssprop --scw-min-height - minimum height of the textarea\n * @event scw-focus input recieved focus\n * @event scw-blur input lost focus\n * @event scw-value-change value has changed (not necessarily value displayed)\n *\n */\nexport default class ScwTextarea extends ScwFormComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.textarea;\n\n    const suffix = getSuffix();\n    this.scwInputLayout = unsafeStatic(\n        `scw-${Components.inputLayout}${suffix}`,\n    );\n  }\n\n  // ============== ScwTextarea ================================================\n  /** scw-single-input-layout with versioning suffix */\n  scwInputLayout : any;\n\n  /** (ScwTextareaField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /** (ScwTextareaField) automatically capitalize input */\n  @property({type: AutoCaptializeValues, attribute: 'autocapitalize'})\n    autoCapitalize: AutoCaptializeValues = AutoCaptializeValues.default;\n\n  /** (ScwTextareaField) automatically completes input */\n  @property({type: AutoCompleteValues, attribute: 'autocomplete'})\n    autoComplete: AutoCompleteValues = AutoCompleteValues.default;\n\n  /** (ScwTextareaField) automatically correct input */\n  @property({type: AutoCorrectValues, attribute: 'autocorrect'})\n    autoCorrect: AutoCorrectValues = AutoCorrectValues.default;\n\n  /** (ScwTextareaField) automatically focus input */\n  @property({type: Boolean, attribute: 'autofocus'})\n    autoFocus = false;\n\n  /**\n  * handle focus into input\n  */\n  _focusHandler() {\n    this.focused = true;\n    emit(\n        ScwEvents.focus,\n        this,\n    );\n  }\n\n  /**\n  * handle blurs from input\n  */\n  _blurHandler() {\n    this.focused = false;\n    this.validate();\n    emit(\n        ScwEvents.blur,\n        this,\n    );\n  }\n\n  /**\n  * handle changes from input\n  * @param {CustomEvent} evt\n  */\n  _valueChangeHandler(evt: Event) {\n    if (evt.target ) {\n      this.value = ( evt.target as unknown as HTMLTextAreaElement ).value;\n      emit(\n          ScwEvents.valueChange,\n          this,\n      );\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <${this.scwInputLayout}\n        .label=\"${this.ariaLabel}\"\n        .feedback=\"${this.feedback}\"\n        aria-disabled=${this.ariaDisabled === 'true' ? 'true' : 'false'}\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}>\n        <div \n          class=\"input-field\">\n          <textarea\n            ?disabled=${this.ariaDisabled === 'true' ? true : false}\n            autocapitalize=${this.autoCapitalize}\n            autocomplete=${this.autoComplete}\n            autocorrect=${this.autoCorrect}\n            ?autofocus=${this.autoFocus}\n            ?readonly=${this.readOnly}\n            @focus=${this._focusHandler}\n            @blur=${this._blurHandler}\n            @input=${this._valueChangeHandler}\n            .value=${this.value}></textarea>\n          <div \n            class=\"placeholder\"\n            ?scw-hide=${this.value ? true : false}>\n            ${this.placeholder}\n          </div>\n        </div>\n      </${this.scwInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n}\n"],
-  "mappings": "2OAAA,IAAAA,EAAAC,EAAA,oBCAA,OAAQ,OAAAC,MAAU,6BAAlB,IACOC,EADPC,EAAAC,EAAA,kBACOF,EAAQD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;meCDf,IAKqBI,EALrBC,EAAAC,EAAA,kBAKqBF,EAArB,KAA8C,CAqB5C,YAAaG,EAAqBC,EAAwB,CACxD,KAAK,SAAWD,EAChB,KAAK,UAAYC,EACjB,KAAK,QAAQ,CACf,CAKA,SAAU,CAER,GADA,KAAK,WAAW,EACZ,KAAK,SAAU,CACjB,IAAMC,EAAkB,CACtB,cAAe,GACf,UAAW,GACX,WAAY,GACZ,QAAS,EACX,EACA,KAAK,kBAAoB,IAAI,iBACzB,IAAM,KAAK,UAAU,CACzB,EACA,KAAK,kBAAkB,QAAQ,KAAK,SAAUA,CAAe,CAC/D,CACF,CAKA,YAAa,CACP,CAAC,KAAK,mBAGV,KAAK,kBAAkB,WAAW,CACpC,CACF,IC5DA,OAAQ,cAAAC,EAAY,QAAAC,MAAW,MAC/B,OAAQ,YAAAC,EAAU,SAAAC,MAAY,oBAD9B,IAaqBC,EAbrBC,EAAAC,EAAA,kBAEAC,IACAC,IAEAC,IAQqBL,EAArB,cACUJ,CACyB,CAFnC,kCAUI,eAAY,GAOZ,kBAAe,QAOf,YAAmB,GAqBM,aAAU,GA+BnC,yBAjDF,sBAA6B,CAC3B,MAAM,qBAAqB,EACvB,KAAK,2BACP,KAAK,0BAA0B,WAAW,CAE9C,CAmBA,aAAaU,EAAuD,CAClE,MAAM,aAAaA,CAAY,EAC3B,KAAK,UACP,KAAK,0BAA4B,IAAIC,EACjC,KAAM,IAAM,CACV,KAAK,WAAW,CAClB,CACJ,EAEJ,CAMA,YAAa,CAAC,CAgBd,KAAMC,EAAkB,CACjB,KAAK,eACR,KAAK,aAAeA,EACpB,KAAK,aAAa,UAAWA,CAAO,EACpC,KAAK,aAAa,QAAS,YAAYA,GAAS,EAGpD,CAKA,eAAgB,CACd,KAAK,aAAe,OACpB,KAAK,gBAAgB,SAAS,EAC9B,KAAK,gBAAgB,OAAO,CAC9B,CAWA,QAAiB,CACf,OAAOX;AAAA;AAAA,KAGT,CACF,EAlHqBG,EAGZ,OAASS,EAOdC,EAAA,CADDZ,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,YAAY,CAAC,GAT7CE,EAUjB,yBAOAU,EAAA,CADDZ,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GAhBjCE,EAiBjB,4BAOAU,EAAA,CADDZ,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,SAAS,CAAC,GAvB3CE,EAwBjB,sBAqByBU,EAAA,CAA1BZ,EAAS,CAAC,KAAM,OAAO,CAAC,GA7CNE,EA6CQ,uBA+BzBU,EAAA,CADDZ,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GA3EpBE,EA4EjB,uBA2BOU,EAAA,CAARX,EAAM,GAvGYC,EAuGV,8BCpHX,IAAAW,EAAAC,EAAA,oBCAA,MAAO,8CAAP,IAMWC,EANXC,EAAAC,EAAA,oBCOe,SAARC,EAA2BC,EAAY,IAAK,CACjD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE,CATA,IAAAC,EAAAC,EAAA,kBAAAC,MCAA,OAAQ,QAAAC,MAAW,MACnB,OAAQ,YAAAC,EAAU,SAAAC,MAAY,oBAD9B,IAUYC,EAgBSC,EA1BrBC,EAAAC,EAAA,kBAEAC,IACAC,IAGAC,IAEAC,IAEYP,OACVA,EAAA,KAAO,OACPA,EAAA,QAAU,UACVA,EAAA,OAAS,SAHCA,OAAA,IAgBSC,EAArB,cAA8CO,CAAa,CAA3D,kCAQI,cAAkC,OAQlC,WAAQ,GAIR,iBAAc,GAId,cAAW,GAIX,cAAW,GAIX,cAAW,GAIX,mBAAgB,KAWT,aAAU,GAGV,aAAU,GAGnB,mBAA0B,CACxB,MAAM,kBAAkB,EACpB,KAAK,UACP,KAAK,sCAED,KAAK,gBACT,CAEJ,CAKA,eAAeC,EAAoB,CACjC,GAAI,CAAC,KAAK,KAAM,CACd,KAAK,KAAK,GAAG,KAAK,4BAA4B,EAC9C,MACF,CACI,KAAK,WAAa,UACpBA,EAAS,KAAK,MAAQ,KAAK,SAE3BA,EAAS,KAAK,MAAQ,KAAK,KAE/B,CAMA,gBAA2B,CACzB,IAAMC,EAAQ,KAAK,oBAAoB,EACvC,OAAIA,EACKA,EAAM,WAAW,EAEnB,EACT,CAMA,qBAAkD,CAOhD,OANoB,MAAM,KAAK,KAAK,QAAQ,EACb,KAAMC,GAE5BA,EAAM,SAAS,QAAQ,gBAAgB,IAAM,CAErD,CAEH,CAOA,UAAgC,CAC9B,IAAMC,EAAa,KAAK,oBAAoB,EACxCC,EAA+B,CAAC,EACpC,OAAID,IACFC,EAAUD,EAAW,SAAS,KAAK,KAAK,GAE1C,KAAK,QAAYC,EAAQ,OAAS,EAC9B,KAAK,QACP,KAAK,SAAWA,EAAQ,GAAG,SAE3B,KAAK,SAAW,GAEXA,CACT,CAOA,oBAAmC,CACjC,OAAO,SAAS,cACZ,oBAA6BC,EAAU,GAC3C,CACF,CAMA,kBAAkBC,EAAoB,CACpC,IAAIC,EAAkB,KAAK,oBAAoB,EAC1CA,IACHA,EAAkB,SAAS,cACvB,sBAA+BF,EAAU,GAC7C,EACA,KAAK,QAASE,CAAgB,GAGf,MAAM,KAAKA,EAAgB,QAAQ,EACtB,KAAML,GAC3BA,EAAM,aAAa,MAAM,IAAMI,EAAK,IAC5C,GAECC,EAAgB,YAAYD,CAAI,CAEpC,CAOA,2BACIE,EACAC,EACF,CACA,IAAMH,EAAO,KAAK,mBAAmB,EACrCA,EAAK,aAAa,OAAQE,CAAK,EAC3BC,GACFH,EAAK,aAAa,WAAYG,CAAiB,EAEjD,KAAK,kBAAmBH,CAAK,CAC/B,CAMA,qBACIE,EACF,CACA,IAAMD,EAAkB,KAAK,oBAAoB,EACjD,GAAI,CAACA,EAAiB,OAEtB,IAAML,EADW,MAAM,KAAKK,EAAgB,QAAQ,EAC7B,KAClBL,GAAgBA,EAAM,OAASM,CACpC,EACKN,GAASA,EAAM,YAAaA,EAAM,WAAW,YAAYA,CAAK,CACrE,CAMA,QAAiB,CACf,OAAOd;AAAA;AAAA,KAGT,CACF,EA/LIsB,EAAA,CALDrB,EAAS,CACR,KAAME,EACN,QAAS,GACT,UAAW,WACb,CAAC,GAPkBC,EAQjB,wBAIAkB,EAAA,CADDrB,EAAS,CAAC,KAAM,MAAM,CAAC,GAXLG,EAYjB,oBAIAkB,EAAA,CADDrB,EAAS,CAAC,KAAM,MAAM,CAAC,GAfLG,EAgBjB,qBAIAkB,EAAA,CADDrB,EAAS,CAAC,KAAM,MAAM,CAAC,GAnBLG,EAoBjB,2BAIAkB,EAAA,CADDrB,EAAS,CAAC,KAAM,MAAM,CAAC,GAvBLG,EAwBjB,wBAIAkB,EAAA,CADDrB,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GA3B9BG,EA4BjB,wBAIAkB,EAAA,CADDrB,EAAS,CAAC,KAAM,OAAO,CAAC,GA/BNG,EAgCjB,wBAIAkB,EAAA,CADDrB,EAAS,CAAC,KAAM,OAAQ,UAAW,gBAAgB,CAAC,GAnClCG,EAoCjB,6BAIAkB,EAAA,CADDrB,EAAS,CAAC,KAAM,OAAQ,UAAW,mBAAmB,CAAC,GAvCrCG,EAwCjB,gCAIOkB,EAAA,CAARpB,EAAM,GA5CYE,EA4CV,wBAGAkB,EAAA,CAARpB,EAAM,GA/CYE,EA+CV,uBAGAkB,EAAA,CAARpB,EAAM,GAlDYE,EAkDV,yBC5EX,OAAQ,OAAAmB,MAAU,6BAAlB,IACOC,EADPC,EAAAC,EAAA,kBACOF,EAAQD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;m7BCDf,IAAYI,EAAZC,EAAAC,EAAA,kBAAYF,OACVA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,cAAgB,gBAChBA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,IAAM,MACNA,EAAA,KAAO,OACPA,EAAA,IAAM,MACNA,EAAA,KAAO,OACPA,EAAA,SAAW,WAEXA,EAAA,KAAO,OACPA,EAAA,SAAW,WACXA,EAAA,MAAQ,QACRA,EAAA,SAAW,WACXA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,UAAY,YACZA,EAAA,SAAW,WA3BDA,OAAA,MCQL,SAASG,EACZC,EACAC,EACAC,EAAS,CAAC,EACVC,EACF,CACA,IAAMC,EAAQ,IAAI,YACdJ,EACA,CACE,QAAS,GACT,WAAY,GACZ,SAAU,GACV,OAAAE,EACA,GAAGC,CACL,CACJ,EACA,OAAAF,EAAO,cAAcG,CAAK,EACnBA,CACT,CA1BA,IAAAC,EAAAC,EAAA,oBCAA,IACYC,EAQAC,EAMAC,EAfZC,EAAAC,EAAA,kBACYJ,OACVA,EAAA,KAAO,OACPA,EAAA,UAAY,YACZA,EAAA,MAAQ,QACRA,EAAA,WAAa,aACbA,EAAA,QAAU,OALAA,OAAA,IAQAC,OACVA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,QAAU,KAHAA,OAAA,IAMAC,OACVA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,QAAU,MAHAA,OAAA,MCfZ,OAAQ,QAAAG,MAAW,qBACnB,OAAQ,gBAAAC,MAAmB,qBAC3B,OAAQ,YAAAC,MAAe,oBAFvB,IA4BqBC,EA5BrBC,EAAAC,EAAA,KAGAC,IACAC,IACAH,IACAI,IACAC,IACAA,IACAC,IACAC,IAkBqBR,EAArB,cAAyCS,CAAiB,CAYxD,aAAc,CACZ,MAAM,EAeN,iBAIA,2BAIA,uBAIA,uBAIA,eAAY,GA9BZ,KAAK,mBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,eAAiBb,EAClB,wBAAgCY,GACpC,CACF,CAhBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNE,CACF,CACF,CAwCA,eAAgB,CACd,KAAK,QAAU,GACfC,cAEI,IACJ,CACF,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,EACdA,aAEI,IACJ,CACF,CAMA,oBAAoBC,EAAY,CAC1BA,EAAI,SACN,KAAK,MAAUA,EAAI,OAA2C,MAC9DD,qBAEI,IACJ,EAEJ,CAMA,QAAiB,CACf,OAAOhB;AAAA,SACF,KAAK;AAAA,kBACI,KAAK;AAAA,qBACF,KAAK;AAAA,wBACF,KAAK,eAAiB,OAAS,OAAS;AAAA,mBAC7C,KAAK;AAAA,mBACL,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIA,KAAK,eAAiB;AAAA,6BACjB,KAAK;AAAA,2BACP,KAAK;AAAA,0BACN,KAAK;AAAA,yBACN,KAAK;AAAA,wBACN,KAAK;AAAA,qBACR,KAAK;AAAA,oBACN,KAAK;AAAA,qBACJ,KAAK;AAAA,qBACL,KAAK;AAAA;AAAA;AAAA,wBAGF,OAAK;AAAA,cACf,KAAK;AAAA;AAAA;AAAA,UAGT,KAAK;AAAA;AAAA,KAGb,CACF,EA1FIkB,EAAA,CADDhB,EAAS,CAAC,KAAMiB,CAAU,CAAC,GA3BThB,EA4BjB,oBAIAe,EAAA,CADDhB,EAAS,CAAC,KAAMkB,EAAsB,UAAW,gBAAgB,CAAC,GA/BhDjB,EAgCjB,8BAIAe,EAAA,CADDhB,EAAS,CAAC,KAAMmB,EAAoB,UAAW,cAAc,CAAC,GAnC5ClB,EAoCjB,4BAIAe,EAAA,CADDhB,EAAS,CAAC,KAAMoB,EAAmB,UAAW,aAAa,CAAC,GAvC1CnB,EAwCjB,2BAIAe,EAAA,CADDhB,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GA3C9BC,EA4CjB",
-  "names": ["init_Components", "__esmMin", "css", "scw_component_default", "init_scw_component", "__esmMin", "LightDomMutationObserver", "init_lightDomMutationObserver", "__esmMin", "element", "callback", "observerOptions", "LitElement", "html", "property", "state", "ScwComponent", "init_ScwComponent", "__esmMin", "init_Components", "init_scw_component", "init_lightDomMutationObserver", "changedProps", "LightDomMutationObserver", "message", "scw_component_default", "__decorateClass", "init_validationTypes", "__esmMin", "config", "init_scw", "__esmMin", "getSuffix", "connector", "config", "init_suffix", "__esmMin", "init_scw", "html", "property", "state", "ScwFormComponentTypes", "ScwFormComponent", "init_scw_form_component", "__esmMin", "init_ScwComponent", "init_Components", "init_validationTypes", "init_suffix", "ScwComponent", "formData", "rules", "child", "validation", "results", "getSuffix", "rule", "validationRules", "type", "feedbackOverride", "__decorateClass", "css", "scw_textarea_default", "init_scw_textarea", "__esmMin", "InputTypes", "init_inputTypes", "__esmMin", "emit", "name", "target", "detail", "options", "event", "init_event", "__esmMin", "AutoCaptializeValues", "AutoCompleteValues", "AutoCorrectValues", "init_formEnums", "__esmMin", "html", "unsafeStatic", "property", "ScwTextarea", "init_scw_textarea", "__esmMin", "init_scw_form_component", "init_Components", "init_inputTypes", "init_event", "init_suffix", "init_formEnums", "ScwFormComponent", "suffix", "getSuffix", "scw_textarea_default", "emit", "evt", "__decorateClass", "InputTypes", "AutoCaptializeValues", "AutoCompleteValues", "AutoCorrectValues"]
-}

package/dist-node/scw-validate/rules/alphanumeric.js.map

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