npm - scu-web-components - Versions diffs - 0.0.49 → 0.0.51 - Mend

scu-web-components 0.0.49 → 0.0.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2135) hide show

package/dist/scw-textarea/scw-textarea.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/scw-textarea/scss/scw-textarea.scss", "../../src/scw-textarea/scw-textarea.ts"],
-  "sourcesContent": ["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", "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": "4rBACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;i7BC2Bf,IAAqBC,EAArB,cAAyCC,CAAiB,CAYxD,aAAc,CACZ,MAAM,EAeN,iBAIA,2BAIA,uBAIA,uBAIA,eAAY,GA9BZ,KAAK,mBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,eAAiBC,EAClB,wBAAgCF,GACpC,CACF,CAhBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNG,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,OAAOE;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,EA1FIC,EAAA,CADDC,EAAS,CAAC,KAAMC,CAAU,CAAC,GA3BTX,EA4BjB,oBAIAS,EAAA,CADDC,EAAS,CAAC,KAAME,EAAsB,UAAW,gBAAgB,CAAC,GA/BhDZ,EAgCjB,8BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMG,EAAoB,UAAW,cAAc,CAAC,GAnC5Cb,EAoCjB,4BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMI,EAAmB,UAAW,aAAa,CAAC,GAvC1Cd,EAwCjB,2BAIAS,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GA3C9BV,EA4CjB",
+  "sourcesContent": ["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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy10ZXh0YXJlYS9zY3NzIiwic291cmNlcyI6WyJzY3ctdGV4dGFyZWEuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fcGxhY2Vob2xkZXItdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fZGVmYXVsdC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kaXNhYmxlZC10ZXh0LW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1BO0VBQ0U7OztBQUlGO0VBQ0U7RUFDQTs7QUFFQTtFQ1RBO0VBQ0E7RUFJRTtFQUVGO0VES0U7RUFRQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQVE7O0FBRVI7RUFDRTs7QUFJSjtFRWhDQTtFQUNBO0VBSUU7RUFFRjtFRjRCRTtFQVFBO0VBRUE7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUo7RUc3REE7RUFDQTtFQUlFO0VBRUYiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlIFwiY29tcC1zY3ctaW5wdXQtdGV4dC1jb250YWluZXIvZGVmYXVsdC12YXJzXCIgYXMgZGVmYXVsdC12YXJzO1xuQHVzZSBcImNvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9kZWZhdWx0LXRleHQtbWl4aW5zXCIgYXMgZGVmYXVsdC10ZXh0LW1peGlucztcbkB1c2UgXCJjb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvZGlzYWJsZWQtdGV4dC1taXhpbnNcIiBhcyBkaXNhYmxlZC10ZXh0LW1peGlucztcblxuQHVzZSBcImNvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9wbGFjZWhvbGRlci10ZXh0LW1peGluc1wiIGFzIHBsYWNlaG9sZGVyLXRleHQtbWl4aW5zO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG5cbi5pbnB1dC1maWVsZCB7XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgLnBsYWNlaG9sZGVyIHtcbiAgICBAaW5jbHVkZSBwbGFjZWhvbGRlci10ZXh0LW1peGlucy50ZXh0O1xuXG4gICAgcGFkZGluZzogdmFyKCBcbiAgICAgIC0tc2N3LWlucHV0LXBhZGRpbmcsXG4gICAgICAje2RlZmF1bHQtdmFycy4kcGFkZGluZy10b3B9XG4gICAgICAje2RlZmF1bHQtdmFycy4kcGFkZGluZy1yaWdodH1cbiAgICAgICN7ZGVmYXVsdC12YXJzLiRwYWRkaW5nLWJvdHRvbX1cbiAgICAgICN7ZGVmYXVsdC12YXJzLiRwYWRkaW5nLWxlZnR9XG4gICAgKTtcbiAgICBcbiAgICB6LWluZGV4OiAxO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwOyBsZWZ0OiAwO1xuXG4gICAgJltzY3ctaGlkZV0ge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICB0ZXh0YXJlYSB7XG4gICAgQGluY2x1ZGUgZGVmYXVsdC10ZXh0LW1peGlucy50ZXh0O1xuXG4gICAgcGFkZGluZzogdmFyKCBcbiAgICAgIC0tc2N3LWlucHV0LXBhZGRpbmcsXG4gICAgICAje2RlZmF1bHQtdmFycy4kcGFkZGluZy10b3B9XG4gICAgICAje2RlZmF1bHQtdmFycy4kcGFkZGluZy1yaWdodH1cbiAgICAgICN7ZGVmYXVsdC12YXJzLiRwYWRkaW5nLWJvdHRvbX1cbiAgICAgICN7ZGVmYXVsdC12YXJzLiRwYWRkaW5nLWxlZnR9XG4gICAgKTtcblxuICAgIHJlc2l6ZTogdmVydGljYWw7XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBtaW4taGVpZ2h0OiB2YXIoIC0tc2N3LW1pbi1oZWlnaHQsIDU2cHggKTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYm9yZGVyOiAwOyBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsMCwwLDApO1xuICAgIHotaW5kZXg6IDI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cbiAgfVxufVxuXG46aG9zdChbYXJpYS1kaXNhYmxlZD1cInRydWVcIl0pIHtcbiAgdGV4dGFyZWEge1xuICAgIEBpbmNsdWRlIGRpc2FibGVkLXRleHQtbWl4aW5zLnRleHQ7XG4gIH1cbn0iLCJcblxuXG5AbWl4aW4gdGV4dCAoXG4gICR0aGVtZVZhcjogZmFsc2VcbikgeyBcbiAgdGV4dC1hbGlnbjogTEVGVDtcbiAgZm9udDogdmFyKCAtLXNjdy10eXBlLXRleHQtMDQtZm9udCApO1xuICBAaWYgJHRoZW1lVmFyIHtcbiAgICBjb2xvcjogdmFyKCAjeyR0aGVtZVZhcn0gLCB2YXIoIC0tc2N3LWNvbG9yLWdyZXkgKSApO1xuICB9IEBlbHNlIHtcbiAgICBjb2xvcjogdmFyKCAtLXNjdy1jb2xvci1ncmV5ICk7XG4gIH1cbiAgZmxleDogMTsgXG59XG5cbkBtaXhpbiBzaXppbmcge1xuICB3aWR0aDogMjQwcHg7XG4gIGhlaWdodDogMjFweDtcbn1cblxuQG1peGluIHdpZHRoIHtcbiAgd2lkdGg6IDI0MHB4O1xufVxuXG5AbWl4aW4gaGVpZ2h0IHtcbiAgaGVpZ2h0OiAyMXB4O1xufVxuXG5AbWl4aW4gcGFkZGluZyB7XG4gIHBhZGRpbmctbGVmdDogaW5pdGlhbDtcbiAgcGFkZGluZy1yaWdodDogaW5pdGlhbDtcbiAgcGFkZGluZy10b3A6IGluaXRpYWw7XG4gIHBhZGRpbmctYm90dG9tOiBpbml0aWFsO1xufVxuXG5AbWl4aW4gYWJzb2x1dGUtbGF5b3V0IHtcbiAgIFxufVxuXG5AbWl4aW4gaHRtbC1hdXRvbGF5b3V0LW1hcmdpbnMge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiAwcHg7XG4gIG1hcmdpbi1yaWdodDogMHB4O1xuICBtYXJnaW4tdG9wOiAwcHg7XG4gIG1hcmdpbi1ib3R0b206IDBweDtcbn1cblxuQG1peGluIGh0bWwtYXV0b2xheW91dC1wYWRkaW5nIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwYWRkaW5nLWxlZnQ6IDBweDtcbiAgcGFkZGluZy1yaWdodDogMHB4O1xuICBwYWRkaW5nLXRvcDogMHB4O1xuICBwYWRkaW5nLWJvdHRvbTogMHB4O1xufSIsIlxuXG5cbkBtaXhpbiB0ZXh0IChcbiAgJHRoZW1lVmFyOiBmYWxzZVxuKSB7IFxuICB0ZXh0LWFsaWduOiBMRUZUO1xuICBmb250OiB2YXIoIC0tc2N3LXR5cGUtdGV4dC0wNC1mb250ICk7XG4gIEBpZiAkdGhlbWVWYXIge1xuICAgIGNvbG9yOiB2YXIoICN7JHRoZW1lVmFyfS0wMiAsIHZhciggLS1zY3ctY29sb3ItZ3JleS0wMiApICk7XG4gIH0gQGVsc2Uge1xuICAgIGNvbG9yOiB2YXIoIC0tc2N3LWNvbG9yLWdyZXktMDIgKTtcbiAgfVxuICBmbGV4OiAxOyBcbn1cblxuQG1peGluIHNpemluZyB7XG4gIHdpZHRoOiAyNDBweDtcbiAgaGVpZ2h0OiAyMXB4O1xufVxuXG5AbWl4aW4gd2lkdGgge1xuICB3aWR0aDogMjQwcHg7XG59XG5cbkBtaXhpbiBoZWlnaHQge1xuICBoZWlnaHQ6IDIxcHg7XG59XG5cbkBtaXhpbiBwYWRkaW5nIHtcbiAgcGFkZGluZy1sZWZ0OiBpbml0aWFsO1xuICBwYWRkaW5nLXJpZ2h0OiBpbml0aWFsO1xuICBwYWRkaW5nLXRvcDogaW5pdGlhbDtcbiAgcGFkZGluZy1ib3R0b206IGluaXRpYWw7XG59XG5cbkBtaXhpbiBhYnNvbHV0ZS1sYXlvdXQge1xuICAgXG59XG5cbkBtaXhpbiBodG1sLWF1dG9sYXlvdXQtbWFyZ2lucyB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luLWxlZnQ6IDBweDtcbiAgbWFyZ2luLXJpZ2h0OiAwcHg7XG4gIG1hcmdpbi10b3A6IDBweDtcbiAgbWFyZ2luLWJvdHRvbTogMHB4O1xufVxuXG5AbWl4aW4gaHRtbC1hdXRvbGF5b3V0LXBhZGRpbmcge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBhZGRpbmctbGVmdDogMHB4O1xuICBwYWRkaW5nLXJpZ2h0OiAwcHg7XG4gIHBhZGRpbmctdG9wOiAwcHg7XG4gIHBhZGRpbmctYm90dG9tOiAwcHg7XG59IiwiXG5cblxuQG1peGluIHRleHQgKFxuICAkdGhlbWVWYXI6IGZhbHNlXG4pIHsgXG4gIHRleHQtYWxpZ246IExFRlQ7XG4gIGZvbnQ6IHZhciggLS1zY3ctdHlwZS10ZXh0LTA0LWZvbnQgKTtcbiAgQGlmICR0aGVtZVZhciB7XG4gICAgY29sb3I6IHZhciggI3skdGhlbWVWYXJ9LTA3ICwgdmFyKCAtLXNjdy1jb2xvci1ncmV5LTA3ICkgKTtcbiAgfSBAZWxzZSB7XG4gICAgY29sb3I6IHZhciggLS1zY3ctY29sb3ItZ3JleS0wNyApO1xuICB9XG4gIGZsZXg6IDE7IFxufVxuXG5AbWl4aW4gc2l6aW5nIHtcbiAgd2lkdGg6IDI0MHB4O1xuICBoZWlnaHQ6IDIxcHg7XG59XG5cbkBtaXhpbiB3aWR0aCB7XG4gIHdpZHRoOiAyNDBweDtcbn1cblxuQG1peGluIGhlaWdodCB7XG4gIGhlaWdodDogMjFweDtcbn1cblxuQG1peGluIHBhZGRpbmcge1xuICBwYWRkaW5nLWxlZnQ6IGluaXRpYWw7XG4gIHBhZGRpbmctcmlnaHQ6IGluaXRpYWw7XG4gIHBhZGRpbmctdG9wOiBpbml0aWFsO1xuICBwYWRkaW5nLWJvdHRvbTogaW5pdGlhbDtcbn1cblxuQG1peGluIGFic29sdXRlLWxheW91dCB7XG4gICBcbn1cblxuQG1peGluIGh0bWwtYXV0b2xheW91dC1tYXJnaW5zIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW4tbGVmdDogMHB4O1xuICBtYXJnaW4tcmlnaHQ6IDBweDtcbiAgbWFyZ2luLXRvcDogMHB4O1xuICBtYXJnaW4tYm90dG9tOiAwcHg7XG59XG5cbkBtaXhpbiBodG1sLWF1dG9sYXlvdXQtcGFkZGluZyB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcGFkZGluZy1sZWZ0OiAwcHg7XG4gIHBhZGRpbmctcmlnaHQ6IDBweDtcbiAgcGFkZGluZy10b3A6IDBweDtcbiAgcGFkZGluZy1ib3R0b206IDBweDtcbn0iXX0= */`;\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": "isBACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;izMC2Bf,IAAqBC,EAArB,cAAyCC,CAAiB,CAYxD,aAAc,CACZ,MAAM,EAeN,iBAIA,2BAIA,uBAIA,uBAIA,eAAY,GA9BZ,KAAK,mBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,eAAiBC,EAClB,wBAAgCF,GACpC,CACF,CAhBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNG,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,OAAOE;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,EA1FIC,EAAA,CADDC,EAAS,CAAC,KAAMC,CAAU,CAAC,GA3BTX,EA4BjB,oBAIAS,EAAA,CADDC,EAAS,CAAC,KAAME,EAAsB,UAAW,gBAAgB,CAAC,GA/BhDZ,EAgCjB,8BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMG,EAAoB,UAAW,cAAc,CAAC,GAnC5Cb,EAoCjB,4BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMI,EAAmB,UAAW,aAAa,CAAC,GAvC1Cd,EAwCjB,2BAIAS,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GA3C9BV,EA4CjB",
   "names": ["scw_textarea_default", "i", "ScwTextarea", "ScwFormComponent", "suffix", "getSuffix", "o", "scw_textarea_default", "emit", "evt", "n", "__decorateClass", "e", "InputTypes", "AutoCaptializeValues", "AutoCompleteValues", "AutoCorrectValues"]
 }

package/dist/scw-validate/rules/currency.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.DXDJI6UK.js";import"../../chunks/chunk.223WJTWZ.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.6X3T3GLO.js";import"../../chunks/chunk.IKVSH4SO.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=currency.js.map

package/dist/scw-validate/rules/currency.js.gz CHANGED Viewed

Binary file

package/dist/scw-validate/rules/date.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.AP76NHYK.js";import"../../chunks/chunk.223WJTWZ.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.LPGZH2LO.js";import"../../chunks/chunk.IKVSH4SO.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=date.js.map

package/dist/scw-validate/rules/date.js.gz CHANGED Viewed

Binary file

package/dist/scw-validate/rules/email.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.J7SGRJXX.js";import"../../chunks/chunk.223WJTWZ.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.HMO3FTOO.js";import"../../chunks/chunk.IKVSH4SO.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=email.js.map

package/dist/scw-validate/rules/email.js.gz CHANGED Viewed

Binary file

package/dist/scw-validate/scw-validate.js CHANGED Viewed

@@ -1,15 +1,15 @@
-import{a as h}from"../chunks/chunk.FWCHISMV.js";import{a as N}from"../chunks/chunk.DT6HYDDY.js";import{a as u,b as c,c as f,d as b,e as y,f as k}from"../chunks/chunk.ZKMVZ46L.js";import{a as o}from"../chunks/chunk.PZK4ALAW.js";import{a as l}from"../chunks/chunk.5O6SMXQL.js";import{a as x}from"../chunks/chunk.DXDJI6UK.js";import{a as g}from"../chunks/chunk.AP76NHYK.js";import{a as R}from"../chunks/chunk.J7SGRJXX.js";import"../chunks/chunk.223WJTWZ.js";import{a as p}from"../chunks/chunk.IM5FVLMU.js";import{a as r}from"../chunks/chunk.WXC634JO.js";import{a as s,b as m,d as n}from"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.OMOBJGWS.js";import{a as d}from"../chunks/chunk.3IG37SCP.js";import{a}from"../chunks/chunk.PKA6D7UK.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var v=d`
+import{a as o}from"../chunks/chunk.FWCHISMV.js";import{a as g}from"../chunks/chunk.DT6HYDDY.js";import{a as u,b as c,c as b,d as f,e as y,f as k}from"../chunks/chunk.ZKMVZ46L.js";import{a as l}from"../chunks/chunk.PZK4ALAW.js";import{a as h}from"../chunks/chunk.5O6SMXQL.js";import{a as R}from"../chunks/chunk.6X3T3GLO.js";import{a as I}from"../chunks/chunk.LPGZH2LO.js";import{a as x}from"../chunks/chunk.HMO3FTOO.js";import"../chunks/chunk.IKVSH4SO.js";import{a as p}from"../chunks/chunk.IM5FVLMU.js";import{a as r}from"../chunks/chunk.WXC634JO.js";import{a as s,b as n,d as m}from"../chunks/chunk.KMM6APSP.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.OMOBJGWS.js";import{a as d}from"../chunks/chunk.DEJTQKIS.js";import{a}from"../chunks/chunk.GOLR2K45.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var N=d`
 :host {
   display: block;
   border: 1px solid grey;
   margin: 6px 0;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0ZS9zY3NzIiwic291cmNlcyI6WyJzY3ctdmFsaWRhdGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQSJ9 */`;var e=class extends n{constructor(){super();this.type="unknown";this.min=0;this.max=0;this.step="";this.pattern="";this.include="";this.exclude="";this.decimalLimit=0;this.results=[];this.element="validate"}static get styles(){return[super.styles,v]}addResult(t){t!==!1&&this.results.push(t)}validate(t,L=[]){switch(this.results=[],this.type){case"required":this.addResult(h(t,this.feedback));break;case"alphanumeric":this.addResult(l(t,this.include,this.feedback));break;case"number":this.addResult(p(t,this.decimalLimit,this.feedback));break;case"minMax":console.log("minMax",t,this.min,this.max),(this.min||this.min===0)&&this.addResult(u(parseInt(t),this.min,this.feedback)),(this.max||this.max===0)&&this.addResult(c(parseInt(t),this.max,this.feedback));break;case"minMaxLength":(this.min||this.min===0)&&this.addResult(f(t,this.min,this.feedback)),(this.max||this.max===0)&&this.addResult(b(t,this.max,this.feedback));break;case"exclude":this.exclude&&this.addResult(y(t,this.exclude,this.feedback));break;case"pattern":this.pattern&&this.addResult(k(t,this.pattern,this.feedback));break;case"email":this.addResult(R(t,this.feedback));break;case"telephone":this.addResult(N(t,this.feedback));break;case"currency":this.addResult(x(t,this.feedback));break;case"date":this.addResult(g(t,this.feedback));break;default:this.results.push({type:"unknown",feedback:"unknown type of validation",valid:!1});break}return L.push(...this.results),this.results}render(){return o(this,"--debug")?a`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0ZS9zY3NzIiwic291cmNlcyI6WyJzY3ctdmFsaWRhdGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIlxuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXI6IDFweCBzb2xpZCBncmV5O1xuICBtYXJnaW46IDZweCAwO1xufSJdfQ== */`;var e=class extends m{constructor(){super();this.type="unknown";this.min=0;this.max=0;this.step="";this.pattern="";this.include="";this.exclude="";this.decimalLimit=0;this.results=[];this.element="validate"}static get styles(){return[super.styles,N]}addResult(t){t!==!1&&this.results.push(t)}validate(t,v=[]){switch(this.results=[],this.type){case"required":this.addResult(o(t,this.feedback));break;case"alphanumeric":this.addResult(h(t,this.include,this.feedback));break;case"number":this.addResult(p(t,this.decimalLimit,this.feedback));break;case"minMax":console.log("minMax",t,this.min,this.max),(this.min||this.min===0)&&this.addResult(u(parseInt(t),this.min,this.feedback)),(this.max||this.max===0)&&this.addResult(c(parseInt(t),this.max,this.feedback));break;case"minMaxLength":(this.min||this.min===0)&&this.addResult(b(t,this.min,this.feedback)),(this.max||this.max===0)&&this.addResult(f(t,this.max,this.feedback));break;case"exclude":this.exclude&&this.addResult(y(t,this.exclude,this.feedback));break;case"pattern":this.pattern&&this.addResult(k(t,this.pattern,this.feedback));break;case"email":this.addResult(x(t,this.feedback));break;case"telephone":this.addResult(g(t,this.feedback));break;case"currency":this.addResult(R(t,this.feedback));break;case"date":this.addResult(I(t,this.feedback));break;default:this.results.push({type:"unknown",feedback:"unknown type of validation",valid:!1});break}return v.push(...this.results),this.results}render(){return l(this,"--debug")?a`
         <div id="root">
           <div>Validate - ${this.type}</div>
           <div>
             <pre>${JSON.stringify(this.results,null,2)}</pre>
           </div>
         </div>
-      `:a``}};i([s({type:r})],e.prototype,"type",2),i([s({type:r})],e.prototype,"feedback",2),i([s({type:Number})],e.prototype,"min",2),i([s({type:Number})],e.prototype,"max",2),i([s({type:String})],e.prototype,"step",2),i([s({type:String})],e.prototype,"pattern",2),i([s({type:String})],e.prototype,"include",2),i([s({type:String})],e.prototype,"exclude",2),i([s({type:Number,attribute:"decimail-limit"})],e.prototype,"decimalLimit",2),i([m()],e.prototype,"results",2);export{e as default};
+      `:a``}};i([s({type:r})],e.prototype,"type",2),i([s({type:r})],e.prototype,"feedback",2),i([s({type:Number})],e.prototype,"min",2),i([s({type:Number})],e.prototype,"max",2),i([s({type:String})],e.prototype,"step",2),i([s({type:String})],e.prototype,"pattern",2),i([s({type:String})],e.prototype,"include",2),i([s({type:String})],e.prototype,"exclude",2),i([s({type:Number,attribute:"decimail-limit"})],e.prototype,"decimalLimit",2),i([n()],e.prototype,"results",2);export{e as default};
 //# sourceMappingURL=scw-validate.js.map

