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/chunks/chunk.B2HFBLNN.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-card/scss/scw-card.scss", "../../src/scw-card/ScwCard.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host([size=medium]) {\n  display: block;\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 36.4734299517%;\n    position: relative;\n  }*/\n  /*.image {\n    @include size-medium-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n  /*.action {\n    @include size-medium-action-mixins.box;\n    @include size-medium-action-mixins.sizing;\n  }*/\n}\n:host([size=medium]) > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host([size=medium]) .image-box {\n  height: 151px;\n}\n:host([size=medium]) .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n\n:host([size=small]) {\n  display: block;\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 88.9473684211%;\n    position: relative;\n  }*/\n  /*.image {\n    @include size-small-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n}\n:host([size=small]) > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host([size=small]) .image-box {\n  height: 169px;\n}\n:host([size=small]) .description {\n  display: none;\n}\n:host([size=small]) .action {\n  display: none;\n}\n\n:host .super-heading.mortgage {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-mortgage-04);\n  align-self: stretch;\n}\n:host .super-heading.savings {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-savings-04);\n  align-self: stretch;\n}\n:host .super-heading.student {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-student-04);\n  align-self: stretch;\n}\n:host .super-heading.investments {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-investments-04);\n  align-self: stretch;\n}\n:host .super-heading.checking {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-checking-04);\n  align-self: stretch;\n}\n:host .super-heading.credit-cards {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-credit-cards-04);\n  align-self: stretch;\n}\n\n:host {\n  display: block;\n  background-color: var(--scw-color, rgba(0, 0, 0, 0));\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image {\n    @include default-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n}\n:host > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host .image-box {\n  background-color: var(--scw-color-09, var(--scw-color-grey-09));\n  border-radius: 10px 10px 10px 10px;\n  align-self: stretch;\n  flex: 1;\n  flex: initial;\n  overflow: hidden;\n  height: 330px;\n}\n:host .heading {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n}\n:host .super-heading {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  align-self: stretch;\n}\n:host .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-06-font);\n  color: var(--scw-color-02, var(--scw-color-grey-02));\n  align-self: stretch;\n}\n:host .action {\n  width: 83px;\n  height: 37px;\n}\n\n:host([action=none]) {\n  pointer-events: none;\n}\n\n:host([action=whole]) {\n  pointer-events: all;\n}\n\n:host([action=whole]:hover) {\n  cursor: pointer;\n}\n\n:host([action=whole]:focus-visible) {\n  outline: none;\n  box-shadow: var(--scw-effect-focus-shadow);\n  border-radius: 10px 10px 4px 4px;\n}\n\n:host([action=link]) {\n  pointer-events: none;\n}\n:host([action=link]) scw-link {\n  pointer-events: all;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jYXJkL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctY2FyZC1tZWRpdW0uc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtbWVkaXVtLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0taW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0tZGVzY3JpcHRpb24tbWl4aW5zLnNjc3MiLCJzY3ctY2FyZC1zbWFsbC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1zbWFsbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtc21hbGwtaW1hZ2UtdmFycy5zY3NzIiwic2N3LWNhcmQtY29sb3JzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1tb3J0Z2FnZS1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc2F2aW5ncy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc3R1ZGVudC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3ItaW52ZXN0bWVudHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLWNoZWNraW5nLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1jcmVkaXQtY2FyZHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsInNjdy1jYXJkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1pbWFnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtaW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtYWN0aW9uLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0U7OztBRUFGO0VBQ0U7RUNFRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEMUJBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFhRjtBQUFBO0FBQUE7QUFBQTs7QUNRQTtFQUNNO0VBQ0E7O0FEaENOO0VBQ0UsUUVMSzs7QUZzQlA7RUd6QkE7RUFDQTtFQUlFO0VBRUY7OztBQ1JGO0VBQ0U7RUNJRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEM0JBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FDc0JGO0VBQ007RUFDQTs7QURsQ047RUFDRSxRRUhLOztBRnFCUDtFQUNFOztBQUlGO0VBQ0U7OztBR3hCRjtFQ05BO0VBQ0E7RUFJRTtFQUVGOztBREdBO0VFVkE7RUFDQTtFQUlFO0VBRUY7O0FGT0E7RUdkQTtFQUNBO0VBSUU7RUFFRjs7QUhXQTtFSWxCQTtFQUNBO0VBSUU7RUFFRjs7QUplQTtFS3RCQTtFQUNBO0VBSUU7RUFFRjs7QUxtQkE7RU0xQkE7RUFDQTtFQUlFO0VBRUY7OztBQ0VGO0VBQ0U7RUNSRTtFQTJCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEVkU7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBOztBQ1dGO0VBQ007RUFDQTs7QUR2Qk47RUVkRTtFQUlGO0VBQ0E7RUFDQTtFRmFFO0VBQ0E7RUFDQSxRR3BCSzs7QUhnQ1A7RUkvQkU7RUFFRjs7QUppQ0E7RUt2Q0E7RUFDQTtFQUVFO0VBSUY7O0FMb0NBO0VNM0NBO0VBQ0E7RUFFRTtFQUlGOztBTndDQTtFT3JDQTtFQUNBOzs7QVAwQ0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBRUY7RUFDRTs7O0FBRUY7RUFDRTtFZm8wYkE7RWVsMGJBLGVBQ0U7OztBQU1KO0VBQ0U7O0FBQ0E7RUFDRSJ9 */`;\n", "import {property} from 'lit/decorators.js';\nimport {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport styles from './scss/scw-card.scss';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {ScwCardSizes, ScwCardActions} from './scw-card-enums';\nimport {Components} from '../utils/enums/Components';\nimport getSuffix from '../utils/suffix';\nimport {ScwHeadingSizes} from '../scw-heading/scw-heading-enums';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/**\n * ScwCard a first LitElement web component\n * @class\n * @tag scw-card\n */\nexport default class ScwCard extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwCard ====================================================\n  /** (ScwCard) The src of the image within the card */\n  @property() src: string | undefined;\n\n  /** (ScwCard) The srcset of the image within the card */\n  @property() srcset: string | undefined;\n\n  /** (ScwCard) Alternative description of the image. */\n  @property() alt: string | undefined;\n\n  /** (ScwCard) Main title or header of the card (determined by\n  * <h1, h2, h3> content) */\n  @property() heading: string | undefined;\n\n  /** (ScwCard) Super title, describing a category or area pertaining to title\n  * (determined by <sup> content) */\n  @property() superHeading: string | undefined;\n\n  /** (ScwCard) Fuller description of what the card is about (determined by\n  * <p> content) */\n  @property() description: string | undefined;\n\n  /** (ScwCard) Label on the link */\n  @property() linkLabel : string | undefined;\n\n  /** (ScwCard) whether to preload image or not */\n  @property({type: Boolean}) preload = false;\n\n  // ----------- END STATES ----------------------------------------------------\n  /** (ScwCard) Readonly - Size of the card. This\n  * is determined by the nested html content (h1  = large,\n  * h2 = medium, h3 = small). */\n  @property({type: String, reflect: true})\n    size: ScwCardSizes = ScwCardSizes.large;\n\n  /** (ScwCard) Readonly - The type of action (whole card, link, or none).\n   * This is determined by the use of an anchor tag. */\n  @property({type: String, reflect: true})\n    action: ScwCardActions = ScwCardActions.none;\n\n  /** scw-header with versioning suffix */\n  headerNodeName : any;\n\n  /** scw-image with versioning suffix */\n  imageNodeName : any;\n\n  /** scw-link with versioning suffix */\n  linkNodeName : any;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.card;\n    this.clickHandler = this.clickHandler.bind(this);\n\n    const suffix = getSuffix();\n    this.headerNodeName = unsafeStatic(`scw-${Components.heading}${suffix}`);\n    this.imageNodeName = unsafeStatic(`scw-${Components.image}${suffix}`);\n    this.linkNodeName = unsafeStatic(`scw-${Components.link}${suffix}`);\n  }\n\n  /**\n  * Handle click event from link so it doesn't trigger twice\n  * @param {Event} evt\n  */\n  clickHandler(evt : Event) {\n    evt.stopPropagation();\n    this.click();\n  }\n\n  /**\n  * change the main heading to be the error.\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    this.heading = `error: ${message}`;\n    ScwComponent.prototype.warn.call(this, message );\n  }\n\n  /**\n  * Render image area\n  * @return {object} component DOM\n  */\n  renderImage() {\n    if (\n      ( this.src || this.srcset ) &&\n      this.alt ) {\n      return html`\n        <scw-image\n          class=\"image-box\"\n          src=\"${ifDefined(this.src)}\"\n          srcset=\"${ifDefined(this.srcset)}\"\n          alt=\"${this.alt}\"\n          preload=\"${ifDefined(this.preload ? 'true' : undefined)}\"\n          object-fit=\"cover\">\n        </scw-image>\n      `;\n    }\n  }\n\n  /**\n  * Render link area\n  * @return {object} component DOM\n  */\n  renderButton() {\n    if ( this.action === ScwCardActions.link) {\n      return html`\n        <scw-link\n          aria-label=\"${this.linkLabel ? this.linkLabel : 'no label'}\" \n          @click=\"${this.clickHandler}\">\n        </scw-link>`;\n    }\n    return null;\n  }\n\n  /**\n   * get string to use in the size attribute of scw-header\n   * @return {string}\n   */\n  getSizeStringForHeader() {\n    switch (this.size) {\n      case ScwCardSizes.large:\n        return 'h1';\n      case ScwCardSizes.medium:\n        return 'h2';\n      case ScwCardSizes.small:\n        return 'h3';\n    }\n  }\n\n  /**\n  * render body\n  * @return {object} component DOM\n  */\n  renderBody() : object {\n    // eslint-ignore\n    return html`\n       ${this.renderImage()}\n       ${this.superHeading ?\n          html`\n          <div class=\"super-heading\">\n            ${this.superHeading}\n          </div>` : ''}\n       <scw-heading\n          style=\"--scw-color-04: var( --scw-color-grey-02 );\"\n          dynamic class=\"heading\"\n          aria-label=\"${ifDefined(this.heading)}\"\n          size=\"${this.getSizeStringForHeader() as ScwHeadingSizes}\">\n        </scw-heading>\n       ${this.description ?\n          html`\n          <div class=\"description\">\n            ${this.description}\n          </div>` : ''}`;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render() : object {\n    if (this.action === ScwCardActions.whole) {\n      return this.renderBody();\n    } else {\n      return html`\n        ${this.renderBody()}\n        ${this.renderButton()}`;\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["scw_card_default", "i", "ScwCard", "ScwComponent", "suffix", "getSuffix", "o", "scw_card_default", "evt", "message", "n", "l", "__decorateClass"]
+}

