@crowdstrike/glide-core 0.13.1 → 0.14.1

package/dist/modal.icon-button.test.basics.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/modal.icon-button.test.basics.js

@@ -1,46 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { ArgumentError } from 'ow';
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreModalIconButton from './modal.icon-button.js';
-import sinon from 'sinon';
-GlideCoreModalIconButton.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-modal-icon-button')).to.equal(GlideCoreModalIconButton);
-});
-it('is accessible', async () => {
-    const component = await fixture(html `<glide-core-modal-icon-button>Test</glide-core-modal-icon-button>`);
-    await expect(component).to.be.accessible();
-});
-it('renders and sets default attributes', async () => {
-    const component = await fixture(html `
-    <glide-core-modal-icon-button>Test</glide-core-modal-icon-button>
-  `);
-    expect(component).to.be.ok;
-    const buttonElement = component.shadowRoot?.querySelector('glide-core-icon-button');
-    expect(buttonElement).to.be.not.null;
-    expect(buttonElement?.getAttribute('variant')).to.equal('tertiary');
-});
-it('adds an accessible label when given', async () => {
-    const component = await fixture(html `<glide-core-modal-icon-button label="test-label"
-      >Test</glide-core-modal-icon-button
-    >`);
-    const buttonElement = component.shadowRoot?.querySelector('glide-core-icon-button');
-    expect(buttonElement?.getAttribute('label')).to.equal('test-label');
-});
-it('does not add an acceessible label when not given', async () => {
-    const component = await fixture(html `<glide-core-modal-icon-button>Test</glide-core-modal-icon-button>`);
-    const buttonElement = component.shadowRoot?.querySelector('glide-core-icon-button');
-    expect(buttonElement?.getAttribute('label')).to.equal('');
-});
-it('throws if it does not have a default slot', async () => {
-    const spy = sinon.spy();
-    try {
-        await fixture(html `<glide-core-modal-icon-button></glide-core-modal-icon-button>`);
-    }
-    catch (error) {
-        if (error instanceof ArgumentError) {
-            spy();
-        }
-    }
-    expect(spy.callCount).to.equal(1);
-});

package/dist/modal.stories.d.ts

@@ -1,13 +0,0 @@
-import './button.js';
-import './icons/storybook.js';
-import './modal.js';
-import './modal.js';
-import './modal.tertiary-icon.js';
-import './tooltip.js';
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-export declare const Modal: StoryObj;
-export declare const WithHeaderActions: StoryObj;
-export declare const WithTertiaryButton: StoryObj;
-export declare const WithTertiaryIconAndButton: StoryObj;

package/dist/modal.tertiary-icon.test.basics.d.ts

@@ -1 +0,0 @@
-import './button.js';

package/dist/modal.tertiary-icon.test.basics.js

