@gov-design-system-ce/components 0.0.1 → 0.0.2

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

@@ -48,15 +48,15 @@
  -  Variables - Typography
  */
 /*
- -  Variables - Sizes
+ -  Variables - Variants
  */
-/* "Constants" for general usage */
 /*
- -  Variables - Variants
+ -  Variables - Container
  */
 /*
- -  Variables - Layout
+ -  Variables - Sizes
  */
+/* "Constants" for general usage */
 /*
  -  Variables - Accordion
  */
@@ -72,6 +72,9 @@
 /*
  -  Variables - Buttons (&& Badges)
  */
+/*
+ -  Variables - Breadcrumbs
+ */
 /*
  -  Variables - Classes
  */
@@ -84,9 +87,6 @@
 /*
  -  Variables - Card
  */
-/*
- -  Variables - Container
- */
 /*
  -  Variables - Message
  */
@@ -99,6 +99,9 @@
 /*
  -  Variables - Grid
  */
+/*
+ -  Variables - Tiles
+ */
 /*
  -  Variables - Modal & Prompt
  */
@@ -118,6 +121,9 @@
 /*
  -  Variables - Tooltip
  */
+/*
+ -  Variables - Loading
+ */
 /*
  -	Variables - Forms
  */
@@ -145,6 +151,9 @@
 /*
  -	Variables - Form checkbox & radio
  */
+/*
+ -  Variables - Form group
+ */
 /*
  -	Variables - Form file
  */
@@ -157,12 +166,21 @@
 /*
  -  Variables - Stepper
  */
+/*
+ -  Variables - Side nav
+ */
 /*
  -  Variables - Grid & Tile
  */
 /*
  -  Variables - Pagination
  */
+/*
+ -  Variables - Nav
+ */
+/*
+ -  Variables - Layout
+ */
 .gov-spin-animation,
 .gov-pseudo-spin-animation::before {
   animation: spin 4s linear infinite;
@@ -173,90 +191,35 @@
     transform: rotate(360deg);
   }
 }
+@keyframes countdown {
+  to {
+    transform: scaleX(0);
+  }
+}
 /*
 *   Grid
 */
 .gov-grid {
-  overflow: hidden;
+  position: relative;
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
 }
