@gov-design-system-ce/components 0.0.5 → 0.0.6

package/dist/collection/components/gov-form/switch/gov-form-switch.js

@@ -1,12 +1,11 @@
 import { Host, h } from '@stencil/core';
-import { createID } from '../../../../src/utils/string.utils';
+import { createID } from '../../../utils/string.utils';
 import { validateProp } from '../../../helpers/Validate/props';
-import { FormSwitchClass } from './constants';
+import { FormSwitchClass, FormSwitchSizes } from './constants';
 import { toBoolAttrIfDefined } from '../../../helpers/Dom/template';
 import { validateWcagLabelFor, validateWcagRef } from '../../../helpers/Validate/wcag';
 import { canValidateWcagOnRender } from '../../../helpers/Dom/win';
 import { delay } from '../../../utils/utils';
-import { Sizes } from '../../../core/constants/sizes';
 import { govHost } from '../../../helpers/Dom/template';
 import { govForm } from '../../../helpers/Dom/form';
 export class GovFormSwitch {
@@ -16,7 +15,7 @@ export class GovFormSwitch {
     this.required = false;
     this.disabled = undefined;
     this.name = undefined;
-    this.size = Sizes._M;
+    this.size = 'm';
     this.identifier = undefined;
     this.invalid = undefined;
     this.wcagDescribedBy = undefined;
@@ -34,7 +33,7 @@ export class GovFormSwitch {
     });
   }
   validateSize(newValue) {
-    validateProp(Sizes, newValue, FormSwitchClass.root);
+    validateProp(FormSwitchSizes, newValue, FormSwitchClass.root);
   }
   componentWillLoad() {
     this.isChecked = this.checked;
@@ -174,27 +173,27 @@ export class GovFormSwitch {
         "reflect": false
       },
       "size": {
-        "type": "any",
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "SizesType",
-          "resolved": "any",
+          "original": "FormSwitchSizesType",
+          "resolved": "\"l\" | \"m\" | \"s\" | \"xs\"",
           "references": {
-            "SizesType": {
+            "FormSwitchSizesType": {
               "location": "import",
               "path": "./constants"
             }
           }
         },
         "required": false,
-        "optional": false,
+        "optional": true,
         "docs": {
           "tags": [],
           "text": "Switch's size."
         },
         "attribute": "size",
         "reflect": false,
-        "defaultValue": "Sizes._M"
+        "defaultValue": "'m'"
       },
       "identifier": {
         "type": "string",

package/dist/collection/components/gov-form/switch/gov-form-switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-form-switch.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/switch/gov-form-switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Event, EventEmitter, Element, Watch, Method } from '@stencil/core'\nimport { createID } from '../../../../src/utils/string.utils'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { FormSwitchClass, SizesType } from './constants'\nimport { toBoolAttrIfDefined } from '../../../helpers/Dom/template'\nimport { validateWcagLabelFor, validateWcagRef } from '../../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../../helpers/Dom/win'\nimport { delay } from '../../../utils/utils'\nimport { Sizes } from '../../../core/constants/sizes'\nimport { GovForm }from '../../../helpers/Dom/form.d'\nimport { govHost }from '../../../helpers/Dom/template'\nimport { GovHost }from '../../../helpers/Dom/template.d'\nimport { govForm }from '../../../helpers/Dom/form'\nimport { GovFormSwitchChangeEvent } from './interfaces';\n\n@Component({\n\ttag: 'gov-form-switch',\n\tstyleUrl: 'gov-form-switch.scss',\n})\nexport class GovFormSwitch {\n\tprivate h: GovHost\n\tprivate f: GovForm\n\n\tprivate readonly checkboxId: string\n\n\tconstructor() {\n\t\tthis.checkboxId = createID('GovCheckbox')\n\n\t\tthis.h = govHost(this.host);\n\t\tthis.f = govForm(this.h);\n\t}\n\n\t@Element() host: HTMLGovFormSwitchElement\n\t/**\n\t * Value of switch\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * Switch default state\n\t */\n\t@Prop({ reflect: true }) readonly checked: boolean = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the switch component disabled.\n\t * This prevents users from being able to interact with the switch, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Name of the switch.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Switch's size.\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\t/**\n\t * Custom switch identifier.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: 'wcag-described-by' }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when the switch has focus.\n\t */\n\t@Event({ eventName: 'gov-focus' }) govFocus: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the switch loses focus.\n\t */\n\t@Event({ eventName: 'gov-blur' }) govBlur: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the switch change value.\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovFormSwitchChangeEvent>\n\n\t@State() isChecked: boolean\n\n\t@Watch('checked')\n\tupdateCheckedState(newValue: boolean): void {\n\t\tthis.isChecked = newValue\n\t\tthis.govChange.emit({\n\t\t\tchecked: this.isChecked,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, FormSwitchClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.isChecked = this.checked\n\n\t\tthis.f.passAttrToControl('type', 'switch')\n\t\tthis.h.passChildAttr(FormSwitchClass.root, 'identifier', this.identifier || this.checkboxId)\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\tconst { isChecked } = this\n\n\t\treturn (\n\t\t\t<Host class={FormSwitchClass.root} is-checked={isChecked} size={this.size} invalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t<div class={FormSwitchClass.holder}>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={FormSwitchClass.input}\n\t\t\t\t\t\tid={this.identifier || this.checkboxId}\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tchecked={this.isChecked}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\taria-checked={this.isChecked}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t<span class={FormSwitchClass.indicator}></span>\n\t\t\t\t\t<slot name=\"label\"></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.govFocus.emit(e)\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.govBlur.emit(e)\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.isChecked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tchecked: this.isChecked,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, 'wcag-described-by', FormSwitchClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, 'wcag-labelled-by', FormSwitchClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.checkboxId, this.wcagLabelledBy, FormSwitchClass.root)\n\t}\n}\n"]}
+{"version":3,"file":"gov-form-switch.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/switch/gov-form-switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Event, EventEmitter, Element, Watch, Method } from '@stencil/core'\nimport { createID } from '../../../utils/string.utils'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { FormSwitchClass, FormSwitchSizes, FormSwitchSizesType } from './constants'\nimport { toBoolAttrIfDefined } from '../../../helpers/Dom/template'\nimport { validateWcagLabelFor, validateWcagRef } from '../../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../../helpers/Dom/win'\nimport { delay } from '../../../utils/utils'\nimport { GovForm } from '../../../helpers/Dom/form.types'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { govForm } from '../../../helpers/Dom/form'\nimport { GovFormSwitchChangeEvent } from './interfaces'\n\n@Component({\n\ttag: 'gov-form-switch',\n\tstyleUrl: 'gov-form-switch.scss',\n})\nexport class GovFormSwitch {\n\tprivate h: GovHost\n\tprivate f: GovForm\n\n\tprivate readonly checkboxId: string\n\n\tconstructor() {\n\t\tthis.checkboxId = createID('GovCheckbox')\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormSwitchElement\n\t/**\n\t * Value of switch\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * Switch default state\n\t */\n\t@Prop({ reflect: true }) readonly checked: boolean = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the switch component disabled.\n\t * This prevents users from being able to interact with the switch, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Name of the switch.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Switch's size.\n\t */\n\t@Prop() readonly size?: FormSwitchSizesType = 'm'\n\t/**\n\t * Custom switch identifier.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: 'wcag-described-by' }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when the switch has focus.\n\t */\n\t@Event({ eventName: 'gov-focus' }) govFocus: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the switch loses focus.\n\t */\n\t@Event({ eventName: 'gov-blur' }) govBlur: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the switch change value.\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovFormSwitchChangeEvent>\n\n\t@State() isChecked: boolean\n\n\t@Watch('checked')\n\tupdateCheckedState(newValue: boolean): void {\n\t\tthis.isChecked = newValue\n\t\tthis.govChange.emit({\n\t\t\tchecked: this.isChecked,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSwitchSizes, newValue, FormSwitchClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.isChecked = this.checked\n\n\t\tthis.f.passAttrToControl('type', 'switch')\n\t\tthis.h.passChildAttr(FormSwitchClass.root, 'identifier', this.identifier || this.checkboxId)\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\tconst { isChecked } = this\n\n\t\treturn (\n\t\t\t<Host class={FormSwitchClass.root} is-checked={isChecked} size={this.size} invalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t<div class={FormSwitchClass.holder}>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={FormSwitchClass.input}\n\t\t\t\t\t\tid={this.identifier || this.checkboxId}\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tchecked={this.isChecked}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\taria-checked={this.isChecked}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t<span class={FormSwitchClass.indicator}></span>\n\t\t\t\t\t<slot name=\"label\"></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.govFocus.emit(e)\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.govBlur.emit(e)\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.isChecked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tchecked: this.isChecked,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, 'wcag-described-by', FormSwitchClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, 'wcag-labelled-by', FormSwitchClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.checkboxId, this.wcagLabelledBy, FormSwitchClass.root)\n\t}\n}\n"]}

package/dist/collection/components/gov-form/switch/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/switch/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export interface GovFormSwitchChangeEvent {\n\tchecked: boolean;\n\tvalue: string;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/switch/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export interface GovFormSwitchChangeEvent {\n\tchecked: boolean\n\tvalue: string\n}\n"]}

package/dist/collection/components/gov-grid/constants.js

@@ -1,15 +1,3 @@
-import { Sizes as GlobalSizes } from '../../core/constants/sizes';
-export const Sizes = [undefined,
-  GlobalSizes._2XS,
-  GlobalSizes._XS,
-  GlobalSizes._S,
-  GlobalSizes._M,
-  GlobalSizes._L,
-  GlobalSizes._XL,
-  GlobalSizes._2XL,
-  GlobalSizes._3XL,
-  GlobalSizes._4XL,
-];
 export const GridClass = {
   root: 'gov-grid',
 };

package/dist/collection/components/gov-grid/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-grid/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAEjE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,SAAS;EAC9B,WAAW,CAAC,IAAI;EAChB,WAAW,CAAC,GAAG;EACf,WAAW,CAAC,EAAE;EACd,WAAW,CAAC,EAAE;EACd,WAAW,CAAC,EAAE;EACd,WAAW,CAAC,GAAG;EACf,WAAW,CAAC,IAAI;EAChB,WAAW,CAAC,IAAI;EAChB,WAAW,CAAC,IAAI;CAEP,CAAA;AAGV,MAAM,CAAC,MAAM,SAAS,GAAG;EACxB,IAAI,EAAE,UAAU;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG;EAC5B,IAAI,EAAE,eAAe;CACrB,CAAA","sourcesContent":["import { Sizes as GlobalSizes } from '../../core/constants/sizes'\n\nexport const Sizes = [undefined,\n\tGlobalSizes._2XS,\n\tGlobalSizes._XS,\n\tGlobalSizes._S,\n\tGlobalSizes._M,\n\tGlobalSizes._L,\n\tGlobalSizes._XL,\n\tGlobalSizes._2XL,\n\tGlobalSizes._3XL,\n\tGlobalSizes._4XL,\n\n] as const\nexport type SizesType = (typeof Sizes)[number]\n\nexport const GridClass = {\n\troot: 'gov-grid',\n}\n\nexport const GridItemClass = {\n\troot: 'gov-grid-item',\n}\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-grid/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;EACxB,IAAI,EAAE,UAAU;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG;EAC5B,IAAI,EAAE,eAAe;CACrB,CAAA","sourcesContent":["export const GridClass = {\n\troot: 'gov-grid',\n}\n\nexport const GridItemClass = {\n\troot: 'gov-grid-item',\n}\n"]}

package/dist/collection/components/gov-grid/gov-grid-item.js

@@ -1,9 +1,9 @@
-import { h, Host } from "@stencil/core";
-import { GridItemClass } from "./constants";
-import { govHost } from "../../helpers/Dom/template";
+import { h, Host } from '@stencil/core';
+import { GridItemClass } from './constants';
+import { govHost } from '../../helpers/Dom/template';
 export class GovGridItem {
   constructor() {
-    this.size = "12/12";
+    this.size = '12/12';
     this.sizeSm = undefined;
     this.sizeMd = undefined;
     this.sizeLg = undefined;
@@ -42,7 +42,7 @@ export class GovGridItem {
         },
         "attribute": "size",
         "reflect": false,
-        "defaultValue": "\"12/12\""
+        "defaultValue": "'12/12'"
       },
       "sizeSm": {
         "type": "string",

package/dist/collection/components/gov-grid/gov-grid-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-grid-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-grid/gov-grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAOpD,MAAM,OAAO,WAAW;EAGvB;gBAQgC,OAAO;;;;;IAPtC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAwBD,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EACzC,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,aACN,IAAI,CAAC,MAAM,aACX,IAAI,CAAC,MAAM,aACX,IAAI,CAAC,MAAM,aACX,IAAI,CAAC,MAAM;MACpB,eAAQ,CACF,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop } from \"@stencil/core\"\nimport { GridItemClass } from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\n\n@Component({\n\ttag: \"gov-grid-item\",\n\tstyleUrl: \"gov-grid-item.scss\",\n})\nexport class GovGridItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovGridItemElement\n\t/**\n\t * Cell size as a fraction of 1/12 of the grid size\n\t */\n\t@Prop() readonly size: string = \"12/12\"\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({attribute: 'size-sm'}) readonly sizeSm: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({attribute: 'size-md'}) readonly sizeMd: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({attribute: 'size-lg'}) readonly sizeLg: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({attribute: 'size-xl'}) readonly sizeXl: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\n\t\t\t\trole=\"listitem\"\n\t\t\t\tsize={this.size}\n\t\t\t\tsize-sm={this.sizeSm}\n\t\t\t\tsize-md={this.sizeMd}\n\t\t\t\tsize-lg={this.sizeLg}\n\t\t\t\tsize-xl={this.sizeXl}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"gov-grid-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-grid/gov-grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAOpD,MAAM,OAAO,WAAW;EAGvB;gBAQgC,OAAO;;;;;IAPtC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAwBD,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EACzC,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,aACN,IAAI,CAAC,MAAM,aACX,IAAI,CAAC,MAAM,aACX,IAAI,CAAC,MAAM,aACX,IAAI,CAAC,MAAM;MAEpB,eAAQ,CACF,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridItemClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid-item',\n\tstyleUrl: 'gov-grid-item.scss',\n})\nexport class GovGridItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovGridItemElement\n\t/**\n\t * Cell size as a fraction of 1/12 of the grid size\n\t */\n\t@Prop() readonly size: string = '12/12'\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-sm' }) readonly sizeSm: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-md' }) readonly sizeMd: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-lg' }) readonly sizeLg: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'size-xl' }) readonly sizeXl: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\n\t\t\t\trole=\"listitem\"\n\t\t\t\tsize={this.size}\n\t\t\t\tsize-sm={this.sizeSm}\n\t\t\t\tsize-md={this.sizeMd}\n\t\t\t\tsize-lg={this.sizeLg}\n\t\t\t\tsize-xl={this.sizeXl}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -1,6 +1,6 @@
-import { h, Host } from "@stencil/core";
-import { GridClass } from "./constants";
-import { govHost } from "../../helpers/Dom/template";
+import { h, Host } from '@stencil/core';
+import { GridClass } from './constants';
+import { govHost } from '../../helpers/Dom/template';
 export class GovGrid {
   constructor() {
     this.alignX = undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"gov-grid.js","sourceRoot":"","sources":["../../../../../../src/components/gov-grid/gov-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAOpD,MAAM,OAAO,OAAO;EAGnB;;;IACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAaD,8BAA8B;EAE9B,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,aAAW,IAAI,CAAC,MAAM,aAAW,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM;MACnG,eAAa,CACP,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop } from \"@stencil/core\"\nimport { GridClass } from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\n\n@Component({\n\ttag: \"gov-grid\",\n\tstyleUrl: \"gov-grid.scss\",\n})\nexport class GovGrid {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovGridElement\n\t/**\n\t * Horizontal align of cells\n\t */\n\t@Prop({attribute: 'align-x'}) readonly alignX: string\n\n\t/**\n\t * Vertical align of cells\n\t */\n\t@Prop({attribute: 'align-y'}) readonly alignY: string\n\n\t// vertical / horizontal align\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(GridClass.root)} align-x={this.alignX} align-y={this.alignY} role=\"list\">\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"gov-grid.js","sourceRoot":"","sources":["../../../../../../src/components/gov-grid/gov-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAOpD,MAAM,OAAO,OAAO;EAGnB;;;IACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAaD,8BAA8B;EAE9B,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,aAAW,IAAI,CAAC,MAAM,aAAW,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM;MACnG,eAAa,CACP,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid',\n\tstyleUrl: 'gov-grid.scss',\n})\nexport class GovGrid {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovGridElement\n\t/**\n\t * Horizontal align of cells\n\t */\n\t@Prop({ attribute: 'align-x' }) readonly alignX: string\n\n\t/**\n\t * Vertical align of cells\n\t */\n\t@Prop({ attribute: 'align-y' }) readonly alignY: string\n\n\t// vertical / horizontal align\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(GridClass.root)} align-x={this.alignX} align-y={this.alignY} role=\"list\">\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-icon/constants.js

@@ -1,4 +1,9 @@
-export const Types = ['basic', 'complex', 'colored'];
+var Types;
+(function (Types) {
+  Types["BASIC"] = "basic";
+  Types["COMPLEX"] = "complex";
+  Types["COLORED"] = "colored";
+})(Types || (Types = {}));
 export const IconClass = {
   root: 'gov-icon',
   holder: 'gov-icon__holder',

package/dist/collection/components/gov-icon/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAU,CAAA;AAG7D,MAAM,CAAC,MAAM,SAAS,GAAG;EACxB,IAAI,EAAE,UAAU;EAChB,MAAM,EAAE,kBAAkB;CAC1B,CAAA","sourcesContent":["export const Types = ['basic', 'complex', 'colored'] as const\nexport type Type = (typeof Types)[number]\n\nexport const IconClass = {\n\troot: 'gov-icon',\n\tholder: 'gov-icon__holder',\n}\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/constants.ts"],"names":[],"mappings":"AAEA,IAAK,KAIJ;AAJD,WAAK,KAAK;EACT,wBAAe,CAAA;EACf,4BAAmB,CAAA;EACnB,4BAAmB,CAAA;AACpB,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAGD,MAAM,CAAC,MAAM,SAAS,GAAG;EACxB,IAAI,EAAE,UAAU;EAChB,MAAM,EAAE,kBAAkB;CAC1B,CAAA","sourcesContent":["import { ValueOf } from '../../types/interfaces'\n\nenum Types {\n\tBASIC = 'basic',\n\tCOMPLEX = 'complex',\n\tCOLORED = 'colored',\n}\nexport type Type = `${ValueOf<typeof Types>}`\n\nexport const IconClass = {\n\troot: 'gov-icon',\n\tholder: 'gov-icon__holder',\n}\n"]}

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

@@ -1,7 +1,7 @@
 import { Build, h, Host } from '@stencil/core';
 import { IconClass } from './constants';
 import { fetchIcon } from '../../utils/icon.utils';
-import { govHost } from "../../helpers/Dom/template";
+import { govHost } from '../../helpers/Dom/template';
 export class GovIcon {
   constructor() {
     this.name = null;

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

@@ -1 +1 @@
-{"version":3,"file":"gov-icon.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/gov-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACtF,OAAO,EAAE,SAAS,EAAQ,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAQpD,MAAM,OAAO,OAAO;EAGnB;gBAOuB,IAAI;gBAIN,OAAO;;mBAED,KAAK;iBACP,KAAK;IAb7B,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAgBO,KAAK,CAAC,gBAAgB;IAC7B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;IACpC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE;MAC1C,OAAM;KACN;IACD,IAAI;MACH,IAAI,CAAC,QAAQ,GAAG,MAAM,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;KAC/C;IAAC,OAAO,CAAC,EAAE;MACX,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;KACjB;EACF,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,gBAAgB,CAAC,KAAK,IAAI,EAAE;MAChC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;MACnB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAA;IAC9B,CAAC,CAAC,CAAA;EACH,CAAC;EAED,oBAAoB;IACnB,IAAI,IAAI,CAAC,oBAAoB,EAAE;MAC9B,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,CAAA;MACtC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAA;KAChC;EACF,CAAC;EAED,KAAK,CAAC,iBAAiB;IACtB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAA;EAC9B,CAAC;EAEO,gBAAgB,CAAC,QAAoB;IAC5C,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAE,MAAc,CAAC,oBAAoB,EAAE;MAC/F,QAAQ,EAAE,CAAA;MACV,OAAM;KACN;IACD,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CACnD,OAAO,CAAC,EAAE;MACT,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACvB,IAAI,KAAK,CAAC,cAAc,EAAE;UACzB,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,CAAA;UACtC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAA;UAChC,QAAQ,EAAE,CAAA;SACV;MACF,CAAC,CAAC,CAAA;IACH,CAAC,EACD,EAAE,UAAU,EAAE,MAAM,EAAE,CACtB,CAAA;IACD,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC7C,CAAC;EAED,MAAM;IACL,IAAI,IAAI,CAAC,KAAK,EAAE;MACf,OAAO,IAAI,CAAA;KACX;IACD,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;MAC1C,YAAM,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,GAAS,CAC1D,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Build, Component, Element, h, Prop, State, Watch, Host } from '@stencil/core'\nimport { IconClass, Type } from './constants'\nimport { fetchIcon } from '../../utils/icon.utils'\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.d\"\n\n@Component({\n\tassetsDirs: ['assets'],\n\tstyleUrl: 'gov-icon.scss',\n\ttag: 'gov-icon',\n})\nexport class GovIcon {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t@Element() host: HTMLGovIconElement\n\t/**\n\t * Name of icon\n\t */\n\t@Prop() name: string = null\n\t/**\n\t * Type of icon\n\t */\n\t@Prop() type: Type = 'basic'\n\t@State() private iconData: string\n\t@State() private visible = false\n\t@State() private error = false\n\tprivate intersectionObserver: IntersectionObserver\n\n\t@Watch('name')\n\tprivate async loadIconPathData(): Promise<void> {\n\t\tconst { name, visible, type } = this\n\t\tif (!Build.isBrowser || !name || !visible) {\n\t\t\treturn\n\t\t}\n\t\ttry {\n\t\t\tthis.iconData = await fetchIcon({ name, type })\n\t\t} catch (e) {\n\t\t\tthis.error = true\n\t\t}\n\t}\n\n\tconnectedCallback(): void {\n\t\tthis.waitUntilVisible(async () => {\n\t\t\tthis.visible = true\n\t\t\tawait this.loadIconPathData()\n\t\t})\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tif (this.intersectionObserver) {\n\t\t\tthis.intersectionObserver.disconnect()\n\t\t\tthis.intersectionObserver = null\n\t\t}\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tawait this.loadIconPathData()\n\t}\n\n\tprivate waitUntilVisible(callback: () => void): void {\n\t\tif (!Build.isBrowser || typeof window === 'undefined' || !(window as any).IntersectionObserver) {\n\t\t\tcallback()\n\t\t\treturn\n\t\t}\n\t\tthis.intersectionObserver = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tentries.forEach(entry => {\n\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\tthis.intersectionObserver.disconnect()\n\t\t\t\t\t\tthis.intersectionObserver = null\n\t\t\t\t\t\tcallback()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t},\n\t\t\t{ rootMargin: '50px' }\n\t\t)\n\t\tthis.intersectionObserver.observe(this.host)\n\t}\n\n\trender() {\n\t\tif (this.error) {\n\t\t\treturn null\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(IconClass.root)}>\n\t\t\t\t<span class={IconClass.holder} innerHTML={this.iconData}></span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"gov-icon.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/gov-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACtF,OAAO,EAAE,SAAS,EAAQ,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAQpD,MAAM,OAAO,OAAO;EAGnB;gBAOuB,IAAI;gBAIN,OAAO;;mBAED,KAAK;iBACP,KAAK;IAb7B,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAgBO,KAAK,CAAC,gBAAgB;IAC7B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;IACpC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE;MAC1C,OAAM;KACN;IACD,IAAI;MACH,IAAI,CAAC,QAAQ,GAAG,MAAM,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;KAC/C;IAAC,OAAO,CAAC,EAAE;MACX,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;KACjB;EACF,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,gBAAgB,CAAC,KAAK,IAAI,EAAE;MAChC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;MACnB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAA;IAC9B,CAAC,CAAC,CAAA;EACH,CAAC;EAED,oBAAoB;IACnB,IAAI,IAAI,CAAC,oBAAoB,EAAE;MAC9B,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,CAAA;MACtC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAA;KAChC;EACF,CAAC;EAED,KAAK,CAAC,iBAAiB;IACtB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAA;EAC9B,CAAC;EAEO,gBAAgB,CAAC,QAAoB;IAC5C,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAE,MAAc,CAAC,oBAAoB,EAAE;MAC/F,QAAQ,EAAE,CAAA;MACV,OAAM;KACN;IACD,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CACnD,OAAO,CAAC,EAAE;MACT,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACvB,IAAI,KAAK,CAAC,cAAc,EAAE;UACzB,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,CAAA;UACtC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAA;UAChC,QAAQ,EAAE,CAAA;SACV;MACF,CAAC,CAAC,CAAA;IACH,CAAC,EACD,EAAE,UAAU,EAAE,MAAM,EAAE,CACtB,CAAA;IACD,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC7C,CAAC;EAED,MAAM;IACL,IAAI,IAAI,CAAC,KAAK,EAAE;MACf,OAAO,IAAI,CAAA;KACX;IACD,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;MAC1C,YAAM,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,GAAS,CAC1D,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Build, Component, Element, h, Prop, State, Watch, Host } from '@stencil/core'\nimport { IconClass, Type } from './constants'\nimport { fetchIcon } from '../../utils/icon.utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\tassetsDirs: ['assets'],\n\tstyleUrl: 'gov-icon.scss',\n\ttag: 'gov-icon',\n})\nexport class GovIcon {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t@Element() host: HTMLGovIconElement\n\t/**\n\t * Name of icon\n\t */\n\t@Prop() name: string = null\n\t/**\n\t * Type of icon\n\t */\n\t@Prop() type: Type = 'basic'\n\t@State() private iconData: string\n\t@State() private visible = false\n\t@State() private error = false\n\tprivate intersectionObserver: IntersectionObserver\n\n\t@Watch('name')\n\tprivate async loadIconPathData(): Promise<void> {\n\t\tconst { name, visible, type } = this\n\t\tif (!Build.isBrowser || !name || !visible) {\n\t\t\treturn\n\t\t}\n\t\ttry {\n\t\t\tthis.iconData = await fetchIcon({ name, type })\n\t\t} catch (e) {\n\t\t\tthis.error = true\n\t\t}\n\t}\n\n\tconnectedCallback(): void {\n\t\tthis.waitUntilVisible(async () => {\n\t\t\tthis.visible = true\n\t\t\tawait this.loadIconPathData()\n\t\t})\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tif (this.intersectionObserver) {\n\t\t\tthis.intersectionObserver.disconnect()\n\t\t\tthis.intersectionObserver = null\n\t\t}\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tawait this.loadIconPathData()\n\t}\n\n\tprivate waitUntilVisible(callback: () => void): void {\n\t\tif (!Build.isBrowser || typeof window === 'undefined' || !(window as any).IntersectionObserver) {\n\t\t\tcallback()\n\t\t\treturn\n\t\t}\n\t\tthis.intersectionObserver = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tentries.forEach(entry => {\n\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\tthis.intersectionObserver.disconnect()\n\t\t\t\t\t\tthis.intersectionObserver = null\n\t\t\t\t\t\tcallback()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t},\n\t\t\t{ rootMargin: '50px' }\n\t\t)\n\t\tthis.intersectionObserver.observe(this.host)\n\t}\n\n\trender() {\n\t\tif (this.error) {\n\t\t\treturn null\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(IconClass.root)}>\n\t\t\t\t<span class={IconClass.holder} innerHTML={this.iconData}></span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-icon/list.js

@@ -1,95 +1,95 @@
 export const complexIcons = [
-  "complex/24-7",
-  "complex/arrival",
-  "complex/bell",
-  "complex/big-help",
-  "complex/business-file",
-  "complex/businessman",
-  "complex/car",
-  "complex/card-400",
-  "complex/card-401",
-  "complex/card-403",
-  "complex/card-404",
-  "complex/card-500",
-  "complex/card-502",
-  "complex/communication",
-  "complex/confusion",
-  "complex/court",
-  "complex/covid",
-  "complex/disability",
-  "complex/doc-agreement",
-  "complex/doc-basic-info",
-  "complex/doc-business",
-  "complex/doc-car-point-list",
-  "complex/doc-diploma",
-  "complex/doc-driver-info",
-  "complex/doc-election",
-  "complex/doc-filled",
-  "complex/doc-health",
-  "complex/doc-judgment",
-  "complex/doc-patient",
-  "complex/doc-personal-info",
-  "complex/doc-petition",
-  "complex/doc-registers",
-  "complex/doc-review",
-  "complex/doc-search",
-  "complex/doc-stamp",
-  "complex/doc-state",
-  "complex/doc-taxes",
-  "complex/doc-universal",
-  "complex/doc-visa",
-  "complex/documents",
-  "complex/driver",
-  "complex/driver-file",
-  "complex/driving-licence",
-  "complex/email-notification",
-  "complex/energy",
-  "complex/envelope",
-  "complex/family",
-  "complex/globe",
-  "complex/graduate",
-  "complex/hand",
-  "complex/hand-400",
-  "complex/hand-401",
-  "complex/hand-403",
-  "complex/hand-404",
-  "complex/hand-500",
-  "complex/hand-502",
-  "complex/health",
-  "complex/help",
-  "complex/history",
-  "complex/holiday",
-  "complex/hourglass",
-  "complex/id",
-  "complex/id-card",
-  "complex/illness",
-  "complex/info",
-  "complex/institute-file",
-  "complex/job",
-  "complex/job-loss",
-  "complex/new-comments",
-  "complex/newborn",
-  "complex/news",
-  "complex/passport",
-  "complex/personal-file",
-  "complex/pet",
-  "complex/petrol-station",
-  "complex/pills",
-  "complex/portal",
-  "complex/pregnant",
-  "complex/profile-settings",
-  "complex/property",
-  "complex/queue",
-  "complex/retiree",
-  "complex/rings",
-  "complex/settings",
-  "complex/simple-envelope",
-  "complex/sms-notification",
-  "complex/state-file",
-  "complex/tombstone",
-  "complex/union",
-  "complex/vaccine",
+  'complex/24-7',
+  'complex/arrival',
+  'complex/bell',
+  'complex/big-help',
+  'complex/business-file',
+  'complex/businessman',
+  'complex/car',
+  'complex/card-400',
+  'complex/card-401',
+  'complex/card-403',
+  'complex/card-404',
+  'complex/card-500',
+  'complex/card-502',
+  'complex/communication',
+  'complex/confusion',
+  'complex/court',
+  'complex/covid',
+  'complex/disability',
+  'complex/doc-agreement',
+  'complex/doc-basic-info',
+  'complex/doc-business',
+  'complex/doc-car-point-list',
+  'complex/doc-diploma',
+  'complex/doc-driver-info',
+  'complex/doc-election',
+  'complex/doc-filled',
+  'complex/doc-health',
+  'complex/doc-judgment',
+  'complex/doc-patient',
+  'complex/doc-personal-info',
+  'complex/doc-petition',
+  'complex/doc-registers',
+  'complex/doc-review',
+  'complex/doc-search',
+  'complex/doc-stamp',
+  'complex/doc-state',
+  'complex/doc-taxes',
+  'complex/doc-universal',
+  'complex/doc-visa',
+  'complex/documents',
+  'complex/driver',
+  'complex/driver-file',
+  'complex/driving-licence',
+  'complex/email-notification',
+  'complex/energy',
+  'complex/envelope',
+  'complex/family',
+  'complex/globe',
+  'complex/graduate',
+  'complex/hand',
+  'complex/hand-400',
+  'complex/hand-401',
+  'complex/hand-403',
+  'complex/hand-404',
+  'complex/hand-500',
+  'complex/hand-502',
+  'complex/health',
+  'complex/help',
+  'complex/history',
+  'complex/holiday',
+  'complex/hourglass',
+  'complex/id',
+  'complex/id-card',
+  'complex/illness',
+  'complex/info',
+  'complex/institute-file',
+  'complex/job',
+  'complex/job-loss',
+  'complex/new-comments',
+  'complex/newborn',
+  'complex/news',
+  'complex/passport',
+  'complex/personal-file',
+  'complex/pet',
+  'complex/petrol-station',
+  'complex/pills',
+  'complex/portal',
+  'complex/pregnant',
+  'complex/profile-settings',
+  'complex/property',
+  'complex/queue',
+  'complex/retiree',
+  'complex/rings',
+  'complex/settings',
+  'complex/simple-envelope',
+  'complex/sms-notification',
+  'complex/state-file',
+  'complex/tombstone',
+  'complex/union',
+  'complex/vaccine',
 ];
-export const basicIcons = ["basic/arrow-down", "basic/check", "basic/cross", "basic/exclamation", "basic/info", "basic/loader", "basic/warning"];
+export const basicIcons = ['basic/arrow-down', 'basic/check', 'basic/cross', 'basic/exclamation', 'basic/info', 'basic/loader', 'basic/warning'];
 export const icons = [...complexIcons, ...basicIcons];
 //# sourceMappingURL=list.js.map

package/dist/collection/components/gov-icon/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/list.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;EAC3B,cAAc;EACd,iBAAiB;EACjB,cAAc;EACd,kBAAkB;EAClB,uBAAuB;EACvB,qBAAqB;EACrB,aAAa;EACb,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;EACf,eAAe;EACf,oBAAoB;EACpB,uBAAuB;EACvB,wBAAwB;EACxB,sBAAsB;EACtB,4BAA4B;EAC5B,qBAAqB;EACrB,yBAAyB;EACzB,sBAAsB;EACtB,oBAAoB;EACpB,oBAAoB;EACpB,sBAAsB;EACtB,qBAAqB;EACrB,2BAA2B;EAC3B,sBAAsB;EACtB,uBAAuB;EACvB,oBAAoB;EACpB,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,mBAAmB;EACnB,gBAAgB;EAChB,qBAAqB;EACrB,yBAAyB;EACzB,4BAA4B;EAC5B,gBAAgB;EAChB,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,cAAc;EACd,iBAAiB;EACjB,iBAAiB;EACjB,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,iBAAiB;EACjB,cAAc;EACd,wBAAwB;EACxB,aAAa;EACb,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,cAAc;EACd,kBAAkB;EAClB,uBAAuB;EACvB,aAAa;EACb,wBAAwB;EACxB,eAAe;EACf,gBAAgB;EAChB,kBAAkB;EAClB,0BAA0B;EAC1B,kBAAkB;EAClB,eAAe;EACf,iBAAiB;EACjB,eAAe;EACf,kBAAkB;EAClB,yBAAyB;EACzB,0BAA0B;EAC1B,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;CACjB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,kBAAkB,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,CAAC,CAAA;AAEhJ,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,GAAG,UAAU,CAAC,CAAA","sourcesContent":["export const complexIcons = [\n\t\"complex/24-7\",\n\t\"complex/arrival\",\n\t\"complex/bell\",\n\t\"complex/big-help\",\n\t\"complex/business-file\",\n\t\"complex/businessman\",\n\t\"complex/car\",\n\t\"complex/card-400\",\n\t\"complex/card-401\",\n\t\"complex/card-403\",\n\t\"complex/card-404\",\n\t\"complex/card-500\",\n\t\"complex/card-502\",\n\t\"complex/communication\",\n\t\"complex/confusion\",\n\t\"complex/court\",\n\t\"complex/covid\",\n\t\"complex/disability\",\n\t\"complex/doc-agreement\",\n\t\"complex/doc-basic-info\",\n\t\"complex/doc-business\",\n\t\"complex/doc-car-point-list\",\n\t\"complex/doc-diploma\",\n\t\"complex/doc-driver-info\",\n\t\"complex/doc-election\",\n\t\"complex/doc-filled\",\n\t\"complex/doc-health\",\n\t\"complex/doc-judgment\",\n\t\"complex/doc-patient\",\n\t\"complex/doc-personal-info\",\n\t\"complex/doc-petition\",\n\t\"complex/doc-registers\",\n\t\"complex/doc-review\",\n\t\"complex/doc-search\",\n\t\"complex/doc-stamp\",\n\t\"complex/doc-state\",\n\t\"complex/doc-taxes\",\n\t\"complex/doc-universal\",\n\t\"complex/doc-visa\",\n\t\"complex/documents\",\n\t\"complex/driver\",\n\t\"complex/driver-file\",\n\t\"complex/driving-licence\",\n\t\"complex/email-notification\",\n\t\"complex/energy\",\n\t\"complex/envelope\",\n\t\"complex/family\",\n\t\"complex/globe\",\n\t\"complex/graduate\",\n\t\"complex/hand\",\n\t\"complex/hand-400\",\n\t\"complex/hand-401\",\n\t\"complex/hand-403\",\n\t\"complex/hand-404\",\n\t\"complex/hand-500\",\n\t\"complex/hand-502\",\n\t\"complex/health\",\n\t\"complex/help\",\n\t\"complex/history\",\n\t\"complex/holiday\",\n\t\"complex/hourglass\",\n\t\"complex/id\",\n\t\"complex/id-card\",\n\t\"complex/illness\",\n\t\"complex/info\",\n\t\"complex/institute-file\",\n\t\"complex/job\",\n\t\"complex/job-loss\",\n\t\"complex/new-comments\",\n\t\"complex/newborn\",\n\t\"complex/news\",\n\t\"complex/passport\",\n\t\"complex/personal-file\",\n\t\"complex/pet\",\n\t\"complex/petrol-station\",\n\t\"complex/pills\",\n\t\"complex/portal\",\n\t\"complex/pregnant\",\n\t\"complex/profile-settings\",\n\t\"complex/property\",\n\t\"complex/queue\",\n\t\"complex/retiree\",\n\t\"complex/rings\",\n\t\"complex/settings\",\n\t\"complex/simple-envelope\",\n\t\"complex/sms-notification\",\n\t\"complex/state-file\",\n\t\"complex/tombstone\",\n\t\"complex/union\",\n\t\"complex/vaccine\",\n]\n\nexport const basicIcons = [\"basic/arrow-down\", \"basic/check\", \"basic/cross\", \"basic/exclamation\", \"basic/info\", \"basic/loader\", \"basic/warning\"]\n\nexport const icons = [...complexIcons, ...basicIcons]\n"]}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/list.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;EAC3B,cAAc;EACd,iBAAiB;EACjB,cAAc;EACd,kBAAkB;EAClB,uBAAuB;EACvB,qBAAqB;EACrB,aAAa;EACb,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;EACf,eAAe;EACf,oBAAoB;EACpB,uBAAuB;EACvB,wBAAwB;EACxB,sBAAsB;EACtB,4BAA4B;EAC5B,qBAAqB;EACrB,yBAAyB;EACzB,sBAAsB;EACtB,oBAAoB;EACpB,oBAAoB;EACpB,sBAAsB;EACtB,qBAAqB;EACrB,2BAA2B;EAC3B,sBAAsB;EACtB,uBAAuB;EACvB,oBAAoB;EACpB,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,mBAAmB;EACnB,gBAAgB;EAChB,qBAAqB;EACrB,yBAAyB;EACzB,4BAA4B;EAC5B,gBAAgB;EAChB,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,cAAc;EACd,iBAAiB;EACjB,iBAAiB;EACjB,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,iBAAiB;EACjB,cAAc;EACd,wBAAwB;EACxB,aAAa;EACb,kBAAkB;EAClB,sBAAsB;EACtB,iBAAiB;EACjB,cAAc;EACd,kBAAkB;EAClB,uBAAuB;EACvB,aAAa;EACb,wBAAwB;EACxB,eAAe;EACf,gBAAgB;EAChB,kBAAkB;EAClB,0BAA0B;EAC1B,kBAAkB;EAClB,eAAe;EACf,iBAAiB;EACjB,eAAe;EACf,kBAAkB;EAClB,yBAAyB;EACzB,0BAA0B;EAC1B,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;CACjB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,kBAAkB,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,CAAC,CAAA;AAEhJ,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,GAAG,UAAU,CAAC,CAAA","sourcesContent":["export const complexIcons = [\n\t'complex/24-7',\n\t'complex/arrival',\n\t'complex/bell',\n\t'complex/big-help',\n\t'complex/business-file',\n\t'complex/businessman',\n\t'complex/car',\n\t'complex/card-400',\n\t'complex/card-401',\n\t'complex/card-403',\n\t'complex/card-404',\n\t'complex/card-500',\n\t'complex/card-502',\n\t'complex/communication',\n\t'complex/confusion',\n\t'complex/court',\n\t'complex/covid',\n\t'complex/disability',\n\t'complex/doc-agreement',\n\t'complex/doc-basic-info',\n\t'complex/doc-business',\n\t'complex/doc-car-point-list',\n\t'complex/doc-diploma',\n\t'complex/doc-driver-info',\n\t'complex/doc-election',\n\t'complex/doc-filled',\n\t'complex/doc-health',\n\t'complex/doc-judgment',\n\t'complex/doc-patient',\n\t'complex/doc-personal-info',\n\t'complex/doc-petition',\n\t'complex/doc-registers',\n\t'complex/doc-review',\n\t'complex/doc-search',\n\t'complex/doc-stamp',\n\t'complex/doc-state',\n\t'complex/doc-taxes',\n\t'complex/doc-universal',\n\t'complex/doc-visa',\n\t'complex/documents',\n\t'complex/driver',\n\t'complex/driver-file',\n\t'complex/driving-licence',\n\t'complex/email-notification',\n\t'complex/energy',\n\t'complex/envelope',\n\t'complex/family',\n\t'complex/globe',\n\t'complex/graduate',\n\t'complex/hand',\n\t'complex/hand-400',\n\t'complex/hand-401',\n\t'complex/hand-403',\n\t'complex/hand-404',\n\t'complex/hand-500',\n\t'complex/hand-502',\n\t'complex/health',\n\t'complex/help',\n\t'complex/history',\n\t'complex/holiday',\n\t'complex/hourglass',\n\t'complex/id',\n\t'complex/id-card',\n\t'complex/illness',\n\t'complex/info',\n\t'complex/institute-file',\n\t'complex/job',\n\t'complex/job-loss',\n\t'complex/new-comments',\n\t'complex/newborn',\n\t'complex/news',\n\t'complex/passport',\n\t'complex/personal-file',\n\t'complex/pet',\n\t'complex/petrol-station',\n\t'complex/pills',\n\t'complex/portal',\n\t'complex/pregnant',\n\t'complex/profile-settings',\n\t'complex/property',\n\t'complex/queue',\n\t'complex/retiree',\n\t'complex/rings',\n\t'complex/settings',\n\t'complex/simple-envelope',\n\t'complex/sms-notification',\n\t'complex/state-file',\n\t'complex/tombstone',\n\t'complex/union',\n\t'complex/vaccine',\n]\n\nexport const basicIcons = ['basic/arrow-down', 'basic/check', 'basic/cross', 'basic/exclamation', 'basic/info', 'basic/loader', 'basic/warning']\n\nexport const icons = [...complexIcons, ...basicIcons]\n"]}

package/dist/collection/components/gov-layout/constants.js

@@ -1,13 +1,19 @@
 export const LayoutClass = {
   root: 'gov-layout',
   section: 'gov-layout__section',
-  content: 'gov-layout__content',
-  aside: 'gov-layout__aside',
 };
-export const LayoutAsideClass = {
-  root: 'gov-layout-aside',
-};
-export const LayoutContentClass = {
-  root: 'gov-layout-content',
+var LayoutTypes;
+(function (LayoutTypes) {
+  LayoutTypes["STRETCH"] = "stretch";
+  LayoutTypes["ASIDE"] = "aside";
+  LayoutTypes["TEXT"] = "text";
+})(LayoutTypes || (LayoutTypes = {}));
+var LayoutVariant;
+(function (LayoutVariant) {
+  LayoutVariant["LEFT"] = "left";
+  LayoutVariant["RIGHT"] = "right";
+})(LayoutVariant || (LayoutVariant = {}));
+export const LayoutColumnClass = {
+  root: 'gov-layout-column',
 };
 //# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-layout/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-layout/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;EAC1B,IAAI,EAAE,YAAY;EAClB,OAAO,EAAE,qBAAqB;EAC9B,OAAO,EAAE,qBAAqB;EAC9B,KAAK,EAAE,mBAAmB;CAC1B,CAAA;AACD,MAAM,CAAC,MAAM,gBAAgB,GAAG;EAC/B,IAAI,EAAE,kBAAkB;CACxB,CAAA;AACD,MAAM,CAAC,MAAM,kBAAkB,GAAG;EACjC,IAAI,EAAE,oBAAoB;CAC1B,CAAA","sourcesContent":["export const LayoutClass = {\n\troot: 'gov-layout',\n\tsection: 'gov-layout__section',\n\tcontent: 'gov-layout__content',\n\taside: 'gov-layout__aside',\n}\nexport const LayoutAsideClass = {\n\troot: 'gov-layout-aside',\n}\nexport const LayoutContentClass = {\n\troot: 'gov-layout-content',\n}\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-layout/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;EAC1B,IAAI,EAAE,YAAY;EAClB,OAAO,EAAE,qBAAqB;CAC9B,CAAA;AAED,IAAK,WAIJ;AAJD,WAAK,WAAW;EACf,kCAAmB,CAAA;EACnB,8BAAe,CAAA;EACf,4BAAa,CAAA;AACd,CAAC,EAJI,WAAW,KAAX,WAAW,QAIf;AAGD,IAAK,aAGJ;AAHD,WAAK,aAAa;EACjB,8BAAa,CAAA;EACb,gCAAe,CAAA;AAChB,CAAC,EAHI,aAAa,KAAb,aAAa,QAGjB;AAID,MAAM,CAAC,MAAM,iBAAiB,GAAG;EAChC,IAAI,EAAE,mBAAmB;CACzB,CAAA","sourcesContent":["import { ValueOf } from '../../types/interfaces'\n\nexport const LayoutClass = {\n\troot: 'gov-layout',\n\tsection: 'gov-layout__section',\n}\n\nenum LayoutTypes {\n\tSTRETCH = 'stretch',\n\tASIDE = 'aside',\n\tTEXT = 'text',\n}\nexport type LayoutType = `${ValueOf<typeof LayoutTypes>}`\n\nenum LayoutVariant {\n\tLEFT = 'left',\n\tRIGHT = 'right',\n}\n\nexport type LayoutVariantType = `${ValueOf<typeof LayoutVariant>}`\n\nexport const LayoutColumnClass = {\n\troot: 'gov-layout-column',\n}\n"]}

package/dist/collection/components/gov-layout/{gov-layout-aside.css → gov-layout-column.css}

@@ -197,18 +197,9 @@
   }
 }
 /*
-*   Layout Aside
+*   Layout column
 */
-@media (min-width: 64em) {
-  .gov-layout-aside {
-    flex: 0 0 auto;
-    order: 2;
-    width: calc(var(--gov-container-width, 73.75rem) - var(--gov-layout-content-width, 48.75rem) - var(--gov-layout-gap, 1.375rem));
-  }
-  .gov-layout-aside[position=left i] {
-    order: 1;
-  }
-  .gov-layout-aside[position=right i] {
-    order: 3;
-  }
+.gov-layout-column {
+  position: relative;
+  display: block;
 }

package/dist/collection/components/gov-layout/gov-layout-column.js

@@ -0,0 +1,24 @@
+import { h, Host } from '@stencil/core';
+import { LayoutColumnClass } from './constants';
+import { govHost } from '../../helpers/Dom/template';
+export class GovLayoutColumn {
+  constructor() {
+    this.h = govHost(this.host);
+  }
+  render() {
+    return (h(Host, { class: this.h.classes(LayoutColumnClass.root) }, h("slot", null)));
+  }
+  static get is() { return "gov-layout-column"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gov-layout-column.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gov-layout-column.css"]
+    };
+  }
+  static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=gov-layout-column.js.map

package/dist/collection/components/gov-layout/gov-layout-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-layout-column.js","sourceRoot":"","sources":["../../../../../../src/components/gov-layout/gov-layout-column.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAOpD,MAAM,OAAO,eAAe;EAG3B;IACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC5B,CAAC;EAID,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC;MAClD,eAAQ,CACF,CACP,CAAA;EACF,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host } from '@stencil/core'\nimport { LayoutColumnClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-layout-column',\n\tstyleUrl: 'gov-layout-column.scss',\n})\nexport class GovLayoutColumn {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovLayoutColumnElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LayoutColumnClass.root)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}