@crowdstrike/glide-core 0.8.0 → 0.9.0

package/dist/drawer.test.floating-components.js

@@ -1,52 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './drawer.js';
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreDrawer from './drawer.js';
-import GlideCoreTreeItemMenu from './tree.item.menu.js';
-GlideCoreDrawer.shadowRootOptions.mode = 'open';
-GlideCoreTreeItemMenu.shadowRootOptions.mode = 'open';
-it('sets containing block for tooltips', async () => {
-    const drawer = await fixture(html `<glide-core-drawer>
-      <div>Some other element</div>
-      <glide-core-tooltip>
-        Tooltip
-        <span slot="target">Target</span>
-      </glide-core-tooltip>
-    </glide-core-drawer>`);
-    const containingBlock = drawer.shadowRoot?.querySelector('aside');
-    drawer.open();
-    const tooltip = drawer.querySelector('glide-core-tooltip');
-    expect(tooltip?.containingBlock === containingBlock).to.be.true;
-});
-it('sets containing block for menus', async () => {
-    const drawer = await fixture(html `<glide-core-drawer>
-      <glide-core-menu>
-        <glide-core-menu-options>
-          <glide-core-menu-link label="One" url="/one"> </glide-core-menu-link>
-        </glide-core-menu-options>
-
-        <div slot="target">Target</div>
-      </glide-core-menu>
-    </glide-core-drawer>`);
-    const containingBlock = drawer.shadowRoot?.querySelector('aside');
-    drawer.open();
-    const menu = drawer.querySelector('glide-core-menu');
-    expect(menu?.containingBlock === containingBlock).to.be.true;
-});
-it('sets containing block for tree item menu', async () => {
-    const drawer = await fixture(html `<glide-core-drawer>
-      <glide-core-tree>
-        <glide-core-tree-item label="yup">
-          <glide-core-tree-item-menu slot="menu">
-            <glide-core-menu-link label="Edit" url="/edit">
-            </glide-core-menu-link>
-          </glide-core-tree-item-menu>
-        </glide-core-tree-item>
-      </glide-core-tree>
-    </glide-core-drawer>`);
-    const containingBlock = drawer.shadowRoot?.querySelector('aside');
-    drawer.open();
-    const treeItemMenu = drawer.querySelector('glide-core-tree-item-menu');
-    const menu = treeItemMenu?.shadowRoot?.querySelector('glide-core-menu');
-    expect(menu?.containingBlock === containingBlock).to.be.true;
-});

package/dist/library/set-containing-block.d.ts

@@ -1,15 +0,0 @@
-interface Arguments {
-    elements: Element[];
-    containingBlock: Element;
-}
-/**
- * Sets the containing block for all child elements that might contain
- * floating-ui components (i.e. tooltips, popovers, or menus),
- * for cases where the containing block element is inside a closed shadow DOM,
- * and therefore wouldn't be able to be detected by floating-ui's getOffsetParent calculations.
- * Necessary when the containing block has something like a backdrop-filter
- * https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
- * https://github.com/floating-ui/floating-ui/issues/2955
- */
-export declare function setContainingBlock({ elements, containingBlock }: Arguments): void;
-export {};

package/dist/library/set-containing-block.js

@@ -1 +0,0 @@
-import GlideCoreMenu from"../menu.js";import GlideCoreTooltip from"../tooltip.js";import GlideCoreTree from"../tree.js";export function setContainingBlock({elements:o,containingBlock:e}){const i=o.filter((o=>o instanceof GlideCoreTooltip||o instanceof GlideCoreMenu||o instanceof GlideCoreTree));for(const o of i)o.setContainingBlock(e)}

package/dist/modal.test.floating-components.js

@@ -1,63 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { expect, fixture, html } from '@open-wc/testing';
-import GlideCoreModal from './modal.js';
-import GlideCoreModalTertiaryIcon from './modal.tertiary-icon.js';
-import GlideCoreTreeItemMenu from './tree.item.menu.js';
-GlideCoreModal.shadowRootOptions.mode = 'open';
-GlideCoreModalTertiaryIcon.shadowRootOptions.mode = 'open';
-GlideCoreTreeItemMenu.shadowRootOptions.mode = 'open';
-it('sets containing block for tooltips', async () => {
-    const element = await fixture(html `<glide-core-modal label="Modal title">
-      <glide-core-tooltip>
-        Tooltip
-        <span slot="target">Target</span>
-      </glide-core-tooltip>
-      <glide-core-modal-tertiary-icon
-        slot="tertiary"
-        label="Information"
-        tooltip-placement="right"
-      >
-        Icon
-      </glide-core-modal-tertiary-icon>
-    </glide-core-modal>`);
-    const containingBlock = element.shadowRoot?.querySelector('dialog');
-    element.showModal();
-    const tooltip = element.querySelector('glide-core-tooltip');
-    expect(tooltip?.containingBlock === containingBlock).to.be.true;
-    const tertiaryIconTooltip = element
-        .querySelector('glide-core-modal-tertiary-icon')
-        ?.shadowRoot?.querySelector('glide-core-tooltip');
-    expect(tertiaryIconTooltip?.containingBlock === containingBlock).to.be.true;
-});
-it('sets containing block for menus', async () => {
-    const element = await fixture(html `<glide-core-modal label="Modal title">
-      <glide-core-menu>
-        <glide-core-menu-options>
-          <glide-core-menu-link label="One" url="/one"> </glide-core-menu-link>
-        </glide-core-menu-options>
-
-        <div slot="target">Target</div>
-      </glide-core-menu>
-    </glide-core-modal>`);
-    const containingBlock = element.shadowRoot?.querySelector('dialog');
-    element.showModal();
-    const menu = element.querySelector('glide-core-menu');
-    expect(menu?.containingBlock === containingBlock).to.be.true;
-});
-it('sets containing block for tree item menu', async () => {
-    const element = await fixture(html `<glide-core-modal label="Modal title">
-      <glide-core-tree>
-        <glide-core-tree-item label="yup">
-          <glide-core-tree-item-menu slot="menu">
-            <glide-core-menu-link label="Edit" url="/edit">
-            </glide-core-menu-link>
-          </glide-core-tree-item-menu>
-        </glide-core-tree-item>
-      </glide-core-tree>
-    </glide-core-modal>`);
-    const containingBlock = element.shadowRoot?.querySelector('dialog');
-    element.showModal();
-    const treeItemMenu = element.querySelector('glide-core-tree-item-menu');
-    const menu = treeItemMenu?.shadowRoot?.querySelector('glide-core-menu');
-    expect(menu?.containingBlock === containingBlock).to.be.true;
-});