@gov-design-system-ce/components 0.0.25 → 0.0.27

package/dist/collection/components/gov-wizzard/gov-wizzard.js

@@ -0,0 +1,168 @@
+import { h, Host } from '@stencil/core';
+import { validateProp } from '../../helpers/Validate/props';
+import { WizzardClass, WizzardItemClass, WizardSizes } from './constants';
+import { govHost } from '../../helpers/Dom/template';
+import { validateWcagLabel } from '../../helpers/Validate/wcag';
+import { canValidateWcagOnRender } from '../../helpers/Dom/win';
+import { delay } from '../../utils/utils';
+export class GovWizzard {
+  constructor() {
+    this.size = 'm';
+    this.wcagLabel = undefined;
+    this.wcagLabelledBy = undefined;
+    this.h = govHost(this.host);
+  }
+  validateSize(newValue) {
+    validateProp(WizardSizes, newValue, WizzardClass.root);
+  }
+  componentWillLoad() {
+    this.validateSize(this.size);
+  }
+  componentDidLoad() {
+    this.host.querySelectorAll(WizzardItemClass.root).forEach((child) => {
+      child.setAttribute('size', this.size);
+      child.addEventListener('gov-change', (e) => {
+        e.stopPropagation();
+        this.govChange.emit(e.detail);
+      });
+    });
+  }
+  async componentDidRender() {
+    if (canValidateWcagOnRender()) {
+      await delay(500);
+      await this.validateWcag();
+    }
+  }
+  render() {
+    return (h(Host, { class: this.h.classes(WizzardClass.root), role: "list", size: this.size }, h("slot", null)));
+  }
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  async validateWcag() {
+    validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizzardClass.root);
+  }
+  static get is() { return "gov-wizzard"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gov-wizzard.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gov-wizzard.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "WizardSizesType",
+          "resolved": "\"m\" | \"s\" | \"xs\"",
+          "references": {
+            "WizardSizesType": {
+              "location": "import",
+              "path": "./constants"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Size of wizzard"
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'m'"
+      },
+      "wcagLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adds accessible label for the wizzard that is only shown for screen readers."
+        },
+        "attribute": "wcag-label",
+        "reflect": false
+      },
+      "wcagLabelledBy": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "String of id's that indicate alternative labels elements"
+        },
+        "attribute": "wcag-labelled-by",
+        "reflect": false
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "govChange",
+        "name": "gov-change",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Called when the wizzard children state changes"
+        },
+        "complexType": {
+          "original": "GovWizzardItemChangeEvent",
+          "resolved": "GovWizzardItemChangeEvent",
+          "references": {
+            "GovWizzardItemChangeEvent": {
+              "location": "import",
+              "path": "./gov-wizzard-item.d"
+            }
+          }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "validateWcag": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Validate the WCAG attributes of the component",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "host"; }
+  static get watchers() {
+    return [{
+        "propName": "size",
+        "methodName": "validateSize"
+      }];
+  }
+}
+//# sourceMappingURL=gov-wizzard.js.map

