@six-group/ui-library 0.0.0-insider.fa8b667 → 0.0.0-insider.faf050a

package/dist/collection/components/six-language-switcher/test/six-language-switcher.spec.js

@@ -1,18 +1,18 @@
 import { newSpecPage } from "@stencil/core/testing";
 import { SixLanguageSwitcher } from "../six-language-switcher";
 describe('SIX Language Switcher', () => {
-  it('should properly render with default settings', async () => {
-    var _a;
-    // given
-    const config = {
-      components: [SixLanguageSwitcher],
-      html: `<six-language-switcher></six-language-switcher>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect((_a = page === null || page === void 0 ? void 0 : page.root) === null || _a === void 0 ? void 0 : _a.selected).toEqual('EN');
-    expect(page.root).toEqualHtml(`
+    it('should properly render with default settings', async () => {
+        var _a;
+        // given
+        const config = {
+            components: [SixLanguageSwitcher],
+            html: `<six-language-switcher></six-language-switcher>`,
+        };
+        // when
+        const page = await newSpecPage(config);
+        // then
+        expect((_a = page === null || page === void 0 ? void 0 : page.root) === null || _a === void 0 ? void 0 : _a.selected).toEqual('EN');
+        expect(page.root).toEqualHtml(`
     <six-language-switcher selected="EN">
       <mock:shadow-root>
         <div class="language-switcher__container" part="container">
@@ -41,23 +41,23 @@ describe('SIX Language Switcher', () => {
       </mock:shadow-root>
     </six-language-switcher>
     `);
-  });
-  it('should allow to set custom languages', async () => {
-    var _a;
-    // given
-    const config = {
-      components: [SixLanguageSwitcher],
-      html: `<six-language-switcher></six-language-switcher>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    if ((page === null || page === void 0 ? void 0 : page.root) != null) {
-      page.root.languages = ['IT', 'AR', 'BG'];
-    }
-    await page.waitForChanges();
-    // then
-    expect((_a = page === null || page === void 0 ? void 0 : page.root) === null || _a === void 0 ? void 0 : _a.selected).toEqual('IT');
-    expect(page.root).toEqualHtml(`
+    });
+    it('should allow to set custom languages', async () => {
+        var _a;
+        // given
+        const config = {
+            components: [SixLanguageSwitcher],
+            html: `<six-language-switcher></six-language-switcher>`,
+        };
+        // when
+        const page = await newSpecPage(config);
+        if ((page === null || page === void 0 ? void 0 : page.root) != null) {
+            page.root.languages = ['IT', 'AR', 'BG'];
+        }
+        await page.waitForChanges();
+        // then
+        expect((_a = page === null || page === void 0 ? void 0 : page.root) === null || _a === void 0 ? void 0 : _a.selected).toEqual('IT');
+        expect(page.root).toEqualHtml(`
     <six-language-switcher selected="IT">
       <mock:shadow-root>
         <div class="language-switcher__container" part="container">
@@ -86,19 +86,19 @@ describe('SIX Language Switcher', () => {
       </mock:shadow-root>
     </six-language-switcher>
     `);
-  });
-  it('should properly set selected language', async () => {
-    var _a;
-    // given
-    const config = {
-      components: [SixLanguageSwitcher],
-      html: `<six-language-switcher selected="DE"></six-language-switcher>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    // then
-    expect((_a = page === null || page === void 0 ? void 0 : page.root) === null || _a === void 0 ? void 0 : _a.selected).toEqual('DE');
-    expect(page.root).toEqualHtml(`
+    });
+    it('should properly set selected language', async () => {
+        var _a;
+        // given
+        const config = {
+            components: [SixLanguageSwitcher],
+            html: `<six-language-switcher selected="DE"></six-language-switcher>`,
+        };
+        // when
+        const page = await newSpecPage(config);
+        // then
+        expect((_a = page === null || page === void 0 ? void 0 : page.root) === null || _a === void 0 ? void 0 : _a.selected).toEqual('DE');
+        expect(page.root).toEqualHtml(`
     <six-language-switcher selected="DE">
       <mock:shadow-root>
         <div class="language-switcher__container" part="container">
@@ -127,23 +127,23 @@ describe('SIX Language Switcher', () => {
       </mock:shadow-root>
     </six-language-switcher>
     `);
-  });
-  it('should properly set language after having been rendered', async () => {
-    var _a;
-    // given
-    const config = {
-      components: [SixLanguageSwitcher],
-      html: `<six-language-switcher></six-language-switcher>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    if (page.root != null) {
-      page.root.selected = 'DE';
-    }
-    await page.waitForChanges();
-    // then
-    expect((_a = page === null || page === void 0 ? void 0 : page.root) === null || _a === void 0 ? void 0 : _a.selected).toEqual('DE');
-    expect(page.root).toEqualHtml(`
+    });
+    it('should properly set language after having been rendered', async () => {
+        var _a;
+        // given
+        const config = {
+            components: [SixLanguageSwitcher],
+            html: `<six-language-switcher></six-language-switcher>`,
+        };
+        // when
+        const page = await newSpecPage(config);
+        if (page.root != null) {
+            page.root.selected = 'DE';
+        }
+        await page.waitForChanges();
+        // then
+        expect((_a = page === null || page === void 0 ? void 0 : page.root) === null || _a === void 0 ? void 0 : _a.selected).toEqual('DE');
+        expect(page.root).toEqualHtml(`
     <six-language-switcher selected="DE">
       <mock:shadow-root>
         <div class="language-switcher__container" part="container">
@@ -172,25 +172,25 @@ describe('SIX Language Switcher', () => {
       </mock:shadow-root>
     </six-language-switcher>
     `);
-  });
-  it('should properly update selected language after languages have been changed', async () => {
-    var _a;
-    // given
-    const config = {
-      components: [SixLanguageSwitcher],
-      html: `<six-language-switcher></six-language-switcher>`,
-    };
-    // when
-    const page = await newSpecPage(config);
-    if (page.root != null) {
-      page.root.languages = ['IT', 'AR', 'BG'];
-    }
-    await page.waitForChanges();
-    if (page.root != null) {
-      page.root.selected = 'BG';
-    }
-    // then
-    expect((_a = page === null || page === void 0 ? void 0 : page.root) === null || _a === void 0 ? void 0 : _a.selected).toEqual('BG');
-  });
+    });
+    it('should properly update selected language after languages have been changed', async () => {
+        var _a;
+        // given
+        const config = {
+            components: [SixLanguageSwitcher],
+            html: `<six-language-switcher></six-language-switcher>`,
+        };
+        // when
+        const page = await newSpecPage(config);
+        if (page.root != null) {
+            page.root.languages = ['IT', 'AR', 'BG'];
+        }
+        await page.waitForChanges();
+        if (page.root != null) {
+            page.root.selected = 'BG';
+        }
+        // then
+        expect((_a = page === null || page === void 0 ? void 0 : page.root) === null || _a === void 0 ? void 0 : _a.selected).toEqual('BG');
+    });
 });
 //# sourceMappingURL=six-language-switcher.spec.js.map

package/dist/collection/components/six-language-switcher/test/six-language-switcher.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"six-language-switcher.spec.js","sourceRoot":"","sources":["../../../../src/components/six-language-switcher/test/six-language-switcher.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixLanguageSwitcher } from '../six-language-switcher';\n\ndescribe('SIX Language Switcher', () => {\n  it('should properly render with default settings', async () => {\n    // given\n    const config = {\n      components: [SixLanguageSwitcher],\n      html: `<six-language-switcher></six-language-switcher>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page?.root?.selected).toEqual('EN');\n    expect(page.root).toEqualHtml(`\n    <six-language-switcher selected=\"EN\">\n      <mock:shadow-root>\n        <div class=\"language-switcher__container\" part=\"container\">\n          <div>\n            <span class=\"language-switcher__label language-switcher__label--selected\" part=\"label\">\n              EN\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              DE\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              ES\n            </span>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-language-switcher>\n    `);\n  });\n\n  it('should allow to set custom languages', async () => {\n    // given\n    const config = {\n      components: [SixLanguageSwitcher],\n      html: `<six-language-switcher></six-language-switcher>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n    if (page?.root != null) {\n      page.root.languages = ['IT', 'AR', 'BG'];\n    }\n    await page.waitForChanges();\n\n    // then\n    expect(page?.root?.selected).toEqual('IT');\n    expect(page.root).toEqualHtml(`\n    <six-language-switcher selected=\"IT\">\n      <mock:shadow-root>\n        <div class=\"language-switcher__container\" part=\"container\">\n          <div>\n            <span class=\"language-switcher__label language-switcher__label--selected\" part=\"label\">\n              IT\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              AR\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              BG\n            </span>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-language-switcher>\n    `);\n  });\n\n  it('should properly set selected language', async () => {\n    // given\n    const config = {\n      components: [SixLanguageSwitcher],\n      html: `<six-language-switcher selected=\"DE\"></six-language-switcher>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page?.root?.selected).toEqual('DE');\n    expect(page.root).toEqualHtml(`\n    <six-language-switcher selected=\"DE\">\n      <mock:shadow-root>\n        <div class=\"language-switcher__container\" part=\"container\">\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              EN\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label language-switcher__label--selected\" part=\"label\">\n              DE\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              ES\n            </span>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-language-switcher>\n    `);\n  });\n\n  it('should properly set language after having been rendered', async () => {\n    // given\n    const config = {\n      components: [SixLanguageSwitcher],\n      html: `<six-language-switcher></six-language-switcher>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n    if (page.root != null) {\n      page.root.selected = 'DE';\n    }\n    await page.waitForChanges();\n\n    // then\n    expect(page?.root?.selected).toEqual('DE');\n    expect(page.root).toEqualHtml(`\n    <six-language-switcher selected=\"DE\">\n      <mock:shadow-root>\n        <div class=\"language-switcher__container\" part=\"container\">\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              EN\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label language-switcher__label--selected\" part=\"label\">\n              DE\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              ES\n            </span>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-language-switcher>\n    `);\n  });\n\n  it('should properly update selected language after languages have been changed', async () => {\n    // given\n    const config = {\n      components: [SixLanguageSwitcher],\n      html: `<six-language-switcher></six-language-switcher>`,\n    };\n    // when\n    const page = await newSpecPage(config);\n    if (page.root != null) {\n      page.root.languages = ['IT', 'AR', 'BG'];\n    }\n    await page.waitForChanges();\n    if (page.root != null) {\n      page.root.selected = 'BG';\n    }\n\n    // then\n    expect(page?.root?.selected).toEqual('BG');\n  });\n});\n"]}
+{"version":3,"file":"six-language-switcher.spec.js","sourceRoot":"","sources":["../../../../src/components/six-language-switcher/test/six-language-switcher.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixLanguageSwitcher } from '../six-language-switcher';\n\ndescribe('SIX Language Switcher', () => {\n  it('should properly render with default settings', async () => {\n    // given\n    const config = {\n      components: [SixLanguageSwitcher],\n      html: `<six-language-switcher></six-language-switcher>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page?.root?.selected).toEqual('EN');\n    expect(page.root).toEqualHtml(`\n    <six-language-switcher selected=\"EN\">\n      <mock:shadow-root>\n        <div class=\"language-switcher__container\" part=\"container\">\n          <div>\n            <span class=\"language-switcher__label language-switcher__label--selected\" part=\"label\">\n              EN\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              DE\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              ES\n            </span>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-language-switcher>\n    `);\n  });\n\n  it('should allow to set custom languages', async () => {\n    // given\n    const config = {\n      components: [SixLanguageSwitcher],\n      html: `<six-language-switcher></six-language-switcher>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n    if (page?.root != null) {\n      page.root.languages = ['IT', 'AR', 'BG'];\n    }\n    await page.waitForChanges();\n\n    // then\n    expect(page?.root?.selected).toEqual('IT');\n    expect(page.root).toEqualHtml(`\n    <six-language-switcher selected=\"IT\">\n      <mock:shadow-root>\n        <div class=\"language-switcher__container\" part=\"container\">\n          <div>\n            <span class=\"language-switcher__label language-switcher__label--selected\" part=\"label\">\n              IT\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              AR\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              BG\n            </span>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-language-switcher>\n    `);\n  });\n\n  it('should properly set selected language', async () => {\n    // given\n    const config = {\n      components: [SixLanguageSwitcher],\n      html: `<six-language-switcher selected=\"DE\"></six-language-switcher>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page?.root?.selected).toEqual('DE');\n    expect(page.root).toEqualHtml(`\n    <six-language-switcher selected=\"DE\">\n      <mock:shadow-root>\n        <div class=\"language-switcher__container\" part=\"container\">\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              EN\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label language-switcher__label--selected\" part=\"label\">\n              DE\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              ES\n            </span>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-language-switcher>\n    `);\n  });\n\n  it('should properly set language after having been rendered', async () => {\n    // given\n    const config = {\n      components: [SixLanguageSwitcher],\n      html: `<six-language-switcher></six-language-switcher>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n    if (page.root != null) {\n      page.root.selected = 'DE';\n    }\n    await page.waitForChanges();\n\n    // then\n    expect(page?.root?.selected).toEqual('DE');\n    expect(page.root).toEqualHtml(`\n    <six-language-switcher selected=\"DE\">\n      <mock:shadow-root>\n        <div class=\"language-switcher__container\" part=\"container\">\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              EN\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label language-switcher__label--selected\" part=\"label\">\n              DE\n            </span>\n            <span class=\"language-switcher__separator\" part=\"separator\">\n              /\n            </span>\n          </div>\n          <div>\n            <span class=\"language-switcher__label\" part=\"label\">\n              ES\n            </span>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-language-switcher>\n    `);\n  });\n\n  it('should properly update selected language after languages have been changed', async () => {\n    // given\n    const config = {\n      components: [SixLanguageSwitcher],\n      html: `<six-language-switcher></six-language-switcher>`,\n    };\n    // when\n    const page = await newSpecPage(config);\n    if (page.root != null) {\n      page.root.languages = ['IT', 'AR', 'BG'];\n    }\n    await page.waitForChanges();\n    if (page.root != null) {\n      page.root.selected = 'BG';\n    }\n\n    // then\n    expect(page?.root?.selected).toEqual('BG');\n  });\n});\n"]}

package/dist/collection/components/six-layout-grid/six-layout-grid.js

@@ -6,60 +6,60 @@ import { h, Host } from "@stencil/core";
  * @slot - The grid's content
  */
 export class SixLayoutGrid {
-  constructor() {
-    this.columns = undefined;
-  }
-  handleColumnsChange() {
-    if (typeof this.columns !== 'number' || this.columns === 0) {
-      this.columns = 12;
+    constructor() {
+        this.columns = undefined;
+    }
+    handleColumnsChange() {
+        if (typeof this.columns !== 'number' || this.columns === 0) {
+            this.columns = 12;
+        }
+        this.host.style.setProperty('--no-of-columns', String(this.columns));
+    }
+    componentWillLoad() {
+        this.handleColumnsChange();
+    }
+    render() {
+        return (h(Host, null, h("slot", null)));
+    }
+    static get is() { return "six-layout-grid"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["six-layout-grid.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["six-layout-grid.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "columns": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Set the number of grid columns"
+                },
+                "attribute": "columns",
+                "reflect": false
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "columns",
+                "methodName": "handleColumnsChange"
+            }];
     }
-    this.host.style.setProperty('--no-of-columns', String(this.columns));
-  }
-  componentWillLoad() {
-    this.handleColumnsChange();
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get is() { return "six-layout-grid"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["six-layout-grid.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["six-layout-grid.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "columns": {
-        "type": "number",
-        "mutable": true,
-        "complexType": {
-          "original": "number",
-          "resolved": "number | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Set the number of grid columns"
-        },
-        "attribute": "columns",
-        "reflect": false
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "columns",
-        "methodName": "handleColumnsChange"
-      }];
-  }
 }
 //# sourceMappingURL=six-layout-grid.js.map

package/dist/collection/components/six-layout-grid/six-layout-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"six-layout-grid.js","sourceRoot":"","sources":["../../../src/components/six-layout-grid/six-layout-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEzE;;;;;GAKG;AAOH,MAAM,OAAO,aAAa;;;;EAOxB,mBAAmB;IACjB,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC,EAAE;MAC1D,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACnB;IACD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;EACvE,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,mBAAmB,EAAE,CAAC;EAC7B,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,eAAQ,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\n/**\n * @since 1.01\n * @status stable\n *\n * @slot - The grid's content\n */\n\n@Component({\n  tag: 'six-layout-grid',\n  styleUrl: 'six-layout-grid.scss',\n  shadow: true,\n})\nexport class SixLayoutGrid {\n  @Element() host!: HTMLSixLayoutGridElement;\n\n  /** Set the number of grid columns */\n  @Prop({ mutable: true }) columns?: number;\n\n  @Watch('columns')\n  handleColumnsChange() {\n    if (typeof this.columns !== 'number' || this.columns === 0) {\n      this.columns = 12;\n    }\n    this.host.style.setProperty('--no-of-columns', String(this.columns));\n  }\n\n  componentWillLoad() {\n    this.handleColumnsChange();\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"six-layout-grid.js","sourceRoot":"","sources":["../../../src/components/six-layout-grid/six-layout-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEzE;;;;;GAKG;AAOH,MAAM,OAAO,aAAa;;;;IAOxB,mBAAmB;QACjB,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC,EAAE;YAC1D,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;SACnB;QACD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IACvE,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,eAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\n/**\n * @since 1.01\n * @status stable\n *\n * @slot - The grid's content\n */\n\n@Component({\n  tag: 'six-layout-grid',\n  styleUrl: 'six-layout-grid.scss',\n  shadow: true,\n})\nexport class SixLayoutGrid {\n  @Element() host!: HTMLSixLayoutGridElement;\n\n  /** Set the number of grid columns */\n  @Prop({ mutable: true }) columns?: number;\n\n  @Watch('columns')\n  handleColumnsChange() {\n    if (typeof this.columns !== 'number' || this.columns === 0) {\n      this.columns = 12;\n    }\n    this.host.style.setProperty('--no-of-columns', String(this.columns));\n  }\n\n  componentWillLoad() {\n    this.handleColumnsChange();\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/six-layout-grid/test/six-layout-grid.spec.js

@@ -1,18 +1,18 @@
 import { newSpecPage } from "@stencil/core/testing";
 import { SixLayoutGrid } from "../six-layout-grid";
 describe('six-layout-grid', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [SixLayoutGrid],
-      html: `<six-layout-grid></six-layout-grid>`,
-    });
-    expect(page.root).toEqualHtml(`
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [SixLayoutGrid],
+            html: `<six-layout-grid></six-layout-grid>`,
+        });
+        expect(page.root).toEqualHtml(`
       <six-layout-grid style="--no-of-columns: 12;">
         <mock:shadow-root>
           <slot></slot>
         </mock:shadow-root>
       </six-layout-grid>
     `);
-  });
+    });
 });
 //# sourceMappingURL=six-layout-grid.spec.js.map

package/dist/collection/components/six-layout-grid/test/six-layout-grid.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"six-layout-grid.spec.js","sourceRoot":"","sources":["../../../../src/components/six-layout-grid/test/six-layout-grid.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;MAC3B,IAAI,EAAE,qCAAqC;KAC5C,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixLayoutGrid } from '../six-layout-grid';\n\ndescribe('six-layout-grid', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixLayoutGrid],\n      html: `<six-layout-grid></six-layout-grid>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-layout-grid style=\"--no-of-columns: 12;\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </six-layout-grid>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"six-layout-grid.spec.js","sourceRoot":"","sources":["../../../../src/components/six-layout-grid/test/six-layout-grid.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,qCAAqC;SAC5C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixLayoutGrid } from '../six-layout-grid';\n\ndescribe('six-layout-grid', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixLayoutGrid],\n      html: `<six-layout-grid></six-layout-grid>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-layout-grid style=\"--no-of-columns: 12;\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </six-layout-grid>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-main-container/six-main-container.js

@@ -10,46 +10,46 @@ import { h, Host } from "@stencil/core";
  * @part right-margin - The component's right margin area.
  */
 export class SixMainContainer {
-  constructor() {
-    this.padded = true;
-  }
-  render() {
-    return (h(Host, null, h("div", { part: "left-margin", class: "left-margin" }), h("div", { part: "content", class: { content: true, 'content--padded': this.padded } }, h("slot", null)), h("div", { part: "right-margin", class: "right-margin" })));
-  }
-  static get is() { return "six-main-container"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["six-main-container.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["six-main-container.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "padded": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set to false to remove top and bottom padding."
-        },
-        "attribute": "padded",
-        "reflect": false,
-        "defaultValue": "true"
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
+    constructor() {
+        this.padded = true;
+    }
+    render() {
+        return (h(Host, null, h("div", { part: "left-margin", class: "left-margin" }), h("div", { part: "content", class: { content: true, 'content--padded': this.padded } }, h("slot", null)), h("div", { part: "right-margin", class: "right-margin" })));
+    }
+    static get is() { return "six-main-container"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["six-main-container.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["six-main-container.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "padded": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set to false to remove top and bottom padding."
+                },
+                "attribute": "padded",
+                "reflect": false,
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
 }
 //# sourceMappingURL=six-main-container.js.map

package/dist/collection/components/six-main-container/six-main-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"six-main-container.js","sourceRoot":"","sources":["../../../src/components/six-main-container/six-main-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAElE;;;;;;;;;GASG;AAOH,MAAM,OAAO,gBAAgB;;kBAIV,IAAI;;EAErB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,aAAa,GAAG;MAC9C,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE;QAC1E,eAAQ,CACJ;MACN,WAAK,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,cAAc,GAAG,CAC3C,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n/**\n * @since 1.01\n * @status stable\n *\n * @slot - The main container's content.\n *\n * @part left-margin  - The component's left margin area.\n * @part content      - The component's content area.\n * @part right-margin - The component's right margin area.\n */\n\n@Component({\n  tag: 'six-main-container',\n  styleUrl: 'six-main-container.scss',\n  shadow: true,\n})\nexport class SixMainContainer {\n  @Element() host!: HTMLSixMainContainerElement;\n\n  /** Set to false to remove top and bottom padding.  */\n  @Prop() padded = true;\n\n  render() {\n    return (\n      <Host>\n        <div part=\"left-margin\" class=\"left-margin\" />\n        <div part=\"content\" class={{ content: true, 'content--padded': this.padded }}>\n          <slot />\n        </div>\n        <div part=\"right-margin\" class=\"right-margin\" />\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"six-main-container.js","sourceRoot":"","sources":["../../../src/components/six-main-container/six-main-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAElE;;;;;;;;;GASG;AAOH,MAAM,OAAO,gBAAgB;;sBAIV,IAAI;;IAErB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,WAAK,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,aAAa,GAAG;YAC9C,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE;gBAC1E,eAAQ,CACJ;YACN,WAAK,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,cAAc,GAAG,CAC3C,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n/**\n * @since 1.01\n * @status stable\n *\n * @slot - The main container's content.\n *\n * @part left-margin  - The component's left margin area.\n * @part content      - The component's content area.\n * @part right-margin - The component's right margin area.\n */\n\n@Component({\n  tag: 'six-main-container',\n  styleUrl: 'six-main-container.scss',\n  shadow: true,\n})\nexport class SixMainContainer {\n  @Element() host!: HTMLSixMainContainerElement;\n\n  /** Set to false to remove top and bottom padding.  */\n  @Prop() padded = true;\n\n  render() {\n    return (\n      <Host>\n        <div part=\"left-margin\" class=\"left-margin\" />\n        <div part=\"content\" class={{ content: true, 'content--padded': this.padded }}>\n          <slot />\n        </div>\n        <div part=\"right-margin\" class=\"right-margin\" />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/six-main-container/test/six-main-container.spec.js

@@ -1,12 +1,12 @@
 import { newSpecPage } from "@stencil/core/testing";
 import { SixMainContainer } from "../six-main-container";
 describe('six-main-container', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [SixMainContainer],
-      html: `<six-main-container></six-main-container>`,
-    });
-    expect(page.root).toEqualHtml(`
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [SixMainContainer],
+            html: `<six-main-container></six-main-container>`,
+        });
+        expect(page.root).toEqualHtml(`
       <six-main-container>
         <mock:shadow-root>
           <div class="left-margin" part="left-margin"></div>
@@ -17,6 +17,6 @@ describe('six-main-container', () => {
         </mock:shadow-root>
       </six-main-container>
     `);
-  });
+    });
 });
 //# sourceMappingURL=six-main-container.spec.js.map