package/dist/chunks/chunk.B2HFBLNN.js.map.gz ADDED Viewed

Binary file

package/dist/chunks/chunk.B5IARNIA.js ADDED Viewed

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

package/dist/chunks/chunk.B5IARNIA.js.gz ADDED Viewed

Binary file

package/dist/chunks/chunk.B5IARNIA.js.map ADDED Viewed

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

package/dist/chunks/chunk.B5IARNIA.js.map.gz ADDED Viewed

Binary file

package/dist/chunks/chunk.BFSBBUYT.js ADDED Viewed

@@ -0,0 +1,4 @@
+import{d as o}from"./chunk.KMM6APSP.js";import{a as e}from"./chunk.GOLR2K45.js";var t=class extends o{constructor(){super(),this.element="center-component",this.setAttribute("scw-center-initial","")}render(){return e`
+      <slot></slot>
+    `}};export{t as a};
+//# sourceMappingURL=chunk.BFSBBUYT.js.map

package/dist/chunks/{chunk.IESW767J.js.map → chunk.BFSBBUYT.js.map} RENAMED Viewed

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

package/dist/chunks/{chunk.PKWXMRDA.js → chunk.BLU6IFX6.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{a as o}from"./chunk.FWRNC4MS.js";import{a as n,d as s}from"./chunk.XWFI56OY.js";import{a as r}from"./chunk.3IG37SCP.js";import{a}from"./chunk.PKA6D7UK.js";import{g as e}from"./chunk.5YJY6NT6.js";var u=r`
+import{a as o}from"./chunk.FWRNC4MS.js";import{a as n,d as s}from"./chunk.PQ34W6XF.js";import{a as r}from"./chunk.DEJTQKIS.js";import{a}from"./chunk.GOLR2K45.js";import{g as e}from"./chunk.5YJY6NT6.js";var u=r`
 :host {
   /* scw element */
   position: relative;
@@ -39,4 +39,4 @@ import{a as o}from"./chunk.FWRNC4MS.js";import{a as n,d as s}from"./chunk.XWFI56
         role="${this.isSubMenu()?"menu":"menubar"}">
         <slot></slot>
       </nav>`}};e([n({type:String,attribute:"aria-hidden"})],i.prototype,"ariaHidden",2),e([n({type:String,attribute:"keyboard-direction"})],i.prototype,"keyboardDirection",2);export{i as a};
-//# sourceMappingURL=chunk.PKWXMRDA.js.map
+//# sourceMappingURL=chunk.BLU6IFX6.js.map

package/dist/chunks/chunk.BLU6IFX6.js.gz ADDED Viewed

Binary file

package/dist/chunks/{chunk.PKWXMRDA.js.map → chunk.BLU6IFX6.js.map} RENAMED Viewed

@@ -3,5 +3,5 @@
   "sources": ["../../src/scw-menu/scss/scw-menu.scss", "../../src/scw-menu/ScwMenu.ts"],
   "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host {\n  display: inline-flex;\n}\n:host nav {\n  display: inline-block;\n  width: 100%;\n}\n:host .heading-label {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n  margin: 0 !important;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1tZW51L3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctbWVudS5zY3NzIiwiLi4vLi4vdXRpbHMvYWRhLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUMyb3RCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEanB0QkY7RUFDRTs7O0FFSkY7RUFDRTs7QUFFQTtFQUNFO0VBQ0E7O0FBR0Y7RUNQQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFREdFIn0= */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport styles from './scss/scw-menu.scss';\nimport ScwMenuKeyboard from './keyboard/scw-menu-keyboard';\nimport ScwMenuItem from '../scw-menu-item/ScwMenuItem';\nimport {ScwMenuDirections} from './scw-menu-enums';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwMenu\n * @class\n * @tag scw-menu\n *\n * @slot [default=\"<scw-menu-item />...\"]\n    List of scw-menu-items\n */\nexport default class ScwMenu extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwMenu ================================================\n  /**\n  * (<ScwMenu>) Turns menu visible and invisible (ADA friendly)\n  * @type {string}\n  */\n  @property({type: String, attribute: 'aria-hidden'})\n    ariaHidden = 'false';\n\n  /**\n  * (<ScwMenu>) determines some arrow key differences\n  * (either, horizontal, vertical)\n  * @type {ScwMenuDirections}\n  */\n  @property({type: String, attribute: 'keyboard-direction'})\n    keyboardDirection: ScwMenuDirections = ScwMenuDirections.either;\n\n  /** Manages all keyboard events */\n  _keyboardManager : ScwMenuKeyboard | undefined;\n\n  /** keeps track of the menu item controling this menu */\n  _menuItem : ScwMenuItem | undefined;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.menu;\n    // this.setAttribute('role', 'menu' );\n    this.setAttribute('tabindex', '0');\n    this.setAttribute('scw-flex-h-initial', '');// defaults to flex-h\n    // DOES NOT WORK IN SSR...no window stuff\n    // this._keyboardManager = new ScwMenuKeyboard(this);\n  }\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>): void {\n    super.firstUpdated(changedProps);\n    this._keyboardManager = new ScwMenuKeyboard(this);\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    // menu will always come directly after it's scw-menu-item\n    this._menuItem = this.findMenuItem();\n    if (this._menuItem) {\n      this._menuItem.setAttribute('aria-expanded', 'false');\n    }\n    this.setAttribute('role', this.isSubMenu() ? 'menu' : 'menubar');\n  }\n\n  /**\n   * determines if this menu item has a sub menu\n   * @return {ScwMenuItem | undefined}\n   */\n  findMenuItem() {\n    const prev = this.previousElementSibling;\n    // if (prev && prev['element'] === Components.menuItem) {\n    // the component may not be initialized yet...\n    if (prev && prev.nodeName.indexOf('SCW-MENU-ITEM') === 0 ) {\n      return prev as unknown as ScwMenuItem;\n    }\n    return undefined;\n  }\n\n  /**\n  * Is this a nested menu or not...\n  * @return {boolean}\n  */\n  isSubMenu() : boolean {\n    return ( this._menuItem !== undefined ) ? true : false;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    if (this.style) {\n      this.style.display = this.ariaHidden === 'true' ? 'none' : '';\n    }\n\n    if (this.isSubMenu() && this._menuItem) {\n      this._menuItem.setAttribute(\n          'aria-expanded',\n        this.ariaHidden === 'true' ? 'false' : 'true',\n      );\n    }\n\n    return html`\n      <nav\n        aria-label=\"${this.ariaLabel} navigation\"\n        role=\"${this.isSubMenu() ? 'menu' : 'menubar'}\">\n        <slot></slot>\n      </nav>`;\n\n    // return html`<slot></slot>`;\n  }\n}\n"],
   "mappings": "0MACA,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;ipBCgBf,IAAqBC,EAArB,cAAqCC,CAAa,CAoChD,aAAc,CACZ,MAAM,EApBN,gBAAa,QAQb,gCAaA,KAAK,eAEL,KAAK,aAAa,WAAY,GAAG,EACjC,KAAK,aAAa,qBAAsB,EAAE,CAG5C,CAxCA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAyCA,aAAaC,EAA4D,CACvE,MAAM,aAAaA,CAAY,EAC/B,KAAK,iBAAmB,IAAIC,EAAgB,IAAI,CAClD,CAGA,mBAA0B,CACxB,MAAM,kBAAkB,EAExB,KAAK,UAAY,KAAK,aAAa,EAC/B,KAAK,WACP,KAAK,UAAU,aAAa,gBAAiB,OAAO,EAEtD,KAAK,aAAa,OAAQ,KAAK,UAAU,EAAI,OAAS,SAAS,CACjE,CAMA,cAAe,CACb,IAAMC,EAAO,KAAK,uBAGlB,GAAIA,GAAQA,EAAK,SAAS,QAAQ,eAAe,IAAM,EACrD,OAAOA,CAGX,CAMA,WAAsB,CACpB,OAAS,KAAK,YAAc,MAC9B,CAMA,QAAiB,CACf,OAAI,KAAK,QACP,KAAK,MAAM,QAAU,KAAK,aAAe,OAAS,OAAS,IAGzD,KAAK,UAAU,GAAK,KAAK,WAC3B,KAAK,UAAU,aACX,gBACF,KAAK,aAAe,OAAS,QAAU,MACzC,EAGKC;AAAA;AAAA,sBAEW,KAAK;AAAA,gBACX,KAAK,UAAU,EAAI,OAAS;AAAA;AAAA,aAK1C,CACF,EAhGIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,aAAa,CAAC,GAhB/BR,EAiBjB,0BAQAO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,oBAAoB,CAAC,GAxBtCR,EAyBjB",
-  "names": ["scw_menu_default", "i", "ScwMenu", "ScwComponent", "scw_menu_default", "changedProps", "ScwMenuKeyboard", "prev", "y", "__decorateClass", "e"]
+  "names": ["scw_menu_default", "i", "ScwMenu", "ScwComponent", "scw_menu_default", "changedProps", "ScwMenuKeyboard", "prev", "x", "__decorateClass", "e"]
 }