-.gov-grid > * {
-  margin: 0 -0.0625rem -0.0625rem 0;
-  border: 0.0625rem solid var(--gov-grid-border-color, var(--gov-color-secondary-500));
-  border-width: 0 0 0.0625rem;
+.gov-grid[align-x=middle] {
+  align-items: center;
 }
-.gov-grid > *:last-child {
-  border-bottom-width: 0;
+.gov-grid[align-x=bottom] {
+  align-items: flex-end;
 }
-@media (min-width: 48em) {
-  .gov-grid {
-    display: grid;
-  }
-  .gov-grid--x2 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-  .gov-grid--x2 > * {
-    border-width: 0.0625rem 0.0625rem 0.0625rem 0;
-  }
-  .gov-grid--x2 > *:nth-child(-n+3) {
-    border-top-width: 0;
-  }
-  .gov-grid--x2 > *:nth-child(2n+2) {
-    border-right-width: 0;
-  }
+.gov-grid[align-y=center] {
+  justify-content: center;
 }
-@media (min-width: 48em) and (max-width: 63.99em) {
-  .gov-grid--x3, .gov-grid--x4 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-  .gov-grid--x3 > *, .gov-grid--x4 > * {
-    border-width: 0.0625rem 0.0625rem 0.0625rem 0;
-  }
-  .gov-grid--x3 > *:nth-child(-n+3), .gov-grid--x4 > *:nth-child(-n+3) {
-    border-top-width: 0;
-  }
-  .gov-grid--x3 > *:nth-child(2n+2), .gov-grid--x4 > *:nth-child(2n+2) {
-    border-right-width: 0;
-  }
+.gov-grid[align-y=right] {
+  justify-content: flex-end;
 }
-@media (min-width: 64em) {
-  .gov-grid--x3 {
-    grid-template-columns: repeat(3, 1fr);
-  }
-  .gov-grid--x3 > * {
-    border-width: 0.0625rem 0.0625rem 0.0625rem 0;
-  }
-  .gov-grid--x3 > *:nth-child(-n+4) {
-    border-top-width: 0;
-  }
-  .gov-grid--x3 > *:nth-child(3n+3) {
-    border-right-width: 0;
-  }
-}
-@media (min-width: 64em) and (max-width: 74.99em) {
-  .gov-grid--x4 {
-    grid-template-columns: repeat(3, 1fr);
-  }
-  .gov-grid--x4 > * {
-    border-width: 0.0625rem 0.0625rem 0.0625rem 0;
-  }
-  .gov-grid--x4 > *:nth-child(-n+4) {
-    border-top-width: 0;
-  }
-  .gov-grid--x4 > *:nth-child(3n+3) {
-    border-right-width: 0;
-  }
+.gov-grid[align-y=space-between] {
+  justify-content: space-between;
 }
-@media (min-width: 75em) {
-  .gov-grid--x4 {
-    grid-template-columns: repeat(4, 1fr);
-  }
-  .gov-grid--x4 > * {
-    border-width: 0.0625rem 0.0625rem 0.0625rem 0;
-  }
-  .gov-grid--x4 > *:nth-child(-n+5) {
-    border-top-width: 0;
-  }
-  .gov-grid--x4 > *:nth-child(4n+4) {
-    border-right-width: 0;
-  }
+.gov-grid[align-y=space-around] {
+  justify-content: space-around;
 }

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

@@ -1,21 +1,15 @@
-import { h, Host } from '@stencil/core';
-import { GridClass } from './constants';
-import { prepareClasses } from "../../helpers/Dom/template";
-// import { govHost } from '../../helpers/Dom/template'
-// import { GovHost } from '../../helpers/Dom/template.d'
+import { h, Host } from "@stencil/core";
+import { GridClass } from "./constants";
+import { govHost } from "../../helpers/Dom/template";
 export class GovGrid {
-  // private h: GovHost
   constructor() {
-    this.columns = 3;
-  }
-  get classNames() {
-    return prepareClasses([
-      GridClass.root,
-      this.columns && GridClass.root + '--x' + this.columns
-    ]);
+    this.alignX = undefined;
+    this.alignY = undefined;
+    this.h = govHost(this.host);
   }
+  // vertical / horizontal align
   render() {
-    return (h(Host, { class: this.classNames }, h("slot", null)));
+    return (h(Host, { class: this.h.classes(GridClass.root), "align-x": this.alignX, "align-y": this.alignY, role: "list" }, h("slot", null)));
   }
   static get is() { return "gov-grid"; }
   static get originalStyleUrls() {
@@ -30,23 +24,39 @@ export class GovGrid {
   }
   static get properties() {
     return {
-      "columns": {
-        "type": "number",
+      "alignX": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Horizontal align of cells"
+        },
+        "attribute": "align-x",
+        "reflect": false
+      },
+      "alignY": {
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "number",
-          "resolved": "number",
+          "original": "string",
+          "resolved": "string",
           "references": {}
         },
         "required": false,
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Determide if component should have inversed colors to be used on dark background"
+          "text": "Vertical align of cells"
         },
-        "attribute": "columns",
-        "reflect": false,
-        "defaultValue": "3"
+        "attribute": "align-y",
+        "reflect": false
       }
     };
   }

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,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,uDAAuD;AACvD,yDAAyD;AAMzD,MAAM,OAAO,OAAO;EACnB,qBAAqB;EAErB;mBAOmC,CAAC;GALnC;EASD,IAAI,UAAU;IAEb,OAAO,cAAc,CAAC;MACrB,SAAS,CAAC,IAAI;MACd,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC,OAAO;KACrD,CAAC,CAAA;EACH,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,UAAU;MAC3B,eAAO,CACD,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridClass } from './constants'\nimport { prepareClasses } from \"../../helpers/Dom/template\"\n// import { govHost } from '../../helpers/Dom/template'\n// import { GovHost } from '../../helpers/Dom/template.d'\n\n@Component({\n\ttag: 'gov-grid',\n\tstyleUrl: 'gov-grid.scss',\n})\nexport class GovGrid {\n\t// private h: GovHost\n\n\tconstructor() {\n\t\t// this.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Determide if component should have inversed colors to be used on dark background\n\t */\n\t@Prop() readonly columns: number = 3\n\n\t@Element() host: HTMLGovGridElement\n\n\tget classNames(): string {\n\n\t\treturn prepareClasses([\n\t\t\tGridClass.root,\n\t\t\tthis.columns && GridClass.root + '--x' + this.columns\n\t\t])\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.classNames}>\n\t\t\t\t<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.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"]}

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

@@ -1,6 +1,6 @@
 export const Types = ['basic', 'complex', 'colored'];
 export const IconClass = {
-  root: "gov-icon",
-  holder: "gov-icon__holder",
+  root: 'gov-icon',
+  holder: 'gov-icon__holder',
 };
 //# sourceMappingURL=constants.js.map

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}"]}
+{"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"]}

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

