@beeq/core 1.5.0 → 1.6.0

package/dist/collection/components/step-item/__tests__/bq-step-item.e2e.js

@@ -1,75 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import { newE2EPage } from "@stencil/core/testing";
-describe('bq-step-item', () => {
-    it('should render', async () => {
-        const page = await newE2EPage({
-            html: `<bq-step-item></bq-step-item>`,
-        });
-        const element = await page.find('bq-step-item');
-        expect(element).toHaveClass('hydrated');
-    });
-    it('should have shadow root', async () => {
-        const page = await newE2EPage({
-            html: `<bq-step-item></bq-step-item>`,
-        });
-        const element = await page.find('bq-step-item');
-        expect(element.shadowRoot).not.toBeNull();
-    });
-    it('should display text title', async () => {
-        const title = 'Title';
-        const description = 'Description for step item';
-        const page = await newE2EPage({
-            html: `
-        <bq-step-item type="numeric" status="default">
-          <span>${title}</span>
-          <span slot="description">${description}</span>
-        </bq-step-item>
-      `,
-        });
-        const text = await page.$eval('bq-step-item', (element) => {
-            const slotElement = element.shadowRoot.querySelector('.bq-step-item__content--title').querySelector('slot');
-            const assignedElements = slotElement.assignedElements({ flatten: true })[0];
-            return assignedElements.textContent;
-        });
-        expect(text).toEqualText(title);
-    });
-    it('should display description', async () => {
-        const title = 'Title';
-        const description = 'Description for step item';
-        const page = await newE2EPage({
-            html: `
-        <bq-step-item type="numeric" status="default">
-          <span>${title}</span>
-          <span slot="description">${description}</span>
-        </bq-step-item>
-      `,
-        });
-        const text = await page.$eval('bq-step-item', (element) => {
-            const slotElement = element.shadowRoot.querySelector('slot[name="description"]');
-            const assignedElements = slotElement.assignedElements({ flatten: true })[0];
-            return assignedElements.textContent;
-        });
-        expect(text).toEqualText(description);
-    });
-    it('should display icon prefix', async () => {
-        const page = await newE2EPage({
-            html: `
-        <bq-step-item status="default">
-          <bq-icon slot="prefix" name="circle"></bq-icon>
-          <span>Title</span>
-          <span slot="description">Description</span>
-        </bq-step-item>
-      `,
-        });
-        const prefix = await page.$eval('bq-step-item', (element) => {
-            const slotElement = element.shadowRoot.querySelector('slot[name="prefix"]');
-            const assignedElements = slotElement.assignedElements({ flatten: true })[0];
-            return assignedElements.tagName;
-        });
-        expect(prefix).toMatch(/bq-icon/i);
-    });
-});
-//# sourceMappingURL=bq-step-item.e2e.js.map