package/dist/chunks/{chunk.PKWXMRDA.js.map.gz → chunk.BLU6IFX6.js.map.gz} RENAMED Viewed

Binary file

package/dist/chunks/chunk.BNOMNHLD.js ADDED Viewed

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

package/dist/chunks/chunk.BNOMNHLD.js.gz ADDED Viewed

Binary file

package/dist/chunks/chunk.BNOMNHLD.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/suffix.ts"],
+  "sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,SAARA,EAA2BC,EAAY,IAAK,CACjD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
+  "names": ["getSuffix", "connector", "config"]
+}

package/dist/chunks/chunk.BNOMNHLD.js.map.gz ADDED Viewed

Binary file

package/dist/chunks/{chunk.DT2Z4DK4.js → chunk.BPTN2TLV.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{a as n}from"./chunk.BEXEKNQU.js";import{a as h}from"./chunk.LXVTLQA3.js";import{a as r,b as c,d as l}from"./chunk.XWFI56OY.js";import{a as e}from"./chunk.3IG37SCP.js";import{a as i}from"./chunk.PKA6D7UK.js";import{b as U,d as v,f as d,g as t}from"./chunk.5YJY6NT6.js";var F={};v(F,{validationWarnings:()=>Q});var Q,g=U(()=>{"use strict";Q={ariaLabelWarning:"link without a label",noIconWarning:"could not find the icon"}});var a=e`
+import{a}from"./chunk.BEXEKNQU.js";import{a as n}from"./chunk.V63GL6WR.js";import{a as r,b as l,d as h}from"./chunk.PQ34W6XF.js";import{a as i}from"./chunk.DEJTQKIS.js";import{a as c}from"./chunk.GOLR2K45.js";import{b as U,d,f as v,g as t}from"./chunk.5YJY6NT6.js";var g={};d(g,{validationWarnings:()=>Q});var Q,p=U(()=>{"use strict";Q={ariaLabelWarning:"link without a label",noIconWarning:"could not find the icon"}});var F=i`
 :host {
   outline: none;
   user-select: none;
@@ -106,7 +106,7 @@ import{a as n}from"./chunk.BEXEKNQU.js";import{a as h}from"./chunk.LXVTLQA3.js";
   width: 100px;
   height: 100px;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pY29uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pY29uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUFhO0VBQ2I7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFFRTtFQUFhOztBQUViO0VBQ0U7O0FBR0Y7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtBQUFBO0VBRUU7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7O0FBSUo7RUFDRTs7QUFDQTtFQUNFOzs7QUFJSjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWMifQ== */`;var{validationWarnings:B}=(g(),d(F)),o=class extends l{constructor(){super();this.size="50";this.colorBackground=!1;this._svgInfo="";this.element="icon"}static get styles(){return[super.styles,a]}set icon(s){let p=this._icon;this._icon=s,this.requestUpdate("icon",p),this.refreshIcon()}get icon(){return this._icon}connectedCallback(){super.connectedCallback()}refreshIcon(){this.clearWarnings(),n(this.icon,s=>{s===!1?this.warn(B.noIconWarning):this._svgInfo=s})}render(){return i`
-      ${h(this._svgInfo)}
-    `}};t([r({type:String,reflect:!0})],o.prototype,"icon",1),t([r({type:String,reflect:!0})],o.prototype,"size",2),t([r({type:Boolean,reflect:!0,attribute:"color-background"})],o.prototype,"colorBackground",2),t([c()],o.prototype,"_svgInfo",2);export{o as a};
-//# sourceMappingURL=chunk.DT2Z4DK4.js.map
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pY29uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pY29uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUFhO0VBQ2I7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFFRTtFQUFhOztBQUViO0VBQ0U7O0FBR0Y7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtBQUFBO0VBRUU7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7O0FBSUo7RUFDRTs7QUFDQTtFQUNFOzs7QUFJSjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWMifQ== */`;var{validationWarnings:f}=(p(),v(g)),o=class extends h{constructor(){super();this.size="50";this.colorBackground=!1;this._svgInfo="";this.element="icon"}static get styles(){return[super.styles,F]}set icon(s){let e=this._icon;this._icon=s,this.requestUpdate("icon",e),e!==void 0&&this.refreshIcon()}get icon(){return this._icon}connectedCallback(){super.connectedCallback()}refreshIcon(){this.clearWarnings(),a(this.icon,s=>{s===!1?this.warn(f.noIconWarning):this._svgInfo=s})}render(){return c`
+      ${n(this._svgInfo)}
+    `}};t([r({type:String,reflect:!0})],o.prototype,"icon",1),t([r({type:String,reflect:!0})],o.prototype,"size",2),t([r({type:Boolean,reflect:!0,attribute:"color-background"})],o.prototype,"colorBackground",2),t([l()],o.prototype,"_svgInfo",2);export{o as a};
+//# sourceMappingURL=chunk.BPTN2TLV.js.map

package/dist/chunks/chunk.BPTN2TLV.js.gz ADDED Viewed

Binary file

package/dist/chunks/{chunk.DT2Z4DK4.js.map → chunk.BPTN2TLV.js.map} RENAMED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/validation/warnings.mjs", "../../src/scw-icon/scss/scw-icon.scss", "../../src/scw-icon/ScwIcon.ts"],
-  "sourcesContent": ["\n\nexport const validationWarnings = {\n  ariaLabelWarning: 'link without a label',\n  noIconWarning: 'could not find the icon',\n};\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  outline: none;\n  user-select: none;\n  display: inline-flex;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n}\n:host svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n}\n\n:host {\n  width: 30px;\n  height: 30px;\n}\n:host svg, :host svg * {\n  fill: var(--scw-color, var(--scw-color-grey-02));\n}\n:host svg .color-step-01 {\n  fill: var(--scw-color-01, var(--scw-color-grey-01));\n}\n:host svg .color-step-02 {\n  fill: var(--scw-color-02, var(--scw-color-grey-02));\n}\n:host svg .color-step-03 {\n  fill: var(--scw-color-03, var(--scw-color-grey-03));\n}\n:host svg .color-step-04 {\n  fill: var(--scw-color-04, var(--scw-color-grey-04));\n}\n:host svg .color-step-05,\n:host svg .color-step {\n  fill: var(--scw-color-05, var(--scw-color-grey-05));\n}\n:host svg .color-step-06 {\n  fill: var(--scw-color-06, var(--scw-color-grey-06));\n}\n:host svg .color-step-07 {\n  fill: var(--scw-color-07, var(--scw-color-grey-07));\n}\n:host svg .color-step-08 {\n  fill: var(--scw-color-08, var(--scw-color-grey-08));\n}\n:host svg .color-step-09 {\n  fill: var(--scw-color-09, var(--scw-color-grey-09));\n}\n\n:host([color-background]) {\n  background-color: var(--scw-color, var(--scw-color-grey-02));\n}\n:host([color-background]) svg, :host([color-background]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([size=\"10\"]) {\n  width: 10px;\n  height: 10px;\n}\n\n:host([size=\"20\"]) {\n  width: 20px;\n  height: 20px;\n}\n\n:host([size=\"30\"]) {\n  width: 30px;\n  height: 30px;\n}\n\n:host([size=\"40\"]) {\n  width: 40px;\n  height: 40px;\n}\n\n:host([size=\"50\"]) {\n  width: 50px;\n  height: 50px;\n}\n\n:host([size=\"60\"]) {\n  width: 60px;\n  height: 60px;\n}\n\n:host([size=\"70\"]) {\n  width: 70px;\n  height: 70px;\n}\n\n:host([size=\"80\"]) {\n  width: 80px;\n  height: 80px;\n}\n\n:host([size=\"90\"]) {\n  width: 90px;\n  height: 90px;\n}\n\n:host([size=\"100\"]) {\n  width: 100px;\n  height: 100px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pY29uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pY29uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUFhO0VBQ2I7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFFRTtFQUFhOztBQUViO0VBQ0U7O0FBR0Y7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtBQUFBO0VBRUU7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7O0FBSUo7RUFDRTs7QUFDQTtFQUNFOzs7QUFJSjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWMifQ== */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\n// import styles from './scss/scw-icon.scss';\nimport getIconSvg from '../utils/getIconSvg';\nimport {\n  ScwIconSizes,\n} from './scw-icon-enums';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-icon.scss';\nimport ScwComponent from 'scw-component/ScwComponent';\nconst {validationWarnings} = require('../utils/validation/warnings.mjs');\n\n/**\n * ScwIcon\n * @class\n * @tag scw-icon\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n */\nexport default class ScwIcon extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwIcon ====================================================\n  /**\n   * (ScwIcon) Determines the icon to use with the text\n   * @param {string | undefined} icon\n   * */\n  @property({type: String, reflect: true})\n  set icon(icon: string | undefined) {\n    const oldValue = this._icon;\n    this._icon = icon;\n    this.requestUpdate('icon', oldValue);\n    this.refreshIcon();\n  }\n  /**\n   * icon getter\n   */\n  get icon() {\n    return this._icon;\n  }\n  private _icon: string | undefined;\n\n  /** (ScwIcon) Determines the square size of the icon */\n  @property({type: String, reflect: true})\n    size: ScwIconSizes = ScwIconSizes.size50;\n\n  /** (ScwIcon) Background color (w/ accompanying state colors) */\n  @property({type: Boolean, reflect: true, attribute: 'color-background'})\n    colorBackground = false;\n\n  @state() _svgInfo = '';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.icon;\n  }\n\n  /**\n   * connectedCallback()\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    // this.refreshIcon();\n  }\n\n  /**\n   * refreshIcon\n   */\n  refreshIcon() {\n    this.clearWarnings();\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(validationWarnings.noIconWarning);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      ${unsafeHTML(this._svgInfo)}\n    `;\n  }\n}\n"],
-  "mappings": "mRAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,IAEaA,EAFbC,EAAAC,EAAA,kBAEaF,EAAqB,CAChC,iBAAkB,uBAClB,cAAe,yBACjB,ICJA,IAAOG,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6zBCUf,GAAM,CAAC,mBAAAC,CAAkB,EAAI,WAURC,EAArB,cAAqCC,CAAa,CA0ChD,aAAc,CACZ,MAAM,EAVN,eAIA,qBAAkB,GAEX,cAAW,GAKlB,KAAK,cACP,CAzCA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAQA,IAAI,KAAKC,EAA0B,CACjC,IAAMC,EAAW,KAAK,MACtB,KAAK,MAAQD,EACb,KAAK,cAAc,OAAQC,CAAQ,EACnC,KAAK,YAAY,CACnB,CAIA,IAAI,MAAO,CACT,OAAO,KAAK,KACd,CAsBA,mBAAoB,CAClB,MAAM,kBAAkB,CAE1B,CAKA,aAAc,CACZ,KAAK,cAAc,EACnBC,EAAW,KAAK,KAAOC,GAA6B,CAC9CA,IAAY,GACd,KAAK,KAAKP,EAAmB,aAAa,EAE1C,KAAK,SAAWO,CAEpB,CAAC,CACH,CAMA,QAAiB,CACf,OAAOC;AAAA,QACHC,EAAW,KAAK,QAAQ;AAAA,KAE9B,CACF,EA7DMC,EAAA,CADHC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBV,EAiBf,oBAgBFS,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhCpBV,EAiCjB,oBAIAS,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,kBAAkB,CAAC,GApCpDV,EAqCjB,+BAEOS,EAAA,CAARE,EAAM,GAvCYX,EAuCV",
-  "names": ["warnings_exports", "__export", "validationWarnings", "init_warnings", "__esmMin", "scw_icon_default", "i", "validationWarnings", "ScwIcon", "ScwComponent", "scw_icon_default", "icon", "oldValue", "getIconSvg", "svgInfo", "y", "o", "__decorateClass", "e", "t"]
+  "sourcesContent": ["\n\nexport const validationWarnings = {\n  ariaLabelWarning: 'link without a label',\n  noIconWarning: 'could not find the icon',\n};\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  outline: none;\n  user-select: none;\n  display: inline-flex;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n}\n:host svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n}\n\n:host {\n  width: 30px;\n  height: 30px;\n}\n:host svg, :host svg * {\n  fill: var(--scw-color, var(--scw-color-grey-02));\n}\n:host svg .color-step-01 {\n  fill: var(--scw-color-01, var(--scw-color-grey-01));\n}\n:host svg .color-step-02 {\n  fill: var(--scw-color-02, var(--scw-color-grey-02));\n}\n:host svg .color-step-03 {\n  fill: var(--scw-color-03, var(--scw-color-grey-03));\n}\n:host svg .color-step-04 {\n  fill: var(--scw-color-04, var(--scw-color-grey-04));\n}\n:host svg .color-step-05,\n:host svg .color-step {\n  fill: var(--scw-color-05, var(--scw-color-grey-05));\n}\n:host svg .color-step-06 {\n  fill: var(--scw-color-06, var(--scw-color-grey-06));\n}\n:host svg .color-step-07 {\n  fill: var(--scw-color-07, var(--scw-color-grey-07));\n}\n:host svg .color-step-08 {\n  fill: var(--scw-color-08, var(--scw-color-grey-08));\n}\n:host svg .color-step-09 {\n  fill: var(--scw-color-09, var(--scw-color-grey-09));\n}\n\n:host([color-background]) {\n  background-color: var(--scw-color, var(--scw-color-grey-02));\n}\n:host([color-background]) svg, :host([color-background]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([size=\"10\"]) {\n  width: 10px;\n  height: 10px;\n}\n\n:host([size=\"20\"]) {\n  width: 20px;\n  height: 20px;\n}\n\n:host([size=\"30\"]) {\n  width: 30px;\n  height: 30px;\n}\n\n:host([size=\"40\"]) {\n  width: 40px;\n  height: 40px;\n}\n\n:host([size=\"50\"]) {\n  width: 50px;\n  height: 50px;\n}\n\n:host([size=\"60\"]) {\n  width: 60px;\n  height: 60px;\n}\n\n:host([size=\"70\"]) {\n  width: 70px;\n  height: 70px;\n}\n\n:host([size=\"80\"]) {\n  width: 80px;\n  height: 80px;\n}\n\n:host([size=\"90\"]) {\n  width: 90px;\n  height: 90px;\n}\n\n:host([size=\"100\"]) {\n  width: 100px;\n  height: 100px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pY29uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pY29uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUFhO0VBQ2I7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFFRTtFQUFhOztBQUViO0VBQ0U7O0FBR0Y7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFFRjtBQUFBO0VBRUU7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7O0FBSUo7RUFDRTs7QUFDQTtFQUNFOzs7QUFJSjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWE7OztBQUVmO0VBQ0U7RUFBYTs7O0FBRWY7RUFDRTtFQUFhOzs7QUFFZjtFQUNFO0VBQWMifQ== */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\n// import styles from './scss/scw-icon.scss';\nimport getIconSvg from '../utils/getIconSvg';\nimport {\n  ScwIconSizes,\n} from './scw-icon-enums';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-icon.scss';\nimport ScwComponent from 'scw-component/ScwComponent';\nconst {validationWarnings} = require('../utils/validation/warnings.mjs');\n\n/**\n * ScwIcon\n * @class\n * @tag scw-icon\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n */\nexport default class ScwIcon extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwIcon ====================================================\n  /**\n   * (ScwIcon) Determines the icon to use with the text\n   * @param {string | undefined} icon\n   * */\n  @property({type: String, reflect: true})\n  set icon(icon: string | undefined) {\n    const oldValue = this._icon;\n    this._icon = icon;\n    this.requestUpdate('icon', oldValue);\n    // Don't load first time right away\n    // SSR gets confused by dynamic imports\n    if (oldValue !== undefined) {\n      this.refreshIcon();\n    }\n  }\n  /**\n   * icon getter\n   */\n  get icon() {\n    return this._icon;\n  }\n  private _icon: string | undefined;\n\n  /** (ScwIcon) Determines the square size of the icon */\n  @property({type: String, reflect: true})\n    size: ScwIconSizes = ScwIconSizes.size50;\n\n  /** (ScwIcon) Background color (w/ accompanying state colors) */\n  @property({type: Boolean, reflect: true, attribute: 'color-background'})\n    colorBackground = false;\n\n  @state() _svgInfo = '';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.icon;\n  }\n\n  /**\n   * connectedCallback()\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    // this.refreshIcon();\n  }\n\n  /**\n   * refreshIcon\n   */\n  refreshIcon() {\n    this.clearWarnings();\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(validationWarnings.noIconWarning);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      ${unsafeHTML(this._svgInfo)}\n    `;\n  }\n}\n"],
+  "mappings": "yQAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,IAEaA,EAFbC,EAAAC,EAAA,kBAEaF,EAAqB,CAChC,iBAAkB,uBAClB,cAAe,yBACjB,ICJA,IAAOG,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6zBCUf,GAAM,CAAC,mBAAAC,CAAkB,EAAI,WAURC,EAArB,cAAqCC,CAAa,CA8ChD,aAAc,CACZ,MAAM,EAVN,eAIA,qBAAkB,GAEX,cAAW,GAKlB,KAAK,cACP,CA7CA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAQA,IAAI,KAAKC,EAA0B,CACjC,IAAMC,EAAW,KAAK,MACtB,KAAK,MAAQD,EACb,KAAK,cAAc,OAAQC,CAAQ,EAG/BA,IAAa,QACf,KAAK,YAAY,CAErB,CAIA,IAAI,MAAO,CACT,OAAO,KAAK,KACd,CAsBA,mBAAoB,CAClB,MAAM,kBAAkB,CAE1B,CAKA,aAAc,CACZ,KAAK,cAAc,EACnBC,EAAW,KAAK,KAAOC,GAA6B,CAC9CA,IAAY,GACd,KAAK,KAAKP,EAAmB,aAAa,EAE1C,KAAK,SAAWO,CAEpB,CAAC,CACH,CAMA,QAAiB,CACf,OAAOC;AAAA,QACHC,EAAW,KAAK,QAAQ;AAAA,KAE9B,CACF,EAjEMC,EAAA,CADHC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBV,EAiBf,oBAoBFS,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GApCpBV,EAqCjB,oBAIAS,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,kBAAkB,CAAC,GAxCpDV,EAyCjB,+BAEOS,EAAA,CAARE,EAAM,GA3CYX,EA2CV",
+  "names": ["warnings_exports", "__export", "validationWarnings", "init_warnings", "__esmMin", "scw_icon_default", "validationWarnings", "ScwIcon", "ScwComponent", "scw_icon_default", "icon", "oldValue", "getIconSvg", "svgInfo", "x", "o", "__decorateClass", "e", "t"]
 }

package/dist/chunks/chunk.BPTN2TLV.js.map.gz ADDED Viewed

Binary file

package/dist/chunks/chunk.BRBTEOOY.js ADDED Viewed

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

package/dist/chunks/chunk.BRBTEOOY.js.map ADDED Viewed

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

package/dist/chunks/chunk.BSNM2OO4.js ADDED Viewed

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

package/dist/chunks/chunk.BSNM2OO4.js.gz ADDED Viewed

Binary file

package/dist/chunks/chunk.CD6EIJGD.js ADDED Viewed

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

package/dist/chunks/chunk.CD6EIJGD.js.gz ADDED Viewed

Binary file

package/dist/chunks/chunk.CD6EIJGD.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/suffix.ts"],
+  "sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,SAARA,EAA2BC,EAAY,IAAK,CACjD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
+  "names": ["getSuffix", "connector", "config"]
+}