package/dist/scw-validate/scw-validate.js.gz CHANGED Viewed

Binary file

package/dist/scw-validate/scw-validate.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/scw-validate/scss/scw-validate.scss", "../../src/scw-validate/scw-validate.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n  border: 1px solid grey;\n  margin: 6px 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0ZS9zY3NzIiwic291cmNlcyI6WyJzY3ctdmFsaWRhdGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQSJ9 */`;\n", "import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-validate.scss';\nimport {ValidationTypes, ValidationResult} from './validationTypes';\nimport validateRequired from './rules/required';\nimport validateAlphaNumeric from './rules/alphanumeric';\nimport validateNumber from './rules/number';\nimport {\n  validateMax,\n  validateMaxLength,\n  validateMin,\n  validateMinLength,\n  validateExclude,\n  validatePattern,\n} from './rules/utils';\nimport validateEmail from './rules/email';\nimport validateCurrency from './rules/currency';\nimport validateDate from './rules/date';\nimport validateTelephone from './rules/telephone';\nimport getComputedStyleValue from '../utils/getComputedStyleValue';\n\n/**\n * ScwValidate\n * @class\n * @tag scw-validate\n *\n */\nexport default class ScwValidate 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.validate;\n  }\n\n  /**\n  * (ScwValidate) the type of validation this component executes\n  * @type {string} */\n  @property({type: ValidationTypes})\n    type: ValidationTypes = ValidationTypes.unknown;\n\n  /**\n  * (ScwValidate) contains the root element name for each component\n  * @type {string} */\n  @property({type: ValidationTypes})\n    feedback: string | undefined;\n\n  // maxMin Props\n  /** minimum number range */\n  @property({type: Number}) min = 0;\n  /** maximum number range */\n  @property({type: Number}) max = 0;\n  /** step mismatch */\n  @property({type: String}) step = '';\n\n  // maxMinLength Props\n  /** regex pattern to match */\n  @property({type: String}) pattern = '';\n\n  // Text\n  // characters to include\n  @property({type: String}) include = '';\n  // characters to exclude\n  @property({type: String}) exclude = '';\n\n  // Number Props\n  // limits amount of acceptable decimals\n  @property({type: Number, attribute: 'decimail-limit'})\n    decimalLimit = 0;\n\n  @state() results: ValidationResult[] = [];\n\n  /**\n  * pushes result into results array if there\n  * @param {ValidationResult | false} item\n  */\n  addResult(item: ValidationResult | false ) {\n    if (item !== false) {\n      this.results.push(item);\n    }\n  }\n\n  /**\n  * executes the validation...\n  * @param {string} value\n  * @param {ValidationResult[]} overallResults\n  * @return {ValidationResult[]}\n  */\n  validate(\n      value: string,\n      overallResults: ValidationResult[] = [],\n  ) : ValidationResult[] {\n    this.results = [];\n    switch (this.type) {\n      case ValidationTypes.required:\n        this.addResult( validateRequired(value, this.feedback ));\n        break;\n      case ValidationTypes.alphanumeric:\n        this.addResult(\n            validateAlphaNumeric( value, this.include, this.feedback ),\n        );\n        break;\n      case ValidationTypes.number:\n        this.addResult(\n            validateNumber(\n                value, this.decimalLimit, this.feedback,\n            ),\n        );\n        break;\n      case ValidationTypes.minMax:\n        console.log('minMax', value, this.min, this.max);\n        if (this.min || this.min === 0) {\n          this.addResult(\n              validateMin(parseInt( value ), this.min, this.feedback),\n          );\n        }\n        if (this.max || this.max === 0) {\n          this.addResult(\n              validateMax(parseInt( value ), this.max, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.minMaxLength:\n        if (this.min || this.min === 0) {\n          this.addResult(\n              validateMinLength(value, this.min, this.feedback),\n          );\n        }\n        if (this.max || this.max === 0) {\n          this.addResult(\n              validateMaxLength(value, this.max, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.exclude:\n        if (this.exclude) {\n          this.addResult(\n              validateExclude(value, this.exclude, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.pattern:\n        if (this.pattern) {\n          this.addResult(\n              validatePattern(value, this.pattern, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.email:\n        this.addResult( validateEmail(value, this.feedback));\n        break;\n      case ValidationTypes.telephone:\n        this.addResult( validateTelephone(value, this.feedback));\n        break;\n      case ValidationTypes.currency:\n        this.addResult( validateCurrency(value, this.feedback));\n        break;\n      case ValidationTypes.date:\n        this.addResult( validateDate(value, this.feedback));\n        break;\n      default:\n        // unknown type is an error, although not user\n        this.results.push({\n          type: ValidationTypes.unknown,\n          feedback: 'unknown type of validation',\n          valid: false,\n        });\n        break;\n    }\n\n    overallResults.push( ...this.results );\n    return this.results;\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 id=\"root\">\n          <div>Validate - ${this.type}</div>\n          <div>\n            <pre>${JSON.stringify(this.results, null, 2)}</pre>\n          </div>\n        </div>\n      `;\n    } else {\n      return html``;\n    }\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["scw_validate_default", "i", "ScwValidate", "ScwComponent", "scw_validate_default", "item", "value", "overallResults", "validateRequired", "validateAlphaNumeric", "validateNumber", "validateMin", "validateMax", "validateMinLength", "validateMaxLength", "validateExclude", "validatePattern", "validateEmail", "validateTelephone", "validateCurrency", "validateDate", "getComputedStyleValue", "y", "__decorateClass", "e", "ValidationTypes", "t"]
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n  border: 1px solid grey;\n  margin: 6px 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0ZS9zY3NzIiwic291cmNlcyI6WyJzY3ctdmFsaWRhdGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIlxuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXI6IDFweCBzb2xpZCBncmV5O1xuICBtYXJnaW46IDZweCAwO1xufSJdfQ== */`;\n", "import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-validate.scss';\nimport {ValidationTypes, ValidationResult} from './validationTypes';\nimport validateRequired from './rules/required';\nimport validateAlphaNumeric from './rules/alphanumeric';\nimport validateNumber from './rules/number';\nimport {\n  validateMax,\n  validateMaxLength,\n  validateMin,\n  validateMinLength,\n  validateExclude,\n  validatePattern,\n} from './rules/utils';\nimport validateEmail from './rules/email';\nimport validateCurrency from './rules/currency';\nimport validateDate from './rules/date';\nimport validateTelephone from './rules/telephone';\nimport getComputedStyleValue from '../utils/getComputedStyleValue';\n\n/**\n * ScwValidate\n * @class\n * @tag scw-validate\n *\n */\nexport default class ScwValidate 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.validate;\n  }\n\n  /**\n  * (ScwValidate) the type of validation this component executes\n  * @type {string} */\n  @property({type: ValidationTypes})\n    type: ValidationTypes = ValidationTypes.unknown;\n\n  /**\n  * (ScwValidate) contains the root element name for each component\n  * @type {string} */\n  @property({type: ValidationTypes})\n    feedback: string | undefined;\n\n  // maxMin Props\n  /** minimum number range */\n  @property({type: Number}) min = 0;\n  /** maximum number range */\n  @property({type: Number}) max = 0;\n  /** step mismatch */\n  @property({type: String}) step = '';\n\n  // maxMinLength Props\n  /** regex pattern to match */\n  @property({type: String}) pattern = '';\n\n  // Text\n  // characters to include\n  @property({type: String}) include = '';\n  // characters to exclude\n  @property({type: String}) exclude = '';\n\n  // Number Props\n  // limits amount of acceptable decimals\n  @property({type: Number, attribute: 'decimail-limit'})\n    decimalLimit = 0;\n\n  @state() results: ValidationResult[] = [];\n\n  /**\n  * pushes result into results array if there\n  * @param {ValidationResult | false} item\n  */\n  addResult(item: ValidationResult | false ) {\n    if (item !== false) {\n      this.results.push(item);\n    }\n  }\n\n  /**\n  * executes the validation...\n  * @param {string} value\n  * @param {ValidationResult[]} overallResults\n  * @return {ValidationResult[]}\n  */\n  validate(\n      value: string,\n      overallResults: ValidationResult[] = [],\n  ) : ValidationResult[] {\n    this.results = [];\n    switch (this.type) {\n      case ValidationTypes.required:\n        this.addResult( validateRequired(value, this.feedback ));\n        break;\n      case ValidationTypes.alphanumeric:\n        this.addResult(\n            validateAlphaNumeric( value, this.include, this.feedback ),\n        );\n        break;\n      case ValidationTypes.number:\n        this.addResult(\n            validateNumber(\n                value, this.decimalLimit, this.feedback,\n            ),\n        );\n        break;\n      case ValidationTypes.minMax:\n        console.log('minMax', value, this.min, this.max);\n        if (this.min || this.min === 0) {\n          this.addResult(\n              validateMin(parseInt( value ), this.min, this.feedback),\n          );\n        }\n        if (this.max || this.max === 0) {\n          this.addResult(\n              validateMax(parseInt( value ), this.max, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.minMaxLength:\n        if (this.min || this.min === 0) {\n          this.addResult(\n              validateMinLength(value, this.min, this.feedback),\n          );\n        }\n        if (this.max || this.max === 0) {\n          this.addResult(\n              validateMaxLength(value, this.max, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.exclude:\n        if (this.exclude) {\n          this.addResult(\n              validateExclude(value, this.exclude, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.pattern:\n        if (this.pattern) {\n          this.addResult(\n              validatePattern(value, this.pattern, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.email:\n        this.addResult( validateEmail(value, this.feedback));\n        break;\n      case ValidationTypes.telephone:\n        this.addResult( validateTelephone(value, this.feedback));\n        break;\n      case ValidationTypes.currency:\n        this.addResult( validateCurrency(value, this.feedback));\n        break;\n      case ValidationTypes.date:\n        this.addResult( validateDate(value, this.feedback));\n        break;\n      default:\n        // unknown type is an error, although not user\n        this.results.push({\n          type: ValidationTypes.unknown,\n          feedback: 'unknown type of validation',\n          valid: false,\n        });\n        break;\n    }\n\n    overallResults.push( ...this.results );\n    return this.results;\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 id=\"root\">\n          <div>Validate - ${this.type}</div>\n          <div>\n            <pre>${JSON.stringify(this.results, null, 2)}</pre>\n          </div>\n        </div>\n      `;\n    } else {\n      return html``;\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["scw_validate_default", "i", "ScwValidate", "ScwComponent", "scw_validate_default", "item", "value", "overallResults", "validateRequired", "validateAlphaNumeric", "validateNumber", "validateMin", "validateMax", "validateMinLength", "validateMaxLength", "validateExclude", "validatePattern", "validateEmail", "validateTelephone", "validateCurrency", "validateDate", "getComputedStyleValue", "x", "__decorateClass", "e", "ValidationTypes", "t"]
 }

