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

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

@@ -1,407 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Typography } from "../../ic-typography";
-import * as helpers from "../../../../utils/helpers";
-describe("ic-typography component", () => {
-    it("should render with default body styles", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography>IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render h1 with h1 variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="h1">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render h2 with h2 variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="h2">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render h3 with h3 variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="h3">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render h4 with h4 variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="h4">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render h5 with subtitle-large variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="subtitle-large">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render h6 with subtitle-small variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="subtitle-small">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with body variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="body">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render caption variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="caption">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render caption uppercase variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="caption-uppercase">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render label with label variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="label">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render label uppercase with label-uppercase variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="label-uppercase">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render code large with code-large variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="code-large">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render code small with code-small variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="code-small">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render code extra small with code-extra-small variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="code-extra-small">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render badge with badge variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="badge">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render badge small with badge-small variant", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="badge-small">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with italic style", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="body" italic="true">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with bold style", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="body" bold="true">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with strikethrough", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="body" strikethrough="true">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with underline", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="body" underline="true">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should allow semantic component to be passed in and variant styling applied", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography variant="h1"><h3>IC Typography Test</h3></ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should apply vertical margins class if vertical margins prop true", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography apply-vertical-margins>IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should apply className provided to root element to typography element", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography class="test-class">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render the typography with truncation", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-        page.rootInstance.truncated = true;
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should test toggle of see more/less", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-        });
-        page.rootInstance.checkMaxLines(96);
-        await page.waitForChanges();
-        expect(page.rootInstance.truncated).toBe(true);
-        expect(page.rootInstance.expanded).toBe(false);
-        const button = page.root.shadowRoot.querySelector("button");
-        button.click();
-        await page.waitForChanges();
-        expect(page.rootInstance.expanded).toBe(true);
-        button.click();
-        await page.waitForChanges();
-        expect(page.rootInstance.expanded).toBe(false);
-    });
-    it("should test truncation applied when number of lines exceeds max", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-        });
-        page.rootInstance.checkMaxLines(96);
-        await page.waitForChanges();
-        expect(page.rootInstance.truncated).toBe(true);
-    });
-    it("should test checkMarkerPosition", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-        });
-        page.rootInstance.truncatedHeight = 300;
-        page.rootInstance.checkMarkerPosition(100, 200);
-        expect(page.rootInstance.truncated).toBe(false);
-        expect(page.rootInstance.expanded).toBe(false);
-        page.rootInstance.checkMarkerPosition(100, 500);
-        expect(page.rootInstance.truncated).toBe(true);
-    });
-    it("should test truncation button focus", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-        });
-        page.rootInstance.truncated = true;
-        await page.waitForChanges();
-        const button = page.root.shadowRoot.querySelector("button");
-        button.focus();
-        await page.waitForChanges();
-        expect(button).toHaveClass("focus");
-        button.blur();
-        await page.waitForChanges();
-        expect(button).not.toHaveClass("focus");
-    });
-    it("should test truncation button mousedown handler", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-        });
-        page.rootInstance.truncated = true;
-        await page.waitForChanges();
-        const button = page.root.shadowRoot.querySelector("button");
-        const event = new Event("mousedown", {
-            bubbles: true,
-            cancelable: true,
-        });
-        button.dispatchEvent(event);
-        await page.waitForChanges();
-        expect(page.rootInstance.focusBtnFromKeyboard).toBe(false);
-        button.focus();
-        await page.waitForChanges();
-        expect(button).not.toHaveClass("focus");
-    });
-    it("should test resizeObserver", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-        });
-        page.rootInstance.el.clientHeight = 96;
-        page.rootInstance.el.clientWidth = 200;
-        page.rootInstance.resizeObserverCallback();
-        expect(page.rootInstance.lastWidth).toBe(undefined);
-        expect(page.rootInstance.truncated).toBe(true);
-        //lastMarkerTop will get overwritten with 0
-        page.rootInstance.lastMarkerTop = 120;
-        page.rootInstance.resizeObserverCallback();
-        expect(page.rootInstance.lastWidth).toBe(200);
-        expect(page.rootInstance.lastMarkerTop).toBe(0);
-        //test lastMarkerTop not overwritten with 0 as widths should match
-        page.rootInstance.lastMarkerTop = 120;
-        page.rootInstance.resizeObserverCallback();
-        expect(page.rootInstance.lastMarkerTop).toBe(120);
-        //test lastWidth not overwritten as markerTop should match lastMarkerTop
-        page.rootInstance.el.clientWidth = 300;
-        page.rootInstance.lastMarkerTop = 0;
-        page.rootInstance.resizeObserverCallback();
-        expect(page.rootInstance.lastWidth).toBe(200);
-        //test disconnected callback
-        page.setContent("");
-    });
-    it("should test dark theme", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography theme="dark">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should test light theme", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography theme="light">IC Typography Test</ic-typography>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should apply the correct class when in an AG Grid", async () => {
-        Object.defineProperty(helpers, "isElInAGGrid", {
-            value: jest.fn().mockReturnValue(true),
-        });
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography><p>IC Typography Test</p></ic-typography>`,
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.inAGGrid).toBe(true);
-        expect(document.querySelector("ic-typography").classList.contains("in-ag-grid")).toBe(true);
-    });
-    it("should set the typography expanded state", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography max-lines="3">
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-        });
-        expect(page.rootInstance.expanded).toBe(false);
-        await page.rootInstance.setShowHideExpanded(true);
-        expect(page.rootInstance.expanded).toBe(true);
-    });
-    it("should reset truncation properties", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-typography max-lines="3" style='--truncation-max-lines: 1;'>
-        Body of text that is truncated to three lines. Click the 'See more' link to
-        expand the text, then click 'See less' to truncate the text once more!
-        Dripper caramelization java saucer grounds galão, mocha, and robusta
-        kopi-luwak, percolator, instant, qui saucer latte in brewed café au
-        lait. Con panna, cup, cream, body americano affogato cup espresso, rich
-        milk seasonal saucer grinder spoon that cultivar strong redeye
-        frappuccino barista extraction redeye mazagran.
-      </ic-typography>`,
-        });
-        page.rootInstance.el.clientHeight = 96;
-        page.rootInstance.el.clientWidth = 200;
-        page.rootInstance.resizeObserverCallback();
-        await page.rootInstance.setShowHideExpanded(true);
-        expect(page.rootInstance.truncated).toBe(true);
-        expect(page.rootInstance.maxLines).toBe(3);
-        expect(page.rootInstance.expanded).toBe(true);
-        await page.rootInstance.resetTruncation();
-        expect(page.rootInstance.truncated).toBe(false);
-        expect(page.rootInstance.maxLines).toBe(null);
-        expect(page.rootInstance.expanded).toBe(false);
-    });
-});
-//# sourceMappingURL=ic-typography.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-typography.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-typography/test/basic/ic-typography.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Typography } from \"../../ic-typography\";\nimport * as helpers from \"../../../../utils/helpers\";\n\ndescribe(\"ic-typography component\", () => {\n  it(\"should render with default body styles\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography>IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render h1 with h1 variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"h1\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render h2 with h2 variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"h2\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render h3 with h3 variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"h3\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render h4 with h4 variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"h4\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render h5 with subtitle-large variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"subtitle-large\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render h6 with subtitle-small variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"subtitle-small\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with body variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"body\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render caption variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"caption\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render caption uppercase variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"caption-uppercase\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render label with label variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"label\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render label uppercase with label-uppercase variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"label-uppercase\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render code large with code-large variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"code-large\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render code small with code-small variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"code-small\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render code extra small with code-extra-small variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"code-extra-small\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render badge with badge variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"badge\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render badge small with badge-small variant\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"badge-small\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with italic style\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"body\" italic=\"true\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with bold style\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"body\" bold=\"true\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with strikethrough\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"body\" strikethrough=\"true\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with underline\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"body\" underline=\"true\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should allow semantic component to be passed in and variant styling applied\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography variant=\"h1\"><h3>IC Typography Test</h3></ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should apply vertical margins class if vertical margins prop true\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography apply-vertical-margins>IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should apply className provided to root element to typography element\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography class=\"test-class\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render the typography with truncation\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    page.rootInstance.truncated = true;\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test toggle of see more/less\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.checkMaxLines(96);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.truncated).toBe(true);\n    expect(page.rootInstance.expanded).toBe(false);\n\n    const button = page.root.shadowRoot.querySelector(\"button\");\n\n    button.click();\n    await page.waitForChanges();\n    expect(page.rootInstance.expanded).toBe(true);\n\n    button.click();\n    await page.waitForChanges();\n    expect(page.rootInstance.expanded).toBe(false);\n  });\n\n  it(\"should test truncation applied when number of lines exceeds max\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.checkMaxLines(96);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.truncated).toBe(true);\n  });\n\n  it(\"should test checkMarkerPosition\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.truncatedHeight = 300;\n    page.rootInstance.checkMarkerPosition(100, 200);\n\n    expect(page.rootInstance.truncated).toBe(false);\n    expect(page.rootInstance.expanded).toBe(false);\n\n    page.rootInstance.checkMarkerPosition(100, 500);\n    expect(page.rootInstance.truncated).toBe(true);\n  });\n\n  it(\"should test truncation button focus\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.truncated = true;\n    await page.waitForChanges();\n\n    const button = page.root.shadowRoot.querySelector(\"button\");\n    button.focus();\n    await page.waitForChanges();\n    expect(button).toHaveClass(\"focus\");\n\n    button.blur();\n    await page.waitForChanges();\n    expect(button).not.toHaveClass(\"focus\");\n  });\n\n  it(\"should test truncation button mousedown handler\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.truncated = true;\n    await page.waitForChanges();\n\n    const button = page.root.shadowRoot.querySelector(\"button\");\n\n    const event = new Event(\"mousedown\", {\n      bubbles: true,\n      cancelable: true,\n    });\n\n    button.dispatchEvent(event);\n    await page.waitForChanges();\n    expect(page.rootInstance.focusBtnFromKeyboard).toBe(false);\n\n    button.focus();\n    await page.waitForChanges();\n    expect(button).not.toHaveClass(\"focus\");\n  });\n\n  it(\"should test resizeObserver\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.el.clientHeight = 96;\n    page.rootInstance.el.clientWidth = 200;\n    page.rootInstance.resizeObserverCallback();\n    expect(page.rootInstance.lastWidth).toBe(undefined);\n    expect(page.rootInstance.truncated).toBe(true);\n\n    //lastMarkerTop will get overwritten with 0\n    page.rootInstance.lastMarkerTop = 120;\n    page.rootInstance.resizeObserverCallback();\n    expect(page.rootInstance.lastWidth).toBe(200);\n    expect(page.rootInstance.lastMarkerTop).toBe(0);\n\n    //test lastMarkerTop not overwritten with 0 as widths should match\n    page.rootInstance.lastMarkerTop = 120;\n    page.rootInstance.resizeObserverCallback();\n    expect(page.rootInstance.lastMarkerTop).toBe(120);\n\n    //test lastWidth not overwritten as markerTop should match lastMarkerTop\n    page.rootInstance.el.clientWidth = 300;\n    page.rootInstance.lastMarkerTop = 0;\n    page.rootInstance.resizeObserverCallback();\n    expect(page.rootInstance.lastWidth).toBe(200);\n\n    //test disconnected callback\n    page.setContent(\"\");\n  });\n\n  it(\"should test dark theme\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography theme=\"dark\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test light theme\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography theme=\"light\">IC Typography Test</ic-typography>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should apply the correct class when in an AG Grid\", async () => {\n    Object.defineProperty(helpers, \"isElInAGGrid\", {\n      value: jest.fn().mockReturnValue(true),\n    });\n\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography><p>IC Typography Test</p></ic-typography>`,\n    });\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.inAGGrid).toBe(true);\n    expect(\n      document.querySelector(\"ic-typography\").classList.contains(\"in-ag-grid\")\n    ).toBe(true);\n  });\n\n  it(\"should set the typography expanded state\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\">\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    expect(page.rootInstance.expanded).toBe(false);\n\n    await page.rootInstance.setShowHideExpanded(true);\n\n    expect(page.rootInstance.expanded).toBe(true);\n  });\n\n  it(\"should reset truncation properties\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-typography max-lines=\"3\" style='--truncation-max-lines: 1;'>\n        Body of text that is truncated to three lines. Click the 'See more' link to\n        expand the text, then click 'See less' to truncate the text once more!\n        Dripper caramelization java saucer grounds galão, mocha, and robusta\n        kopi-luwak, percolator, instant, qui saucer latte in brewed café au\n        lait. Con panna, cup, cream, body americano affogato cup espresso, rich\n        milk seasonal saucer grinder spoon that cultivar strong redeye\n        frappuccino barista extraction redeye mazagran.\n      </ic-typography>`,\n    });\n\n    page.rootInstance.el.clientHeight = 96;\n    page.rootInstance.el.clientWidth = 200;\n    page.rootInstance.resizeObserverCallback();\n    await page.rootInstance.setShowHideExpanded(true);\n\n    expect(page.rootInstance.truncated).toBe(true);\n    expect(page.rootInstance.maxLines).toBe(3);\n    expect(page.rootInstance.expanded).toBe(true);\n\n    await page.rootInstance.resetTruncation();\n\n    expect(page.rootInstance.truncated).toBe(false);\n    expect(page.rootInstance.maxLines).toBe(null);\n    expect(page.rootInstance.expanded).toBe(false);\n  });\n});\n"]}