package/dist/chunks/chunk.CD6EIJGD.js.map.gz ADDED Viewed

Binary file

package/dist/chunks/chunk.CH3XFUWR.js ADDED Viewed

@@ -0,0 +1,31 @@
+import{a as i,d as t}from"./chunk.PQ34W6XF.js";import{a as r}from"./chunk.DEJTQKIS.js";import{a as o}from"./chunk.GOLR2K45.js";import{g as s}from"./chunk.5YJY6NT6.js";var a=r`
+:host {
+  display: block;
+}
+:host .scw-link-base {
+  display: block;
+  background-color: var(--scw-color-error-light);
+  padding-left: var(--scw-spacing-2);
+  padding-right: var(--scw-spacing-2);
+  padding-top: var(--scw-spacing-1);
+  padding-bottom: var(--scw-spacing-1);
+  text-align: center;
+}
+:host .message {
+  text-align: CENTER;
+  font: var(--scw-type-text-bold-font);
+  color: var(--scw-color-error-dark);
+  flex: 1;
+}
+:host .description {
+  text-align: CENTER;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-error-dark);
+  flex: 1;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1hbGVydC9zY3NzIiwic291cmNlcyI6WyJzY3ctYWxlcnQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19pbmRleC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9faW5kZXgtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9fbWVzc2FnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTtFQUNFOztBQUVBO0VBQ0U7RUFDQSxrQkNWZTtFQzRCakI7RUFDQTtFQUNBO0VBQ0E7RUZuQkU7O0FBR0Y7RUdYQTtFQUNBO0VBSUU7RUFFRjs7QUhRQTtFSWZBO0VBQ0E7RUFJRTtFQUVGIn0= */`;var c=class extends t{constructor(){super();this.description="";this.element="alert",this.addEventListener("click",()=>console.log("hi"))}static get styles(){return[t.styles,a]}render(){return o`
+      <span class="message">${this.description} HI </span>
+      <span class="description">${this.description}</span>
+      ${JSON.stringify(t.styles)}
+    `}};s([i({type:String})],c.prototype,"description",2);export{c as a};
+//# sourceMappingURL=chunk.CH3XFUWR.js.map

