@beeq/core 1.5.1 → 1.6.1

package/dist/collection/components/side-menu/__tests__/bq-side-menu.e2e.js

@@ -1,76 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import { newE2EPage } from "@stencil/core/testing";
-describe('bq-side-menu', () => {
-    it('should render', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-side-menu></bq-side-menu>');
-        const sideMenuElem = await page.find('bq-side-menu');
-        expect(sideMenuElem).toHaveClass('hydrated');
-    });
-    it('should have shadow root', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-side-menu></bq-side-menu>');
-        const sideMenuElem = await page.find('bq-side-menu');
-        expect(sideMenuElem.shadowRoot).not.toBeNull();
-    });
-    it('should render with default values', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-side-menu></bq-side-menu>');
-        const sideMenuElem = await page.find('bq-side-menu');
-        expect(sideMenuElem).toEqualAttribute('appearance', 'default');
-        expect(sideMenuElem).toEqualAttribute('size', 'medium');
-    });
-    it('should collapse and expand', async () => {
-        const page = await newE2EPage({
-            html: '<bq-side-menu></bq-side-menu>',
-        });
-        const sideMenuSelector = 'bq-side-menu';
-        page.$eval(sideMenuSelector, async (sideMenu) => {
-            await sideMenu.toggleCollapse();
-        });
-        await page.waitForChanges();
-        expect(await page.find(sideMenuSelector)).toHaveAttribute('collapse');
-        page.$eval(sideMenuSelector, async (sideMenu) => {
-            await sideMenu.toggleCollapse();
-        });
-        await page.waitForChanges();
-        expect(await page.find(sideMenuSelector)).not.toHaveAttribute('collapse');
-    });
-    it('should render navigation menu items', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <bq-side-menu>
-        <bq-side-menu-item active>
-          <bq-icon name="diamonds-four" slot="prefix"></bq-icon>
-          Dashboard
-        </bq-side-menu-item>
-        <bq-side-menu-item>
-          <bq-icon name="package" slot="prefix"></bq-icon>
-          Products
-          <bq-badge slot="suffix"> 5 </bq-badge>
-        </bq-side-menu-item>
-      </bq-side-menu>
-    `);
-        const sideMenuElem = await page.find('bq-side-menu');
-        const sideMenuItems = await sideMenuElem.findAll('bq-side-menu-item');
-        expect(sideMenuItems).toHaveLength(2);
-    });
-    it('should display a tooltip on the navigation item when collapsed', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <bq-side-menu collapse>
-        <bq-side-menu-item>
-          <bq-icon name="diamonds-four" slot="prefix"></bq-icon>
-          Dashboard
-        </bq-side-menu-item>
-      </bq-side-menu>
-    `);
-        const sideMenuItemTooltip = await page.find('bq-side-menu-item >>> bq-tooltip');
-        expect(sideMenuItemTooltip).not.toBeNull();
-        expect(sideMenuItemTooltip).toEqualText('Dashboard');
-    });
-});
-//# sourceMappingURL=bq-side-menu.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"bq-side-menu.e2e.js","sourceRoot":"","sources":["../../../../../../../src/components/side-menu/__tests__/bq-side-menu.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('bq-side-menu', () => {\n  it('should render', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-side-menu></bq-side-menu>');\n\n    const sideMenuElem = await page.find('bq-side-menu');\n\n    expect(sideMenuElem).toHaveClass('hydrated');\n  });\n\n  it('should have shadow root', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-side-menu></bq-side-menu>');\n\n    const sideMenuElem = await page.find('bq-side-menu');\n\n    expect(sideMenuElem.shadowRoot).not.toBeNull();\n  });\n\n  it('should render with default values', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-side-menu></bq-side-menu>');\n\n    const sideMenuElem = await page.find('bq-side-menu');\n    expect(sideMenuElem).toEqualAttribute('appearance', 'default');\n    expect(sideMenuElem).toEqualAttribute('size', 'medium');\n  });\n\n  it('should collapse and expand', async () => {\n    const page = await newE2EPage({\n      html: '<bq-side-menu></bq-side-menu>',\n    });\n    const sideMenuSelector = 'bq-side-menu';\n\n    page.$eval(sideMenuSelector, async (sideMenu: HTMLBqSideMenuElement) => {\n      await sideMenu.toggleCollapse();\n    });\n    await page.waitForChanges();\n    expect(await page.find(sideMenuSelector)).toHaveAttribute('collapse');\n\n    page.$eval(sideMenuSelector, async (sideMenu: HTMLBqSideMenuElement) => {\n      await sideMenu.toggleCollapse();\n    });\n    await page.waitForChanges();\n    expect(await page.find(sideMenuSelector)).not.toHaveAttribute('collapse');\n  });\n\n  it('should render navigation menu items', async () => {\n    const page = await newE2EPage();\n    await page.setContent(`\n      <bq-side-menu>\n        <bq-side-menu-item active>\n          <bq-icon name=\"diamonds-four\" slot=\"prefix\"></bq-icon>\n          Dashboard\n        </bq-side-menu-item>\n        <bq-side-menu-item>\n          <bq-icon name=\"package\" slot=\"prefix\"></bq-icon>\n          Products\n          <bq-badge slot=\"suffix\"> 5 </bq-badge>\n        </bq-side-menu-item>\n      </bq-side-menu>\n    `);\n\n    const sideMenuElem = await page.find('bq-side-menu');\n    const sideMenuItems = await sideMenuElem.findAll('bq-side-menu-item');\n    expect(sideMenuItems).toHaveLength(2);\n  });\n\n  it('should display a tooltip on the navigation item when collapsed', async () => {\n    const page = await newE2EPage();\n    await page.setContent(`\n      <bq-side-menu collapse>\n        <bq-side-menu-item>\n          <bq-icon name=\"diamonds-four\" slot=\"prefix\"></bq-icon>\n          Dashboard\n        </bq-side-menu-item>\n      </bq-side-menu>\n    `);\n\n    const sideMenuItemTooltip = await page.find('bq-side-menu-item >>> bq-tooltip');\n    expect(sideMenuItemTooltip).not.toBeNull();\n    expect(sideMenuItemTooltip).toEqualText('Dashboard');\n  });\n});\n"]}

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