package/dist/collection/components/step-item/__tests__/bq-step-item.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bq-step-item.e2e.js","sourceRoot":"","sources":["../../../../../../../src/components/step-item/__tests__/bq-step-item.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('bq-step-item', () => {\n  it('should render', async () => {\n    const page = await newE2EPage({\n      html: `<bq-step-item></bq-step-item>`,\n    });\n\n    const element = await page.find('bq-step-item');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('should have shadow root', async () => {\n    const page = await newE2EPage({\n      html: `<bq-step-item></bq-step-item>`,\n    });\n\n    const element = await page.find('bq-step-item');\n    expect(element.shadowRoot).not.toBeNull();\n  });\n\n  it('should display text title', async () => {\n    const title = 'Title';\n    const description = 'Description for step item';\n\n    const page = await newE2EPage({\n      html: `\n        <bq-step-item type=\"numeric\" status=\"default\">\n          <span>${title}</span>\n          <span slot=\"description\">${description}</span>\n        </bq-step-item>\n      `,\n    });\n\n    const text = await page.$eval('bq-step-item', (element) => {\n      const slotElement = element.shadowRoot.querySelector('.bq-step-item__content--title').querySelector('slot');\n      const assignedElements = (slotElement as HTMLSlotElement).assignedElements({ flatten: true })[0];\n\n      return assignedElements.textContent;\n    });\n    expect(text).toEqualText(title);\n  });\n\n  it('should display description', async () => {\n    const title = 'Title';\n    const description = 'Description for step item';\n\n    const page = await newE2EPage({\n      html: `\n        <bq-step-item type=\"numeric\" status=\"default\">\n          <span>${title}</span>\n          <span slot=\"description\">${description}</span>\n        </bq-step-item>\n      `,\n    });\n\n    const text = await page.$eval('bq-step-item', (element) => {\n      const slotElement = element.shadowRoot.querySelector('slot[name=\"description\"]');\n      const assignedElements = (slotElement as HTMLSlotElement).assignedElements({ flatten: true })[0];\n\n      return assignedElements.textContent;\n    });\n    expect(text).toEqualText(description);\n  });\n\n  it('should display icon prefix', async () => {\n    const page = await newE2EPage({\n      html: `\n        <bq-step-item status=\"default\">\n          <bq-icon slot=\"prefix\" name=\"circle\"></bq-icon>\n          <span>Title</span>\n          <span slot=\"description\">Description</span>\n        </bq-step-item>\n      `,\n    });\n\n    const prefix = await page.$eval('bq-step-item', (element) => {\n      const slotElement = element.shadowRoot.querySelector('slot[name=\"prefix\"]');\n      const assignedElements = (slotElement as HTMLSlotElement).assignedElements({ flatten: true })[0];\n\n      return assignedElements.tagName;\n    });\n    expect(prefix).toMatch(/bq-icon/i);\n  });\n});\n"]}

package/dist/collection/components/steps/__tests__/bq-steps.e2e.js

@@ -1,48 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import { newE2EPage } from "@stencil/core/testing";
-describe('bq-steps', () => {
-    it('should render', async () => {
-        const page = await newE2EPage({
-            html: `
-        <bq-steps type="icon" size="medium">
-          <bq-step-item status="default">
-            <bq-icon slot="prefix" name="bell-ringing"></bq-icon>
-            <span>Title</span>
-            <span slot="description">Description</span>
-          </bq-step-item>
-        </bq-steps>
-      `,
-        });
-        const element = await page.find('bq-steps');
-        expect(element).toHaveClass('hydrated');
-    });
-    it('should have shadow root', async () => {
-        const page = await newE2EPage({
-            html: `<bq-steps type="numeric" size="medium"></bq-steps>`,
-        });
-        const element = await page.find('bq-steps');
-        expect(element.shadowRoot).not.toBeNull();
-    });
-    it('should render the correct number of steps', async () => {
-        const page = await newE2EPage({
-            html: `
-      <bq-steps type="numeric" size="medium">
-        <bq-step-item>
-          <span slot="prefix">1</span>
-          <span>Title</span>
-        </bq-step-item>
-        <bq-step-item>
-          <span slot="prefix">2</span>
-          <span>Title</span>
-        </bq-step-item>
-      </bq-steps>
-      `,
-        });
-        const steps = await page.findAll('bq-step-item');
-        expect(steps).toHaveLength(2);
-    });
-});
-//# sourceMappingURL=bq-steps.e2e.js.map

package/dist/collection/components/steps/__tests__/bq-steps.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bq-steps.e2e.js","sourceRoot":"","sources":["../../../../../../../src/components/steps/__tests__/bq-steps.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC;YAC5B,IAAI,EAAE;;;;;;;;OAQL;SACF,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC;YAC5B,IAAI,EAAE,oDAAoD;SAC3D,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5C,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC;YAC5B,IAAI,EAAE;;;;;;;;;;;OAWL;SACF,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QACjD,MAAM,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('bq-steps', () => {\n  it('should render', async () => {\n    const page = await newE2EPage({\n      html: `\n        <bq-steps type=\"icon\" size=\"medium\">\n          <bq-step-item status=\"default\">\n            <bq-icon slot=\"prefix\" name=\"bell-ringing\"></bq-icon>\n            <span>Title</span>\n            <span slot=\"description\">Description</span>\n          </bq-step-item>\n        </bq-steps>\n      `,\n    });\n\n    const element = await page.find('bq-steps');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('should have shadow root', async () => {\n    const page = await newE2EPage({\n      html: `<bq-steps type=\"numeric\" size=\"medium\"></bq-steps>`,\n    });\n\n    const element = await page.find('bq-steps');\n    expect(element.shadowRoot).not.toBeNull();\n  });\n\n  it('should render the correct number of steps', async () => {\n    const page = await newE2EPage({\n      html: `\n      <bq-steps type=\"numeric\" size=\"medium\">\n        <bq-step-item>\n          <span slot=\"prefix\">1</span>\n          <span>Title</span>\n        </bq-step-item>\n        <bq-step-item>\n          <span slot=\"prefix\">2</span>\n          <span>Title</span>\n        </bq-step-item>\n      </bq-steps>\n      `,\n    });\n\n    const steps = await page.findAll('bq-step-item');\n    expect(steps).toHaveLength(2);\n  });\n});\n"]}

package/dist/collection/components/switch/__tests__/bq-switch.e2e.js

@@ -1,72 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import { newE2EPage } from "@stencil/core/testing";
-describe('bq-switch', () => {
-    it('should render', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-switch></bq-switch>');
-        const element = await page.find('bq-switch');
-        expect(element).toHaveClass('hydrated');
-    });
-    it('should have shadow root', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-switch></bq-switch>');
-        const element = await page.find('bq-switch');
-        expect(element.shadowRoot).not.toBeNull();
-    });
-    it('should load checked', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<bq-switch checked></bq-switch>`);
-        const input = await page.find('bq-switch >>> input.bq-switch--input');
-        expect(input.getAttribute('aria-checked')).toEqual('true');
-    });
-    it('should display label text', async () => {
-        const label = 'Toggle me!';
-        const page = await newE2EPage();
-        await page.setContent(`<bq-switch>${label}</bq-switch>`);
-        const element = await page.waitForSelector('bq-switch');
-        const labelText = await element.evaluate((el) => el.textContent);
-        expect(labelText).toEqualText(label);
-    });
-    it('should toggle on click', async () => {
-        const page = await newE2EPage({
-            html: '<bq-switch></bq-switch>',
-        });
-        const bqChange = await page.spyOnEvent('bqChange');
-        const element = await page.find('bq-switch');
-        expect(element).not.toHaveAttribute('checked');
-        await element.click();
-        expect(await page.find('bq-switch')).toHaveAttribute('checked');
-        expect(bqChange).toHaveReceivedEventTimes(1);
-    });
-    it('should do nothing if disabled', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<bq-switch disabled></bq-switch>`);
-        const bqChange = await page.spyOnEvent('bqChange');
-        const element = await page.find('bq-switch');
-        await element.click();
-        expect(bqChange).toHaveReceivedEventTimes(0);
-        expect(element).not.toHaveAttribute('checked');
-    });
-    it('should render inner icon labels', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <bq-switch inner-label="icon">Toggle me!</bq-switch>
-    `);
-        const switchControl = await page.find('bq-switch >>> .bq-switch--control');
-        expect(switchControl).not.toBe(undefined);
-        const pkIcons = await switchControl.findAll('bq-icon.bq-switch--control__icon');
-        expect(pkIcons).toHaveLength(2);
-    });
-    it('should change the content order', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <bq-switch reverse-order>Toggle me!</bq-switch>
-    `);
-        const elementBase = await page.find('bq-switch >>> label.bq-switch');
-        expect(elementBase).toHaveClass('flex-row-reverse');
-    });
-});
-//# sourceMappingURL=bq-switch.e2e.js.map