package/dist/scw-validate/scw-validate.js.map.gz CHANGED Viewed

Binary file

package/dist/scw-validation/scw-validation.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import{a as c}from"../chunks/chunk.PZK4ALAW.js";import{a as u}from"../chunks/chunk.7A7HJBKL.js";import"../chunks/chunk.WXC634JO.js";import{a as n,d}from"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.OMOBJGWS.js";import{a as s}from"../chunks/chunk.3IG37SCP.js";import{a as l}from"../chunks/chunk.PKA6D7UK.js";import{g as o}from"../chunks/chunk.5YJY6NT6.js";var p=s`
+import{a as c}from"../chunks/chunk.PZK4ALAW.js";import{a as u}from"../chunks/chunk.7A7HJBKL.js";import"../chunks/chunk.WXC634JO.js";import{a as n,d}from"../chunks/chunk.KMM6APSP.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.OMOBJGWS.js";import{a as o}from"../chunks/chunk.DEJTQKIS.js";import{a as l}from"../chunks/chunk.GOLR2K45.js";import{g as s}from"../chunks/chunk.5YJY6NT6.js";var p=o`
 :host {
   display: block;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0aW9uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy12YWxpZGF0aW9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRSJ9 */`;var a=class extends d{constructor(){super();this.value="";this.element="validation"}static get styles(){return[super.styles,p]}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","validation")}valueHandler(){this.validate(this.value)}validate(t){let i=this.getValidationRules(),e=[];return i.map(r=>{r.validate(t,e)}),e}isRequired(){let t=this.getValidationRules(),i=!1;return t.find(e=>e.type==="required"?(i=!0,!0):!1),i}getValidationRules(){let t=[];return Array.from(this.children).map(e=>{let r=e;r.element&&r.element==="validate"&&t.push(r)}),t}render(){return c(this,"--debug")?l`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0aW9uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy12YWxpZGF0aW9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIlxuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufSJdfQ== */`;var a=class extends d{constructor(){super();this.value="";this.element="validation"}static get styles(){return[super.styles,p]}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","validation")}valueHandler(){this.validate(this.value)}validate(t){let i=this.getValidationRules(),e=[];return i.map(r=>{r.validate(t,e)}),e}isRequired(){let t=this.getValidationRules(),i=!1;return t.find(e=>e.type==="required"?(i=!0,!0):!1),i}getValidationRules(){let t=[];return Array.from(this.children).map(e=>{let r=e;r.element&&r.element==="validate"&&t.push(r)}),t}render(){return c(this,"--debug")?l`
         <div
           id="root">
           <div>
@@ -10,5 +10,5 @@ import{a as c}from"../chunks/chunk.PZK4ALAW.js";import{a as u}from"../chunks/chu
           </div>
           <slot></slot>
         </div>
-      `:l``}};o([n({type:String})],a.prototype,"value",2),o([u("value")],a.prototype,"valueHandler",1);export{a as default};
+      `:l``}};s([n({type:String})],a.prototype,"value",2),s([u("value")],a.prototype,"valueHandler",1);export{a as default};
 //# sourceMappingURL=scw-validation.js.map