@@ -1,60 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './button.js';
-import { ArgumentError } from 'ow';
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreModalTertiaryIcon from './modal.tertiary-icon.js';
-import sinon from 'sinon';
-GlideCoreModalTertiaryIcon.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-modal-tertiary-icon')).to.equal(GlideCoreModalTertiaryIcon);
-});
-it('is accessible', async () => {
-    const component = await fixture(html `<glide-core-modal-tertiary-icon>Test</glide-core-modal-tertiary-icon>`);
-    await expect(component).to.be.accessible();
-});
-it('renders and sets default attributes', async () => {
-    const component = await fixture(html `
-    <glide-core-modal-tertiary-icon>Test</glide-core-modal-tertiary-icon>
-  `);
-    expect(component).to.be.ok;
-    const spanTag = component.shadowRoot?.querySelector('span');
-    expect(spanTag?.getAttribute('tabindex')).to.equal('0');
-    const tooltip = component.shadowRoot?.querySelector('glide-core-tooltip');
-    expect(tooltip).to.not.be.null;
-});
-it('adds an accessible label when given', async () => {
-    const component = await fixture(html `<glide-core-modal-tertiary-icon label="test-label"
-      >Test</glide-core-modal-tertiary-icon
-    >`);
-    const spanElement = component.shadowRoot?.querySelector('span');
-    expect(spanElement?.getAttribute('aria-label')).to.equal('test-label');
-});
-it('does not add an acceessible label when not given', async () => {
-    const component = await fixture(html `<glide-core-modal-tertiary-icon>Test</glide-core-modal-tertiary-icon>`);
-    const spanElement = component.shadowRoot?.querySelector('span');
-    expect(spanElement).to.not.have.attribute('aria-label');
-});
-it('sets the tooltip placement when attribute "tooltip-placement" is given', async () => {
-    const component = await fixture(html `<glide-core-modal-tertiary-icon tooltip-placement="right"
-      >Test</glide-core-modal-tertiary-icon
-    >`);
-    const toolTip = component.shadowRoot?.querySelector('glide-core-tooltip');
-    expect(toolTip?.getAttribute('placement')).to.equal('right');
-});
-it('sets the tooltip placement to "bottom" when attribute "tooltip-placement" is not given', async () => {
-    const component = await fixture(html `<glide-core-modal-tertiary-icon>Test</glide-core-modal-tertiary-icon>`);
-    const toolTip = component.shadowRoot?.querySelector('glide-core-tooltip');
-    expect(toolTip?.getAttribute('placement')).to.equal('bottom');
-});
-it('throws if it does not have a default slot', async () => {
-    const spy = sinon.spy();
-    try {
-        await fixture(html `<glide-core-modal-tertiary-icon></glide-core-modal-tertiary-icon>`);
-    }
-    catch (error) {
-        if (error instanceof ArgumentError) {
-            spy();
-        }
-    }
-    expect(spy.callCount).to.equal(1);
-});

package/dist/modal.test.accessibility.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/modal.test.accessibility.js

@@ -1,38 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreModal from './modal.js';
-GlideCoreModal.shadowRootOptions.mode = 'open';
-it('is accessible', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    await expect(component).to.be.accessible();
-});
-it('focuses the dialog upon opening', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    const dialogElement = component.shadowRoot?.querySelector('dialog');
-    expect(component.shadowRoot?.activeElement).to.equal(dialogElement);
-});
-it('sets the tabindex on the dialog to "-1"', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    const dialogElement = component.shadowRoot?.querySelector('dialog');
-    expect(dialogElement?.getAttribute('tabindex')).to.equal('-1');
-});
-it('sets the "toolbar" role on the header-actions section', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    const toolbar = component.shadowRoot?.querySelector('[role="toolbar"');
-    expect(toolbar).to.be.ok;
-});
-it('sets proper aria attributes and roles on the article', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    const content = component.shadowRoot?.querySelector('[role="region"');
-    expect(content).to.be.ok;
-    expect(content?.tagName).to.equal('ARTICLE');
-    expect(content?.getAttribute('aria-labelledby')).to.equal('heading');
-    expect(content?.getAttribute('tabindex')).to.equal('0');
-    const label = component.shadowRoot?.querySelector('#heading');
-    expect(label).to.be.ok;
-    expect(label?.tagName).to.equal('H2');
-});

package/dist/modal.test.basics.d.ts

@@ -1,3 +0,0 @@
-import './button.js';
-import './modal.icon-button.js';
-import './modal.js';

package/dist/modal.test.basics.js