package/dist/collection/components/switch/__tests__/bq-switch.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bq-switch.e2e.js","sourceRoot":"","sources":["../../../../../../../src/components/switch/__tests__/bq-switch.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('bq-switch', () => {\n  it('should render', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-switch></bq-switch>');\n\n    const element = await page.find('bq-switch');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('should have shadow root', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-switch></bq-switch>');\n\n    const element = await page.find('bq-switch');\n    expect(element.shadowRoot).not.toBeNull();\n  });\n\n  it('should load checked', async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<bq-switch checked></bq-switch>`);\n\n    const input = await page.find('bq-switch >>> input.bq-switch--input');\n    expect(input.getAttribute('aria-checked')).toEqual('true');\n  });\n\n  it('should display label text', async () => {\n    const label = 'Toggle me!';\n    const page = await newE2EPage();\n    await page.setContent(`<bq-switch>${label}</bq-switch>`);\n\n    const element = await page.waitForSelector('bq-switch');\n    const labelText = await element.evaluate((el) => el.textContent);\n\n    expect(labelText).toEqualText(label);\n  });\n\n  it('should toggle on click', async () => {\n    const page = await newE2EPage({\n      html: '<bq-switch></bq-switch>',\n    });\n\n    const bqChange = await page.spyOnEvent('bqChange');\n\n    const element = await page.find('bq-switch');\n    expect(element).not.toHaveAttribute('checked');\n\n    await element.click();\n\n    expect(await page.find('bq-switch')).toHaveAttribute('checked');\n    expect(bqChange).toHaveReceivedEventTimes(1);\n  });\n\n  it('should do nothing if disabled', async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<bq-switch disabled></bq-switch>`);\n\n    const bqChange = await page.spyOnEvent('bqChange');\n\n    const element = await page.find('bq-switch');\n    await element.click();\n\n    expect(bqChange).toHaveReceivedEventTimes(0);\n    expect(element).not.toHaveAttribute('checked');\n  });\n\n  it('should render inner icon labels', async () => {\n    const page = await newE2EPage();\n    await page.setContent(`\n      <bq-switch inner-label=\"icon\">Toggle me!</bq-switch>\n    `);\n\n    const switchControl = await page.find('bq-switch >>> .bq-switch--control');\n    expect(switchControl).not.toBe(undefined);\n\n    const pkIcons = await switchControl.findAll('bq-icon.bq-switch--control__icon');\n    expect(pkIcons).toHaveLength(2);\n  });\n\n  it('should change the content order', async () => {\n    const page = await newE2EPage();\n    await page.setContent(`\n      <bq-switch reverse-order>Toggle me!</bq-switch>\n    `);\n\n    const elementBase = await page.find('bq-switch >>> label.bq-switch');\n    expect(elementBase).toHaveClass('flex-row-reverse');\n  });\n});\n"]}

package/dist/collection/components/tab/__tests__/bq-tab.e2e.js