@@ -1,127 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import { newE2EPage } from "@stencil/core/testing";
-describe('bq-side-menu-item', () => {
-    it('should render', async () => {
-        const page = await newE2EPage({
-            html: '<bq-side-menu-item></bq-side-menu-item>',
-        });
-        const menuItemElem = await page.find('bq-side-menu-item');
-        expect(menuItemElem).toHaveClass('hydrated');
-    });
-    it('should have shadow root', async () => {
-        const page = await newE2EPage({
-            html: '<bq-side-menu-item></bq-side-menu-item>',
-        });
-        const menuItemElem = await page.find('bq-side-menu-item');
-        expect(menuItemElem.shadowRoot).not.toBeNull();
-    });
-    it('should display text', async () => {
-        const page = await newE2EPage({
-            html: `
-        <bq-side-menu-item disabled="true">
-          Menu item label
-        </bq-side-menu-item>
-      `,
-        });
-        const menuItemElem = await page.find('bq-side-menu-item');
-        expect(menuItemElem).toEqualText('Menu item label');
-    });
-    it('should trigger click', async () => {
-        const page = await newE2EPage({
-            html: `
-        <bq-side-menu-item>
-          Menu item label
-        </bq-side-menu-item>
-      `,
-        });
-        const bqClick = await page.spyOnEvent('bqClick');
-        const menuItemElem = await page.find('bq-side-menu-item');
-        await menuItemElem.click();
-        expect(bqClick).toHaveReceivedEventTimes(1);
-    });
-});
-it('should be keyboard accessible', async () => {
-    const page = await newE2EPage({
-        html: `
-      <bq-side-menu-item>
-        <bq-icon size="18" name="user" slot="prefix"></bq-icon>
-        <span>Verified users</span>
-      </bq-side-menu-item>
-    `,
-    });
-    const bqFocus = await page.spyOnEvent('bqFocus');
-    const bqBlur = await page.spyOnEvent('bqBlur');
-    await page.keyboard.press('Tab');
-    await page.keyboard.press('Tab');
-    await page.waitForChanges();
-    expect(bqFocus).toHaveReceivedEventTimes(1);
-    expect(bqBlur).toHaveReceivedEventTimes(1);
-});
-it('should handle `active` property', async () => {
-    const page = await newE2EPage({
-        html: `
-      <bq-side-menu-item active="true">
-        Menu item label
-      </bq-side-menu-item>
-    `,
-    });
-    const menuItemElem = await page.find('bq-side-menu-item >>> .bq-side-menu__item');
-    expect(menuItemElem).toHaveClass('active');
-});
-it('should handle `disabled` property', async () => {
-    const page = await newE2EPage({
-        html: `
-      <bq-side-menu-item disabled="true">
-        Menu item label
-      </bq-side-menu-item>
-    `,
-    });
-    const bqFocus = await page.spyOnEvent('bqSideMenuItemFocus');
-    const bqBlur = await page.spyOnEvent('bqSideMenuItemBlur');
-    const bqClick = await page.spyOnEvent('bqSideMenuItemClick');
-    await page.$eval('bq-side-menu-item', async (elem) => {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore: Property 'click' does not exist on type 'Element'.
-        elem.shadowRoot.querySelector('a[part="base"]').click();
-    });
-    await page.waitForChanges();
-    expect(bqFocus).toHaveReceivedEventTimes(0);
-    expect(bqClick).toHaveReceivedEventTimes(0);
-    expect(bqBlur).toHaveReceivedEventTimes(0);
-});
-it('should render prefix element', async () => {
-    const page = await newE2EPage({
-        html: `
-      <bq-side-menu-item>
-        <span slot="prefix">Prefix</span>
-        Dashboard
-      </bq-side-menu-item>
-    `,
-    });
-    const prefixText = await page.$eval('bq-side-menu-item', (element) => {
-        const slotElement = element.shadowRoot.querySelector('slot[name="prefix"]');
-        const assignedElements = slotElement.assignedElements({ flatten: true })[0];
-        return assignedElements.textContent;
-    });
-    expect(prefixText).toBe('Prefix');
-});
-it('should render suffix element', async () => {
-    const page = await newE2EPage({
-        html: `
-      <bq-side-menu-item>
-        <span slot="suffix">Suffix</span>
-        Dashboard
-      </bq-side-menu-item>
-    `,
-    });
-    const suffixText = await page.$eval('bq-side-menu-item', (element) => {
-        const slotElement = element.shadowRoot.querySelector('slot[name="suffix"]');
-        const assignedElements = slotElement.assignedElements({ flatten: true })[0];
-        return assignedElements.textContent;
-    });
-    expect(suffixText).toEqualText('Suffix');
-});
-//# sourceMappingURL=bq-side-menu-item.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"bq-side-menu-item.e2e.js","sourceRoot":"","sources":["../../../../../../../src/components/side-menu-item/__tests__/bq-side-menu-item.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('bq-side-menu-item', () => {\n  it('should render', async () => {\n    const page = await newE2EPage({\n      html: '<bq-side-menu-item></bq-side-menu-item>',\n    });\n\n    const menuItemElem = await page.find('bq-side-menu-item');\n    expect(menuItemElem).toHaveClass('hydrated');\n  });\n\n  it('should have shadow root', async () => {\n    const page = await newE2EPage({\n      html: '<bq-side-menu-item></bq-side-menu-item>',\n    });\n\n    const menuItemElem = await page.find('bq-side-menu-item');\n    expect(menuItemElem.shadowRoot).not.toBeNull();\n  });\n\n  it('should display text', async () => {\n    const page = await newE2EPage({\n      html: `\n        <bq-side-menu-item disabled=\"true\">\n          Menu item label\n        </bq-side-menu-item>\n      `,\n    });\n\n    const menuItemElem = await page.find('bq-side-menu-item');\n    expect(menuItemElem).toEqualText('Menu item label');\n  });\n\n  it('should trigger click', async () => {\n    const page = await newE2EPage({\n      html: `\n        <bq-side-menu-item>\n          Menu item label\n        </bq-side-menu-item>\n      `,\n    });\n    const bqClick = await page.spyOnEvent('bqClick');\n\n    const menuItemElem = await page.find('bq-side-menu-item');\n    await menuItemElem.click();\n\n    expect(bqClick).toHaveReceivedEventTimes(1);\n  });\n});\n\nit('should be keyboard accessible', async () => {\n  const page = await newE2EPage({\n    html: `\n      <bq-side-menu-item>\n        <bq-icon size=\"18\" name=\"user\" slot=\"prefix\"></bq-icon>\n        <span>Verified users</span>\n      </bq-side-menu-item>\n    `,\n  });\n  const bqFocus = await page.spyOnEvent('bqFocus');\n  const bqBlur = await page.spyOnEvent('bqBlur');\n\n  await page.keyboard.press('Tab');\n  await page.keyboard.press('Tab');\n  await page.waitForChanges();\n\n  expect(bqFocus).toHaveReceivedEventTimes(1);\n  expect(bqBlur).toHaveReceivedEventTimes(1);\n});\n\nit('should handle `active` property', async () => {\n  const page = await newE2EPage({\n    html: `\n      <bq-side-menu-item active=\"true\">\n        Menu item label\n      </bq-side-menu-item>\n    `,\n  });\n\n  const menuItemElem = await page.find('bq-side-menu-item >>> .bq-side-menu__item');\n\n  expect(menuItemElem).toHaveClass('active');\n});\n\nit('should handle `disabled` property', async () => {\n  const page = await newE2EPage({\n    html: `\n      <bq-side-menu-item disabled=\"true\">\n        Menu item label\n      </bq-side-menu-item>\n    `,\n  });\n  const bqFocus = await page.spyOnEvent('bqSideMenuItemFocus');\n  const bqBlur = await page.spyOnEvent('bqSideMenuItemBlur');\n  const bqClick = await page.spyOnEvent('bqSideMenuItemClick');\n\n  await page.$eval('bq-side-menu-item', async (elem: HTMLBqSideMenuItemElement) => {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore: Property 'click' does not exist on type 'Element'.\n    elem.shadowRoot.querySelector('a[part=\"base\"]').click();\n  });\n  await page.waitForChanges();\n\n  expect(bqFocus).toHaveReceivedEventTimes(0);\n  expect(bqClick).toHaveReceivedEventTimes(0);\n  expect(bqBlur).toHaveReceivedEventTimes(0);\n});\n\nit('should render prefix element', async () => {\n  const page = await newE2EPage({\n    html: `\n      <bq-side-menu-item>\n        <span slot=\"prefix\">Prefix</span>\n        Dashboard\n      </bq-side-menu-item>\n    `,\n  });\n\n  const prefixText = await page.$eval('bq-side-menu-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.textContent;\n  });\n\n  expect(prefixText).toBe('Prefix');\n});\n\nit('should render suffix element', async () => {\n  const page = await newE2EPage({\n    html: `\n      <bq-side-menu-item>\n        <span slot=\"suffix\">Suffix</span>\n        Dashboard\n      </bq-side-menu-item>\n    `,\n  });\n\n  const suffixText = await page.$eval('bq-side-menu-item', (element) => {\n    const slotElement = element.shadowRoot.querySelector('slot[name=\"suffix\"]');\n    const assignedElements = (slotElement as HTMLSlotElement).assignedElements({ flatten: true })[0];\n\n    return assignedElements.textContent;\n  });\n\n  expect(suffixText).toEqualText('Suffix');\n});\n"]}

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