package/dist/scw-validation/scw-validation.js.gz CHANGED Viewed

Binary file

package/dist/scw-validation/scw-validation.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/scw-validation/scss/scw-validation.scss", "../../src/scw-validation/scw-validation.ts"],
-  "sourcesContent": ["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", "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"],
-  "mappings": "8YACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;qVCgBf,IAAqBC,EAArB,cAA2CC,CAAa,CActD,aAAc,CACZ,MAAM,EAkBN,WAAQ,GAjBR,KAAK,oBACP,CAbA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAaA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,aAAa,OAAQ,YAAY,CACxC,CAgBA,cAAe,CACb,KAAK,SAAU,KAAK,KAAM,CAC5B,CAOA,SAASC,EAAoC,CAC3C,IAAMC,EAAQ,KAAK,mBAAmB,EAChCC,EAA+B,CAAC,EACtC,OAAAD,EAAM,IAAKE,GAAS,CAClBA,EAAK,SAAUH,EAAOE,CAAQ,CAChC,CAAC,EACMA,CACT,CAMA,YAAuB,CACrB,IAAMD,EAAQ,KAAK,mBAAmB,EAClCG,EAAa,GACjB,OAAAH,EAAM,KAAME,GACNA,EAAK,mBACPC,EAAa,GACN,IAEF,EACR,EACMA,CACT,CAMA,oBAAqC,CACnC,IAAMH,EAAwB,CAAC,EAG/B,OADiB,MAAM,KAAM,KAAK,QAAS,EAClC,IAAKI,GAAU,CACtB,IAAMC,EAAWD,EAEfC,EAAS,SACRA,EAAS,sBAEVL,EAAM,KAAQK,CAAqC,CAEvD,CAAC,EACML,CACT,CAMA,QAAiB,CAEf,OADcM,EAAsB,KAAM,SAAS,EAE1CC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUAA,GAEX,CACF,EAnFIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAhCLb,EAiCjB,qBAQFY,EAAA,CADCE,EAAM,OAAO,GAxCKd,EAyCnB",
-  "names": ["scw_validation_default", "i", "ScwValidation", "ScwComponent", "scw_validation_default", "value", "rules", "results", "rule", "isRequired", "child", "childEle", "getComputedStyleValue", "y", "__decorateClass", "e", "watch"]
+  "sourcesContent": ["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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0aW9uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy12YWxpZGF0aW9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIlxuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufSJdfQ== */`;\n", "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"],
+  "mappings": "8YACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;iaCgBf,IAAqBC,EAArB,cAA2CC,CAAa,CActD,aAAc,CACZ,MAAM,EAkBN,WAAQ,GAjBR,KAAK,oBACP,CAbA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAaA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,aAAa,OAAQ,YAAY,CACxC,CAgBA,cAAe,CACb,KAAK,SAAU,KAAK,KAAM,CAC5B,CAOA,SAASC,EAAoC,CAC3C,IAAMC,EAAQ,KAAK,mBAAmB,EAChCC,EAA+B,CAAC,EACtC,OAAAD,EAAM,IAAKE,GAAS,CAClBA,EAAK,SAAUH,EAAOE,CAAQ,CAChC,CAAC,EACMA,CACT,CAMA,YAAuB,CACrB,IAAMD,EAAQ,KAAK,mBAAmB,EAClCG,EAAa,GACjB,OAAAH,EAAM,KAAME,GACNA,EAAK,mBACPC,EAAa,GACN,IAEF,EACR,EACMA,CACT,CAMA,oBAAqC,CACnC,IAAMH,EAAwB,CAAC,EAG/B,OADiB,MAAM,KAAM,KAAK,QAAS,EAClC,IAAKI,GAAU,CACtB,IAAMC,EAAWD,EAEfC,EAAS,SACRA,EAAS,sBAEVL,EAAM,KAAQK,CAAqC,CAEvD,CAAC,EACML,CACT,CAMA,QAAiB,CAEf,OADcM,EAAsB,KAAM,SAAS,EAE1CC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUAA,GAEX,CACF,EAnFIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAhCLb,EAiCjB,qBAQFY,EAAA,CADCE,EAAM,OAAO,GAxCKd,EAyCnB",
+  "names": ["scw_validation_default", "i", "ScwValidation", "ScwComponent", "scw_validation_default", "value", "rules", "results", "rule", "isRequired", "child", "childEle", "getComputedStyleValue", "x", "__decorateClass", "e", "watch"]
 }