package/dist/chunks/chunk.CH3XFUWR.js.gz ADDED Viewed

Binary file

package/dist/chunks/chunk.CH3XFUWR.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-alert/scss/scw-alert.scss", "../../src/scw-alert/ScwAlert.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n:host .scw-link-base {\n  display: block;\n  background-color: var(--scw-color-error-light);\n  padding-left: var(--scw-spacing-2);\n  padding-right: var(--scw-spacing-2);\n  padding-top: var(--scw-spacing-1);\n  padding-bottom: var(--scw-spacing-1);\n  text-align: center;\n}\n:host .message {\n  text-align: CENTER;\n  font: var(--scw-type-text-bold-font);\n  color: var(--scw-color-error-dark);\n  flex: 1;\n}\n:host .description {\n  text-align: CENTER;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-error-dark);\n  flex: 1;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1hbGVydC9zY3NzIiwic291cmNlcyI6WyJzY3ctYWxlcnQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19pbmRleC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9faW5kZXgtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1hbGVydC9fbWVzc2FnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWFsZXJ0L19kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTtFQUNFOztBQUVBO0VBQ0U7RUFDQSxrQkNWZTtFQzRCakI7RUFDQTtFQUNBO0VBQ0E7RUZuQkU7O0FBR0Y7RUdYQTtFQUNBO0VBSUU7RUFFRjs7QUhRQTtFSWZBO0VBQ0E7RUFJRTtFQUVGIn0= */`;\n", "import {html, isServer} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport styles from './scss/scw-alert.scss';\nimport {Components} from '../utils/enums/Components';\nimport ScwComponent from 'scw-component/ScwComponent';\n\n/**\n * ScwAlert a first LitElement web component\n * @class\n * @tag scw-alert\n *\n */\nexport default class ScwAlert extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      ScwComponent.styles,\n      styles,\n    ];\n  }\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.alert;\n    if (isServer) {\n      // do something for server only...\n    }\n    this.addEventListener('click', () => console.log('hi'));\n  }\n\n  /** Secondary message */\n  @property({type: String})\n    description = '';\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render() : object {\n    return html`\n      <span class=\"message\">${this.description} HI </span>\n      <span class=\"description\">${this.description}</span>\n      ${JSON.stringify(ScwComponent.styles)}\n    `;\n  }\n}\n"],
+  "mappings": "uKACA,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;yzBCWf,IAAqBC,EAArB,cAAsCC,CAAa,CAcjD,aAAc,CACZ,MAAM,EAUN,iBAAc,GATd,KAAK,gBAIL,KAAK,iBAAiB,QAAS,IAAM,QAAQ,IAAI,IAAI,CAAC,CACxD,CAjBA,WAAW,QAAS,CAClB,MAAO,CACLA,EAAa,OACbC,CACF,CACF,CAsBA,QAAkB,CAChB,OAAOC;AAAA,8BACmB,KAAK;AAAA,kCACD,KAAK;AAAA,QAC/B,KAAK,UAAUF,EAAa,MAAM;AAAA,KAExC,CACF,EAbIG,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAxBLL,EAyBjB",
+  "names": ["scw_alert_default", "i", "ScwAlert", "ScwComponent", "scw_alert_default", "x", "__decorateClass", "e"]
+}