@@ -1,204 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './button.js';
-import './modal.icon-button.js';
-import './modal.js';
-import { ArgumentError } from 'ow';
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreModal from './modal.js';
-import expectArgumentError from './library/expect-argument-error.js';
-import sinon from 'sinon';
-GlideCoreModal.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-modal')).to.equal(GlideCoreModal);
-});
-it('has defaults', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    const dialog = component.shadowRoot?.querySelector('dialog');
-    expect(dialog).to.be.ok;
-    expect(dialog?.hasAttribute('open')).to.be.false;
-    expect(component.size).to.equal('medium');
-    expect(component.getAttribute('size')).to.equal('medium');
-    expect(component.backButton).to.be.false;
-    expect(component.hasAttribute('back-button')).to.be.false;
-});
-it('renders the provided "label"', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    const label = component.shadowRoot?.querySelector('[data-test="heading"]');
-    expect(label).to.be.ok;
-    expect(label?.textContent?.trim()).to.equal('Label');
-});
-it('does not render the show back button in the label by default', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    expect(component.shadowRoot?.querySelector('[data-test="back-button"]')).to.be.null;
-});
-it('renders the show back button in the label when provided with "back-button"', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label" back-button>
-      Content
-    </glide-core-modal>`);
-    component.showModal();
-    expect(component.shadowRoot?.querySelector('[data-test="back-button"]')).to.be.ok;
-});
-it('renders the provided default slotted content', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">
-      <p data-body>Inner content</p>
-    </glide-core-modal>`);
-    component.showModal();
-    const body = component.querySelector('[data-body]');
-    expect(body).to.be.ok;
-});
-it('renders the provided primary slot content', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">
-      Content
-      <glide-core-button
-        label="Primary"
-        slot="primary"
-        data-primary
-      ></glide-core-button>
-    </glide-core-modal>`);
-    component.showModal();
-    const slotContent = component.querySelector('[data-primary]');
-    expect(slotContent).to.be.ok;
-    const slotNodes = component.shadowRoot
-        ?.querySelector('slot[name="primary"]')
-        ?.assignedNodes();
-    expect(slotNodes?.length).to.equal(1);
-});
-it('renders the provided secondary slot content', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">
-      Content
-      <glide-core-button slot="secondary" data-secondary
-        >Secondary</glide-core-button
-      >
-    </glide-core-modal>`);
-    component.showModal();
-    const slotContent = component.querySelector('[data-secondary]');
-    expect(slotContent).to.be.ok;
-    const slotNodes = component.shadowRoot
-        ?.querySelector('slot[name="secondary"]')
-        ?.assignedNodes();
-    expect(slotNodes?.length).to.equal(1);
-});
-it('renders the provided tertiary slot content', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">
-      Content
-      <glide-core-button slot="tertiary" data-tertiary
-        >Tertiary</glide-core-button
-      >
-    </glide-core-modal>`);
-    component.showModal();
-    const slotContent = component.querySelector('[data-tertiary]');
-    expect(slotContent).to.be.ok;
-    const slotNodes = component.shadowRoot
-        ?.querySelector('slot[name="tertiary"]')
-        ?.assignedNodes();
-    expect(slotNodes?.length).to.equal(1);
-});
-it('renders the provided header-actions slot content', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">
-      Content
-
-      <glide-core-modal-icon-button slot="header-actions" data-actions="1"
-        >action1</glide-core-modal-icon-button
-      >
-
-      <glide-core-modal-icon-button slot="header-actions" data-actions="2"
-        >action2</glide-core-modal-icon-button
-      >
-    </glide-core-modal>`);
-    component.showModal();
-    const slotContent = component.querySelector('[data-actions]');
-    expect(slotContent).to.be.ok;
-    const slotNodes = component.shadowRoot
-        ?.querySelector('slot[name="header-actions"]')
-        ?.assignedNodes();
-    expect(slotNodes?.length).to.equal(2);
-});
-it('defaults the size to "medium"', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    expect([
-        ...component.shadowRoot.querySelector('dialog')
-            .classList,
-    ]).to.deep.equal(['component', 'medium']);
-});
-it('sets the size to "small"', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label" size="small">
-      Content
-    </glide-core-modal>`);
-    expect([
-        ...component.shadowRoot.querySelector('dialog')
-            .classList,
-    ]).to.deep.equal(['component', 'small']);
-});
-it('sets the size to "medium"', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label" size="medium">
-      Content
-    </glide-core-modal>`);
-    expect([
-        ...component.shadowRoot.querySelector('dialog')
-            .classList,
-    ]).to.deep.equal(['component', 'medium']);
-});
-it('sets the size to "large"', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label" size="large">
-      Content
-    </glide-core-modal>`);
-    expect([
-        ...component.shadowRoot.querySelector('dialog')
-            .classList,
-    ]).to.deep.equal(['component', 'large']);
-});
-it('sets the size to "xlarge"', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label" size="xlarge">
-      Content
-    </glide-core-modal>`);
-    expect([
-        ...component.shadowRoot.querySelector('dialog')
-            .classList,
-    ]).to.deep.equal(['component', 'xlarge']);
-});
-it('throws if it does not have a default slot', async () => {
-    const spy = sinon.spy();
-    try {
-        await fixture(html `<glide-core-modal label="Label"></glide-core-modal>`);
-    }
-    catch (error) {
-        if (error instanceof ArgumentError) {
-            spy();
-        }
-    }
-    expect(spy.callCount).to.equal(1);
-});
-it('throws an error when the "primary" footer slot has the incorrect type', async () => {
-    await expectArgumentError(() => {
-        return fixture(html `<glide-core-modal label="Label">
-        Content
-        <span slot="primary">Primary</span>
-      </glide-core-modal>`);
-    });
-});
-it('throws an error when the "secondary" footer slot has the incorrect type', async () => {
-    await expectArgumentError(() => {
-        return fixture(html `<glide-core-modal label="Label">
-        Content
-        <span slot="secondary">Secondary</span>
-      </glide-core-modal>`);
-    });
-});
-it('throws an error when the "header actions" slot has the incorrect type', async () => {
-    await expectArgumentError(() => {
-        return fixture(html `<glide-core-modal label="Label">
-        Content
-        <span slot="header-actions">Header Action</span>
-      </glide-core-modal>`);
-    });
-});
-it('throws an error when the "tertiary" footer slot has the incorrect type', async () => {
-    await expectArgumentError(() => {
-        return fixture(html `<glide-core-modal label="Label">
-        Content
-        <span slot="tertiary">Tertiary</span>
-      </glide-core-modal>`);
-    });
-});