package/dist/scw-validation/scw-validation.js.map.gz CHANGED Viewed

Binary file

package/dist/scw.css CHANGED Viewed

@@ -2,3 +2,4 @@
 @import url('./tokens/source/cssVariables.css');
 @import url('./tokens/source/cssFonts.css');
 @import url('./tokens/source/cssApi.css');
+@import url('./themes/themes.css');

package/dist/scw.css.gz CHANGED Viewed

Binary file

package/dist/scw.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{a,b}from"./chunks/chunk.Q2BPJFNX.js";import"./chunks/chunk.UXIAMI3F.js";import"./chunks/chunk.RSR7WC4R.js";import"./chunks/chunk.PKA6D7UK.js";import"./chunks/chunk.5YJY6NT6.js";export{a as config,b as defineComponents};
+import{a,b}from"./chunks/chunk.SRNUBS6H.js";import"./chunks/chunk.IE23J4E6.js";import"./chunks/chunk.RNPNMHAU.js";import"./chunks/chunk.GOLR2K45.js";import"./chunks/chunk.5YJY6NT6.js";export{a as config,b as defineComponents};
 //# sourceMappingURL=scw.js.map

package/dist/scw.js.gz CHANGED Viewed

Binary file

package/dist/themes/themes.css ADDED Viewed