package/dist/chunks/chunk.CH3XFUWR.js.map.gz ADDED Viewed

Binary file

package/dist/chunks/chunk.CZWW2W7F.js ADDED Viewed

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

package/dist/chunks/chunk.CZWW2W7F.js.gz ADDED Viewed

Binary file

package/dist/chunks/chunk.CZWW2W7F.js.map ADDED Viewed

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

package/dist/chunks/chunk.CZWW2W7F.js.map.gz ADDED Viewed

Binary file

package/dist/chunks/chunk.DDSE2OQO.js ADDED Viewed

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

package/dist/chunks/chunk.DEJTQKIS.js ADDED Viewed

@@ -0,0 +1,17 @@
+import{c as $,f as b}from"./chunk.GOLR2K45.js";var c=window,d=c.ShadowRoot&&(c.ShadyCSS===void 0||c.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,v=Symbol(),g=new WeakMap,h=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==v)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(d&&t===void 0){let s=e!==void 0&&e.length===1;s&&(t=g.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&g.set(e,t))}return t}toString(){return this.cssText}},C=i=>new h(typeof i=="string"?i:i+"",void 0,v),R=(i,...t)=>{let e=i.length===1?i[0]:t.reduce((s,r,o)=>s+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[o+1],i[0]);return new h(e,i,v)},f=(i,t)=>{d?i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{let s=document.createElement("style"),r=c.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=e.cssText,i.appendChild(s)})},p=d?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(let s of t.cssRules)e+=s.cssText;return C(e)})(i):i;var S,u=window,w=u.trustedTypes,x=w?w.emptyScript:"",U=u.reactiveElementPolyfillSupport,y={toAttribute(i,t){switch(t){case Boolean:i=i?x:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},P=(i,t)=>t!==i&&(t==t||i==i),E={attribute:!0,type:String,converter:y,reflect:!1,hasChanged:P},a=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();let t=[];return this.elementProperties.forEach((e,s)=>{let r=this._$Ep(s,e);r!==void 0&&(this._$Ev.set(r,s),t.push(r))}),t}static createProperty(t,e=E){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){let s=typeof t=="symbol"?Symbol():"__"+t,r=this.getPropertyDescriptor(t,s,e);r!==void 0&&Object.defineProperty(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(r){let o=this[t];this[e]=r,this.requestUpdate(t,o,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||E}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;let t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){let e=this.properties,s=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(let r of s)this.createProperty(r,e[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let s=new Set(t.flat(1/0).reverse());for(let r of s)e.unshift(p(r))}else t!==void 0&&e.push(p(t));return e}static _$Ep(t,e){let s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,s;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((s=t.hostConnected)===null||s===void 0||s.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;let e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return f(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var s;return(s=e.hostConnected)===null||s===void 0?void 0:s.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var s;return(s=e.hostDisconnected)===null||s===void 0?void 0:s.call(e)})}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EO(t,e,s=E){var r;let o=this.constructor._$Ep(t,s);if(o!==void 0&&s.reflect===!0){let n=(((r=s.converter)===null||r===void 0?void 0:r.toAttribute)!==void 0?s.converter:y).toAttribute(e,s.type);this._$El=t,n==null?this.removeAttribute(o):this.setAttribute(o,n),this._$El=null}}_$AK(t,e){var s;let r=this.constructor,o=r._$Ev.get(t);if(o!==void 0&&this._$El!==o){let n=r.getPropertyOptions(o),O=typeof n.converter=="function"?{fromAttribute:n.converter}:((s=n.converter)===null||s===void 0?void 0:s.fromAttribute)!==void 0?n.converter:y;this._$El=o,this[o]=O.fromAttribute(e,n.type),this._$El=null}}requestUpdate(t,e,s){let r=!0;t!==void 0&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||P)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),s.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,s))):r=!1),!this.isUpdatePending&&r&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((r,o)=>this[o]=r),this._$Ei=void 0);let e=!1,s=this._$AL;try{e=this.shouldUpdate(s),e?(this.willUpdate(s),(t=this._$ES)===null||t===void 0||t.forEach(r=>{var o;return(o=r.hostUpdate)===null||o===void 0?void 0:o.call(r)}),this.update(s)):this._$Ek()}catch(r){throw e=!1,this._$Ek(),r}e&&this._$AE(s)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(s=>{var r;return(r=s.hostUpdated)===null||r===void 0?void 0:r.call(s)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,s)=>this._$EO(s,this[s],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};a.finalized=!0,a.elementProperties=new Map,a.elementStyles=[],a.shadowRootOptions={mode:"open"},U==null||U({ReactiveElement:a}),((S=u.reactiveElementVersions)!==null&&S!==void 0?S:u.reactiveElementVersions=[]).push("1.6.1");var _,m;var l=class extends a{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;let s=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=s.firstChild),s}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=b(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return $}};l.finalized=!0,l._$litElement$=!0,(_=globalThis.litElementHydrateSupport)===null||_===void 0||_.call(globalThis,{LitElement:l});var A=globalThis.litElementPolyfillSupport;A==null||A({LitElement:l});((m=globalThis.litElementVersions)!==null&&m!==void 0?m:globalThis.litElementVersions=[]).push("3.3.0");export{R as a,f as b,l as c};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+//# sourceMappingURL=chunk.DEJTQKIS.js.map

package/dist/chunks/chunk.DEJTQKIS.js.gz ADDED Viewed

Binary file