@@ -48,15 +48,15 @@
  -  Variables - Typography
  */
 /*
- -  Variables - Sizes
+ -  Variables - Variants
  */
-/* "Constants" for general usage */
 /*
- -  Variables - Variants
+ -  Variables - Container
  */
 /*
- -  Variables - Layout
+ -  Variables - Sizes
  */
+/* "Constants" for general usage */
 /*
  -  Variables - Accordion
  */
@@ -72,6 +72,9 @@
 /*
  -  Variables - Buttons (&& Badges)
  */
+/*
+ -  Variables - Breadcrumbs
+ */
 /*
  -  Variables - Classes
  */
@@ -84,9 +87,6 @@
 /*
  -  Variables - Card
  */
-/*
- -  Variables - Container
- */
 /*
  -  Variables - Message
  */
@@ -99,6 +99,9 @@
 /*
  -  Variables - Grid
  */
+/*
+ -  Variables - Tiles
+ */
 /*
  -  Variables - Modal & Prompt
  */
@@ -118,6 +121,9 @@
 /*
  -  Variables - Tooltip
  */
+/*
+ -  Variables - Loading
+ */
 /*
  -	Variables - Forms
  */
@@ -145,6 +151,9 @@
 /*
  -	Variables - Form checkbox & radio
  */
+/*
+ -  Variables - Form group
+ */
 /*
  -	Variables - Form file
  */
@@ -157,12 +166,21 @@
 /*
  -  Variables - Stepper
  */
+/*
+ -  Variables - Side nav
+ */
 /*
  -  Variables - Grid & Tile
  */
 /*
  -  Variables - Pagination
  */
+/*
+ -  Variables - Nav
+ */
+/*
+ -  Variables - Layout
+ */
 .gov-spin-animation,
 .gov-pseudo-spin-animation::before {
   animation: spin 4s linear infinite;
@@ -173,6 +191,11 @@
     transform: rotate(360deg);
   }
 }
+@keyframes countdown {
+  to {
+    transform: scaleX(0);
+  }
+}
 /*
 *   Icon
 */

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