package/dist/modal.test.close.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/modal.test.close.js

@@ -1,35 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { expect, fixture, html } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreModal from './modal.js';
-GlideCoreModal.shadowRootOptions.mode = 'open';
-it('closes the modal when the close button is clicked', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    const button = component.shadowRoot.querySelector('[data-test="close-button"]');
-    expect(button).to.be.ok;
-    button?.click();
-    expect(component
-        .shadowRoot.querySelector('dialog')
-        ?.hasAttribute('open')).to.be.false;
-});
-it('closes the modal when the escape key is pressed', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    const dialogElement = component.shadowRoot.querySelector('dialog');
-    expect(dialogElement?.hasAttribute('open')).to.be.true;
-    await sendKeys({ press: 'Escape' });
-    expect(dialogElement?.hasAttribute('open')).to.be.false;
-});
-it('closes the modal via "back-button"', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label" back-button>
-      Content
-    </glide-core-modal>`);
-    component.showModal();
-    const dialogElement = component.shadowRoot.querySelector('dialog');
-    expect(dialogElement?.hasAttribute('open')).to.be.true;
-    const button = component.shadowRoot.querySelector('[data-test="back-button"]');
-    expect(button).to.be.ok;
-    button?.click();
-    expect(dialogElement?.hasAttribute('open')).to.be.false;
-});

package/dist/modal.test.events.d.ts

@@ -1 +0,0 @@
-import './modal.js';

package/dist/modal.test.events.js

@@ -1,99 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './modal.js';
-import { expect, fixture, html } from '@open-wc/testing';
-import { sendKeys, sendMouse } from '@web/test-runner-commands';
-import GlideCoreModal from './modal.js';
-import sinon from 'sinon';
-GlideCoreModal.shadowRootOptions.mode = 'open';
-it('dispatches a "close" event when the modal is closed via the "close" method', async () => {
-    const spy = sinon.spy();
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.addEventListener('close', spy);
-    component.showModal();
-    expect(spy.callCount).to.equal(0);
-    component.close();
-    expect(spy.callCount).to.equal(1);
-});
-it('dispatches a "close" event when the modal is closed via the close button', async () => {
-    const spy = sinon.spy();
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.addEventListener('close', spy);
-    component.showModal();
-    const button = component.shadowRoot?.querySelector('[data-test="close-button"]');
-    expect(button).to.be.ok;
-    button?.click();
-    expect(spy.callCount).to.equal(1);
-});
-it('dispatches a "close" event when the modal is closed via the escape key', async () => {
-    const spy = sinon.spy();
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.addEventListener('close', spy);
-    component.showModal();
-    await sendKeys({ press: 'Escape' });
-    expect(spy.callCount).to.equal(1);
-});
-it('does not dispatch a "close" event when the modal is open and non-escape keys are pressed', async () => {
-    const spy = sinon.spy();
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.addEventListener('close', spy);
-    component.showModal();
-    // Tests only a couple keys.
-    await sendKeys({ press: ' ' });
-    expect(spy.callCount).to.equal(0);
-    await sendKeys({ press: 'Enter' });
-    expect(spy.callCount).to.equal(0);
-});
-it('dispatches a "close" event when the modal is closed via "back-button"', async () => {
-    const spy = sinon.spy();
-    const component = await fixture(html `<glide-core-modal label="Label" back-button>
-      Content
-    </glide-core-modal>`);
-    component.addEventListener('close', spy);
-    component.showModal();
-    const button = component.shadowRoot?.querySelector('[data-test="back-button"]');
-    expect(button).to.be.ok;
-    button?.click();
-    expect(spy.callCount).to.equal(1);
-});
-it('does not emit a "close" event when clicking inside the dialog and the mouse is not positioned on a "close" button', async () => {
-    const spy = sinon.spy();
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    component.addEventListener('close', spy);
-    const dialogElement = component?.shadowRoot?.querySelector('dialog');
-    const boundingRectangle = dialogElement?.getBoundingClientRect();
-    expect(boundingRectangle).is.not.null;
-    const { top, left } = boundingRectangle;
-    await sendMouse({
-        type: 'click',
-        position: [Math.ceil(left + 1), Math.ceil(top + 1)],
-    });
-    expect(spy.callCount).to.equal(0);
-});
-it(`does not emit a "close" event if a mousedown event's origin does not come from the dialog component`, async () => {
-    const spy = sinon.spy();
-    const component = await fixture(html `<glide-core-modal label="Label">
-      <button data-test="target">Inside Body</button>
-    </glide-core-modal>`);
-    component.showModal();
-    component.addEventListener('close', spy);
-    const button = component.querySelector('[data-test="target"]');
-    expect(button).to.be.ok;
-    button?.dispatchEvent(new Event('mousedown', { bubbles: true }));
-    expect(spy.callCount).to.equal(0);
-});
-it('emits a "close" event when clicking outside the dialog', async () => {
-    const spy = sinon.spy();
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    component.addEventListener('close', spy);
-    const dialogElement = component?.shadowRoot?.querySelector('dialog');
-    const boundingRectangle = dialogElement?.getBoundingClientRect();
-    expect(boundingRectangle).is.not.null;
-    const { top, left } = boundingRectangle;
-    await sendMouse({
-        type: 'click',
-        position: [Math.floor(left - 1), Math.floor(top - 1)],
-    });
-    expect(spy.callCount).to.equal(1);
-});