package/dist/collection/components/gov-wizzard/gov-wizzard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-wizzard.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizzard/gov-wizzard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAmB,WAAW,EAAE,MAAM,aAAa,CAAA;AAG1F,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAMzC,MAAM,OAAO,UAAU;EAItB;gBAM0C,GAAG;;;IAL5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAmBO,YAAY,CAAC,QAAgB;IACpC,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;EACvD,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC7B,CAAC;EAED,gBAAgB;IACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAgC,EAAE,EAAE;MAC9F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;MACrC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAuD,EAAE,EAAE;QAChG,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;MAC9B,CAAC,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;EACH,CAAC;EAED,KAAK,CAAC,kBAAkB;IACvB,IAAI,uBAAuB,EAAE,EAAE;MAC9B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;MAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;KACzB;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI;MAC1E,eAAQ,CACF,CACP,CAAA;EACF,CAAC;EAED;;KAEG;EAEI,KAAK,CAAC,YAAY;IACxB,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;EAC1E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { WizzardClass, WizzardItemClass, WizardSizesType, WizardSizes } from './constants'\nimport { GovWizzardItemCustomEvent } from '../../components'\nimport { GovWizzardItemChangeEvent } from './gov-wizzard-item.d'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\n\n@Component({\n\ttag: 'gov-wizzard',\n\tstyleUrl: 'gov-wizzard.scss',\n})\nexport class GovWizzard {\n\tprivate h: GovHost\n\n\t@Element() readonly host: HTMLGovWizzardElement\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size?: WizardSizesType = 'm'\n\t/**\n\t * Adds accessible label for the wizzard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizzard children state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovWizzardItemChangeEvent>\n\n\t@Watch('size')\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizzardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizzardItemClass.root).forEach((child: HTMLGovWizzardItemElement) => {\n\t\t\tchild.setAttribute('size', this.size)\n\t\t\tchild.addEventListener('gov-change', (e: GovWizzardItemCustomEvent<GovWizzardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardClass.root)} role=\"list\" size={this.size}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizzardClass.root)\n\t}\n}\n"]}

package/dist/collection/core/constants/sizes.js

@@ -0,0 +1,15 @@
+export var Sizes;
+(function (Sizes) {
+  Sizes["_2XS"] = "2xs";
+  Sizes["_XS"] = "xs";
+  Sizes["_S"] = "s";
+  Sizes["_M"] = "m";
+  Sizes["_L"] = "l";
+  Sizes["_XL"] = "xl";
+  Sizes["_2XL"] = "2xl";
+  Sizes["_3XL"] = "3xl";
+  Sizes["_4XL"] = "4xl";
+  Sizes["_5XL"] = "6xl";
+  Sizes["_6XL"] = "6xl";
+})(Sizes || (Sizes = {}));
+//# sourceMappingURL=sizes.js.map

package/dist/collection/core/constants/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../../../../src/core/constants/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,KAYX;AAZD,WAAY,KAAK;EAChB,qBAAY,CAAA;EACZ,mBAAU,CAAA;EACV,iBAAQ,CAAA;EACR,iBAAQ,CAAA;EACR,iBAAQ,CAAA;EACR,mBAAU,CAAA;EACV,qBAAY,CAAA;EACZ,qBAAY,CAAA;EACZ,qBAAY,CAAA;EACZ,qBAAY,CAAA;EACZ,qBAAY,CAAA;AACb,CAAC,EAZW,KAAK,KAAL,KAAK,QAYhB","sourcesContent":["export enum Sizes {\n\t_2XS = '2xs',\n\t_XS = 'xs',\n\t_S = 's',\n\t_M = 'm',\n\t_L = 'l',\n\t_XL = 'xl',\n\t_2XL = '2xl',\n\t_3XL = '3xl',\n\t_4XL = '4xl',\n\t_5XL = '6xl',\n\t_6XL = '6xl',\n}\n"]}

package/dist/collection/core/constants/tags.js

@@ -0,0 +1,14 @@
+export var Tags;
+(function (Tags) {
+  Tags["H1"] = "h1";
+  Tags["H2"] = "h2";
+  Tags["H3"] = "h3";
+  Tags["H4"] = "h4";
+  Tags["H5"] = "h5";
+  Tags["H6"] = "h6";
+  Tags["P"] = "p";
+  Tags["SPAN"] = "span";
+  Tags["DIV"] = "div";
+})(Tags || (Tags = {}));
+export const allTags = [undefined, Tags.H1, Tags.H2, Tags.H3, Tags.H4, Tags.H5, Tags.H6, Tags.P, Tags.SPAN, Tags.DIV];
+//# sourceMappingURL=tags.js.map

package/dist/collection/core/constants/tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags.js","sourceRoot":"","sources":["../../../../../../src/core/constants/tags.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,IAUX;AAVD,WAAY,IAAI;EACf,iBAAS,CAAA;EACT,iBAAS,CAAA;EACT,iBAAS,CAAA;EACT,iBAAS,CAAA;EACT,iBAAS,CAAA;EACT,iBAAS,CAAA;EACT,eAAO,CAAA;EACP,qBAAa,CAAA;EACb,mBAAW,CAAA;AACZ,CAAC,EAVW,IAAI,KAAJ,IAAI,QAUf;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA","sourcesContent":["export enum Tags {\n\tH1 = 'h1',\n\tH2 = 'h2',\n\tH3 = 'h3',\n\tH4 = 'h4',\n\tH5 = 'h5',\n\tH6 = 'h6',\n\tP = 'p',\n\tSPAN = 'span',\n\tDIV = 'div',\n}\n\nexport const allTags = [undefined, Tags.H1, Tags.H2, Tags.H3, Tags.H4, Tags.H5, Tags.H6, Tags.P, Tags.SPAN, Tags.DIV]\n"]}

package/dist/collection/core/constants/variants.js

@@ -0,0 +1,15 @@
+export var Variants;
+(function (Variants) {
+  Variants["PRIMARY"] = "primary";
+  Variants["SECONDARY"] = "secondary";
+  Variants["SUCCESS"] = "success";
+  Variants["ERROR"] = "error";
+  Variants["WARNING"] = "warning";
+  Variants["CUSTOM"] = "custom";
+})(Variants || (Variants = {}));
+export var Types;
+(function (Types) {
+  Types["CLASSIC"] = "classic";
+  Types["SOLID"] = "solid";
+})(Types || (Types = {}));
+//# sourceMappingURL=variants.js.map

package/dist/collection/core/constants/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/core/constants/variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,QAOX;AAPD,WAAY,QAAQ;EACnB,+BAAmB,CAAA;EACnB,mCAAuB,CAAA;EACvB,+BAAmB,CAAA;EACnB,2BAAe,CAAA;EACf,+BAAmB,CAAA;EACnB,6BAAiB,CAAA;AAClB,CAAC,EAPW,QAAQ,KAAR,QAAQ,QAOnB;AAED,MAAM,CAAN,IAAY,KAGX;AAHD,WAAY,KAAK;EAChB,4BAAmB,CAAA;EACnB,wBAAe,CAAA;AAChB,CAAC,EAHW,KAAK,KAAL,KAAK,QAGhB","sourcesContent":["export enum Variants {\n\tPRIMARY = 'primary',\n\tSECONDARY = 'secondary',\n\tSUCCESS = 'success',\n\tERROR = 'error',\n\tWARNING = 'warning',\n\tCUSTOM = 'custom',\n}\n\nexport enum Types {\n\tCLASSIC = 'classic',\n\tSOLID = 'solid',\n}\n"]}

package/dist/collection/helpers/Dom/form.js

@@ -0,0 +1,72 @@
+import { FormControlClass } from '../../components/gov-form/control/constants';
+import { FormInputClass } from '../../components/gov-form/input/constants';
+import { FormSelectClass } from '../../components/gov-form/select/constants';
+import { FormMultiSelectClass } from '../../components/gov-form/multiselect/constants';
+import { FormSwitchClass } from '../../components/gov-form/switch/constants';
+import { FormCheckboxClass } from '../../components/gov-form/checkbox/constants';
+import { FormRadioClass } from '../../components/gov-form/radio/constants';
+import { FormMessageClass } from '../../components/gov-form/message/constants';
+import { FormAutocompleteClass } from '../../components/gov-form/autocomplete/constants';
+import { FormLabelClass } from "../../components/gov-form/label/constants";
+export const govForm = (govHost) => {
+  return {
+    get govHost() {
+      return govHost;
+    },
+    passAttrToControl(name, value) {
+      if (this.control) {
+        this.control.setAttribute(name, value);
+      }
+    },
+    passAttrToLabel(name, value) {
+      if (this.label) {
+        this.label.setAttribute(name, value);
+      }
+    },
+    get hasGroupChildren() {
+      if (this.control) {
+        return this.control.querySelectorAll('gov-form-group > *').length > 1;
+      }
+      return false;
+    },
+    get control() {
+      if (this.govHost.name === FormControlClass.root) {
+        return this.govHost.hostElement;
+      }
+      return this.govHost.getParent(FormControlClass.root);
+    },
+    get label() {
+      const innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`);
+      if (innerLabel) {
+        return innerLabel;
+      }
+      if (this.control) {
+        return this.control.querySelector(`.${FormLabelClass.root}`);
+      }
+      return null;
+    },
+    get mainElementsInControl() {
+      const formElements = [
+        FormSelectClass.root,
+        FormInputClass.root,
+        FormSwitchClass.root,
+        FormCheckboxClass.root,
+        FormRadioClass.root,
+        FormMultiSelectClass.root,
+        FormAutocompleteClass.root,
+      ];
+      if (this.control) {
+        const elements = formElements.map(el => `${el}:first-of-type`).join(', ');
+        return Array.from(this.control.querySelectorAll(elements));
+      }
+      return [];
+    },
+    get messageElements() {
+      if (this.control) {
+        return Array.from(this.control.querySelectorAll(FormMessageClass.root));
+      }
+      return [];
+    },
+  };
+};
+//# sourceMappingURL=form.js.map

package/dist/collection/helpers/Dom/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { GovHost } from './template.types'\nimport { GovForm } from './form.types'\nimport { FormControlClass } from '../../components/gov-form/control/constants'\nimport { FormInputClass } from '../../components/gov-form/input/constants'\nimport { FormSelectClass } from '../../components/gov-form/select/constants'\nimport { FormMultiSelectClass } from '../../components/gov-form/multiselect/constants'\nimport { FormSwitchClass } from '../../components/gov-form/switch/constants'\nimport { FormCheckboxClass } from '../../components/gov-form/checkbox/constants'\nimport { FormRadioClass } from '../../components/gov-form/radio/constants'\nimport { FormMessageClass } from '../../components/gov-form/message/constants'\nimport { FormAutocompleteClass } from '../../components/gov-form/autocomplete/constants'\nimport { Nullable } from '../../types/interfaces'\nimport { FormLabelClass } from \"../../components/gov-form/label/constants\"\n\nexport const govForm = (govHost: GovHost): GovForm => {\n\treturn {\n\t\tget govHost(): GovHost {\n\t\t\treturn govHost\n\t\t},\n\t\tpassAttrToControl(name: string, value: string): void {\n\t\t\tif (this.control) {\n\t\t\t\tthis.control.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tpassAttrToLabel(name: string, value: string): void {\n\t\t\tif (this.label) {\n\t\t\t\tthis.label.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tget hasGroupChildren(): boolean {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelectorAll('gov-form-group > *').length > 1\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tget control(): Nullable<HTMLGovFormControlElement> {\n\t\t\tif (this.govHost.name === FormControlClass.root) {\n\t\t\t\treturn this.govHost.hostElement\n\t\t\t}\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\n\t\t},\n\t\tget label(): Nullable<HTMLGovFormLabelElement> {\n\t\t\tconst innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`)\n\t\t\tif(innerLabel) {\n\t\t\t\treturn innerLabel\n\t\t\t}\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelector(`.${FormLabelClass.root}`)\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\t\tget mainElementsInControl(): Element[] {\n\t\t\tconst formElements = [\n\t\t\t\tFormSelectClass.root,\n\t\t\t\tFormInputClass.root,\n\t\t\t\tFormSwitchClass.root,\n\t\t\t\tFormCheckboxClass.root,\n\t\t\t\tFormRadioClass.root,\n\t\t\t\tFormMultiSelectClass.root,\n\t\t\t\tFormAutocompleteClass.root,\n\t\t\t]\n\t\t\tif (this.control) {\n\t\t\t\tconst elements = formElements.map(el => `${el}:first-of-type`).join(', ')\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\n\t\t\tif (this.control) {\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t}\n}\n"]}

package/dist/collection/helpers/Dom/form.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form.types.js.map

package/dist/collection/helpers/Dom/form.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.types.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/form.types.ts"],"names":[],"mappings":"","sourcesContent":["import { GovHost } from './template.types'\nexport interface GovForm {\n\tgovHost: GovHost\n\tcontrol: HTMLGovFormControlElement | null\n\tlabel: HTMLGovFormLabelElement | null\n\tpassAttrToControl: (name: string, value: string) => void\n\tpassAttrToLabel: (name: string, value: string) => void\n\thasGroupChildren: boolean\n\tmainElementsInControl: Element[]\n\tmessageElements: HTMLGovFormMessageElement[]\n}\n"]}

package/dist/collection/helpers/Dom/template.js

@@ -0,0 +1,110 @@
+export const prepareClasses = (classes) => {
+  if (Array.isArray(classes) === false)
+    return;
+  return classes
+    .filter(classname => !!classname)
+    .join(' ')
+    .trim();
+};
+export const slottedChildren = (host) => {
+  const slotted = host.querySelector('slot');
+  if (slotted) {
+    return slotted.assignedNodes().filter(node => {
+      return node.nodeName !== '#text';
+    });
+  }
+  return [];
+};
+export const booleanString = (value) => {
+  return value ? 'true' : 'false';
+};
+export const govHost = (host) => {
+  return {
+    get hostElement() {
+      return host;
+    },
+    get name() {
+      return this.hostElement.nodeName.toLowerCase();
+    },
+    hasSlot(name) {
+      return !!this.getSlot(name);
+    },
+    getSlot(name) {
+      return this.hostElement.querySelector('[slot="' + name + '"]');
+    },
+    getParent(element) {
+      return this.hostElement.closest(element);
+    },
+    passChildAttr(selector, name, value) {
+      if (Array.isArray(selector)) {
+        selector.forEach(selector => {
+          this.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value));
+        });
+      }
+      else {
+        this.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value));
+      }
+    },
+    removeChildAttr(selector, name) {
+      if (Array.isArray(selector)) {
+        selector.forEach(selector => {
+          this.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name));
+        });
+      }
+      else {
+        this.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name));
+      }
+    },
+    get slottedChildren() {
+      const slotted = this.hostElement.shadowRoot.querySelector('slot');
+      if (slotted) {
+        return slotted.assignedNodes().filter(node => {
+          return node.nodeName !== '#text';
+        });
+      }
+      return [];
+    },
+    classes(classes) {
+      const clearClasses = Array.isArray(classes) ? classes.join(' ') : classes;
+      if (this.hostElement) {
+        return this.hostElement.classList.toString() + ' ' + clearClasses;
+      }
+      return clearClasses;
+    },
+  };
+};
+export const toBoolAttr = (value) => {
+  if (typeof value === 'string') {
+    return ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1 ? 'true' : 'false';
+  }
+  else if (typeof value === 'number') {
+    return value > 0 ? 'true' : 'false';
+  }
+  else if (typeof value === 'boolean') {
+    return value ? 'true' : 'false';
+  }
+  else {
+    return value ? 'true' : 'false';
+  }
+};
+export const toOnOffAttr = (value) => {
+  if (typeof value === 'string') {
+    return ['true', 'True', 'TRUE', '1', 'On', 'on', 'ON'].indexOf(value) !== -1 ? 'on' : 'off';
+  }
+  else if (typeof value === 'number') {
+    return value > 0 ? 'on' : 'off';
+  }
+  else if (typeof value === 'boolean') {
+    return value ? 'on' : 'off';
+  }
+  else {
+    return value ? 'on' : 'off';
+  }
+};
+export const toBoolAttrIfDefined = (value) => {
+  return typeof value === 'undefined' ? undefined : toBoolAttr(value);
+};
+export const toOnOffAttrIfDefined = (value) => {
+  return typeof value === 'undefined' ? undefined : toOnOffAttr(value);
+};
+//# sourceMappingURL=template.js.map

package/dist/collection/helpers/Dom/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { HTMLStencilElement } from '@stencil/core/internal'\nimport { GovHost } from './template.types'\nimport { Nullable } from '../../types/interfaces'\n\nexport const prepareClasses = (classes: string[]): string => {\n\tif (Array.isArray(classes) === false) return\n\treturn classes\n\t\t.filter(classname => !!classname)\n\t\t.join(' ')\n\t\t.trim()\n}\n\nexport const slottedChildren = (host: HTMLStencilElement): Node[] => {\n\tconst slotted = host.querySelector('slot') as HTMLSlotElement\n\tif (slotted) {\n\t\treturn slotted.assignedNodes().filter(node => {\n\t\t\treturn node.nodeName !== '#text'\n\t\t})\n\t}\n\treturn []\n}\n\nexport const booleanString = (value: boolean): string => {\n\treturn value ? 'true' : 'false'\n}\n\nexport const govHost = (host: HTMLStencilElement): GovHost => {\n\treturn {\n\t\tget hostElement(): HTMLStencilElement {\n\t\t\treturn host\n\t\t},\n\t\tget name(): string {\n\t\t\treturn this.hostElement.nodeName.toLowerCase()\n\t\t},\n\t\thasSlot(name: string): boolean {\n\t\t\treturn !!this.getSlot(name)\n\t\t},\n\t\tgetSlot(name: string): HTMLElement {\n\t\t\treturn this.hostElement.querySelector('[slot=\"' + name + '\"]')\n\t\t},\n\t\tgetParent(element): Nullable<HTMLElement> {\n\t\t\treturn this.hostElement.closest(element)\n\t\t},\n\t\tpassChildAttr(selector: string | string[], name: string, value: any): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach(selector => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value))\n\t\t\t}\n\t\t},\n\t\tremoveChildAttr(selector: string | string[], name: string): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach(selector => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name))\n\t\t\t}\n\t\t},\n\t\tget slottedChildren(): Node[] {\n\t\t\tconst slotted = this.hostElement.shadowRoot.querySelector('slot') as HTMLSlotElement\n\t\t\tif (slotted) {\n\t\t\t\treturn slotted.assignedNodes().filter(node => {\n\t\t\t\t\treturn node.nodeName !== '#text'\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tclasses(classes: string | string[]): string {\n\t\t\tconst clearClasses = Array.isArray(classes) ? classes.join(' ') : classes\n\t\t\tif (this.hostElement) {\n\t\t\t\treturn this.hostElement.classList.toString() + ' ' + clearClasses\n\t\t\t}\n\t\t\treturn clearClasses\n\t\t},\n\t}\n}\n\nexport const toBoolAttr = (value: boolean | string | number): string => {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1 ? 'true' : 'false'\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0 ? 'true' : 'false'\n\t} else if (typeof value === 'boolean') {\n\t\treturn value ? 'true' : 'false'\n\t} else {\n\t\treturn value ? 'true' : 'false'\n\t}\n}\n\nexport const toOnOffAttr = (value: boolean | string | number): string => {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1', 'On', 'on', 'ON'].indexOf(value) !== -1 ? 'on' : 'off'\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0 ? 'on' : 'off'\n\t} else if (typeof value === 'boolean') {\n\t\treturn value ? 'on' : 'off'\n\t} else {\n\t\treturn value ? 'on' : 'off'\n\t}\n}\n\nexport const toBoolAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === 'undefined' ? undefined : toBoolAttr(value)\n}\n\nexport const toOnOffAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === 'undefined' ? undefined : toOnOffAttr(value)\n}\n"]}

package/dist/collection/helpers/Dom/template.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=template.types.js.map

package/dist/collection/helpers/Dom/template.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.types.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/template.types.ts"],"names":[],"mappings":"","sourcesContent":["import { HTMLStencilElement } from '@stencil/core/internal'\n\nexport interface GovHost {\n\tname: string\n\thostElement: HTMLStencilElement\n\thasSlot(name: string): boolean\n\tgetSlot(name: string): HTMLElement\n\tgetParent(element: string): HTMLElement\n\tpassChildAttr(selector: string | string[], name: string, value: any): void\n\tremoveChildAttr(selector: string | string[], name: string): void\n\tslottedChildren: Node[]\n\tclasses(classes: string | string[]): string\n}\n"]}

package/dist/collection/helpers/Dom/win.js

@@ -0,0 +1,18 @@
+import { property } from '../../utils/utils';
+const getWindowProperty = (name) => window && property(name, window);
+const config = () => {
+  const defaultConfig = {
+    canValidateWcagOnRender: false,
+    iconsPath: './assets/icons',
+    documentNode: document ? document : null,
+  };
+  const windowProperty = getWindowProperty('GOV_DS_CONFIG');
+  if (windowProperty) {
+    return Object.assign(Object.assign({}, defaultConfig), windowProperty);
+  }
+  return defaultConfig;
+};
+export const canValidateWcagOnRender = () => config().canValidateWcagOnRender;
+export const iconsPath = () => config().iconsPath;
+export const documentNode = () => config().documentNode;
+//# sourceMappingURL=win.js.map

package/dist/collection/helpers/Dom/win.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"win.js","sourceRoot":"","sources":["../../../../../../src/helpers/Dom/win.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAQ5C,MAAM,iBAAiB,GAAG,CAAI,IAAY,EAA0B,EAAE,CAAC,MAAM,IAAI,QAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE9H,MAAM,MAAM,GAAG,GAAY,EAAE;EAC5B,MAAM,aAAa,GAAY;IAC9B,uBAAuB,EAAE,KAAK;IAC9B,SAAS,EAAE,gBAAgB;IAC3B,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;GACxC,CAAA;EAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;EAClE,IAAI,cAAc,EAAE;IACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;GAC9C;EAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAuC,EAAE,CAAC,MAAM,EAAE,CAAC,uBAAuB,CAAA;AACjH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAyB,EAAE,CAAC,MAAM,EAAE,CAAC,SAAS,CAAA;AACvE,MAAM,CAAC,MAAM,YAAY,GAAG,GAA4B,EAAE,CAAC,MAAM,EAAE,CAAC,YAAY,CAAA","sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\tdocumentNode: Document\n}\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: './assets/icons',\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"]}

package/dist/collection/helpers/Fragment.js

@@ -0,0 +1,2 @@
+export default (_, children) => [...children];
+//# sourceMappingURL=Fragment.js.map

package/dist/collection/helpers/Fragment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fragment.js","sourceRoot":"","sources":["../../../../../src/helpers/Fragment.tsx"],"names":[],"mappings":"AAAA,eAAe,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAA","sourcesContent":["export default (_, children) => [...children]\n"]}

package/dist/collection/helpers/Log/gov.log.js

@@ -0,0 +1,14 @@
+const WARNING_COLORS = { bg: '#ecae1a', text: '#3b3b3b' };
+const INFO_COLORS = { bg: '#2362a2', text: '#fff' };
+const ERROR_COLORS = { bg: '#c52a3a', text: '#fff' };
+export const govLog = (message, colors = INFO_COLORS) => {
+  const styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(';');
+  console.log('%cgov', styles, message);
+};
+export const govWarningLog = (message) => {
+  govLog(message, WARNING_COLORS);
+};
+export const govErrorLog = (message) => {
+  govLog(message, ERROR_COLORS);
+};
+//# sourceMappingURL=gov.log.js.map

package/dist/collection/helpers/Log/gov.log.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov.log.js","sourceRoot":"","sources":["../../../../../../src/helpers/Log/gov.log.ts"],"names":[],"mappings":"AAKA,MAAM,cAAc,GAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAA;AACtE,MAAM,WAAW,GAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AAChE,MAAM,YAAY,GAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AAEjE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,SAAsB,WAAW,EAAQ,EAAE;EAClF,MAAM,MAAM,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC,EAAE,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,CAAC,CAAC,IAAI,CACzJ,GAAG,CACH,CAAA;EAED,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AACtC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAe,EAAQ,EAAE;EACtD,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAA;AAChC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAe,EAAQ,EAAE;EACpD,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;AAC9B,CAAC,CAAA","sourcesContent":["interface ColorConfig {\n\tbg: string\n\ttext: string\n}\n\nconst WARNING_COLORS: ColorConfig = { bg: '#ecae1a', text: '#3b3b3b' }\nconst INFO_COLORS: ColorConfig = { bg: '#2362a2', text: '#fff' }\nconst ERROR_COLORS: ColorConfig = { bg: '#c52a3a', text: '#fff' }\n\nexport const govLog = (message: string, colors: ColorConfig = INFO_COLORS): void => {\n\tconst styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(\n\t\t';'\n\t)\n\n\tconsole.log('%cgov', styles, message)\n}\n\nexport const govWarningLog = (message: string): void => {\n\tgovLog(message, WARNING_COLORS)\n}\n\nexport const govErrorLog = (message: string): void => {\n\tgovLog(message, ERROR_COLORS)\n}\n"]}

package/dist/collection/helpers/StorybookDocsTemplate.js

@@ -0,0 +1,9 @@
+import { ArgsTable, Stories, PRIMARY_STORY, Primary as PrimaryStory } from '@storybook/addon-docs';
+import React from 'react';
+import { h } from '@stencil/core';
+export const docsPage = (component, Readme) => {
+  return {
+    page: () => (h(React.Fragment, null, h("h1", null, component), h("h2", null, "Playground"), h(PrimaryStory, null), h(ArgsTable, { story: PRIMARY_STORY }), h("h2", null, "Stories"), h(Stories, { title: "", includePrimary: false }), h(Readme, null))),
+  };
+};
+//# sourceMappingURL=StorybookDocsTemplate.js.map

package/dist/collection/helpers/StorybookDocsTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorybookDocsTemplate.js","sourceRoot":"","sources":["../../../../../src/helpers/StorybookDocsTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAClG,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACjC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,MAAc,EAAE,EAAE;EAC7D,OAAO;IACN,IAAI,EAAE,GAAG,EAAE,CAAC,CACX,EAAC,KAAK,CAAC,QAAQ;MACd,cAAK,SAAS,CAAM;MAEpB,2BAAmB;MACnB,EAAC,YAAY,OAAG;MAChB,EAAC,SAAS,IAAC,KAAK,EAAE,aAAa,GAAI;MAEnC,wBAAgB;MAChB,EAAC,OAAO,IAAC,KAAK,EAAC,EAAE,EAAC,cAAc,EAAE,KAAK,GAAI;MAC3C,EAAC,MAAM,OAAG,CACM,CACjB;GACD,CAAA;AACF,CAAC,CAAA","sourcesContent":["import { ArgsTable, Stories, PRIMARY_STORY, Primary as PrimaryStory } from '@storybook/addon-docs'\nimport React from 'react'\nimport { h } from '@stencil/core'\nexport const docsPage = (component: string, Readme: string) => {\n\treturn {\n\t\tpage: () => (\n\t\t\t<React.Fragment>\n\t\t\t\t<h1>{component}</h1>\n\n\t\t\t\t<h2>Playground</h2>\n\t\t\t\t<PrimaryStory />\n\t\t\t\t<ArgsTable story={PRIMARY_STORY} />\n\n\t\t\t\t<h2>Stories</h2>\n\t\t\t\t<Stories title=\"\" includePrimary={false} />\n\t\t\t\t<Readme />\n\t\t\t</React.Fragment>\n\t\t),\n\t}\n}\n"]}

package/dist/collection/helpers/Validate/props.js

@@ -0,0 +1,10 @@
+import { govWarningLog } from '../Log/gov.log';
+// @TODO: deal with optional values
+export const validateProp = (valueEnum, value, component) => {
+  const values = Object.values(valueEnum);
+  const isValid = values.indexOf(value) > -1;
+  if (!isValid) {
+    govWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`);
+  }
+};
+//# sourceMappingURL=props.js.map

package/dist/collection/helpers/Validate/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sourceRoot":"","sources":["../../../../../../src/helpers/Validate/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE9C,mCAAmC;AACnC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAmC,SAAY,EAAE,KAAa,EAAE,SAAiB,EAAQ,EAAE;EACtH,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;EACvC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;EAC1C,IAAI,CAAC,OAAO,EAAE;IACb,aAAa,CAAC,IAAI,SAAS,gCAAgC,KAAK,gCAAgC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GACtH;AACF,CAAC,CAAA","sourcesContent":["import { govWarningLog } from '../Log/gov.log'\n\n// @TODO: deal with optional values\nexport const validateProp = <T extends Record<string, string>>(valueEnum: T, value: string, component: string): void => {\n\tconst values = Object.values(valueEnum)\n\tconst isValid = values.indexOf(value) > -1\n\tif (!isValid) {\n\t\tgovWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`)\n\t}\n}\n"]}

package/dist/collection/helpers/Validate/wcag.js

@@ -0,0 +1,58 @@
+import { govWarningLog } from '../Log/gov.log';
+import { splitByWhitespace } from '../../utils/string.utils';
+import { documentNode } from '../Dom/win';
+export const validateWcagProp = (value, propName, component) => {
+  if (value === undefined || String(value).length === 0) {
+    govWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`);
+  }
+};
+export const validateWcagRef = (referenceId, name, component) => {
+  if (typeof referenceId === 'undefined' || referenceId === undefined) {
+    return true;
+  }
+  if (String(referenceId).length === 0) {
+    govWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`);
+    return false;
+  }
+  let strings = [];
+  const referenceIds = splitByWhitespace(referenceId);
+  if (Array.isArray(referenceIds)) {
+    strings = referenceIds.filter(function (e) {
+      return e.trim().length > 0;
+    });
+  }
+  return !!strings.filter(referenceId => {
+    if (documentNode().getElementById(referenceId) === null) {
+      //govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)
+      return false;
+    }
+    else {
+      return true;
+    }
+  }).length;
+};
+export const validateWcagLabelFor = (inputId, labelledBy, component) => {
+  const labelEl = documentNode().querySelector(`[for=${inputId}]`);
+  if (labelEl === null) {
+    const labelledByEl = documentNode().getElementById(labelledBy);
+    if (labelledByEl === null) {
+      govWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`);
+      return false;
+    }
+  }
+  return true;
+};
+export const validateWcagLabel = (label, labelledBy, component) => {
+  if (typeof label === 'string' && label.length > 0) {
+    return true;
+  }
+  if (typeof labelledBy === 'string' && labelledBy.length > 0) {
+    const labelledByEl = documentNode().getElementById(labelledBy);
+    if (labelledByEl) {
+      return true;
+    }
+  }
+  govWarningLog(`[${component}]: The element has no defined wcag-label or wcag-labelled-by attribute.`);
+  return false;
+};
+//# sourceMappingURL=wcag.js.map

package/dist/collection/helpers/Validate/wcag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wcag.js","sourceRoot":"","sources":["../../../../../../src/helpers/Validate/wcag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAyB,EAAE,QAAgB,EAAE,SAAiB,EAAQ,EAAE;EACxG,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;IACtD,aAAa,CAAC,IAAI,SAAS,WAAW,QAAQ,qDAAqD,CAAC,CAAA;GACpG;AACF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAmB,EAAE,IAAY,EAAE,SAAiB,EAAW,EAAE;EAChG,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,WAAW,KAAK,SAAS,EAAE;IACpE,OAAO,IAAI,CAAA;GACX;EACD,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;IACrC,aAAa,CAAC,IAAI,SAAS,iBAAiB,IAAI,mCAAmC,CAAC,CAAA;IACpF,OAAO,KAAK,CAAA;GACZ;EACD,IAAI,OAAO,GAAG,EAAE,CAAA;EAChB,MAAM,YAAY,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAA;EACnD,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;IAChC,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC;MACxC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;IAC3B,CAAC,CAAC,CAAA;GACF;EAED,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE;IACrC,IAAI,YAAY,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;MACxD,yGAAyG;MACzG,OAAO,KAAK,CAAA;KACZ;SAAM;MACN,OAAO,IAAI,CAAA;KACX;EACF,CAAC,CAAC,CAAC,MAAM,CAAA;AACV,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,OAAe,EAAE,UAA8B,EAAE,SAAiB,EAAW,EAAE;EACnH,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC,aAAa,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAA;EAChE,IAAI,OAAO,KAAK,IAAI,EAAE;IACrB,MAAM,YAAY,GAAG,YAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,YAAY,KAAK,IAAI,EAAE;MAC1B,aAAa,CAAC,IAAI,SAAS,8EAA8E,CAAC,CAAA;MAC1G,OAAO,KAAK,CAAA;KACZ;GACD;EACD,OAAO,IAAI,CAAA;AACZ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAyB,EAAE,UAA8B,EAAE,SAAiB,EAAW,EAAE;EAC1H,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;IAClD,OAAO,IAAI,CAAA;GACX;EACD,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;IAC5D,MAAM,YAAY,GAAG,YAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,YAAY,EAAE;MACjB,OAAO,IAAI,CAAA;KACX;GACD;EACD,aAAa,CAAC,IAAI,SAAS,yEAAyE,CAAC,CAAA;EACrG,OAAO,KAAK,CAAA;AACb,CAAC,CAAA","sourcesContent":["import { govWarningLog } from '../Log/gov.log'\nimport { splitByWhitespace } from '../../utils/string.utils'\nimport { documentNode } from '../Dom/win'\n\nexport const validateWcagProp = (value: string | undefined, propName: string, component: string): void => {\n\tif (value === undefined || String(value).length === 0) {\n\t\tgovWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`)\n\t}\n}\n\nexport const validateWcagRef = (referenceId: string, name: string, component: string): boolean => {\n\tif (typeof referenceId === 'undefined' || referenceId === undefined) {\n\t\treturn true\n\t}\n\tif (String(referenceId).length === 0) {\n\t\tgovWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`)\n\t\treturn false\n\t}\n\tlet strings = []\n\tconst referenceIds = splitByWhitespace(referenceId)\n\tif (Array.isArray(referenceIds)) {\n\t\tstrings = referenceIds.filter(function (e) {\n\t\t\treturn e.trim().length > 0\n\t\t})\n\t}\n\n\treturn !!strings.filter(referenceId => {\n\t\tif (documentNode().getElementById(referenceId) === null) {\n\t\t\t//govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}).length\n}\n\nexport const validateWcagLabelFor = (inputId: string, labelledBy: string | undefined, component: string): boolean => {\n\tconst labelEl = documentNode().querySelector(`[for=${inputId}]`)\n\tif (labelEl === null) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl === null) {\n\t\t\tgovWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`)\n\t\t\treturn false\n\t\t}\n\t}\n\treturn true\n}\n\nexport const validateWcagLabel = (label: string | undefined, labelledBy: string | undefined, component: string): boolean => {\n\tif (typeof label === 'string' && label.length > 0) {\n\t\treturn true\n\t}\n\tif (typeof labelledBy === 'string' && labelledBy.length > 0) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl) {\n\t\t\treturn true\n\t\t}\n\t}\n\tgovWarningLog(`[${component}]: The element has no defined wcag-label or wcag-labelled-by attribute.`)\n\treturn false\n}\n"]}

package/dist/collection/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map