@@ -0,0 +1,335 @@
+.scw-theme-primary,
+[scw-theme-primary] {
+  --scw-theme-color: var( --scw-color-primary-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-primary-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-primary-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-primary-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-primary-08 );
+}
+.scw-theme-primary-dark,
+[scw-theme-primary-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-primary-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-primary-04 );
+  --scw-theme-color-light: var( --scw-color-primary-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-primary-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-primary-08 );
+}
+.scw-theme-grey,
+[scw-theme-grey] {
+  --scw-theme-color: var( --scw-color-grey-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-grey-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-02 );
+  --scw-theme-icon-color-secondary: var( --scw-color-grey-03 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-grey-05 );
+}
+.scw-theme-grey-dark,
+[scw-theme-grey-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-grey-02 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-01 );
+  --scw-theme-color-light: var( --scw-color-grey-02 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-grey-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-grey-08 );
+}
+.scw-theme-mortgage,
+[scw-theme-mortgage] {
+  --scw-theme-color: var( --scw-color-mortgage-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-mortgage-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-mortgage-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-mortgage-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-mortgage-08 );
+}
+.scw-theme-mortgage-dark,
+[scw-theme-mortgage-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-mortgage-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-mortgage-04 );
+  --scw-theme-color-light: var( --scw-color-mortgage-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-mortgage-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-mortgage-08 );
+}
+.scw-theme-investments,
+[scw-theme-investments] {
+  --scw-theme-color: var( --scw-color-investments-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-investments-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-investments-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-investments-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-investments-08 );
+}
+.scw-theme-investments-dark,
+[scw-theme-investments-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-investments-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-investments-04 );
+  --scw-theme-color-light: var( --scw-color-investments-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-investments-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-investments-08 );
+}
+.scw-theme-credit-cards,
+[scw-theme-credit-cards] {
+  --scw-theme-color: var( --scw-color-credit-cards-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-credit-cards-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-credit-cards-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-credit-cards-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-credit-cards-08 );
+}
+.scw-theme-credit-cards-dark,
+[scw-theme-credit-cards-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-credit-cards-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-credit-cards-04 );
+  --scw-theme-color-light: var( --scw-color-credit-cards-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-credit-cards-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-credit-cards-08 );
+}
+.scw-theme-student,
+[scw-theme-student] {
+  --scw-theme-color: var( --scw-color-student-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-student-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-student-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-student-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-student-08 );
+}
+.scw-theme-student-dark,
+[scw-theme-student-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-student-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-student-04 );
+  --scw-theme-color-light: var( --scw-color-student-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-student-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-student-08 );
+}
+.scw-theme-savings,
+[scw-theme-savings] {
+  --scw-theme-color: var( --scw-color-savings-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-savings-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-savings-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-savings-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-savings-08 );
+}
+.scw-theme-savings-dark,
+[scw-theme-savings-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-savings-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-savings-04 );
+  --scw-theme-color-light: var( --scw-color-savings-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-savings-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-savings-08 );
+}
+.scw-theme-checking,
+[scw-theme-checking] {
+  --scw-theme-color: var( --scw-color-checking-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-checking-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-checking-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-checking-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-checking-08 );
+}
+.scw-theme-checking-dark,
+[scw-theme-checking-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-checking-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-checking-04 );
+  --scw-theme-color-light: var( --scw-color-checking-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-checking-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-checking-08 );
+}
+.scw-theme-red-shoes,
+[scw-theme-red-shoes] {
+  --scw-theme-color: var( --scw-color-red-shoes-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-red-shoes-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-red-shoes-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-red-shoes-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-red-shoes-08 );
+}
+.scw-theme-red-shoes-dark,
+[scw-theme-red-shoes-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-red-shoes-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-red-shoes-04 );
+  --scw-theme-color-light: var( --scw-color-red-shoes-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-red-shoes-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-red-shoes-08 );
+}
+.scw-theme-business,
+[scw-theme-business] {
+  --scw-theme-color: var( --scw-color-business-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-business-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-business-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-business-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-business-08 );
+}
+.scw-theme-business-dark,
+[scw-theme-business-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-business-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-business-04 );
+  --scw-theme-color-light: var( --scw-color-business-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-business-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-business-08 );
+}
+.scw-theme-personal,
+[scw-theme-personal] {
+  --scw-theme-color: var( --scw-color-personal-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-personal-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-personal-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-personal-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-personal-08 );
+}
+.scw-theme-personal-dark,
+[scw-theme-personal-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-personal-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-personal-04 );
+  --scw-theme-color-light: var( --scw-color-personal-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-personal-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-personal-08 );
+}
+.scw-theme-heloc,
+[scw-theme-heloc] {
+  --scw-theme-color: var( --scw-color-heloc-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-heloc-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-heloc-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-heloc-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-heloc-08 );
+}
+.scw-theme-heloc-dark,
+[scw-theme-heloc-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-heloc-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-heloc-04 );
+  --scw-theme-color-light: var( --scw-color-heloc-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-heloc-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-heloc-08 );
+}

package/dist/themes/themes.css.gz ADDED Viewed

Binary file

package/dist/tokens/css.html CHANGED Viewed

@@ -22,7 +22,7 @@
 			const clipboardType = urlParams.get('clipboardType');
 			import run from './apps/cheatsheet/main.js';
-			run('.', import.meta, '0.7.38', '../example/dist/tokens', clipboardType );
+			run('.', import.meta, '0.7.39', '../example/dist/tokens', clipboardType );
 		</script>
 		<style>
@@ -52,7 +52,7 @@
 		<div id="main"></div>
 		<div id="main-loading">
-			Loading Summit Tokenizer Cheatsheet 0.7.38
+			Loading Summit Tokenizer Cheatsheet 0.7.39
 		</div>
   </body>

package/dist/tokens/css.html.gz CHANGED Viewed

Binary file

package/dist/tokens/segments/comp-scw-alert/_description-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: CENTER;
   font: var( --scw-type-text-font );