package/dist/collection/components/six-main-container/test/six-main-container.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"six-main-container.spec.js","sourceRoot":"","sources":["../../../../src/components/six-main-container/test/six-main-container.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,gBAAgB,CAAC;MAC9B,IAAI,EAAE,2CAA2C;KAClD,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixMainContainer } from '../six-main-container';\n\ndescribe('six-main-container', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixMainContainer],\n      html: `<six-main-container></six-main-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-main-container>\n        <mock:shadow-root>\n          <div class=\"left-margin\" part=\"left-margin\"></div>\n          <div class=\"content content--padded\" part=\"content\">\n            <slot></slot>\n          </div>\n          <div class=\"right-margin\" part=\"right-margin\"></div>\n        </mock:shadow-root>\n      </six-main-container>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"six-main-container.spec.js","sourceRoot":"","sources":["../../../../src/components/six-main-container/test/six-main-container.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,gBAAgB,CAAC;YAC9B,IAAI,EAAE,2CAA2C;SAClD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixMainContainer } from '../six-main-container';\n\ndescribe('six-main-container', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixMainContainer],\n      html: `<six-main-container></six-main-container>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-main-container>\n        <mock:shadow-root>\n          <div class=\"left-margin\" part=\"left-margin\"></div>\n          <div class=\"content content--padded\" part=\"content\">\n            <slot></slot>\n          </div>\n          <div class=\"right-margin\" part=\"right-margin\"></div>\n        </mock:shadow-root>\n      </six-main-container>\n    `);\n  });\n});\n"]}