@@ -1,97 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import { newE2EPage } from "@stencil/core/testing";
-import { computedStyle } from "../../../shared/test-utils";
-const waitForSvgLoad = async (elem, props) => {
-    if (props) {
-        Object.keys(props).forEach((attr) => (elem[attr] = props[attr]));
-    }
-    const partSVG = elem.shadowRoot.querySelector('[part="svg"]');
-    if (!partSVG) {
-        return new Promise((resolve) => elem.addEventListener('svgLoaded', resolve));
-    }
-    return Promise.resolve();
-};
-describe('bq-tab', () => {
-    it('should render', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-tab id="1"><p>Tab text</p></bq-tab>');
-        const element = await page.find('bq-tab');
-        expect(element).toHaveClass('hydrated');
-    });
-    it('should have shadow root', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-tab id="1"><p>Tab text</p></bq-tab>');
-        const element = await page.find('bq-tab');
-        expect(element.shadowRoot).not.toBeNull();
-    });
-    it('should display text', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-tab id="1"><p>Tab text</p></bq-tab>');
-        const slotText = await page.$eval('bq-tab', (element) => {
-            const slotElement = element.shadowRoot.querySelector('[part="text"] > slot');
-            const assignedElements = slotElement.assignedElements({ flatten: true })[0];
-            return assignedElements.textContent;
-        });
-        expect(slotText).toBe('Tab text');
-    });
-    it('should display icon', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-tab id="1"><bq-icon name="check" slot="icon"></bq-icon><p>Tab text</p></bq-tab>');
-        await page.$eval('bq-icon', waitForSvgLoad);
-        const slotText = await page.$eval('bq-tab', (element) => {
-            const slotElement = element.shadowRoot.querySelector('[part="icon"] > slot');
-            const assignedElements = slotElement.assignedElements({ flatten: true })[0];
-            const svg = assignedElements.shadowRoot.querySelector('svg');
-            return svg.innerHTML;
-        });
-        expect(slotText).toBe('<path d="M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z"></path>');
-    });
-    it('should be keyboard accessible', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <bq-tab id="1"><p>Tab text</p></bq-tab>
-      <bq-tab id="2"><p>Tab text</p></bq-tab>
-    `);
-        const bqFocus = await page.spyOnEvent('bqFocus');
-        const bqClick = await page.spyOnEvent('bqClick');
-        const bqBlur = await page.spyOnEvent('bqBlur');
-        await page.keyboard.press('Tab');
-        await page.keyboard.press('Tab');
-        const focusedTagName = await page.evaluate(() => document.activeElement.tagName.toLocaleLowerCase());
-        expect(bqFocus).toHaveReceivedEventTimes(2);
-        expect(bqClick).toHaveReceivedEventTimes(0);
-        expect(bqBlur).toHaveReceivedEventTimes(1);
-        expect(focusedTagName).toEqual('bq-tab');
-    });
-    it('should handle `disabled` property', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-tab id="1" disabled><p>Tab text</p></bq-tab>');
-        const bqFocus = await page.spyOnEvent('bqFocus');
-        const bqClick = await page.spyOnEvent('bqClick');
-        const bqBlur = await page.spyOnEvent('bqBlur');
-        const element = await page.find('bq-tab >>> [part="base"]');
-        await element.click();
-        await page.waitForChanges();
-        expect(bqFocus).toHaveReceivedEventTimes(0);
-        expect(bqClick).toHaveReceivedEventTimes(0);
-        expect(bqBlur).toHaveReceivedEventTimes(0);
-    });
-    it('should respect design style', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <bq-tab id="1" size="small"><p>Tab text</p></bq-tab>
-      <bq-tab id="2" size="medium"><p>Tab text</p></bq-tab>
-      <bq-tab id="3" size="large"><p>Tab text</p></bq-tab>
-    `);
-        const smallStyle = await computedStyle(page, 'bq-tab[size="small"] >>> [part="base"]', ['padding']);
-        const mediumStyle = await computedStyle(page, 'bq-tab[size="medium"] >>> [part="base"]', ['padding']);
-        const largeStyle = await computedStyle(page, 'bq-tab[size="large"] >>> [part="base"]', ['padding']);
-        expect(smallStyle).toEqual({ padding: '4px 16px' });
-        expect(mediumStyle).toEqual({ padding: '8px 24px' });
-        expect(largeStyle).toEqual({ padding: '12px 24px' });
-    });
-});
-//# sourceMappingURL=bq-tab.e2e.js.map

