@crowdstrike/glide-core 0.9.5 → 0.10.0

package/dist/split-container.test.basics.js

@@ -1,445 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './split-button.js';
-import './split-container.js';
-import './split-link.js';
-import { elementUpdated, expect, fixture, html, waitUntil, } from '@open-wc/testing';
-import GlideCoreMenuButton from './menu.button.js';
-import GlideCoreMenuLink from './menu.link.js';
-import GlideCoreSplitButton from './split-button.js';
-import GlideCoreSplitContainer from './split-container.js';
-import GlideCoreSplitLink from './split-link.js';
-import expectArgumentError from './library/expect-argument-error.js';
-import sinon from 'sinon';
-GlideCoreSplitContainer.shadowRootOptions.mode = 'open';
-GlideCoreMenuButton.shadowRootOptions.mode = 'open';
-GlideCoreMenuLink.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-split-container')).to.equal(GlideCoreSplitContainer);
-});
-it('is accessible', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-      <glide-core-menu-link label="Two" url="/two"></glide-core-menu-link>
-      <glide-core-menu-button label="Three"></glide-core-menu-button>
-    </glide-core-split-container>
-  `);
-    await expect(component).to.be.accessible();
-});
-it('should render a split button, a divider, and a menu button', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot?.querySelector('[data-test="split-menu-button"]'))
-        .to.be.not.null;
-    expect(component.shadowRoot?.querySelector('[data-test="split-divider"]')).to
-        .be.not.null;
-    const slot = component?.shadowRoot?.querySelector('slot[data-test="primary-action"]');
-    expect(slot).to.be.not.null;
-    const defaultSlotValue = slot.assignedNodes()?.at(0);
-    expect(defaultSlotValue instanceof GlideCoreSplitButton).to.be.true;
-    expect(defaultSlotValue?.textContent).to.equal('Button');
-});
-it('should render a split link, a divider, and a menu button', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label">
-      <glide-core-split-link slot="primary-action">Link</glide-core-split-link>
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot?.querySelector('[data-test="split-menu-button"]'))
-        .to.be.not.null;
-    expect(component.shadowRoot?.querySelector('[data-test="split-divider"]')).to
-        .be.not.null;
-    const slot = component?.shadowRoot?.querySelector('slot[data-test="primary-action"]');
-    expect(slot).to.be.not.null;
-    const defaultSlotValue = slot.assignedNodes()?.at(0);
-    expect(defaultSlotValue instanceof GlideCoreSplitLink).to.be.true;
-    expect(defaultSlotValue?.textContent).to.equal('Link');
-});
-it('does not set the menu to "open" by default', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.not.have.attribute('open');
-});
-it('sets the menu component to "open" when the "open" attribute is set', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label" open>
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.have.attribute('open');
-});
-it('applies appropriate classes and attributes when "size" is set to "small"', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label" size="small">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('size', 'small');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('small')).to.be.true;
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.have.attribute('size', 'small');
-});
-it('applies appropriate classes and attributes when "size" is set to "large"', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label" size="large">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('size', 'large');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('large')).to.be.true;
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.have.attribute('size', 'large');
-});
-it('applies appropriate classes and attributes by default as "large" when "size" is not set', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('size', 'large');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('large')).to.be.true;
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.have.attribute('size', 'large');
-});
-it('applies appropriate classes and attributes when "size" is dynamically changed using the split button', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label" size="large">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('size', 'large');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('large')).to.be.true;
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.have.attribute('size', 'large');
-    component.size = 'small';
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('size', 'small');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('small')).to.be.true;
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.have.attribute('size', 'small');
-});
-it('applies appropriate classes and attributes when "size" is dynamically changed using the link button', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label" size="large">
-      <glide-core-split-link slot="primary-action" url="/"
-        >Button</glide-core-split-link
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('size', 'large');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('large')).to.be.true;
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.have.attribute('size', 'large');
-    component.size = 'small';
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('size', 'small');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('small')).to.be.true;
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.have.attribute('size', 'small');
-});
-it('applies appropriate classes and sets the "variant" to "primary" by default', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('variant', 'primary');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('primary')).to.be.true;
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-divider"]')
-        ?.classList.contains('primary')).to.be.true;
-});
-it('applies appropriate classes when "variant" is set to "primary"', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label" variant="primary">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('variant', 'primary');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('primary')).to.be.true;
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-divider"]')
-        ?.classList.contains('primary')).to.be.true;
-});
-it('applies appropriate classes when "variant" is set to "secondary"', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label" variant="secondary">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('variant', 'secondary');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('secondary')).to.be.true;
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-divider"]')
-        ?.classList.contains('secondary')).to.be.true;
-});
-it('applies appropriate classes and attributes when "variant" is dynamically changed using the split button', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label" variant="primary">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('variant', 'primary');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('primary')).to.be.true;
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-divider"]')
-        ?.classList.contains('primary')).to.be.true;
-    component.variant = 'secondary';
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('variant', 'secondary');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('secondary')).to.be.true;
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-divider"]')
-        ?.classList.contains('secondary')).to.be.true;
-});
-it('applies appropriate classes and attributes when "variant" is dynamically changed using the link button', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label" variant="primary">
-      <glide-core-split-link slot="primary-action" url="/"
-        >Button</glide-core-split-link
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('variant', 'primary');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('primary')).to.be.true;
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-divider"]')
-        ?.classList.contains('primary')).to.be.true;
-    component.variant = 'secondary';
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('variant', 'secondary');
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.classList.contains('secondary')).to.be.true;
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="split-divider"]')
-        ?.classList.contains('secondary')).to.be.true;
-});
-it('sets the appropriate classes and attributes when the "disabled" attribute is set', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label" disabled>
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('disabled');
-    expect(component.shadowRoot?.querySelector('[data-test="split-menu-button"]')).to.have.attribute('disabled');
-    expect(component.shadowRoot?.querySelector('[data-test="split-menu-button"]')).to.have.attribute('disabled');
-});
-it('applies appropriate classes and attributes when "disabled" is dynamically changed using the split button', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.not.have.attribute('disabled');
-    expect(component.shadowRoot?.querySelector('[data-test="split-menu-button"]')).to.not.have.attribute('disabled');
-    component.disabled = true;
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('disabled');
-    expect(component.shadowRoot?.querySelector('[data-test="split-menu-button"]')).to.have.attribute('disabled');
-});
-it('applies appropriate classes and attributes when "disabled" is dynamically changed using the link button', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label">
-      <glide-core-split-link slot="primary-action" url="/"
-        >Button</glide-core-split-link
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.not.have.attribute('disabled');
-    expect(component.shadowRoot?.querySelector('[data-test="split-menu-button"]')).to.not.have.attribute('disabled');
-    component.disabled = true;
-    await elementUpdated(component);
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.attribute('disabled');
-    expect(component.shadowRoot?.querySelector('[data-test="split-menu-button"]')).to.have.attribute('disabled');
-});
-it('sets the default "menu-placement" as "bottom-end"', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.have.attribute('placement', 'bottom-end');
-});
-it('sets the "menu-placement" attribute as specified', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label" menu-placement="bottom">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.have.attribute('placement', 'bottom');
-});
-it('focuses the "primary-action" slotted element when the container component is focused', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label" menu-placement="bottom">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    component.focus();
-    expect(component.shadowRoot
-        ?.querySelector('[data-test="primary-action"]')
-        ?.assignedNodes()
-        ?.at(0)).to.have.focus;
-});
-it('throws an error when the default slot is empty', async () => {
-    await expectArgumentError(() => fixture(html `<glide-core-split-container menu-label="label">
-        <glide-core-split-button slot="primary-action"
-          >Button</glide-core-split-button
-        >
-      </glide-core-split-container>`));
-});
-it('throws an error when the default slot is an unsupported type', async () => {
-    await expectArgumentError(() => fixture(html `<glide-core-split-container menu-label="label">
-        <glide-core-split-button slot="primary-action">
-          Button
-        </glide-core-split-button>
-        <div>Option</div>
-      </glide-core-split-container>`));
-    // Menu is rendered asynchronously outside of Split Container's lifecycle
-    // and asserts against its default slot. That assertion, which is expected
-    // to fail in this case, results in an unhandled rejection that gets logged.
-    // `console.error` is stubbed so the logs aren't muddied.
-    const stub = sinon.stub(console, 'error');
-    // Menu asserts against its default slot once on `firstUpdated` and
-    // again on "slotchange". So we wait until the stub has been called
-    // twice before restoring it.
-    await waitUntil(() => stub.calledTwice);
-    stub.restore();
-});

package/dist/split-container.test.interactions.d.ts

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

package/dist/split-container.test.interactions.js

@@ -1,20 +0,0 @@
-import './split-container.js';
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import GlideCoreSplitContainer from './split-container.js';
-GlideCoreSplitContainer.shadowRootOptions.mode = 'open';
-it('the menu opens when the menu button is clicked', async () => {
-    const component = await fixture(html `
-    <glide-core-split-container menu-label="label">
-      <glide-core-split-button slot="primary-action"
-        >Button</glide-core-split-button
-      >
-      <glide-core-menu-link label="One" url="/one"></glide-core-menu-link>
-    </glide-core-split-container>
-  `);
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.not.have.attribute('open');
-    component.shadowRoot
-        ?.querySelector('[data-test="split-menu-button"]')
-        ?.click();
-    await elementUpdated(component);
-    expect(component.shadowRoot?.querySelector('glide-core-menu')).to.have.attribute('open');
-});

package/dist/split-link.d.ts

@@ -1,25 +0,0 @@
-import './menu.js';
-import { LitElement } from 'lit';
-declare global {
-    interface HTMLElementTagNameMap {
-        'glide-core-split-link': GlideCoreSplitLink;
-    }
-}
-/**
- * @description - A link to be used in the `primary-action` slot of `glide-core-split-container`.
- *
- * @slot prefix - An optional icon slot to display before the label.
- * @slot - A label for the contents of the link.
- */
-export default class GlideCoreSplitLink extends LitElement {
-    #private;
-    static shadowRootOptions: ShadowRootInit;
-    static styles: import("lit").CSSResult[];
-    url?: string;
-    disabled: boolean;
-    variant: 'primary' | 'secondary';
-    size: 'large' | 'small';
-    firstUpdated(): void;
-    render(): import("lit").TemplateResult<1>;
-    private hasPrefixSlot;
-}

package/dist/split-link.js

@@ -1 +0,0 @@
-var __decorate=this&&this.__decorate||function(e,t,o,l){var i,s=arguments.length,r=s<3?t:null===l?l=Object.getOwnPropertyDescriptor(t,o):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,l);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(s<3?i(r):s>3?i(t,o,r):i(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};import"./menu.js";import{LitElement,html}from"lit";import{classMap}from"lit/directives/class-map.js";import{createRef,ref}from"lit/directives/ref.js";import{customElement,property,state}from"lit/decorators.js";import{ifDefined}from"lit/directives/if-defined.js";import{owSlot,owSlotType}from"./library/ow.js";import styles from"./split-button.styles.js";let GlideCoreSplitLink=class GlideCoreSplitLink extends LitElement{constructor(){super(...arguments),this.disabled=!1,this.variant="primary",this.size="large",this.hasPrefixSlot=!1,this.#e=createRef(),this.#t=createRef()}static{this.shadowRootOptions={...LitElement.shadowRootOptions,delegatesFocus:!0,mode:"closed"}}static{this.styles=styles}firstUpdated(){owSlot(this.#e.value),owSlotType(this.#e.value,[Text])}render(){return this.disabled?html`<span class="${classMap({component:!0,disabled:!0,[this.variant]:!0,[this.size]:!0,"has-prefix":this.hasPrefixSlot})}" aria-disabled="true" role="link" @keydown="${this.#o}" data-test="split-link"><slot name="prefix" @slotchange="${this.#l}" ${ref(this.#t)} data-test="prefix-slot"></slot><slot @slotchange="${this.#i}" ${ref(this.#e)} data-test="default-slot"></slot></span>`:html`<a href="${ifDefined(this.url)}" class="${classMap({component:!0,[this.variant]:!0,[this.size]:!0,"has-prefix":this.hasPrefixSlot})}" @keydown="${this.#o}" data-test="split-link"><slot name="prefix" @slotchange="${this.#l}" ${ref(this.#t)} data-test="prefix-slot"></slot><slot @slotchange="${this.#i}" ${ref(this.#e)} data-test="default-slot"></slot></a>`}#e;#t;#i(){owSlot(this.#e.value),owSlotType(this.#e.value,[Text])}#o(e){" "===e.key&&this.url?.length&&window.open(this.url)}#l(){const e=this.#t.value?.assignedNodes();this.hasPrefixSlot=!!(e&&e.length>0)}};__decorate([property({reflect:!0})],GlideCoreSplitLink.prototype,"url",void 0),__decorate([property({type:Boolean,reflect:!0})],GlideCoreSplitLink.prototype,"disabled",void 0),__decorate([property({reflect:!0})],GlideCoreSplitLink.prototype,"variant",void 0),__decorate([property({reflect:!0})],GlideCoreSplitLink.prototype,"size",void 0),__decorate([state()],GlideCoreSplitLink.prototype,"hasPrefixSlot",void 0),GlideCoreSplitLink=__decorate([customElement("glide-core-split-link")],GlideCoreSplitLink);export default GlideCoreSplitLink;

package/dist/split-link.test.basics.d.ts

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

package/dist/split-link.test.basics.js

@@ -1,93 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './split-link.js';
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import GlideCoreSplitLink from './split-link.js';
-import expectArgumentError from './library/expect-argument-error.js';
-GlideCoreSplitLink.shadowRootOptions.mode = 'open';
-it('registers', async () => {
-    expect(window.customElements.get('glide-core-split-link')).to.equal(GlideCoreSplitLink);
-});
-it('is accessible', async () => {
-    const component = await fixture(html `
-    <glide-core-split-link url="/">Link</glide-core-split-link>
-  `);
-    await expect(component).to.be.accessible();
-});
-it('renders a link with href with a label by default', async () => {
-    const component = await fixture(html `
-    <glide-core-split-link url="/">Link</glide-core-split-link>
-  `);
-    const link = component?.shadowRoot?.querySelector('[data-test="split-link"]');
-    expect(link).to.not.be.null;
-    expect(link).to.have.attribute('href', '/');
-    expect(component?.textContent).to.equal('Link');
-});
-it('renders with size "large" and variant "primary" by default', async () => {
-    const component = await fixture(html `
-    <glide-core-split-link url="/">Link</glide-core-split-link>
-  `);
-    const link = component?.shadowRoot?.querySelector('[data-test="split-link"]');
-    expect(link?.classList.contains('large')).to.be.true;
-    expect(link?.classList.contains('primary')).to.be.true;
-});
-it('adds "small" styling when the "size" attribute is "small" ', async () => {
-    const component = await fixture(html `
-    <glide-core-split-link size="small" url="/">Link</glide-core-split-link>
-  `);
-    const link = component?.shadowRoot?.querySelector('[data-test="split-link"]');
-    expect(link?.classList.contains('small')).to.be.true;
-});
-it('adds "secondary" styling when "variant" attribute is "secondary"', async () => {
-    const component = await fixture(html `
-    <glide-core-split-link variant="secondary" url="/"
-      >Link</glide-core-split-link
-    >
-  `);
-    const link = component?.shadowRoot?.querySelector('[data-test="split-link"]');
-    expect(link?.classList.contains('secondary')).to.be.true;
-});
-it('becomes a span when the "disabled" attribute exists', async () => {
-    const component = await fixture(html `
-    <glide-core-split-link disabled url="/">Link</glide-core-split-link>
-  `);
-    const link = component?.shadowRoot?.querySelector('[data-test="split-link"]');
-    expect(link).to.have.attribute('aria-disabled', 'true');
-    expect(link).to.have.attribute('role', 'link');
-});
-it('renders a prefix slot when given', async () => {
-    const component = await fixture(html `
-    <glide-core-split-link url="/"
-      ><div slot="prefix">Prefix</div>
-      Link</glide-core-split-link
-    >
-  `);
-    const link = component?.shadowRoot?.querySelector('[data-test="split-link"]');
-    expect(link).to.not.be.null;
-    expect(component.querySelector('[slot="prefix"]')?.textContent).to.equal('Prefix');
-});
-it('renders with prefix class when dynamically added and removed', async () => {
-    const component = await fixture(html `
-    <glide-core-split-link url="/"
-      ><span slot="prefix">prefix</span>Link</glide-core-split-link
-    >
-  `);
-    expect(document.querySelector('[slot="prefix"]')).to.be.not.null;
-    expect([
-        ...component.shadowRoot.querySelector('[data-test="split-link"]')
-            .classList,
-    ]).to.include('has-prefix');
-    component.querySelector('[slot="prefix"]')?.remove();
-    await elementUpdated(component);
-    expect([
-        ...component.shadowRoot.querySelector('[data-test="split-link"]')
-            .classList,
-    ]).to.not.include('has-prefix');
-});
-it('throws an error when there is no link label', async () => {
-    await expectArgumentError(() => fixture(html `<glide-core-split-link url="/"></glide-core-split-link>`));
-});
-it('throws an error when there is something other than text in the default slot', async () => {
-    await expectArgumentError(() => fixture(html `<glide-core-split-link url="#"
-        ><div>test</div></glide-core-split-link
-      >`));
-});

package/dist/split-link.test.interactions.d.ts

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

package/dist/split-link.test.interactions.js

@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './split-link.js';
-import { expect, fixture, html } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreSplitLink from './split-link.js';
-import sinon from 'sinon';
-GlideCoreSplitLink.shadowRootOptions.mode = 'open';
-// This behavior exists to make the link behave like a button.
-it('navigates when the spacebar is pressed', async () => {
-    const windowOpen = window.open;
-    const spy = sinon.spy();
-    window.open = spy;
-    const component = await fixture(html `
-    <glide-core-split-link url="/">Link</glide-core-split-link>
-  `);
-    component.focus();
-    await sendKeys({ press: ' ' });
-    expect(spy.callCount).to.equal(1);
-    window.open = windowOpen;
-});

package/dist/status-indicator.d.ts

@@ -1,30 +0,0 @@
-import { LitElement } from 'lit';
-declare global {
-    interface HTMLElementTagNameMap {
-        'glide-core-status-indicator': GlideCoreStatusIndicator;
-    }
-}
-/**
- * @cssprop [--size] - The size of the icon.
- */
-export default class GlideCoreStatusIndicator extends LitElement {
-    static shadowRootOptions: ShadowRootInit;
-    static styles: import("lit").CSSResult[];
-    variant: keyof typeof ICONS;
-    render(): import("lit").TemplateResult<1>;
-}
-declare const ICONS: {
-    failed: import("lit").TemplateResult<2>;
-    idle: import("lit").TemplateResult<2>;
-    'in-progress': import("lit").TemplateResult<2>;
-    queued: import("lit").TemplateResult<2>;
-    scheduled: import("lit").TemplateResult<2>;
-    success: import("lit").TemplateResult<2>;
-    'warning-critical': import("lit").TemplateResult<2>;
-    'warning-high': import("lit").TemplateResult<2>;
-    'warning-informational': import("lit").TemplateResult<2>;
-    'warning-low': import("lit").TemplateResult<2>;
-    'warning-medium': import("lit").TemplateResult<2>;
-    'warning-zero': import("lit").TemplateResult<2>;
-};
-export {};