scu-web-components 0.0.57 → 0.0.59

package/dist-node/scw-validate/validationTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-validate/validationTypes.ts"],
-  "sourcesContent": ["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"],
-  "mappings": "AAUO,IAAKA,OACVA,EAAA,OAAS,SACTA,EAAA,aAAe,eACfA,EAAA,SAAW,WACXA,EAAA,MAAQ,QACRA,EAAA,SAAW,WACXA,EAAA,UAAY,YACZA,EAAA,KAAO,OACPA,EAAA,QAAU,UACVA,EAAA,oBAAsB,sBAEtBA,EAAA,OAAS,SACTA,EAAA,aAAe,eACfA,EAAA,QAAU,UACVA,EAAA,QAAU,UAdAA,OAAA",
-  "names": ["ValidationTypes"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-validation/scw-validation.ts", "../../src/scw-component/ScwComponent.ts", "../../src/scw-component/scss/scw-component.scss", "../../src/utils/lightDomMutationObserver.ts", "../../src/utils/watch.ts", "../../src/scw-validation/scss/scw-validation.scss", "../../src/utils/getComputedStyleValue.ts"],
-  "sourcesContent": ["import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {property} from 'lit/decorators.js';\nimport {watch} from '../utils/watch';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-validation.scss';\nimport ScwValidate from '../scw-validate/scw-validate';\nimport {ValidationResult, ValidationTypes}\n  from '../scw-validate/validationTypes';\nimport getComputedStyleValue from '../utils/getComputedStyleValue';\n\n/**\n * ScwValidation\n * @class\n * @tag scw-validation\n *\n */\nexport default class ScwValidation extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.validation;\n  }\n\n  /**\n  * connected callback\n  */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('slot', 'validation');\n  }\n\n  // ============== ScwValidation ==============================================\n  /**\n  * (ScwValidation) what validation operates upon...\n  * @type {string}\n  */\n  @property({type: String})\n    value = '';\n\n  /**\n  * watch value\n  * @param {string} oldValue\n  * @param {string} newValue\n  */\n  @watch('value')\n  valueHandler() {// oldValue: string, newValue: string) {\n    this.validate( this.value );\n  }\n\n  /**\n  * executes the full stack of validates\n  * @param {string} value\n  * @return {ValidationResult[]}\n  */\n  validate(value: string) : ValidationResult[] {\n    const rules = this.getValidationRules();\n    const results : ValidationResult[] = [];\n    rules.map((rule) => {\n      rule.validate( value, results );\n    });\n    return results;\n  }\n\n  /**\n  * figures out if there is a required validation\n  * @return {boolean}\n  */\n  isRequired() : boolean {\n    const rules = this.getValidationRules();\n    let isRequired = false;\n    rules.find((rule) => {\n      if (rule.type === ValidationTypes.required) {\n        isRequired = true;\n        return true;\n      }\n      return false;\n    });\n    return isRequired;\n  }\n\n  /**\n  * Gathers child validate components\n  * @return {ScwValidate[]}\n  */\n  getValidationRules() : ScwValidate[] {\n    const rules : ScwValidate[] = [];\n    // can only be children...\n    const children = Array.from( this.children );\n    children.map((child) => {\n      const childEle = child as unknown as ScwComponent;\n      if (\n        childEle.element &&\n         childEle.element === Components.validate\n      ) {\n        rules.push( ( childEle as unknown as ScwValidate ) );\n      }\n    });\n    return rules;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    const debug = getComputedStyleValue(this, '--debug');\n    if (debug) {\n      return html`\n        <div \n          id=\"root\">\n          <div>\n            Validation\n          </div>\n          <slot></slot>\n        </div>\n      `;\n    } else {\n      return html``;\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", "// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before\n// the component updates.\n//\n// To wait for an update to complete after a change occurs, use\n// `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use\n// `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n//  @watch('propName')\n//  handlePropChange(oldValue, newValue) {\n//    ...\n//  }\n//\n\n/**\n * WatchOptions\n */\ninterface WatchOptions {\n  waitUntilFirstUpdate?: boolean;\n}\n\n/**\n * watch\n * @param {string} propName\n * @param {WatchOptions} options\n * @return {Function}\n */\nexport function watch(propName: string, options?: WatchOptions) {\n  return (protoOrDescriptor: any, name: string): any => {\n    const {update} = protoOrDescriptor;\n\n    options =\n      Object.assign({waitUntilFirstUpdate: false}, options) as WatchOptions;\n\n    protoOrDescriptor.update = function(changedProps: Map<string, any>) {\n      if (changedProps.has(propName)) {\n        const oldValue = changedProps.get(propName);\n        const newValue = this[propName];\n\n        if (oldValue !== newValue && options) {\n          if (!options.waitUntilFirstUpdate || this.hasUpdated) {\n            this[name].call(this, oldValue, newValue);\n          }\n        }\n      }\n\n      update.call(this, changedProps);\n    };\n  };\n}\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0aW9uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy12YWxpZGF0aW9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRSJ9 */`;\n", "\n/**\n * Find the computed style value for element (versus locally defined style)\n * @param {HTMLElement} ele\n * @param {string} propName\n * @return {string | false}\n */\nexport default function getComputedStyleValue(\n    ele : HTMLElement,\n    propName: string,\n) : string | false {\n  if ( ele ) {\n    const computedStyle = getComputedStyle(ele);\n    if ( computedStyle ) {\n      const value = computedStyle.getPropertyValue(propName);\n      if (value) {\n        return value.trim();// b/c leading spaces are norm for css...\n      }\n    }\n  }\n  return false;\n}\n"],
-  "mappings": "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",
-  "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", "property", "watch", "propName", "options", "protoOrDescriptor", "name", "update", "changedProps", "oldValue", "newValue", "css", "scw_validation_default", "getComputedStyleValue", "ele", "propName", "computedStyle", "value", "ScwValidation", "ScwComponent", "scw_validation_default", "value", "rules", "results", "rule", "isRequired", "child", "childEle", "getComputedStyleValue", "html", "__decorateClass", "property", "watch"]
-}