package/dist/modal.test.lock-scroll.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/modal.test.lock-scroll.js

@@ -1,67 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import * as sinon from 'sinon';
-import { expect, fixture, html } from '@open-wc/testing';
-import { sendKeys, sendMouse } from '@web/test-runner-commands';
-import GlideCoreModal from './modal.js';
-GlideCoreModal.shadowRootOptions.mode = 'open';
-const addSpy = sinon.spy(document.documentElement.classList, 'add');
-const removeSpy = sinon.spy(document.documentElement.classList, 'remove');
-afterEach(() => {
-    addSpy.resetHistory();
-    removeSpy.resetHistory();
-});
-after(() => {
-    addSpy.restore();
-    removeSpy.restore();
-});
-it('adds the "private-glide-core-modal-lock-scroll" class to the documentElement when opened and removes it when closed', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    expect(addSpy.callCount).to.equal(1);
-    expect(addSpy.calledWith('private-glide-core-modal-lock-scroll')).to.be.ok;
-    expect(removeSpy.callCount).to.equal(0);
-    component.close();
-    expect(removeSpy.callCount).to.equal(1);
-    expect(removeSpy.calledWith('private-glide-core-modal-lock-scroll')).to.be.ok;
-    // Verify `add` was not called again for some reason
-    expect(addSpy.callCount).to.equal(1);
-});
-it('removes the "private-glide-core-modal-lock-scroll" class when the close button is clicked', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    expect(removeSpy.callCount).to.equal(0);
-    const button = component.shadowRoot.querySelector('[data-test="close-button"]');
-    expect(button).to.be.ok;
-    button?.click();
-    expect(removeSpy.callCount).to.equal(1);
-});
-it('removes the "private-glide-core-modal-lock-scroll" class when the "close" method is called', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    expect(removeSpy.callCount).to.equal(0);
-    const dialogElement = component.shadowRoot.querySelector('dialog');
-    expect(dialogElement?.hasAttribute('open')).to.be.true;
-    component.close();
-    expect(removeSpy.callCount).to.equal(1);
-});
-it('removes the "private-glide-core-modal-lock-scroll" class when the escape key is pressed', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    expect(removeSpy.callCount).to.equal(0);
-    await sendKeys({ press: 'Escape' });
-    expect(removeSpy.callCount).to.equal(1);
-});
-it('removes class "private-glide-core-modal-lock-scroll" from document when click is outside dialog', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    const dialogElement = component?.shadowRoot?.querySelector('dialog');
-    const boundingRectangle = dialogElement?.getBoundingClientRect();
-    expect(boundingRectangle).is.not.null;
-    expect(document.documentElement.classList.contains('private-glide-core-modal-lock-scroll')).to.be.true;
-    const { top, left } = boundingRectangle;
-    await sendMouse({
-        type: 'click',
-        position: [Math.floor(left - 1), Math.floor(top - 1)],
-    });
-    expect(document.documentElement.classList.contains('private-glide-core-modal-lock-scroll')).to.be.false;
-});