package/dist/collection/testspec.setup.js

@@ -1,77 +0,0 @@
-import * as helpers from "./utils/helpers";
-//common setup to be used across all spec tests
-import { DEVICE_SIZES as device_sizes } from "./utils/helpers";
-Object.defineProperty(device_sizes, "XS", { value: 0 });
-Object.defineProperty(device_sizes, "S", { value: 576 });
-Object.defineProperty(device_sizes, "M", { value: 768 });
-Object.defineProperty(device_sizes, "L", { value: 992 });
-Object.defineProperty(device_sizes, "XL", { value: 1200 });
-// ResizeObserver isn't available in test environment
-const mockResizeObserver = jest.fn();
-mockResizeObserver.mockReturnValue({
-    observe: jest.fn().mockReturnValue(null),
-    unobserve: jest.fn().mockReturnValue(null),
-    disconnect: jest.fn().mockReturnValue(null),
-});
-Object.defineProperty(global, "ResizeObserver", {
-    value: mockResizeObserver,
-});
-// MutationObserver isn't available in test environment
-const mockMutationObserver = jest.fn();
-mockMutationObserver.mockReturnValue({
-    observe: jest.fn().mockReturnValue(null),
-    unobserve: jest.fn().mockReturnValue(null),
-    disconnect: jest.fn().mockReturnValue(null),
-});
-Object.defineProperty(global, "MutationObserver", {
-    value: mockMutationObserver,
-});
-export const mockMutationObserverImplementation = jest
-    .spyOn(global, "MutationObserver")
-    .mockImplementation((callback) => ({
-    observe: jest.fn(),
-    disconnect: jest.fn(),
-    takeRecords: jest.fn(),
-    trigger: (mutations) => {
-        callback(mutations, this);
-    },
-}));
-export const mockRenderDynamicChildSlots = jest.spyOn(helpers, "renderDynamicChildSlots");
-export const mockHasDynamicChildSlots = jest
-    .spyOn(helpers, "hasDynamicChildSlots")
-    .mockImplementation(() => true);
-export const waitForTimeout = async (ms) => {
-    await new Promise((r) => setTimeout(r, ms));
-};
-export const mockDeviceSize = (size) => {
-    const matchesFunc = jest.fn((devSize) => {
-        return devSize === size;
-    });
-    Object.defineProperty(helpers, "deviceSizeMatches", {
-        value: matchesFunc,
-    });
-};
-export const waitForNavGroupLoad = async () => {
-    //delay to account for 50ms delay in componentdidload
-    await waitForTimeout(100);
-};
-export const resizeTo = (windowObj, width, height) => {
-    Object.assign(windowObj, {
-        innerWidth: width,
-        innerHeight: height,
-        outerWidth: width,
-        outerHeight: height,
-    }).dispatchEvent(new windowObj.Event("resize"));
-};
-export const testKeyboardEvent = (keyboardKey) => {
-    return {
-        key: `${keyboardKey}`,
-        preventDefault: () => null,
-        stopImmediatePropagation: () => null,
-        shiftKey: false,
-        target: {
-            id: "key-id",
-        },
-    };
-};
-//# sourceMappingURL=testspec.setup.js.map

