@ukic/web-components 3.0.0-alpha.11 → 3.0.0-alpha.13

package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js

@@ -1,188 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ClassificationBanner } from "../../ic-classification-banner";
-describe("ic-classification-banner component", () => {
-    it("should render with default classification text when no classification set", async () => {
-        const page = await newSpecPage({
-            components: [ClassificationBanner],
-            html: `<ic-classification-banner></ic-classification-banner>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-classification-banner>
-          <mock:shadow-root>
-            <banner aria-label="Protective marking" class="classification-banner default">
-                <ic-typography variant="caption-uppercase">protective marking not set</ic-typography>
-            </banner>
-          </mock:shadow-root>
-        </ic-classification-banner>
-`);
-    });
-    it("should render with official classification text", async () => {
-        const page = await newSpecPage({
-            components: [ClassificationBanner],
-            html: `<ic-classification-banner classification="official"></ic-classification-banner>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-classification-banner classification="official">
-          <mock:shadow-root>
-            <banner aria-label="Protective marking" class="classification-banner official">
-                <span class="offscreen">The protective marking of this page is: </span>
-                <ic-typography variant="caption-uppercase">uk official</ic-typography>
-            </banner>
-          </mock:shadow-root>
-        </ic-classification-banner>`);
-    });
-    it("should render with official sensitive classification text", async () => {
-        const page = await newSpecPage({
-            components: [ClassificationBanner],
-            html: `<ic-classification-banner classification="official-sensitive"></ic-classification-banner>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-classification-banner classification="official-sensitive">
-          <mock:shadow-root>
-            <banner aria-label="Protective marking" class="classification-banner official-sensitive">
-                <span class="offscreen">The protective marking of this page is: </span>
-                <ic-typography variant="caption-uppercase">uk official sensitive</ic-typography>
-            </banner>
-          </mock:shadow-root>
-        </ic-classification-banner>`);
-    });
-    it("should render with secret classification text", async () => {
-        const page = await newSpecPage({
-            components: [ClassificationBanner],
-            html: `<ic-classification-banner classification="secret"></ic-classification-banner>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-classification-banner classification="secret">
-          <mock:shadow-root>
-            <banner aria-label="Protective marking" class="classification-banner secret">
-                <span class="offscreen">The protective marking of this page is: </span>
-                <ic-typography variant="caption-uppercase">uk secret</ic-typography>
-            </banner>
-          </mock:shadow-root>
-        </ic-classification-banner>`);
-    });
-    it("should render with top secret classification text", async () => {
-        const page = await newSpecPage({
-            components: [ClassificationBanner],
-            html: `<ic-classification-banner classification="top-secret"></ic-classification-banner>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-classification-banner classification="top-secret">
-          <mock:shadow-root>
-            <banner aria-label="Protective marking" class="classification-banner top-secret">
-                <span class="offscreen">The protective marking of this page is: </span>
-                <ic-typography variant="caption-uppercase">uk top secret</ic-typography>
-            </banner>
-          </mock:shadow-root>
-        </ic-classification-banner>`);
-    });
-    it("should render with up to before classification", async () => {
-        const page = await newSpecPage({
-            components: [ClassificationBanner],
-            html: `<ic-classification-banner classification="official" up-to=true></ic-classification-banner>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-classification-banner classification="official" up-to=true>
-          <mock:shadow-root>
-            <banner aria-label="Protective marking" class="classification-banner official">
-                <span class="offscreen">The protective marking of this page is: </span>
-                <ic-typography variant="caption-uppercase">up to uk official</ic-typography>
-            </banner>
-          </mock:shadow-root>
-        </ic-classification-banner>`);
-    });
-    it("should render with a different country when supplied", async () => {
-        const page = await newSpecPage({
-            components: [ClassificationBanner],
-            html: `<ic-classification-banner classification="official" country="us"></ic-classification-banner>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-classification-banner classification="official" country="us">
-          <mock:shadow-root>
-            <banner aria-label="Protective marking" class="classification-banner official">
-                <span class="offscreen">The protective marking of this page is: </span>
-                <ic-typography variant="caption-uppercase">us official</ic-typography>
-            </banner>
-          </mock:shadow-root>
-        </ic-classification-banner>`);
-    });
-    it('should render with no country when supplied ""', async () => {
-        const page = await newSpecPage({
-            components: [ClassificationBanner],
-            html: `<ic-classification-banner classification="official" country=""></ic-classification-banner>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-classification-banner classification="official" country="">
-        <mock:shadow-root>
-            <banner aria-label="Protective marking" class="classification-banner official">
-                <span class="offscreen">The protective marking of this page is: </span>
-                <ic-typography variant="caption-uppercase">official</ic-typography>
-            </banner>
-          </mock:shadow-root>
-        </ic-classification-banner>`);
-    });
-    it("should render default banner if no props are passed", async () => {
-        const page = await newSpecPage({
-            components: [ClassificationBanner],
-            html: `<ic-classification-banner></ic-classification-banner>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-classification-banner>
-          <mock:shadow-root>
-            <banner aria-label="Protective marking" class="classification-banner default">
-              <ic-typography variant="caption-uppercase">
-                protective marking not set
-              </ic-typography>
-            </banner>
-          </mock:shadow-root>
-        </ic-classification-banner>`);
-    });
-    it("should render default banner if props with empty strings are passed", async () => {
-        const page = await newSpecPage({
-            components: [ClassificationBanner],
-            html: `<ic-classification-banner classification="" country="" additionalSelectors=""></ic-classification-banner>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-classification-banner classification="" country="" additionalSelectors="">
-          <mock:shadow-root>
-            <banner aria-label="Protective marking" class="classification-banner default">
-              <ic-typography variant="caption-uppercase">
-                protective marking not set
-              </ic-typography>
-            </banner>
-          </mock:shadow-root>
-        </ic-classification-banner>`);
-    });
-    it("should render default banner if props with undefined are passed", async () => {
-        const page = await newSpecPage({
-            components: [ClassificationBanner],
-            html: `<ic-classification-banner classification=${undefined} country=${undefined} additionalSelectors=${undefined}></ic-classification-banner>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-classification-banner classification="undefined" country="undefined" additionalSelectors="undefined">
-          <mock:shadow-root>
-            <banner aria-label="Protective marking" class="classification-banner default">
-              <ic-typography variant="caption-uppercase">
-                protective marking not set
-              </ic-typography>
-            </banner>
-          </mock:shadow-root>
-        </ic-classification-banner>`);
-    });
-    it("should render with additional selectors after classification when supplied", async () => {
-        const page = await newSpecPage({
-            components: [ClassificationBanner],
-            html: `<ic-classification-banner classification="official" additional-selectors="ukic"></ic-classification-banner>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-classification-banner classification="official" additional-selectors="ukic">
-        <mock:shadow-root>
-            <banner aria-label="Protective marking" class="classification-banner official">
-                <span class="offscreen">The protective marking of this page is: </span>
-                <ic-typography variant="caption-uppercase">uk official ukic</ic-typography>
-            </banner>
-            </mock:shadow-root>
-        </ic-classification-banner>`);
-    });
-});
-//# sourceMappingURL=ic-classification-banner.spec.js.map

package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-classification-banner.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-classification-banner/test/basic/ic-classification-banner.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,QAAQ,CAAC,oCAAoC,EAAE,GAAG,EAAE;IAClD,EAAE,CAAC,2EAA2E,EAAE,KAAK,IAAI,EAAE;QACzF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,uDAAuD;SAC9D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;CAQjC,CAAC,CAAC;IACD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,iFAAiF;SACxF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;oCAQE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QACzE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,2FAA2F;SAClG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;oCAQE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,+EAA+E;SACtF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;oCAQE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,mFAAmF;SAC1F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;oCAQE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,4FAA4F;SACnG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;oCAQE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,8FAA8F;SACrG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;oCAQE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,4FAA4F;SACnG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;oCAQE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,uDAAuD;SAC9D,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;oCASE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qEAAqE,EAAE,KAAK,IAAI,EAAE;QACnF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,2GAA2G;SAClH,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;oCASE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAC/E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,4CAA4C,SAAS,YAAY,SAAS,wBAAwB,SAAS,8BAA8B;SAChJ,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;oCASE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4EAA4E,EAAE,KAAK,IAAI,EAAE;QAC1F,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,6GAA6G;SACpH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;oCAQE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { ClassificationBanner } from \"../../ic-classification-banner\";\n\ndescribe(\"ic-classification-banner component\", () => {\n  it(\"should render with default classification text when no classification set\", async () => {\n    const page = await newSpecPage({\n      components: [ClassificationBanner],\n      html: `<ic-classification-banner></ic-classification-banner>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-classification-banner>\n          <mock:shadow-root>\n            <banner aria-label=\"Protective marking\" class=\"classification-banner default\">\n                <ic-typography variant=\"caption-uppercase\">protective marking not set</ic-typography>\n            </banner>\n          </mock:shadow-root>\n        </ic-classification-banner>\n`);\n  });\n\n  it(\"should render with official classification text\", async () => {\n    const page = await newSpecPage({\n      components: [ClassificationBanner],\n      html: `<ic-classification-banner classification=\"official\"></ic-classification-banner>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-classification-banner classification=\"official\">\n          <mock:shadow-root>\n            <banner aria-label=\"Protective marking\" class=\"classification-banner official\">\n                <span class=\"offscreen\">The protective marking of this page is: </span>\n                <ic-typography variant=\"caption-uppercase\">uk official</ic-typography>\n            </banner>\n          </mock:shadow-root>\n        </ic-classification-banner>`);\n  });\n\n  it(\"should render with official sensitive classification text\", async () => {\n    const page = await newSpecPage({\n      components: [ClassificationBanner],\n      html: `<ic-classification-banner classification=\"official-sensitive\"></ic-classification-banner>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-classification-banner classification=\"official-sensitive\">\n          <mock:shadow-root>\n            <banner aria-label=\"Protective marking\" class=\"classification-banner official-sensitive\">\n                <span class=\"offscreen\">The protective marking of this page is: </span>\n                <ic-typography variant=\"caption-uppercase\">uk official sensitive</ic-typography>\n            </banner>\n          </mock:shadow-root>\n        </ic-classification-banner>`);\n  });\n\n  it(\"should render with secret classification text\", async () => {\n    const page = await newSpecPage({\n      components: [ClassificationBanner],\n      html: `<ic-classification-banner classification=\"secret\"></ic-classification-banner>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-classification-banner classification=\"secret\">\n          <mock:shadow-root>\n            <banner aria-label=\"Protective marking\" class=\"classification-banner secret\">\n                <span class=\"offscreen\">The protective marking of this page is: </span>\n                <ic-typography variant=\"caption-uppercase\">uk secret</ic-typography>\n            </banner>\n          </mock:shadow-root>\n        </ic-classification-banner>`);\n  });\n\n  it(\"should render with top secret classification text\", async () => {\n    const page = await newSpecPage({\n      components: [ClassificationBanner],\n      html: `<ic-classification-banner classification=\"top-secret\"></ic-classification-banner>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-classification-banner classification=\"top-secret\">\n          <mock:shadow-root>\n            <banner aria-label=\"Protective marking\" class=\"classification-banner top-secret\">\n                <span class=\"offscreen\">The protective marking of this page is: </span>\n                <ic-typography variant=\"caption-uppercase\">uk top secret</ic-typography>\n            </banner>\n          </mock:shadow-root>\n        </ic-classification-banner>`);\n  });\n\n  it(\"should render with up to before classification\", async () => {\n    const page = await newSpecPage({\n      components: [ClassificationBanner],\n      html: `<ic-classification-banner classification=\"official\" up-to=true></ic-classification-banner>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-classification-banner classification=\"official\" up-to=true>\n          <mock:shadow-root>\n            <banner aria-label=\"Protective marking\" class=\"classification-banner official\">\n                <span class=\"offscreen\">The protective marking of this page is: </span>\n                <ic-typography variant=\"caption-uppercase\">up to uk official</ic-typography>\n            </banner>\n          </mock:shadow-root>\n        </ic-classification-banner>`);\n  });\n\n  it(\"should render with a different country when supplied\", async () => {\n    const page = await newSpecPage({\n      components: [ClassificationBanner],\n      html: `<ic-classification-banner classification=\"official\" country=\"us\"></ic-classification-banner>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-classification-banner classification=\"official\" country=\"us\">\n          <mock:shadow-root>\n            <banner aria-label=\"Protective marking\" class=\"classification-banner official\">\n                <span class=\"offscreen\">The protective marking of this page is: </span>\n                <ic-typography variant=\"caption-uppercase\">us official</ic-typography>\n            </banner>\n          </mock:shadow-root>\n        </ic-classification-banner>`);\n  });\n\n  it('should render with no country when supplied \"\"', async () => {\n    const page = await newSpecPage({\n      components: [ClassificationBanner],\n      html: `<ic-classification-banner classification=\"official\" country=\"\"></ic-classification-banner>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-classification-banner classification=\"official\" country=\"\">\n        <mock:shadow-root>\n            <banner aria-label=\"Protective marking\" class=\"classification-banner official\">\n                <span class=\"offscreen\">The protective marking of this page is: </span>\n                <ic-typography variant=\"caption-uppercase\">official</ic-typography>\n            </banner>\n          </mock:shadow-root>\n        </ic-classification-banner>`);\n  });\n\n  it(\"should render default banner if no props are passed\", async () => {\n    const page = await newSpecPage({\n      components: [ClassificationBanner],\n      html: `<ic-classification-banner></ic-classification-banner>`,\n    });\n    expect(page.root).toEqualHtml(`\n        <ic-classification-banner>\n          <mock:shadow-root>\n            <banner aria-label=\"Protective marking\" class=\"classification-banner default\">\n              <ic-typography variant=\"caption-uppercase\">\n                protective marking not set\n              </ic-typography>\n            </banner>\n          </mock:shadow-root>\n        </ic-classification-banner>`);\n  });\n\n  it(\"should render default banner if props with empty strings are passed\", async () => {\n    const page = await newSpecPage({\n      components: [ClassificationBanner],\n      html: `<ic-classification-banner classification=\"\" country=\"\" additionalSelectors=\"\"></ic-classification-banner>`,\n    });\n    expect(page.root).toEqualHtml(`\n        <ic-classification-banner classification=\"\" country=\"\" additionalSelectors=\"\">\n          <mock:shadow-root>\n            <banner aria-label=\"Protective marking\" class=\"classification-banner default\">\n              <ic-typography variant=\"caption-uppercase\">\n                protective marking not set\n              </ic-typography>\n            </banner>\n          </mock:shadow-root>\n        </ic-classification-banner>`);\n  });\n\n  it(\"should render default banner if props with undefined are passed\", async () => {\n    const page = await newSpecPage({\n      components: [ClassificationBanner],\n      html: `<ic-classification-banner classification=${undefined} country=${undefined} additionalSelectors=${undefined}></ic-classification-banner>`,\n    });\n    expect(page.root).toEqualHtml(`\n        <ic-classification-banner classification=\"undefined\" country=\"undefined\" additionalSelectors=\"undefined\">\n          <mock:shadow-root>\n            <banner aria-label=\"Protective marking\" class=\"classification-banner default\">\n              <ic-typography variant=\"caption-uppercase\">\n                protective marking not set\n              </ic-typography>\n            </banner>\n          </mock:shadow-root>\n        </ic-classification-banner>`);\n  });\n\n  it(\"should render with additional selectors after classification when supplied\", async () => {\n    const page = await newSpecPage({\n      components: [ClassificationBanner],\n      html: `<ic-classification-banner classification=\"official\" additional-selectors=\"ukic\"></ic-classification-banner>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-classification-banner classification=\"official\" additional-selectors=\"ukic\">\n        <mock:shadow-root>\n            <banner aria-label=\"Protective marking\" class=\"classification-banner official\">\n                <span class=\"offscreen\">The protective marking of this page is: </span>\n                <ic-typography variant=\"caption-uppercase\">uk official ukic</ic-typography>\n            </banner>\n            </mock:shadow-root>\n        </ic-classification-banner>`);\n  });\n});\n"]}

package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js

@@ -1,161 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { DataList } from "../../ic-data-list";
-describe("ic-data-list", () => {
-    it("should render with data-row children", async () => {
-        const page = await newSpecPage({
-            components: [DataList],
-            html: `
-      <ic-data-list heading="Heading">
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-      </ic-data-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-data-list heading="Heading">
-      <mock:shadow-root>
-        <div class="heading" id="data-list-heading">
-          <slot name="heading">  
-            <ic-typography variant="h3">
-              Heading
-            </ic-typography>
-          </slot>
-        </div>
-        <div class="divider"></div>
-        <ul aria-labelledby="data-list-heading" class="rows">
-          <slot></slot>
-        </ul>
-      </mock:shadow-root>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-    </ic-data-list>
-    `);
-    });
-    it("should render with size small", async () => {
-        const page = await newSpecPage({
-            components: [DataList],
-            html: `
-      <ic-data-list heading="Heading" size="small">
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-      </ic-data-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-data-list heading="Heading" class="ic-data-list-small" size="small">
-      <mock:shadow-root>
-        <div class="heading" id="data-list-heading">
-          <slot name="heading">  
-            <ic-typography variant="h3">
-              Heading
-            </ic-typography>
-          </slot>
-        </div>
-        <div class="divider"></div>
-        <ul aria-labelledby="data-list-heading" class="rows">
-          <slot></slot>
-        </ul>
-      </mock:shadow-root>
-     <ic-data-row size="small" label="Label" value="value"></ic-data-row>
-     <ic-data-row size="small" label="Label" value="value"></ic-data-row>
-     <ic-data-row size="small" label="Label" value="value"></ic-data-row>
-    </ic-data-list>
-    `);
-    });
-    it("should render with a slotted heading", async () => {
-        const page = await newSpecPage({
-            components: [DataList],
-            html: `
-      <ic-data-list>
-        <ic-typography variant="h3" slot="heading">Heading</ic-typography>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-        <ic-data-row label="Label" value="value"></ic-data-row>
-      </ic-data-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-data-list>
-      <mock:shadow-root>
-        <div class="heading" id="data-list-heading">
-          <slot name="heading">  
-            <ic-typography variant="h3"></ic-typography>
-          </slot>
-        </div>
-        <div class="divider"></div>
-        <ul aria-labelledby="data-list-heading" class="rows">
-          <slot></slot>
-        </ul>
-      </mock:shadow-root>
-     <ic-typography slot="heading" variant="h3">
-      Heading
-     </ic-typography>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-     <ic-data-row label="Label" value="value"></ic-data-row>
-    </ic-data-list>
-    `);
-    });
-    it("should render data-row children with slotted content", async () => {
-        const page = await newSpecPage({
-            components: [DataList],
-            html: `
-      <ic-data-list heading="Heading">
-        <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-        <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-        <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-        <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-        <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-        <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-        <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-        <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-      </ic-data-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-data-list heading="Heading">
-      <mock:shadow-root>
-        <div class="heading" id="data-list-heading">
-          <slot name="heading">  
-            <ic-typography variant="h3">
-              Heading
-            </ic-typography>
-          </slot>
-        </div>
-        <div class="divider"></div>
-        <ul aria-labelledby="data-list-heading" class="rows">
-          <slot></slot>
-        </ul>
-      </mock:shadow-root>
-     <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-     <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-     <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-     <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-     <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-     <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-     <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-     <ic-data-row label="Label" value="value"><ic-link href="/" slot="end-component"></ic-link></ic-data-row>
-    </ic-data-list>
-    `);
-    });
-});
-//# sourceMappingURL=ic-data-list.spec.js.map

package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-data-list.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-data-list/test/basic/ic-data-list.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE;;;;;;;;;;sBAUU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;KAwB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE;;;;;sBAKU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE;;;;;;;;;;;sBAWU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;KAyB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE;;;;;;;;;;sBAUU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;KAwB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { DataList } from \"../../ic-data-list\";\n\ndescribe(\"ic-data-list\", () => {\n  it(\"should render with data-row children\", async () => {\n    const page = await newSpecPage({\n      components: [DataList],\n      html: `\n      <ic-data-list heading=\"Heading\">\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n      </ic-data-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-data-list heading=\"Heading\">\n      <mock:shadow-root>\n        <div class=\"heading\" id=\"data-list-heading\">\n          <slot name=\"heading\">  \n            <ic-typography variant=\"h3\">\n              Heading\n            </ic-typography>\n          </slot>\n        </div>\n        <div class=\"divider\"></div>\n        <ul aria-labelledby=\"data-list-heading\" class=\"rows\">\n          <slot></slot>\n        </ul>\n      </mock:shadow-root>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n    </ic-data-list>\n    `);\n  });\n\n  it(\"should render with size small\", async () => {\n    const page = await newSpecPage({\n      components: [DataList],\n      html: `\n      <ic-data-list heading=\"Heading\" size=\"small\">\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n      </ic-data-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-data-list heading=\"Heading\" class=\"ic-data-list-small\" size=\"small\">\n      <mock:shadow-root>\n        <div class=\"heading\" id=\"data-list-heading\">\n          <slot name=\"heading\">  \n            <ic-typography variant=\"h3\">\n              Heading\n            </ic-typography>\n          </slot>\n        </div>\n        <div class=\"divider\"></div>\n        <ul aria-labelledby=\"data-list-heading\" class=\"rows\">\n          <slot></slot>\n        </ul>\n      </mock:shadow-root>\n     <ic-data-row size=\"small\" label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row size=\"small\" label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row size=\"small\" label=\"Label\" value=\"value\"></ic-data-row>\n    </ic-data-list>\n    `);\n  });\n\n  it(\"should render with a slotted heading\", async () => {\n    const page = await newSpecPage({\n      components: [DataList],\n      html: `\n      <ic-data-list>\n        <ic-typography variant=\"h3\" slot=\"heading\">Heading</ic-typography>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n      </ic-data-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-data-list>\n      <mock:shadow-root>\n        <div class=\"heading\" id=\"data-list-heading\">\n          <slot name=\"heading\">  \n            <ic-typography variant=\"h3\"></ic-typography>\n          </slot>\n        </div>\n        <div class=\"divider\"></div>\n        <ul aria-labelledby=\"data-list-heading\" class=\"rows\">\n          <slot></slot>\n        </ul>\n      </mock:shadow-root>\n     <ic-typography slot=\"heading\" variant=\"h3\">\n      Heading\n     </ic-typography>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n    </ic-data-list>\n    `);\n  });\n\n  it(\"should render data-row children with slotted content\", async () => {\n    const page = await newSpecPage({\n      components: [DataList],\n      html: `\n      <ic-data-list heading=\"Heading\">\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n      </ic-data-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-data-list heading=\"Heading\">\n      <mock:shadow-root>\n        <div class=\"heading\" id=\"data-list-heading\">\n          <slot name=\"heading\">  \n            <ic-typography variant=\"h3\">\n              Heading\n            </ic-typography>\n          </slot>\n        </div>\n        <div class=\"divider\"></div>\n        <ul aria-labelledby=\"data-list-heading\" class=\"rows\">\n          <slot></slot>\n        </ul>\n      </mock:shadow-root>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n    </ic-data-list>\n    `);\n  });\n});\n"]}

package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js

@@ -1,74 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { DataRow } from "../../ic-data-row";
-describe("ic-data-row", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row label="label" value="value"></ic-data-row>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render slotted content in the label slot", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row value="value"><ic-typography slot="label">Label</ic-typography></ic-data-row>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should not render label element if no label provided", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row value="value"></ic-data-row>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render slotted content in the value slot", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row label="label"><ic-status-tag variant="success" label="success" slot="value"></ic-status-tag></ic-data-row>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render slotted content in the end-component slot", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row label="label" value="test value"><ic-status-tag variant="success" label="success" slot="end-component"></ic-status-tag></ic-data-row>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render the label variant of typography when list size is xs", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row label="label"><ic-status-tag variant="success" label="success" slot="value"></ic-status-tag></ic-data-row>`,
-        });
-        page.rootInstance.listSize = "xs";
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should call runResizeObserver", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row label="label" value="value"></ic-data-row>`,
-        });
-        await page.rootInstance.runResizeObserver();
-        page.waitForChanges();
-        const resize = new ResizeObserver(() => {
-            page.rootInstance.checkLabelAbove();
-        });
-        expect(page.rootInstance.resizeObserver).toBe(resize);
-        page.setContent("");
-    });
-    it("should change list size depending on screen size", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row label="label" value="value"></ic-data-row>`,
-        });
-        Object.defineProperty(page.root.shadowRoot.querySelector(".data"), "clientWidth", {
-            value: 200,
-        });
-        page.waitForChanges();
-        page.rootInstance.checkLabelAbove();
-        expect(page.rootInstance.listSize).toBe("xs");
-    });
-});
-//# sourceMappingURL=ic-data-row.spec.js.map

package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-data-row.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-data-row/test/basic/ic-data-row.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,4FAA4F;SACnG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,2CAA2C;SAClD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,yHAAyH;SAChI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,oJAAoJ;SAC3J,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oEAAoE,EAAE,KAAK,IAAI,EAAE;QAClF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,yHAAyH;SAChI,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC;QAClC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC;QAC5C,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,MAAM,MAAM,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACrC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEtD,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,cAAc,CACnB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,EAC3C,aAAa,EACb;YACE,KAAK,EAAE,GAAG;SACX,CACF,CAAC;QAEF,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { DataRow } from \"../../ic-data-row\";\n\ndescribe(\"ic-data-row\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row label=\"label\" value=\"value\"></ic-data-row>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render slotted content in the label slot\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row value=\"value\"><ic-typography slot=\"label\">Label</ic-typography></ic-data-row>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should not render label element if no label provided\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row value=\"value\"></ic-data-row>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render slotted content in the value slot\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row label=\"label\"><ic-status-tag variant=\"success\" label=\"success\" slot=\"value\"></ic-status-tag></ic-data-row>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render slotted content in the end-component slot\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row label=\"label\" value=\"test value\"><ic-status-tag variant=\"success\" label=\"success\" slot=\"end-component\"></ic-status-tag></ic-data-row>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render the label variant of typography when list size is xs\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row label=\"label\"><ic-status-tag variant=\"success\" label=\"success\" slot=\"value\"></ic-status-tag></ic-data-row>`,\n    });\n\n    page.rootInstance.listSize = \"xs\";\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should call runResizeObserver\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row label=\"label\" value=\"value\"></ic-data-row>`,\n    });\n\n    await page.rootInstance.runResizeObserver();\n    page.waitForChanges();\n\n    const resize = new ResizeObserver(() => {\n      page.rootInstance.checkLabelAbove();\n    });\n\n    expect(page.rootInstance.resizeObserver).toBe(resize);\n\n    page.setContent(\"\");\n  });\n\n  it(\"should change list size depending on screen size\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row label=\"label\" value=\"value\"></ic-data-row>`,\n    });\n\n    Object.defineProperty(\n      page.root.shadowRoot.querySelector(\".data\"),\n      \"clientWidth\",\n      {\n        value: 200,\n      }\n    );\n\n    page.waitForChanges();\n\n    page.rootInstance.checkLabelAbove();\n\n    expect(page.rootInstance.listSize).toBe(\"xs\");\n  });\n});\n"]}