package/dist/modal.test.methods.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/modal.test.methods.js

@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreModal from './modal.js';
-GlideCoreModal.shadowRootOptions.mode = 'open';
-it('opens the modal when the "showModal" method is called and closes it when "close" is called', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    const dialogElement = component.shadowRoot?.querySelector('dialog');
-    expect(dialogElement?.hasAttribute('open')).to.be.true;
-    component.close();
-    expect(dialogElement?.hasAttribute('open')).to.be.false;
-});
-it('remains open when the "showModal" method is called twice', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    const dialogElement = component.shadowRoot?.querySelector('dialog');
-    expect(dialogElement?.hasAttribute('open')).to.be.true;
-    component.showModal();
-    expect(dialogElement?.hasAttribute('open')).to.be.true;
-});

package/dist/modal.test.scrollbars.d.ts

@@ -1 +0,0 @@
-import './modal.js';

package/dist/modal.test.scrollbars.js

@@ -1,18 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './modal.js';
-import * as sinon from 'sinon';
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreModal from './modal.js';
-GlideCoreModal.shadowRootOptions.mode = 'open';
-const cssSupportsStub = sinon.stub(window.CSS, 'supports').returns(false);
-const setPropertySpy = sinon.spy(document.documentElement.style, 'setProperty');
-afterEach(() => {
-    cssSupportsStub.restore();
-    setPropertySpy.restore();
-});
-it('sets the "--glide-scroll-size" variable when the browser does not support scrollbar-gutter', async () => {
-    const component = await fixture(html `<glide-core-modal label="Label">Content</glide-core-modal>`);
-    component.showModal();
-    expect(cssSupportsStub.calledWith('scrollbar-gutter')).to.be.ok;
-    expect(setPropertySpy.callCount).to.equal(1);
-});

package/dist/radio-group.stories.d.ts

@@ -1,6 +0,0 @@
-import './radio-group.js';
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-export declare const RadioGroup: StoryObj;
-export declare const WithError: StoryObj;

package/dist/radio-group.test.basics.d.ts

@@ -1,2 +0,0 @@
-import './radio-group.js';
-import './radio.js';