package/dist/collection/testspec.setup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"testspec.setup.js","sourceRoot":"","sources":["../src/testspec.setup.ts"],"names":[],"mappings":"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","sourcesContent":["import * as helpers from \"./utils/helpers\";\n\n//common setup to be used across all spec tests\nimport { DEVICE_SIZES as device_sizes } from \"./utils/helpers\";\n\ntype TestKeyboardEvent = {\n  key: string;\n  preventDefault: () => void;\n  stopImmediatePropagation: () => void;\n  shiftKey: boolean;\n  target: { id: string };\n};\n\nObject.defineProperty(device_sizes, \"XS\", { value: 0 });\nObject.defineProperty(device_sizes, \"S\", { value: 576 });\nObject.defineProperty(device_sizes, \"M\", { value: 768 });\nObject.defineProperty(device_sizes, \"L\", { value: 992 });\nObject.defineProperty(device_sizes, \"XL\", { value: 1200 });\n\n// ResizeObserver isn't available in test environment\nconst mockResizeObserver = jest.fn();\nmockResizeObserver.mockReturnValue({\n  observe: jest.fn().mockReturnValue(null),\n  unobserve: jest.fn().mockReturnValue(null),\n  disconnect: jest.fn().mockReturnValue(null),\n});\nObject.defineProperty(global, \"ResizeObserver\", {\n  value: mockResizeObserver,\n});\n\n// MutationObserver isn't available in test environment\nconst mockMutationObserver = jest.fn();\nmockMutationObserver.mockReturnValue({\n  observe: jest.fn().mockReturnValue(null),\n  unobserve: jest.fn().mockReturnValue(null),\n  disconnect: jest.fn().mockReturnValue(null),\n});\nObject.defineProperty(global, \"MutationObserver\", {\n  value: mockMutationObserver,\n});\n\nexport const mockMutationObserverImplementation = jest\n  .spyOn(global, \"MutationObserver\")\n  .mockImplementation((callback) => ({\n    observe: jest.fn(),\n    disconnect: jest.fn(),\n    takeRecords: jest.fn(),\n    trigger: (mutations: MutationRecord[]) => {\n      callback(mutations, this);\n    },\n  }));\n\nexport type MockMutationRecord = {\n  addedNodes?: Node[];\n  removedNodes?: Node[];\n  target?: Node;\n};\n\nexport const mockRenderDynamicChildSlots = jest.spyOn(\n  helpers,\n  \"renderDynamicChildSlots\"\n);\nexport const mockHasDynamicChildSlots = jest\n  .spyOn(helpers, \"hasDynamicChildSlots\")\n  .mockImplementation(() => true);\n\nexport const waitForTimeout = async (ms: number): Promise<void> => {\n  await new Promise((r) => setTimeout(r, ms));\n};\n\nexport const mockDeviceSize = (size: number): void => {\n  const matchesFunc = jest.fn((devSize) => {\n    return devSize === size;\n  });\n\n  Object.defineProperty(helpers, \"deviceSizeMatches\", {\n    value: matchesFunc,\n  });\n};\n\nexport const waitForNavGroupLoad = async (): Promise<void> => {\n  //delay to account for 50ms delay in componentdidload\n  await waitForTimeout(100);\n};\n\nexport const resizeTo = (\n  windowObj: typeof window,\n  width: number,\n  height: number\n): void => {\n  Object.assign(windowObj, {\n    innerWidth: width,\n    innerHeight: height,\n    outerWidth: width,\n    outerHeight: height,\n  }).dispatchEvent(new windowObj.Event(\"resize\"));\n};\n\nexport const testKeyboardEvent = (keyboardKey: string): TestKeyboardEvent => {\n  return {\n    key: `${keyboardKey}`,\n    preventDefault: (): void => null,\n    stopImmediatePropagation: (): void => null,\n    shiftKey: false,\n    target: {\n      id: \"key-id\",\n    },\n  };\n};\n"]}