@@ -1,13 +1,15 @@
-import { Build, h, Host } from "@stencil/core";
-import { IconClass } from "./constants";
-import { fetchIcon } from "../../utils/icon.utils";
+import { Build, h, Host } from '@stencil/core';
+import { IconClass } from './constants';
+import { fetchIcon } from '../../utils/icon.utils';
+import { govHost } from "../../helpers/Dom/template";
 export class GovIcon {
   constructor() {
     this.name = null;
-    this.type = "basic";
+    this.type = 'basic';
     this.iconData = undefined;
     this.visible = false;
     this.error = false;
+    this.h = govHost(this.host);
   }
   async loadIconPathData() {
     const { name, visible, type } = this;
@@ -37,26 +39,26 @@ export class GovIcon {
     await this.loadIconPathData();
   }
   waitUntilVisible(callback) {
-    if (!Build.isBrowser || typeof window === "undefined" || !window.IntersectionObserver) {
+    if (!Build.isBrowser || typeof window === 'undefined' || !window.IntersectionObserver) {
       callback();
       return;
     }
-    this.intersectionObserver = new IntersectionObserver((entries) => {
-      entries.forEach((entry) => {
+    this.intersectionObserver = new IntersectionObserver(entries => {
+      entries.forEach(entry => {
         if (entry.isIntersecting) {
           this.intersectionObserver.disconnect();
           this.intersectionObserver = null;
           callback();
         }
       });
-    }, { rootMargin: "50px" });
-    this.intersectionObserver.observe(this.el);
+    }, { rootMargin: '50px' });
+    this.intersectionObserver.observe(this.host);
   }
   render() {
     if (this.error) {
       return null;
     }
-    return (h(Host, { class: IconClass.root }, h("span", { class: IconClass.holder, innerHTML: this.iconData })));
+    return (h(Host, { class: this.h.classes(IconClass.root) }, h("span", { class: IconClass.holder, innerHTML: this.iconData })));
   }
   static get is() { return "gov-icon"; }
   static get originalStyleUrls() {
@@ -111,7 +113,7 @@ export class GovIcon {
         },
         "attribute": "type",
         "reflect": false,
-        "defaultValue": "\"basic\""
+        "defaultValue": "'basic'"
       }
     };
   }
@@ -122,7 +124,7 @@ export class GovIcon {
       "error": {}
     };
   }
-  static get elementRef() { return "el"; }
+  static get elementRef() { return "host"; }
   static get watchers() {
     return [{
         "propName": "name",

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;AAOlD,MAAM,OAAO,OAAO;;gBAKI,IAAI;gBAIN,OAAO;;mBAED,KAAK;iBACP,KAAK;;EAItB,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;EAGD,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,CAAC,CAAC,OAAO,EAAE,EAAE;MAChE,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACzB,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,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAA;IAC1B,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;EAC3C,CAAC;EAGD,MAAM;IACL,IAAI,IAAI,CAAC,KAAK,EAAE;MACf,OAAO,IAAI,CAAA;KACX;IACD,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,IAAI;MAC1B,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\"\n\n@Component({\n\tassetsDirs: [\"assets\"],\n\tstyleUrl: \"gov-icon.scss\",\n\ttag: \"gov-icon\",\n})\nexport class GovIcon {\n\t@Element() el: HTMLElement\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\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((entries) => {\n\t\t\tentries.forEach((entry) => {\n\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\tthis.intersectionObserver.disconnect()\n\t\t\t\t\tthis.intersectionObserver = null\n\t\t\t\t\tcallback()\n\t\t\t\t}\n\t\t\t})\n\t\t}, { rootMargin: \"50px\" })\n\t\tthis.intersectionObserver.observe(this.el)\n\t}\n\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={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.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"]}

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

@@ -90,14 +90,6 @@ export const complexIcons = [
   "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;EACzB,kBAAkB;EAClB,aAAa;EACb,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,cAAc;EACd,eAAe;CACf,CAAA;AAED,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 = [\n\t\"basic/arrow-down\",\n\t\"basic/check\",\n\t\"basic/cross\",\n\t\"basic/exclamation\",\n\t\"basic/info\",\n\t\"basic/loader\",\n\t\"basic/warning\",\n]\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

@@ -0,0 +1,13 @@
+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',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +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"]}