@@ -1,113 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import { newE2EPage } from "@stencil/core/testing";
-import { computedStyle, setProperties, sleep } from "../../../shared/test-utils";
-describe('bq-slider', () => {
-    it('should render', async () => {
-        const page = await newE2EPage({
-            html: '<bq-slider value="30"></bq-slider>',
-        });
-        const element = await page.find('bq-slider');
-        expect(element).toHaveClass('hydrated');
-    });
-    it('should have shadow root', async () => {
-        const page = await newE2EPage({
-            html: '<bq-slider value="30"></bq-slider>',
-        });
-        const element = await page.find('bq-slider');
-        expect(element.shadowRoot).not.toBeNull();
-    });
-    it('should handle `disabled` property', async () => {
-        const page = await newE2EPage({
-            html: '<bq-slider type="range" value="[30,70]" disabled></bq-slider>',
-        });
-        const bqFocus = await page.spyOnEvent('bqFocus');
-        const bqBlur = await page.spyOnEvent('bqBlur');
-        const bqChange = await page.spyOnEvent('bqChange');
-        const element = await page.find('bq-slider');
-        const inputs = await page.findAll('bq-slider >>> input[type="range"]');
-        for (const input of inputs) {
-            input.focus();
-            await page.waitForChanges();
-            element.focus();
-            await page.waitForChanges();
-        }
-        expect(bqFocus).toHaveReceivedEventTimes(0);
-        expect(bqBlur).toHaveReceivedEventTimes(0);
-        expect(bqChange).toHaveReceivedEventTimes(0);
-    });
-    it('should handle `value-indicator` property', async () => {
-        const page = await newE2EPage({
-            html: '<bq-slider type="range" value="[30,70]"></bq-slider>',
-        });
-        await page.$eval('bq-slider', (elem) => {
-            elem.enableValueIndicator = true;
-        });
-        await page.waitForChanges();
-        const leftLabel = await page.find('bq-slider >>> span[part="label-start"]');
-        const rightLabel = await page.find('bq-slider >>> span[part="label-end"]');
-        expect(leftLabel).not.toHaveClass('hidden');
-        expect(rightLabel).not.toHaveClass('hidden');
-    });
-    it('should handle `gap` property', async () => {
-        const gap = 10;
-        const page = await newE2EPage({
-            html: `<bq-slider type="range" min="0" max="100" value="[30, 70]" gap="${gap}"></bq-slider>`,
-        });
-        await setProperties(page, 'bq-slider', { value: [55, 60] });
-        const minRangeInput = await page.find('bq-slider >>> input[part="input-min"]');
-        const maxRangeInput = await page.find('bq-slider >>> input[part="input-max"]');
-        const difference = Math.abs(parseInt(maxRangeInput.getAttribute('value')) - parseInt(minRangeInput.getAttribute('value')));
-        expect(difference).toEqual(gap);
-    });
-    it('should handle `type` property', async () => {
-        const page = await newE2EPage({
-            html: '<bq-slider type="single" value="30"></bq-slider>',
-        });
-        const element = await page.find('bq-slider');
-        expect(element.shadowRoot.querySelectorAll('input').length).toBe(1);
-        await setProperties(page, 'bq-slider', { type: 'range' });
-        await page.waitForChanges();
-        const inputs = (await page.find('bq-slider')).shadowRoot.querySelectorAll('input');
-        expect(inputs.length).toBe(2);
-    });
-    it('should trigger bqChange', async () => {
-        const value = 30;
-        const page = await newE2EPage({
-            html: `<bq-slider value="${value}"></bq-slider>`,
-        });
-        const bqChange = await page.spyOnEvent('bqChange');
-        await setProperties(page, 'bq-slider', { value: value + 20 });
-        await page.waitForChanges();
-        expect(bqChange).toHaveReceivedEvent();
-    });
-    it('should trigger bqChange with `debounce-time`', async () => {
-        const value = 30;
-        const page = await newE2EPage({
-            html: `<bq-slider value="${value}" debounce-time="250"></bq-slider>`,
-        });
-        const bqChange = await page.spyOnEvent('bqChange');
-        await setProperties(page, 'bq-slider', { value: value + 20 });
-        await page.waitForChanges();
-        await sleep(250);
-        expect(bqChange).toHaveReceivedEventTimes(1);
-    });
-    it('should respect design style', async () => {
-        const page = await newE2EPage({
-            html: '<bq-slider value="30"></bq-slider>',
-        });
-        const label = await computedStyle(page, 'bq-slider >>> span[part="label-start"]', [
-            'fontSize',
-            'fontWeight',
-            'marginInlineEnd',
-        ]);
-        const track = await computedStyle(page, 'bq-slider >>> span[part="track-area"]', ['borderRadius', 'height']);
-        const progress = await computedStyle(page, 'bq-slider >>> span[part="progress-area"]', ['borderRadius', 'height']);
-        expect(label).toEqual({ fontSize: '14px', fontWeight: '500', marginInlineEnd: '8px' });
-        expect(track).toEqual({ borderRadius: '4px', height: '4px' });
-        expect(progress).toEqual({ borderRadius: '4px', height: '4px' });
-    });
-});
-//# sourceMappingURL=bq-slider.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"bq-slider.e2e.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/__tests__/bq-slider.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\nimport { computedStyle, setProperties, sleep } from '../../../shared/test-utils';\n\ndescribe('bq-slider', () => {\n  it('should render', async () => {\n    const page = await newE2EPage({\n      html: '<bq-slider value=\"30\"></bq-slider>',\n    });\n\n    const element = await page.find('bq-slider');\n\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('should have shadow root', async () => {\n    const page = await newE2EPage({\n      html: '<bq-slider value=\"30\"></bq-slider>',\n    });\n\n    const element = await page.find('bq-slider');\n\n    expect(element.shadowRoot).not.toBeNull();\n  });\n\n  it('should handle `disabled` property', async () => {\n    const page = await newE2EPage({\n      html: '<bq-slider type=\"range\" value=\"[30,70]\" disabled></bq-slider>',\n    });\n\n    const bqFocus = await page.spyOnEvent('bqFocus');\n    const bqBlur = await page.spyOnEvent('bqBlur');\n    const bqChange = await page.spyOnEvent('bqChange');\n\n    const element = await page.find('bq-slider');\n    const inputs = await page.findAll('bq-slider >>> input[type=\"range\"]');\n\n    for (const input of inputs) {\n      input.focus();\n      await page.waitForChanges();\n\n      element.focus();\n      await page.waitForChanges();\n    }\n\n    expect(bqFocus).toHaveReceivedEventTimes(0);\n    expect(bqBlur).toHaveReceivedEventTimes(0);\n    expect(bqChange).toHaveReceivedEventTimes(0);\n  });\n\n  it('should handle `value-indicator` property', async () => {\n    const page = await newE2EPage({\n      html: '<bq-slider type=\"range\" value=\"[30,70]\"></bq-slider>',\n    });\n\n    await page.$eval('bq-slider', (elem: HTMLBqSliderElement) => {\n      elem.enableValueIndicator = true;\n    });\n    await page.waitForChanges();\n\n    const leftLabel = await page.find('bq-slider >>> span[part=\"label-start\"]');\n    const rightLabel = await page.find('bq-slider >>> span[part=\"label-end\"]');\n\n    expect(leftLabel).not.toHaveClass('hidden');\n    expect(rightLabel).not.toHaveClass('hidden');\n  });\n\n  it('should handle `gap` property', async () => {\n    const gap = 10;\n    const page = await newE2EPage({\n      html: `<bq-slider type=\"range\" min=\"0\" max=\"100\" value=\"[30, 70]\" gap=\"${gap}\"></bq-slider>`,\n    });\n\n    await setProperties(page, 'bq-slider', { value: [55, 60] });\n\n    const minRangeInput = await page.find('bq-slider >>> input[part=\"input-min\"]');\n    const maxRangeInput = await page.find('bq-slider >>> input[part=\"input-max\"]');\n\n    const difference = Math.abs(\n      parseInt(maxRangeInput.getAttribute('value')) - parseInt(minRangeInput.getAttribute('value')),\n    );\n\n    expect(difference).toEqual(gap);\n  });\n\n  it('should handle `type` property', async () => {\n    const page = await newE2EPage({\n      html: '<bq-slider type=\"single\" value=\"30\"></bq-slider>',\n    });\n\n    const element = await page.find('bq-slider');\n    expect(element.shadowRoot.querySelectorAll('input').length).toBe(1);\n\n    await setProperties(page, 'bq-slider', { type: 'range' });\n    await page.waitForChanges();\n\n    const inputs = (await page.find('bq-slider')).shadowRoot.querySelectorAll('input');\n    expect(inputs.length).toBe(2);\n  });\n\n  it('should trigger bqChange', async () => {\n    const value = 30;\n    const page = await newE2EPage({\n      html: `<bq-slider value=\"${value}\"></bq-slider>`,\n    });\n\n    const bqChange = await page.spyOnEvent('bqChange');\n\n    await setProperties(page, 'bq-slider', { value: value + 20 });\n    await page.waitForChanges();\n\n    expect(bqChange).toHaveReceivedEvent();\n  });\n\n  it('should trigger bqChange with `debounce-time`', async () => {\n    const value = 30;\n    const page = await newE2EPage({\n      html: `<bq-slider value=\"${value}\" debounce-time=\"250\"></bq-slider>`,\n    });\n\n    const bqChange = await page.spyOnEvent('bqChange');\n\n    await setProperties(page, 'bq-slider', { value: value + 20 });\n    await page.waitForChanges();\n    await sleep(250);\n\n    expect(bqChange).toHaveReceivedEventTimes(1);\n  });\n\n  it('should respect design style', async () => {\n    const page = await newE2EPage({\n      html: '<bq-slider value=\"30\"></bq-slider>',\n    });\n\n    const label = await computedStyle(page, 'bq-slider >>> span[part=\"label-start\"]', [\n      'fontSize',\n      'fontWeight',\n      'marginInlineEnd',\n    ]);\n    const track = await computedStyle(page, 'bq-slider >>> span[part=\"track-area\"]', ['borderRadius', 'height']);\n    const progress = await computedStyle(page, 'bq-slider >>> span[part=\"progress-area\"]', ['borderRadius', 'height']);\n\n    expect(label).toEqual({ fontSize: '14px', fontWeight: '500', marginInlineEnd: '8px' });\n    expect(track).toEqual({ borderRadius: '4px', height: '4px' });\n    expect(progress).toEqual({ borderRadius: '4px', height: '4px' });\n  });\n});\n"]}

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