package/dist/core/p-00587c99.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icToggleButtonCss","ToggleButton","this","loopAttributes","trackedAttributes","parentAttributes","el","parentElement","attributes","i","length","getNamedItem","attribute","name","loading","value","disabled","fullWidth","iconPlacement","variant","size","theme","monochrome","handleFocus","ev","stopImmediatePropagation","handleClick","icToggleChecked","emit","checked","watchDisabledHandler","removeDisabledFalse","componentWillLoad","isSlottedInGroup","componentDidLoad","onComponentRequiredPropUndefined","prop","accessibleLabel","label","propName","handleHostClick","e","render","h","Host","class","onFocus","toString","onClick","title","tooltipPlacement","isSlotUsed","slot"],"sources":["src/components/ic-toggle-button/ic-toggle-button.css?tag=ic-toggle-button&encapsulation=shadow","src/components/ic-toggle-button/ic-toggle-button.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/* VARIABLES FOR IC-TOGGLE-BUTTON-GROUP */\n:host {\n  --toggle-button-border: var(--ic-toggle-button-unselected-border);\n  --toggle-button-text-colour: var(--ic-toggle-button-unselected-text);\n  --toggle-button-border-hover: var(--ic-toggle-button-unselected-border-hover);\n  --toggle-button-text-colour-hover: var(\n    --ic-toggle-button-unselected-text-hover\n  );\n  --toggle-button-border-active: var(\n    --ic-toggle-button-unselected-border-pressed\n  );\n  --toggle-button-text-colour-active: var(\n    --ic-toggle-button-unselected-text-pressed\n  );\n}\n\n:host(.ic-toggle-button-checked) {\n  --toggle-button-border: var(--ic-toggle-button-selected-border);\n  --toggle-button-text-colour: var(--ic-toggle-button-selected-text);\n  --toggle-button-border-hover: var(--ic-toggle-button-selected-border-hover);\n  --toggle-button-text-colour-hover: var(--ic-toggle-button-selected-text);\n  --toggle-button-border-active: var(\n    --ic-toggle-button-selected-border-pressed\n  );\n  --toggle-button-text-colour-active: var(--ic-toggle-button-selected-text);\n}\n\n:host(.ic-toggle-button-monochrome) {\n  --toggle-button-border: var(--ic-toggle-button-unselected-border-monochrome);\n  --toggle-button-text-colour: var(\n    --ic-toggle-button-unselected-text-monochrome\n  );\n  --toggle-button-border-hover: var(\n    --ic-toggle-button-unselected-border-hover-monochrome\n  );\n  --toggle-button-text-colour-hover: var(\n    --ic-toggle-button-unselected-text-monochrome\n  );\n  --toggle-button-border-active: var(\n    --ic-toggle-button-unselected-border-pressed-monochrome\n  );\n  --toggle-button-text-colour-active: var(\n    --ic-toggle-button-unselected-text-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) {\n  --toggle-button-border: var(--ic-toggle-button-selected-border-monochrome);\n  --toggle-button-text-colour: var(--ic-toggle-button-selected-text-monochrome);\n  --toggle-button-border-hover: var(\n    --ic-toggle-button-selected-border-hover-monochrome\n  );\n  --toggle-button-text-colour-hover: var(\n    --ic-toggle-button-selected-text-monochrome\n  );\n  --toggle-button-border-active: var(\n    --ic-toggle-button-selected-border-pressed-monochrome\n  );\n  --toggle-button-text-colour-active: var(\n    --ic-toggle-button-selected-text-monochrome\n  );\n}\n\n:host(.ic-toggle-button-disabled) {\n  --toggle-button-border: var(--ic-toggle-button-unselected-border-disabled);\n  --toggle-button-text-colour: var(--ic-toggle-button-unselected-text-disabled);\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-monochrome) {\n  --toggle-button-border: var(\n    --ic-toggle-button-unselected-border-disabled-monochrome\n  );\n  --toggle-button-text-colour: var(\n    --ic-toggle-button-unselected-text-disabled-monochrome\n  );\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked) {\n  --toggle-button-border: var(--ic-toggle-button-selected-border-disabled);\n  --toggle-button-text-colour: var(--ic-toggle-button-selected-text-disabled);\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) {\n  --toggle-button-border: var(\n    --ic-toggle-button-selected-border-disabled-monochrome\n  );\n  --toggle-button-text-colour: var(\n    --ic-toggle-button-selected-text-disabled-monochrome\n  );\n}\n\n:host(.expand-toggle-group-child) ::part(button) {\n  width: 100%;\n  min-height: inherit;\n  white-space: inherit;\n  height: inherit;\n}\n\n:host ic-button {\n  --icon-width: var(--ic-space-lg);\n  --icon-height: var(--ic-space-lg);\n}\n\n:host(.expand-toggle-group-child) ic-button {\n  min-width: 100%;\n  min-height: 100%;\n  white-space: normal;\n  height: 100%;\n}\n\n:host(.expand-toggle-group-child) ::part(button):focus,\n:host(.expand-toggle-group-child.ic-toggle-button-checked)\n  ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n    var(--ic-border-focus);\n}\n\n:host(.expand-toggle-group-child.ic-toggle-button-light) ::part(button):focus,\n:host(.expand-toggle-group-child.ic-toggle-button-dark) ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-dark),\n    var(--ic-border-focus);\n}\n\n:host(:focus) {\n  z-index: 1;\n}\n\n:host ::part(button) {\n  border: var(--ic-border-width) solid var(--toggle-button-border);\n  color: var(--toggle-button-text-colour);\n}\n\n:host ::part(button):hover {\n  border: var(--ic-border-width) solid var(--toggle-button-border-hover);\n  color: var(--toggle-button-text-colour-hover);\n}\n\n:host ::part(button):active {\n  border: var(--ic-border-width) solid var(--toggle-button-border-active);\n  color: var(--toggle-button-text-colour-active);\n}\n\n:host(.ic-toggle-button-disabled) ::part(button) {\n  border: var(--ic-space-1px) dashed var(--toggle-button-border);\n  color: var(--toggle-button-text-colour);\n}\n\n:host(.ic-toggle-button-checked) ::part(button) {\n  background-color: var(--ic-toggle-button-selected-background);\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs)\n    var(--ic-toggle-button-selected-text);\n}\n\n:host(.ic-toggle-button-checked) ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs)\n      var(--ic-toggle-button-selected-border-focus),\n    var(--ic-border-focus);\n}\n\n:host ::part(button):hover {\n  background-color: var(--ic-toggle-button-unselected-background-hover);\n}\n\n:host ::part(button):active {\n  background-color: var(--ic-toggle-button-unselected-background-pressed);\n}\n\n:host(.ic-toggle-button-checked) ::part(button):hover {\n  background-color: var(--ic-toggle-button-selected-background-hover);\n}\n\n:host(.ic-toggle-button-checked) ::part(button):active,\n:host(.ic-toggle-button-icon.ic-toggle-button-checked) ::part(button):active {\n  background-color: var(--ic-toggle-button-selected-background-pressed);\n}\n\n:host(.ic-toggle-button-monochrome) ::part(button):hover {\n  background-color: var(\n    --ic-toggle-button-unselected-background-hover-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome) ::part(button):active {\n  background-color: var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button) {\n  background-color: var(--ic-toggle-button-selected-background-monochrome);\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):hover {\n  background-color: var(\n    --ic-toggle-button-selected-background-hover-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):active,\n:host(.ic-toggle-button-icon.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):active {\n  background-color: var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs)\n      var(--ic-toggle-button-selected-text),\n    var(--ic-border-focus);\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked)\n  ::part(button) {\n  background-color: transparent;\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked)\n  ::part(button)::before {\n  background-image: radial-gradient(\n    var(--ic-toggle-button-selected-background-disabled) 95%,\n    white 20%\n  );\n  background-repeat: no-repeat;\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome)\n  ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome)\n  ::part(button)::before {\n  background-image: radial-gradient(\n    var(--ic-toggle-button-selected-background-disabled-monochrome) 95%,\n    white 20%\n  );\n  background-repeat: no-repeat;\n}\n\n:host(.ic-toggle-button-icon) ::part(button) {\n  height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  width: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.ic-toggle-button-icon) ::part(button):active {\n  background-color: var(--ic-action-default-bg-pressed);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-dark) ::part(button):active {\n  background-color: var(--ic-action-dark-bg-pressed);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-light) ::part(button):active {\n  background-color: var(--ic-action-light-bg-pressed);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-small) ::part(button) {\n  height: var(--ic-space-xl);\n  width: var(--ic-space-xl);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-large) ::part(button) {\n  height: var(--ic-space-xxl);\n  width: var(--ic-space-xxl);\n}\n\n:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-selected-background-pressed\n  );\n  background-color: var(--ic-toggle-button-selected-background-pressed);\n}\n\n:host(.ic-toggle-button-loading) ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-unselected-background-pressed\n  );\n  background-color: var(--ic-toggle-button-unselected-background-pressed);\n}\n\n:host(.ic-toggle-button-checked.ic-toggle-button-loading)\n  ::part(ic-loading-container) {\n  --inner-color: var(--ic-toggle-button-loading-bar);\n}\n\n:host(.ic-toggle-button-loading) ::part(ic-loading-container) {\n  --inner-color: var(--ic-toggle-button-selected-loading-bar);\n}\n\n:host(.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-monochrome)\n  ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );\n  background-color: var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );\n  background-color: var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );\n}\n\n@media (forced-colors: active) {\n  :host(.ic-toggle-button-checked) ::part(button),\n  :host(.ic-toggle-button-checked) ::part(button):hover {\n    background-color: Highlight;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button),\n  :host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button):hover {\n    background-color: Highlight;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button),\n  :host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button):hover {\n    background-color: Highlight;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-disabled) ::part(button) {\n    background-color: GrayText;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button),\n  :host(.ic-toggle-button-checked.ic-toggle-button-loading)\n    ::part(button):hover {\n    --loading-button-background: Highlight;\n  }\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  Event,\n  EventEmitter,\n  Listen,\n  h,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  isSlotUsed,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n  isSlottedInGroup,\n} from \"../../utils/helpers\";\nimport {\n  IcSizes,\n  IcThemeMode,\n  IcIconPlacementOptions,\n  IcButtonTooltipPlacement,\n} from \"../../utils/types\";\n\n/**\n * @slot icon - Content will be displayed alongside the toggle button label.\n * @slot badge - Badge component overlaying the top right of the toggle button.\n */\n\n@Component({\n  tag: \"ic-toggle-button\",\n  styleUrl: \"ic-toggle-button.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ToggleButton {\n  @Element() el: HTMLIcToggleButtonElement;\n\n  /**\n   * The accessible label that will be applied to the toggle button. This is required for the icon variant of toggle buttons.\n   */\n  @Prop() accessibleLabel?: string;\n\n  /**\n   * If `true`, the toggle button will be in a checked state.\n   */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  /**\n   * If `true`, the toggle button will be in disabled state.\n   */\n  @Prop({ mutable: true }) disabled?: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * If `true`, the toggle button will fill the width of the container.\n   */\n  @Prop({ mutable: true }) fullWidth?: boolean = false;\n\n  /**\n   * The placement of the icon in relation to the toggle button label.\n   */\n  @Prop() iconPlacement?: IcIconPlacementOptions = \"left\";\n\n  /**\n   * The label to display in the toggle button. This is required for the default variant of toggle buttons.\n   */\n  @Prop() label?: string;\n\n  /**\n   * If `true`, the toggle button will be in loading state.\n   */\n  @Prop({ mutable: true }) loading?: boolean = false;\n\n  /**\n   * If `true`, the toggle button will display as black in the light theme, and white in dark theme.\n   */\n  @Prop({ mutable: true }) monochrome?: boolean = false;\n\n  /**\n   * The size of the toggle button to be displayed.\n   */\n  @Prop({ mutable: true }) size?: IcSizes = \"medium\";\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop({ mutable: true }) theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The position of the tooltip in relation to the toggle button.\n   */\n  @Prop() tooltipPlacement: IcButtonTooltipPlacement = \"bottom\";\n\n  /**\n   * The variant of the toggle button.\n   */\n  @Prop({ reflect: true, mutable: true }) variant: \"default\" | \"icon\" =\n    \"default\";\n\n  /**\n   * Emitted when the user clicks a toggle button.\n   */\n  @Event() icToggleChecked: EventEmitter<{\n    checked: boolean;\n  }>;\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n\n    if (isSlottedInGroup(this.el)) {\n      this.loopAttributes();\n    }\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [\n        {\n          prop: this.variant === \"icon\" ? this.accessibleLabel : this.label,\n          propName: this.variant === \"icon\" ? \"accessible-label\" : \"label\",\n        },\n      ],\n      \"Toggle button\"\n    );\n  }\n\n  @Listen(\"click\", { capture: true })\n  handleHostClick(e: Event): void {\n    if (this.disabled) {\n      e.stopImmediatePropagation();\n    } else if (!this.loading) {\n      this.checked = !this.checked;\n    }\n  }\n\n  private loopAttributes = () => {\n    const trackedAttributes: string[] = [\n      \"loading\",\n      \"disabled\",\n      \"full-width\",\n      \"icon-placement\",\n      \"variant\",\n      \"size\",\n      \"theme\",\n      \"monochrome\",\n    ];\n    const parentAttributes = this.el.parentElement.attributes;\n    for (let i = 0; i < trackedAttributes.length; i++) {\n      if (parentAttributes.getNamedItem(trackedAttributes[i]) !== null) {\n        const attribute = parentAttributes.getNamedItem(trackedAttributes[i]);\n        switch (attribute.name) {\n          case trackedAttributes[0]:\n            this.loading = attribute.value !== \"false\";\n            break;\n          case trackedAttributes[1]:\n            this.disabled = attribute.value !== \"false\";\n            break;\n          case trackedAttributes[2]:\n            this.fullWidth = attribute.value !== \"false\";\n            break;\n          case trackedAttributes[3]:\n            this.iconPlacement = attribute.value as \"left\" | \"right\" | \"top\";\n            break;\n          case trackedAttributes[4]:\n            this.variant = attribute.value as \"default\" | \"icon\";\n            break;\n          case trackedAttributes[5]:\n            this.size = attribute.value as IcSizes;\n            break;\n          case trackedAttributes[6]:\n            this.theme = attribute.value as IcThemeMode;\n            break;\n          case trackedAttributes[7]:\n            this.monochrome = attribute.value !== \"false\";\n            break;\n        }\n      }\n    }\n  };\n\n  private handleFocus = (ev: FocusEvent) => {\n    ev.stopImmediatePropagation();\n  };\n\n  private handleClick = (): void => {\n    !this.loading &&\n      !this.disabled &&\n      this.icToggleChecked.emit({\n        checked: this.checked,\n      });\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n          [\"ic-toggle-button-disabled\"]: this.disabled,\n          [\"ic-toggle-button-checked\"]: this.checked,\n          [\"ic-toggle-button-icon\"]: this.variant === \"icon\",\n          [`ic-toggle-button-${this.size}`]: true,\n          [\"ic-toggle-button-loading\"]: this.loading,\n          [\"ic-toggle-button-monochrome\"]: this.monochrome,\n          [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n        }}\n        onFocus={this.handleFocus}\n      >\n        <ic-button\n          aria-pressed={this.checked.toString()}\n          variant={this.variant === \"icon\" ? \"icon\" : \"secondary\"}\n          onClick={this.handleClick}\n          title={this.accessibleLabel}\n          aria-label={`${\n            this.accessibleLabel ? this.accessibleLabel : this.label\n          }, ${this.checked ? \"ticked\" : \"unticked\"}`}\n          disabled={this.disabled}\n          size={this.size}\n          fullWidth={this.fullWidth}\n          loading={this.loading}\n          tooltipPlacement={this.tooltipPlacement}\n        >\n          {this.variant !== \"icon\" && this.label}\n          <slot />\n          {isSlotUsed(this.el, \"icon\") && (\n            <slot name=\"icon\" slot={`${this.iconPlacement}-icon`}></slot>\n          )}\n          {isSlotUsed(this.el, \"badge\") && (\n            <slot name=\"badge\" slot=\"badge\"></slot>\n          )}\n        </ic-button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}