package/dist/collection/components/tab/__tests__/bq-tab.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bq-tab.e2e.js","sourceRoot":"","sources":["../../../../../../../src/components/tab/__tests__/bq-tab.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\nimport { computedStyle } from '../../../shared/test-utils';\n\nconst waitForSvgLoad = async (\n  elem: HTMLBqIconElement,\n  props?: Partial<Record<keyof HTMLBqIconElement, HTMLBqIconElement[keyof HTMLBqIconElement]>>,\n) => {\n  if (props) {\n    Object.keys(props).forEach((attr) => (elem[attr] = props[attr]));\n  }\n  const partSVG = elem.shadowRoot.querySelector('[part=\"svg\"]');\n  if (!partSVG) {\n    return new Promise((resolve) => elem.addEventListener('svgLoaded', resolve));\n  }\n  return Promise.resolve();\n};\n\ndescribe('bq-tab', () => {\n  it('should render', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-tab id=\"1\"><p>Tab text</p></bq-tab>');\n\n    const element = await page.find('bq-tab');\n\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('should have shadow root', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-tab id=\"1\"><p>Tab text</p></bq-tab>');\n\n    const element = await page.find('bq-tab');\n\n    expect(element.shadowRoot).not.toBeNull();\n  });\n\n  it('should display text', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-tab id=\"1\"><p>Tab text</p></bq-tab>');\n\n    const slotText = await page.$eval('bq-tab', (element) => {\n      const slotElement = element.shadowRoot.querySelector('[part=\"text\"] > slot');\n      const assignedElements = (slotElement as HTMLSlotElement).assignedElements({ flatten: true })[0];\n\n      return assignedElements.textContent;\n    });\n\n    expect(slotText).toBe('Tab text');\n  });\n\n  it('should display icon', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-tab id=\"1\"><bq-icon name=\"check\" slot=\"icon\"></bq-icon><p>Tab text</p></bq-tab>');\n\n    await page.$eval('bq-icon', waitForSvgLoad);\n\n    const slotText = await page.$eval('bq-tab', (element) => {\n      const slotElement = element.shadowRoot.querySelector('[part=\"icon\"] > slot');\n      const assignedElements = (slotElement as HTMLSlotElement).assignedElements({ flatten: true })[0];\n\n      const svg = assignedElements.shadowRoot.querySelector('svg');\n\n      return svg.innerHTML;\n    });\n\n    expect(slotText).toBe(\n      '<path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path>',\n    );\n  });\n\n  it('should be keyboard accessible', async () => {\n    const page = await newE2EPage();\n    await page.setContent(`\n      <bq-tab id=\"1\"><p>Tab text</p></bq-tab>\n      <bq-tab id=\"2\"><p>Tab text</p></bq-tab>\n    `);\n\n    const bqFocus = await page.spyOnEvent('bqFocus');\n    const bqClick = await page.spyOnEvent('bqClick');\n    const bqBlur = await page.spyOnEvent('bqBlur');\n\n    await page.keyboard.press('Tab');\n    await page.keyboard.press('Tab');\n\n    const focusedTagName = await page.evaluate(() => document.activeElement.tagName.toLocaleLowerCase());\n\n    expect(bqFocus).toHaveReceivedEventTimes(2);\n    expect(bqClick).toHaveReceivedEventTimes(0);\n    expect(bqBlur).toHaveReceivedEventTimes(1);\n    expect(focusedTagName).toEqual('bq-tab');\n  });\n\n  it('should handle `disabled` property', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-tab id=\"1\" disabled><p>Tab text</p></bq-tab>');\n\n    const bqFocus = await page.spyOnEvent('bqFocus');\n    const bqClick = await page.spyOnEvent('bqClick');\n    const bqBlur = await page.spyOnEvent('bqBlur');\n\n    const element = await page.find('bq-tab >>> [part=\"base\"]');\n\n    await element.click();\n\n    await page.waitForChanges();\n\n    expect(bqFocus).toHaveReceivedEventTimes(0);\n    expect(bqClick).toHaveReceivedEventTimes(0);\n    expect(bqBlur).toHaveReceivedEventTimes(0);\n  });\n\n  it('should respect design style', async () => {\n    const page = await newE2EPage();\n    await page.setContent(`\n      <bq-tab id=\"1\" size=\"small\"><p>Tab text</p></bq-tab>\n      <bq-tab id=\"2\" size=\"medium\"><p>Tab text</p></bq-tab>\n      <bq-tab id=\"3\" size=\"large\"><p>Tab text</p></bq-tab>\n    `);\n\n    const smallStyle = await computedStyle(page, 'bq-tab[size=\"small\"] >>> [part=\"base\"]', ['padding']);\n    const mediumStyle = await computedStyle(page, 'bq-tab[size=\"medium\"] >>> [part=\"base\"]', ['padding']);\n    const largeStyle = await computedStyle(page, 'bq-tab[size=\"large\"] >>> [part=\"base\"]', ['padding']);\n\n    expect(smallStyle).toEqual({ padding: '4px 16px' });\n    expect(mediumStyle).toEqual({ padding: '8px 24px' });\n    expect(largeStyle).toEqual({ padding: '12px 24px' });\n  });\n});\n"]}

package/dist/collection/components/tab-group/__tests__/bq-tab-group.e2e.js

@@ -1,102 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import { newE2EPage } from "@stencil/core/testing";
-describe('bq-tab-group', () => {
-    it('should render', async () => {
-        const page = await newE2EPage({
-            html: `
-    <bq-tab-group value="1">
-      <bq-tab tab-id="1">Tab 1</bq-tab>
-      <bq-tab tab-id="2">Tab 2</bq-tab>
-    </bq-tab-group>
-    `,
-        });
-        const element = await page.find('bq-tab-group');
-        expect(element).toHaveClass('hydrated');
-    });
-    it('should have shadow root', async () => {
-        const page = await newE2EPage({
-            html: `
-    <bq-tab-group value="1">
-      <bq-tab tab-id="1">Tab 1</bq-tab>
-      <bq-tab tab-id="2">Tab 2</bq-tab>
-    </bq-tab-group>
-    `,
-        });
-        const element = await page.find('bq-tab-group');
-        expect(element.shadowRoot).not.toBeNull();
-    });
-    it('should change size of all tabs', async () => {
-        const page = await newE2EPage({
-            html: `
-    <bq-tab-group value="1" size="medium">
-      <bq-tab tab-id="1">Tab 1</bq-tab>
-      <bq-tab tab-id="2">Tab 2</bq-tab>
-    </bq-tab-group>
-    `,
-        });
-        const element = await page.find('bq-tab');
-        expect(await element.getProperty('size')).toBe('medium');
-    });
-    it('should emit bqChange on tab click', async () => {
-        const page = await newE2EPage({
-            html: `
-    <bq-tab-group value="1">
-      <bq-tab tab-id="1">Tab 1</bq-tab>
-      <bq-tab tab-id="2">Tab 2</bq-tab>
-    </bq-tab-group>
-    `,
-        });
-        const bqFocus = await page.spyOnEvent('bqFocus');
-        const bqChange = await page.spyOnEvent('bqChange');
-        const bqBlur = await page.spyOnEvent('bqBlur');
-        const element = await page.find('bq-tab');
-        await element.click();
-        expect(bqFocus).toHaveReceivedEventTimes(1);
-        expect(bqChange).toHaveReceivedEventTimes(1);
-        expect(bqBlur).toHaveReceivedEventTimes(0);
-    });
-    it('should emit bqChange on keyboard navigation', async () => {
-        const page = await newE2EPage({
-            html: `
-    <bq-tab-group value="1">
-      <bq-tab tab-id="1">Tab 1</bq-tab>
-      <bq-tab tab-id="2">Tab 2</bq-tab>
-      <bq-tab tab-id="3">Tab 3</bq-tab>
-      <bq-tab tab-id="4">Tab 4</bq-tab>
-    </bq-tab-group>
-    `,
-        });
-        const bqFocus = await page.spyOnEvent('bqFocus');
-        const bqChange = await page.spyOnEvent('bqChange');
-        const bqBlur = await page.spyOnEvent('bqBlur');
-        await page.keyboard.press('Tab');
-        await page.keyboard.press('ArrowRight');
-        await page.keyboard.press('ArrowRight');
-        await page.keyboard.press('ArrowRight');
-        await page.keyboard.press('Tab');
-        expect(bqFocus).toHaveReceivedEventTimes(4);
-        expect(bqChange).toHaveReceivedEventTimes(3);
-        expect(bqBlur).toHaveReceivedEventTimes(4);
-    });
-    it('should change active tab if value is change externally', async () => {
-        const page = await newE2EPage({
-            html: `
-    <bq-tab-group value="1">
-      <bq-tab tab-id="1">Tab 1</bq-tab>
-      <bq-tab tab-id="2">Tab 2</bq-tab>
-      <bq-tab tab-id="3">Tab 3</bq-tab>
-      <bq-tab tab-id="4">Tab 4</bq-tab>
-    </bq-tab-group>
-      `,
-        });
-        const element = await page.find('bq-tab-group');
-        element.setAttribute('value', '2');
-        await page.waitForChanges();
-        const activeElement = await page.find('bq-tab[active]');
-        expect(activeElement).toEqualText('Tab 2');
-    });
-});
-//# sourceMappingURL=bq-tab-group.e2e.js.map

package/dist/collection/components/tab-group/__tests__/bq-tab-group.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bq-tab-group.e2e.js","sourceRoot":"","sources":["../../../../../../../src/components/tab-group/__tests__/bq-tab-group.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('bq-tab-group', () => {\n  it('should render', async () => {\n    const page = await newE2EPage({\n      html: `\n    <bq-tab-group value=\"1\">\n      <bq-tab tab-id=\"1\">Tab 1</bq-tab>\n      <bq-tab tab-id=\"2\">Tab 2</bq-tab>\n    </bq-tab-group>\n    `,\n    });\n\n    const element = await page.find('bq-tab-group');\n\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('should have shadow root', async () => {\n    const page = await newE2EPage({\n      html: `\n    <bq-tab-group value=\"1\">\n      <bq-tab tab-id=\"1\">Tab 1</bq-tab>\n      <bq-tab tab-id=\"2\">Tab 2</bq-tab>\n    </bq-tab-group>\n    `,\n    });\n\n    const element = await page.find('bq-tab-group');\n\n    expect(element.shadowRoot).not.toBeNull();\n  });\n\n  it('should change size of all tabs', async () => {\n    const page = await newE2EPage({\n      html: `\n    <bq-tab-group value=\"1\" size=\"medium\">\n      <bq-tab tab-id=\"1\">Tab 1</bq-tab>\n      <bq-tab tab-id=\"2\">Tab 2</bq-tab>\n    </bq-tab-group>\n    `,\n    });\n\n    const element = await page.find('bq-tab');\n\n    expect(await element.getProperty('size')).toBe('medium');\n  });\n\n  it('should emit bqChange on tab click', async () => {\n    const page = await newE2EPage({\n      html: `\n    <bq-tab-group value=\"1\">\n      <bq-tab tab-id=\"1\">Tab 1</bq-tab>\n      <bq-tab tab-id=\"2\">Tab 2</bq-tab>\n    </bq-tab-group>\n    `,\n    });\n\n    const bqFocus = await page.spyOnEvent('bqFocus');\n    const bqChange = await page.spyOnEvent('bqChange');\n    const bqBlur = await page.spyOnEvent('bqBlur');\n\n    const element = await page.find('bq-tab');\n    await element.click();\n\n    expect(bqFocus).toHaveReceivedEventTimes(1);\n    expect(bqChange).toHaveReceivedEventTimes(1);\n    expect(bqBlur).toHaveReceivedEventTimes(0);\n  });\n\n  it('should emit bqChange on keyboard navigation', async () => {\n    const page = await newE2EPage({\n      html: `\n    <bq-tab-group value=\"1\">\n      <bq-tab tab-id=\"1\">Tab 1</bq-tab>\n      <bq-tab tab-id=\"2\">Tab 2</bq-tab>\n      <bq-tab tab-id=\"3\">Tab 3</bq-tab>\n      <bq-tab tab-id=\"4\">Tab 4</bq-tab>\n    </bq-tab-group>\n    `,\n    });\n\n    const bqFocus = await page.spyOnEvent('bqFocus');\n    const bqChange = await page.spyOnEvent('bqChange');\n    const bqBlur = await page.spyOnEvent('bqBlur');\n\n    await page.keyboard.press('Tab');\n    await page.keyboard.press('ArrowRight');\n    await page.keyboard.press('ArrowRight');\n    await page.keyboard.press('ArrowRight');\n    await page.keyboard.press('Tab');\n\n    expect(bqFocus).toHaveReceivedEventTimes(4);\n    expect(bqChange).toHaveReceivedEventTimes(3);\n    expect(bqBlur).toHaveReceivedEventTimes(4);\n  });\n\n  it('should change active tab if value is change externally', async () => {\n    const page = await newE2EPage({\n      html: `\n    <bq-tab-group value=\"1\">\n      <bq-tab tab-id=\"1\">Tab 1</bq-tab>\n      <bq-tab tab-id=\"2\">Tab 2</bq-tab>\n      <bq-tab tab-id=\"3\">Tab 3</bq-tab>\n      <bq-tab tab-id=\"4\">Tab 4</bq-tab>\n    </bq-tab-group>\n      `,\n    });\n\n    const element = await page.find('bq-tab-group');\n    element.setAttribute('value', '2');\n\n    await page.waitForChanges();\n\n    const activeElement = await page.find('bq-tab[active]');\n\n    expect(activeElement).toEqualText('Tab 2');\n  });\n});\n"]}

package/dist/collection/components/tag/__tests__/bq-tag.e2e.js

@@ -1,102 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import { newE2EPage } from "@stencil/core/testing";
-import { computedStyle } from "../../../shared/test-utils";
-describe('bq-tag', () => {
-    it('should render', async () => {
-        const page = await newE2EPage({
-            html: '<bq-tag></bq-tag>',
-        });
-        const element = await page.find('bq-tag');
-        expect(element).toHaveClass('hydrated');
-    });
-    it('should have shadow root', async () => {
-        const page = await newE2EPage({
-            html: '<bq-tag></bq-tag>',
-        });
-        const element = await page.find('bq-tag');
-        expect(element.shadowRoot).not.toBeNull();
-    });
-    it('should render as hidden', async () => {
-        const page = await newE2EPage({
-            html: `<bq-tag removable hidden></bq-tag>`,
-        });
-        const element = await page.find('bq-tag');
-        expect(element).toEqualAttribute('aria-hidden', 'true');
-    });
-    it('should render as hidden with `hidden="true"`', async () => {
-        const page = await newE2EPage({
-            html: `<bq-tag removable hidden="true"></bq-tag>`,
-        });
-        const element = await page.find('bq-tag');
-        expect(element).toEqualAttribute('aria-hidden', 'true');
-    });
-    it('should render as open', async () => {
-        const page = await newE2EPage({
-            html: `<bq-tag></bq-tag>`,
-        });
-        const element = await page.find('bq-tag');
-        expect(element).toEqualAttribute('aria-hidden', 'false');
-        expect(element).not.toHaveClass('is-hidden');
-    });
-    it('should render as open with `hidden="false"`', async () => {
-        const page = await newE2EPage({
-            html: `<bq-tag hidden="false"></bq-tag>`,
-        });
-        const element = await page.find('bq-tag');
-        expect(element).toEqualAttribute('aria-hidden', 'false');
-        expect(element).not.toHaveClass('is-hidden');
-    });
-    it('should render a removable tag component', async () => {
-        const page = await newE2EPage({
-            html: `<bq-tag removable>Tag</bq-tag>`,
-        });
-        const element = await page.find('bq-tag >>> bq-icon[name="x-circle"]');
-        expect(element).not.toBeNull();
-    });
-    it('should render a basic tag without icon', async () => {
-        const page = await newE2EPage({
-            html: `<bq-tag>Tag</bq-tag>`,
-        });
-        const element = await page.find('bq-tag >>> slot');
-        expect(element).not.toBeNull();
-    });
-    it('should render a tag with a prefix (icon)', async () => {
-        const page = await newE2EPage({
-            html: `
-        <bq-tag>
-          <span slot="prefix">
-            <bq-icon name="star"></bq-icon>
-          </span>
-          Tag
-        </bq-tag>
-      `,
-        });
-        const prefixSlot = await page.find('bq-tag >>> slot[name="prefix"]');
-        expect(prefixSlot).not.toBeNull();
-    });
-    it('should respect design style', async () => {
-        const page = await newE2EPage({
-            html: `
-        <bq-tag size="xsmall">Tag</tag>
-        <bq-tag size="small">Tag</tag>
-        <bq-tag size="medium">Tag</tag>
-      `,
-        });
-        const styleProps = ['padding'];
-        const xsmallStyle = await computedStyle(page, 'bq-tag[size="xsmall"] >>> [part="wrapper"]', styleProps);
-        const smallStyle = await computedStyle(page, 'bq-tag[size="small"] >>> [part="wrapper"]', styleProps);
-        const mediumStyle = await computedStyle(page, 'bq-tag[size="medium"] >>> [part="wrapper"]', styleProps);
-        // We need to subtract 1px from the padding because of the border
-        // that is added to the tag component, in design the paddings are as follows:
-        // - xsmall: 2px 8px
-        // - small: 2px 8px
-        // - medium: 4px 12px
-        expect(xsmallStyle).toEqual({ padding: '1px 7px' });
-        expect(smallStyle).toEqual({ padding: '1px 7px' });
-        expect(mediumStyle).toEqual({ padding: '3px 11px' });
-    });
-});
-//# sourceMappingURL=bq-tag.e2e.js.map

package/dist/collection/components/tag/__tests__/bq-tag.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bq-tag.e2e.js","sourceRoot":"","sources":["../../../../../../../src/components/tag/__tests__/bq-tag.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\nimport { computedStyle } from '../../../shared/test-utils';\n\ndescribe('bq-tag', () => {\n  it('should render', async () => {\n    const page = await newE2EPage({\n      html: '<bq-tag></bq-tag>',\n    });\n    const element = await page.find('bq-tag');\n\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('should have shadow root', async () => {\n    const page = await newE2EPage({\n      html: '<bq-tag></bq-tag>',\n    });\n    const element = await page.find('bq-tag');\n\n    expect(element.shadowRoot).not.toBeNull();\n  });\n\n  it('should render as hidden', async () => {\n    const page = await newE2EPage({\n      html: `<bq-tag removable hidden></bq-tag>`,\n    });\n\n    const element = await page.find('bq-tag');\n    expect(element).toEqualAttribute('aria-hidden', 'true');\n  });\n\n  it('should render as hidden with `hidden=\"true\"`', async () => {\n    const page = await newE2EPage({\n      html: `<bq-tag removable hidden=\"true\"></bq-tag>`,\n    });\n\n    const element = await page.find('bq-tag');\n    expect(element).toEqualAttribute('aria-hidden', 'true');\n  });\n\n  it('should render as open', async () => {\n    const page = await newE2EPage({\n      html: `<bq-tag></bq-tag>`,\n    });\n\n    const element = await page.find('bq-tag');\n    expect(element).toEqualAttribute('aria-hidden', 'false');\n    expect(element).not.toHaveClass('is-hidden');\n  });\n\n  it('should render as open with `hidden=\"false\"`', async () => {\n    const page = await newE2EPage({\n      html: `<bq-tag hidden=\"false\"></bq-tag>`,\n    });\n\n    const element = await page.find('bq-tag');\n    expect(element).toEqualAttribute('aria-hidden', 'false');\n    expect(element).not.toHaveClass('is-hidden');\n  });\n\n  it('should render a removable tag component', async () => {\n    const page = await newE2EPage({\n      html: `<bq-tag removable>Tag</bq-tag>`,\n    });\n\n    const element = await page.find('bq-tag >>> bq-icon[name=\"x-circle\"]');\n    expect(element).not.toBeNull();\n  });\n\n  it('should render a basic tag without icon', async () => {\n    const page = await newE2EPage({\n      html: `<bq-tag>Tag</bq-tag>`,\n    });\n\n    const element = await page.find('bq-tag >>> slot');\n\n    expect(element).not.toBeNull();\n  });\n\n  it('should render a tag with a prefix (icon)', async () => {\n    const page = await newE2EPage({\n      html: `\n        <bq-tag>\n          <span slot=\"prefix\">\n            <bq-icon name=\"star\"></bq-icon>\n          </span>\n          Tag\n        </bq-tag>\n      `,\n    });\n\n    const prefixSlot = await page.find('bq-tag >>> slot[name=\"prefix\"]');\n    expect(prefixSlot).not.toBeNull();\n  });\n\n  it('should respect design style', async () => {\n    const page = await newE2EPage({\n      html: `\n        <bq-tag size=\"xsmall\">Tag</tag>\n        <bq-tag size=\"small\">Tag</tag>\n        <bq-tag size=\"medium\">Tag</tag>\n      `,\n    });\n\n    const styleProps = ['padding'] as const;\n\n    const xsmallStyle = await computedStyle(page, 'bq-tag[size=\"xsmall\"] >>> [part=\"wrapper\"]', styleProps);\n    const smallStyle = await computedStyle(page, 'bq-tag[size=\"small\"] >>> [part=\"wrapper\"]', styleProps);\n    const mediumStyle = await computedStyle(page, 'bq-tag[size=\"medium\"] >>> [part=\"wrapper\"]', styleProps);\n\n    // We need to subtract 1px from the padding because of the border\n    // that is added to the tag component, in design the paddings are as follows:\n    // - xsmall: 2px 8px\n    // - small: 2px 8px\n    // - medium: 4px 12px\n    expect(xsmallStyle).toEqual({ padding: '1px 7px' });\n    expect(smallStyle).toEqual({ padding: '1px 7px' });\n    expect(mediumStyle).toEqual({ padding: '3px 11px' });\n  });\n});\n"]}