@@ -1,117 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import { newE2EPage } from "@stencil/core/testing";
-import { computedStyle, setProperties } from "../../../shared/test-utils";
-describe('bq-spinner', () => {
-    it('should render', async () => {
-        const page = await newE2EPage({
-            html: '<bq-spinner></bq-spinner>',
-        });
-        const element = await page.find('bq-spinner');
-        expect(element).toHaveClass('hydrated');
-    });
-    it('should have shadow root', async () => {
-        const page = await newE2EPage({
-            html: '<bq-spinner></bq-spinner>',
-        });
-        const element = await page.find('bq-spinner');
-        expect(element.shadowRoot).not.toBeNull();
-    });
-    it('should handle `animation` property', async () => {
-        const page = await newE2EPage({
-            html: '<bq-spinner animation></bq-spinner>',
-        });
-        const element = await page.find('bq-spinner >>> .bq-spinner');
-        expect(element.classList.contains('is-animated')).toBe(true);
-    });
-    it('should handle `size` property', async () => {
-        const page = await newE2EPage({
-            html: '<bq-spinner></bq-spinner>',
-        });
-        const shadowDOMElem = 'bq-spinner >>> .bq-spinner--loader';
-        expect(await page.find(shadowDOMElem)).toHaveClass('medium');
-        await setProperties(page, 'bq-spinner', { size: 'large' });
-        expect(await page.find(shadowDOMElem)).toHaveClass('large');
-        await setProperties(page, 'bq-spinner', { size: 'small' });
-        expect(await page.find(shadowDOMElem)).toHaveClass('small');
-    });
-    it('should handle `text-position` property', async () => {
-        const page = await newE2EPage({
-            html: '<bq-spinner text-position="above"></bq-spinner>',
-        });
-        const shadowDOMElem = 'bq-spinner >>> .bq-spinner';
-        expect(await page.find(shadowDOMElem)).toHaveClass('text-above');
-        await setProperties(page, 'bq-spinner', { textPosition: 'bellow' });
-        expect(await page.find(shadowDOMElem)).toHaveClass('text-bellow');
-        await setProperties(page, 'bq-spinner', { textPosition: 'left' });
-        expect(await page.find(shadowDOMElem)).toHaveClass('text-left');
-        await setProperties(page, 'bq-spinner', { textPosition: 'right' });
-        expect(await page.find(shadowDOMElem)).toHaveClass('text-right');
-        await setProperties(page, 'bq-spinner', { textPosition: 'none' });
-        const spinnerText = await page.find('bq-spinner >>> .bq-spinner--text');
-        expect(spinnerText).toHaveClass('!hidden');
-        expect(await page.find(shadowDOMElem)).toHaveClass('text-none');
-    });
-    it('should render icon slot element', async () => {
-        const page = await newE2EPage({
-            html: '<bq-spinner><bq-icon name="spinner-gap" slot="icon"></bq-icon></bq-spinner>',
-        });
-        const spinnerIcon = await page.find('bq-spinner >>> .bq-spinner--icon');
-        const iconSlotElements = await page.$eval('bq-spinner', (element) => {
-            const slotElement = element.shadowRoot.querySelector('slot[name="icon"]');
-            const assignedElements = slotElement.assignedElements({ flatten: true });
-            return assignedElements;
-        });
-        expect(spinnerIcon.classList.contains('hidden')).toBe(false);
-        expect(iconSlotElements.length).toBe(1);
-    });
-    it('should handle invalid properties', async () => {
-        const page = await newE2EPage({
-            html: '<bq-spinner></bq-spinner>',
-        });
-        const console = jest.fn();
-        page.on('console', (message) => console(message.type(), message.text()));
-        // @ts-expect-error we're testing that component is handling invalid properties
-        expect(await setProperties(page, 'bq-spinner', { size: 'invalid', textPosition: 'invalid' })).toEqual({
-            size: 'medium',
-            textPosition: 'none',
-        });
-        expect(console).toHaveBeenCalledTimes(2);
-        expect(console).toHaveBeenCalledWith('warn', '[BQ-SPINNER] Please notice that "size" should be one of small|medium|large');
-        expect(console).toHaveBeenCalledWith('warn', '[BQ-SPINNER] Please notice that "textPosition" should be one of none|left|right|above|bellow');
-    });
-    it('should respect design style', async () => {
-        const page = await newE2EPage({
-            html: `
-        <bq-spinner size="small" text-position="bellow"></bq-spinner>
-        <bq-spinner size="medium" text-position="bellow"></bq-spinner>
-        <bq-spinner size="large" text-position="bellow"></bq-spinner>
-      `,
-        });
-        const getLineHeightValue = (fontSize) => {
-            return `${(150 * parseInt(fontSize)) / 100}px`;
-        };
-        const sizeStyleProps = ['width', 'height'];
-        const smallStyle = await computedStyle(page, 'bq-spinner[size="small"] >>> .bq-spinner--loader', sizeStyleProps);
-        const mediumStyle = await computedStyle(page, 'bq-spinner[size="medium"] >>> .bq-spinner--loader', sizeStyleProps);
-        const largeStyle = await computedStyle(page, 'bq-spinner[size="large"] >>> .bq-spinner--loader', sizeStyleProps);
-        const textStyleProps = ['fontSize', 'fontWeight', 'lineHeight'];
-        const smallTextStyle = await computedStyle(page, 'bq-spinner[size="small"] >>> .bq-spinner--text', textStyleProps);
-        const mediumTextStyle = await computedStyle(page, 'bq-spinner[size="medium"] >>> .bq-spinner--text', textStyleProps);
-        const largeTextStyle = await computedStyle(page, 'bq-spinner[size="large"] >>> .bq-spinner--text', textStyleProps);
-        expect(smallStyle).toEqual({ width: '32px', height: '32px' });
-        expect(mediumStyle).toEqual({ width: '48px', height: '48px' });
-        expect(largeStyle).toEqual({ width: '56px', height: '56px' });
-        const textStyleExpected = {
-            fontSize: '16px',
-            fontWeight: '500',
-            lineHeight: getLineHeightValue(smallTextStyle.fontSize),
-        };
-        expect(smallTextStyle).toEqual(textStyleExpected);
-        expect(mediumTextStyle).toEqual(textStyleExpected);
-        expect(largeTextStyle).toEqual(textStyleExpected);
-    });
-});
-//# sourceMappingURL=bq-spinner.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"bq-spinner.e2e.js","sourceRoot":"","sources":["../../../../../../../src/components/spinner/__tests__/bq-spinner.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\nimport { computedStyle, setProperties } from '../../../shared/test-utils';\n\ndescribe('bq-spinner', () => {\n  it('should render', async () => {\n    const page = await newE2EPage({\n      html: '<bq-spinner></bq-spinner>',\n    });\n\n    const element = await page.find('bq-spinner');\n\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('should have shadow root', async () => {\n    const page = await newE2EPage({\n      html: '<bq-spinner></bq-spinner>',\n    });\n\n    const element = await page.find('bq-spinner');\n    expect(element.shadowRoot).not.toBeNull();\n  });\n\n  it('should handle `animation` property', async () => {\n    const page = await newE2EPage({\n      html: '<bq-spinner animation></bq-spinner>',\n    });\n\n    const element = await page.find('bq-spinner >>> .bq-spinner');\n    expect(element.classList.contains('is-animated')).toBe(true);\n  });\n\n  it('should handle `size` property', async () => {\n    const page = await newE2EPage({\n      html: '<bq-spinner></bq-spinner>',\n    });\n\n    const shadowDOMElem = 'bq-spinner >>> .bq-spinner--loader';\n    expect(await page.find(shadowDOMElem)).toHaveClass('medium');\n\n    await setProperties(page, 'bq-spinner', { size: 'large' });\n    expect(await page.find(shadowDOMElem)).toHaveClass('large');\n\n    await setProperties(page, 'bq-spinner', { size: 'small' });\n    expect(await page.find(shadowDOMElem)).toHaveClass('small');\n  });\n\n  it('should handle `text-position` property', async () => {\n    const page = await newE2EPage({\n      html: '<bq-spinner text-position=\"above\"></bq-spinner>',\n    });\n\n    const shadowDOMElem = 'bq-spinner >>> .bq-spinner';\n    expect(await page.find(shadowDOMElem)).toHaveClass('text-above');\n\n    await setProperties(page, 'bq-spinner', { textPosition: 'bellow' });\n    expect(await page.find(shadowDOMElem)).toHaveClass('text-bellow');\n\n    await setProperties(page, 'bq-spinner', { textPosition: 'left' });\n    expect(await page.find(shadowDOMElem)).toHaveClass('text-left');\n\n    await setProperties(page, 'bq-spinner', { textPosition: 'right' });\n    expect(await page.find(shadowDOMElem)).toHaveClass('text-right');\n\n    await setProperties(page, 'bq-spinner', { textPosition: 'none' });\n\n    const spinnerText = await page.find('bq-spinner >>> .bq-spinner--text');\n    expect(spinnerText).toHaveClass('!hidden');\n    expect(await page.find(shadowDOMElem)).toHaveClass('text-none');\n  });\n\n  it('should render icon slot element', async () => {\n    const page = await newE2EPage({\n      html: '<bq-spinner><bq-icon name=\"spinner-gap\" slot=\"icon\"></bq-icon></bq-spinner>',\n    });\n\n    const spinnerIcon = await page.find('bq-spinner >>> .bq-spinner--icon');\n    const iconSlotElements = await page.$eval('bq-spinner', (element) => {\n      const slotElement = element.shadowRoot.querySelector('slot[name=\"icon\"]');\n      const assignedElements = (slotElement as HTMLSlotElement).assignedElements({ flatten: true });\n\n      return assignedElements;\n    });\n\n    expect(spinnerIcon.classList.contains('hidden')).toBe(false);\n    expect(iconSlotElements.length).toBe(1);\n  });\n\n  it('should handle invalid properties', async () => {\n    const page = await newE2EPage({\n      html: '<bq-spinner></bq-spinner>',\n    });\n\n    const console: jest.Mock<void, string[]> = jest.fn();\n    page.on('console', (message) => console(message.type(), message.text()));\n\n    // @ts-expect-error we're testing that component is handling invalid properties\n    expect(await setProperties(page, 'bq-spinner', { size: 'invalid', textPosition: 'invalid' })).toEqual({\n      size: 'medium',\n      textPosition: 'none',\n    });\n\n    expect(console).toHaveBeenCalledTimes(2);\n    expect(console).toHaveBeenCalledWith(\n      'warn',\n      '[BQ-SPINNER] Please notice that \"size\" should be one of small|medium|large',\n    );\n    expect(console).toHaveBeenCalledWith(\n      'warn',\n      '[BQ-SPINNER] Please notice that \"textPosition\" should be one of none|left|right|above|bellow',\n    );\n  });\n\n  it('should respect design style', async () => {\n    const page = await newE2EPage({\n      html: `\n        <bq-spinner size=\"small\" text-position=\"bellow\"></bq-spinner>\n        <bq-spinner size=\"medium\" text-position=\"bellow\"></bq-spinner>\n        <bq-spinner size=\"large\" text-position=\"bellow\"></bq-spinner>\n      `,\n    });\n\n    const getLineHeightValue = (fontSize: string): string => {\n      return `${(150 * parseInt(fontSize)) / 100}px`;\n    };\n\n    const sizeStyleProps = ['width', 'height'] as const;\n\n    const smallStyle = await computedStyle(page, 'bq-spinner[size=\"small\"] >>> .bq-spinner--loader', sizeStyleProps);\n    const mediumStyle = await computedStyle(page, 'bq-spinner[size=\"medium\"] >>> .bq-spinner--loader', sizeStyleProps);\n    const largeStyle = await computedStyle(page, 'bq-spinner[size=\"large\"] >>> .bq-spinner--loader', sizeStyleProps);\n\n    const textStyleProps = ['fontSize', 'fontWeight', 'lineHeight'] as const;\n\n    const smallTextStyle = await computedStyle(page, 'bq-spinner[size=\"small\"] >>> .bq-spinner--text', textStyleProps);\n    const mediumTextStyle = await computedStyle(\n      page,\n      'bq-spinner[size=\"medium\"] >>> .bq-spinner--text',\n      textStyleProps,\n    );\n    const largeTextStyle = await computedStyle(page, 'bq-spinner[size=\"large\"] >>> .bq-spinner--text', textStyleProps);\n\n    expect(smallStyle).toEqual({ width: '32px', height: '32px' });\n    expect(mediumStyle).toEqual({ width: '48px', height: '48px' });\n    expect(largeStyle).toEqual({ width: '56px', height: '56px' });\n\n    const textStyleExpected = {\n      fontSize: '16px',\n      fontWeight: '500',\n      lineHeight: getLineHeightValue(smallTextStyle.fontSize),\n    };\n\n    expect(smallTextStyle).toEqual(textStyleExpected);\n    expect(mediumTextStyle).toEqual(textStyleExpected);\n    expect(largeTextStyle).toEqual(textStyleExpected);\n  });\n});\n"]}

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

@@ -1,63 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import { newE2EPage } from "@stencil/core/testing";
-import { computedStyle, setProperties } from "../../../shared/test-utils";
-import { STATUS_TYPE } from "../bq-status.types";
-describe('bq-status', () => {
-    it('should render', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-status>Neutral status</bq-status>');
-        const element = await page.find('bq-status');
-        expect(element).toHaveClass('hydrated');
-    });
-    it('should have shadow root', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-status>Neutral status</bq-status>');
-        const element = await page.find('bq-status');
-        expect(element.shadowRoot).not.toBeNull();
-    });
-    it('should display status text', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-status>Neutral status</bq-status>');
-        const element = await page.find('bq-status');
-        expect(element).toEqualText('Neutral status');
-    });
-    it('should handle status type', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-status>Neutral status</bq-status>');
-        expect(await setProperties(page, 'bq-status', { type: 'danger' })).toEqual({ type: 'danger' });
-        expect(await page.find('bq-status >>> [part="circle"]')).toHaveClass('danger');
-    });
-    it('should handle invalid status type', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-status status="danger">Neutral status</bq-status>');
-        const console = jest.fn();
-        page.on('console', (message) => console(message.type(), message.text()));
-        // @ts-expect-error we're testing that component is handling invalid properties
-        expect(await setProperties(page, 'bq-status', { type: 'invalid-status' })).toEqual({ type: 'neutral' });
-        expect(await page.find('bq-status >>> [part="circle"]')).toHaveClass('neutral');
-        expect(console).toHaveBeenCalledTimes(1);
-        expect(console).toHaveBeenCalledWith('warn', `[BQ-STATUS] Please notice that "type" should be one of ${STATUS_TYPE.join('|')}`);
-    });
-    it('should respect design height', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-status status="danger">Neutral status</bq-status>');
-        const style = await computedStyle(page, 'bq-status >>> [part="base"]');
-        expect(style.height).toEqual('20px');
-    });
-    it('should have status as circle', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-status status="danger">Neutral status</bq-status>');
-        const style = await computedStyle(page, 'bq-status >>> [part="circle"]');
-        expect(style.borderRadius).toEqual('9999px');
-    });
-    it('should respect design space between status and text', async () => {
-        const page = await newE2EPage();
-        await page.setContent('<bq-status status="danger">Neutral status</bq-status>');
-        const style = await computedStyle(page, 'bq-status >>> [part="base"]', ['gap']);
-        expect(style).toEqual({ gap: '8px' });
-    });
-});
-//# sourceMappingURL=bq-status.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"bq-status.e2e.js","sourceRoot":"","sources":["../../../../../../../src/components/status/__tests__/bq-status.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\nimport { computedStyle, setProperties } from '../../../shared/test-utils';\nimport { STATUS_TYPE } from '../bq-status.types';\n\ndescribe('bq-status', () => {\n  it('should render', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-status>Neutral status</bq-status>');\n\n    const element = await page.find('bq-status');\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-status>Neutral status</bq-status>');\n\n    const element = await page.find('bq-status');\n\n    expect(element.shadowRoot).not.toBeNull();\n  });\n\n  it('should display status text', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-status>Neutral status</bq-status>');\n\n    const element = await page.find('bq-status');\n\n    expect(element).toEqualText('Neutral status');\n  });\n\n  it('should handle status type', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-status>Neutral status</bq-status>');\n\n    expect(await setProperties(page, 'bq-status', { type: 'danger' })).toEqual({ type: 'danger' });\n    expect(await page.find('bq-status >>> [part=\"circle\"]')).toHaveClass('danger');\n  });\n\n  it('should handle invalid status type', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-status status=\"danger\">Neutral status</bq-status>');\n\n    const console: jest.Mock<void, string[]> = jest.fn();\n\n    page.on('console', (message) => console(message.type(), message.text()));\n    // @ts-expect-error we're testing that component is handling invalid properties\n    expect(await setProperties(page, 'bq-status', { type: 'invalid-status' })).toEqual({ type: 'neutral' });\n    expect(await page.find('bq-status >>> [part=\"circle\"]')).toHaveClass('neutral');\n    expect(console).toHaveBeenCalledTimes(1);\n    expect(console).toHaveBeenCalledWith(\n      'warn',\n      `[BQ-STATUS] Please notice that \"type\" should be one of ${STATUS_TYPE.join('|')}`,\n    );\n  });\n\n  it('should respect design height', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-status status=\"danger\">Neutral status</bq-status>');\n\n    const style = await computedStyle(page, 'bq-status >>> [part=\"base\"]');\n\n    expect(style.height).toEqual('20px');\n  });\n\n  it('should have status as circle', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-status status=\"danger\">Neutral status</bq-status>');\n\n    const style = await computedStyle(page, 'bq-status >>> [part=\"circle\"]');\n\n    expect(style.borderRadius).toEqual('9999px');\n  });\n\n  it('should respect design space between status and text', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<bq-status status=\"danger\">Neutral status</bq-status>');\n\n    const style = await computedStyle(page, 'bq-status >>> [part=\"base\"]', ['gap']);\n\n    expect(style).toEqual({ gap: '8px' });\n  });\n});\n"]}