@crowdstrike/glide-core 0.9.0 → 0.9.2

package/dist/tooltip.test.interactions.js

@@ -117,7 +117,7 @@ it('is visible on "mouseover"', async () => {
     assert(tooltip);
     tooltip.dataset.openDelay = '0';
     component.shadowRoot
-        ?.querySelector('.component')
+        ?.querySelector('[data-test="component"')
         ?.dispatchEvent(new MouseEvent('mouseover'));
     // Wait for Floating UI and the open delay.
     await aTimeout(0);
@@ -132,7 +132,7 @@ it('is hidden on "mouseover" when disabled', async () => {
     assert(tooltip);
     tooltip.dataset.openDelay = '0';
     component.shadowRoot
-        ?.querySelector('.component')
+        ?.querySelector('[data-test="component"')
         ?.dispatchEvent(new MouseEvent('mouseover'));
     // Wait for Floating UI.
     await aTimeout(0);
@@ -147,13 +147,13 @@ it('is hidden on "mouseout"', async () => {
     assert(tooltip);
     tooltip.dataset.openDelay = '0';
     component.shadowRoot
-        ?.querySelector('.component')
+        ?.querySelector('[data-test="component"')
         ?.dispatchEvent(new MouseEvent('mouseover'));
     // Wait for Floating UI and the open delay.
     await aTimeout(0);
     tooltip.dataset.closeDelay = '0';
     component.shadowRoot
-        ?.querySelector('.component')
+        ?.querySelector('[data-test="component"')
         ?.dispatchEvent(new MouseEvent('mouseout'));
     // Wait for the close delay.
     await aTimeout(0);
@@ -169,11 +169,11 @@ it('remains hidden if "mouseout" fires before the "mouseover" delay', async () =
     tooltip.dataset.openDelay = '1';
     tooltip.dataset.closeDelay = '0';
     component.shadowRoot
-        ?.querySelector('.component')
+        ?.querySelector('[data-test="component"')
         ?.dispatchEvent(new MouseEvent('mouseover'));
     expect(tooltip?.checkVisibility()).to.be.false;
     component.shadowRoot
-        ?.querySelector('.component')
+        ?.querySelector('[data-test="component"')
         ?.dispatchEvent(new MouseEvent('mouseout'));
     await aTimeout(1);
     expect(tooltip.checkVisibility()).to.be.false;

package/dist/translations/en.js

@@ -1 +1 @@
-const translation={$code:"en",$name:"English",$dir:"ltr",close:"Close",dismiss:"Dismiss",open:"Open",selectAll:"Select all",moreInformation:"More information",nextTab:"Next tab",notifications:"Notifications",previousTab:"Previous tab",announcedCharacterCount:(e,t)=>`Character count ${e} of ${t}`,displayedCharacterCount:(e,t)=>`${e}/${t}`,clearEntry:e=>`Clear ${e} entry`,removeTag:e=>`Remove tag: ${e}`};export default translation;
+const translation={$code:"en",$name:"English",$dir:"ltr",close:"Close",dismiss:"Dismiss",open:"Open",selectAll:"Select all",moreInformation:"More information",notifications:"Notifications",nextTab:"Next tab",previousTab:"Previous tab",announcedCharacterCount:(e,o)=>`Character count ${e} of ${o}`,displayedCharacterCount:(e,o)=>`${e}/${o}`,clearEntry:e=>`Clear ${e} entry`,removeTag:e=>`Remove tag: ${e}`,actionsFor:e=>`Actions for ${e}`};export default translation;

package/dist/translations/fr.d.ts

@@ -1,3 +1,5 @@
 import type { Translation } from '../library/localize.js';
-declare const translation: Translation;
+export declare const PENDING_STRINGS: readonly [];
+type PendingTranslation = (typeof PENDING_STRINGS)[number];
+declare const translation: Omit<Translation, PendingTranslation>;
 export default translation;

package/dist/translations/fr.js

@@ -1 +1 @@
-const translation={$code:"fr",$name:"French",$dir:"ltr",close:"Fermer",dismiss:"Congédier",open:"Ouvrir",selectAll:"Tout sélectionner",moreInformation:"Plus d’informations",notifications:"Notifications",nextTab:"Next tab",previousTab:"Previous tab",announcedCharacterCount:(e,r)=>`Character count ${e} of ${r}`,displayedCharacterCount:(e,r)=>`${e}/${r}`,clearEntry:e=>`Clear ${e} entry`,removeTag:e=>`Supprimer la balise : ${e}`};export default translation;
+export const PENDING_STRINGS=[];const translation={$code:"fr",$name:"French",$dir:"ltr",close:"Fermer",dismiss:"Congédier",open:"Ouvrir",selectAll:"Tout sélectionner",moreInformation:"Plus d’informations",notifications:"Notifications",nextTab:"Onglet suivant",previousTab:"Onglet précédent",announcedCharacterCount:(e,r)=>`Nombre de caractères ${e} de ${r}`,displayedCharacterCount:(e,r)=>`${e}/${r}`,clearEntry:e=>`Effacer l'entrée ${e}`,removeTag:e=>`Supprimer la balise : ${e}`,actionsFor:e=>`Actions pour ${e}`};export default translation;

package/dist/translations/ja.d.ts

@@ -1,3 +1,5 @@
 import type { Translation } from '../library/localize.js';
-declare const translation: Translation;
+export declare const PENDING_STRINGS: readonly [];
+type PendingTranslation = (typeof PENDING_STRINGS)[number];
+declare const translation: Omit<Translation, PendingTranslation>;
 export default translation;

package/dist/translations/ja.js

@@ -1 +1 @@
-const translation={$code:"ja",$name:"Japanese",$dir:"ltr",close:"閉じる",dismiss:"無視",open:"オープン",selectAll:"すべて選択",moreInformation:"詳細情報",notifications:"通知",nextTab:"Next tab",previousTab:"Previous tab",announcedCharacterCount:(a,e)=>`Character count ${a} of ${e}`,displayedCharacterCount:(a,e)=>`${a}/${e}`,clearEntry:a=>`Clear ${a} entry`,removeTag:a=>`タグを削除: ${a}`};export default translation;
+export const PENDING_STRINGS=[];const translation={$code:"ja",$name:"Japanese",$dir:"ltr",close:"閉じる",dismiss:"無視",open:"オープン",selectAll:"すべて選択",moreInformation:"詳細情報",notifications:"通知",nextTab:"Onglet suivant",previousTab:"Onglet précédent",announcedCharacterCount:(n,t)=>`${t} 文字数の${n}`,displayedCharacterCount:(n,t)=>`${n}/${t}`,clearEntry:n=>`${n}エントリのクリア`,removeTag:n=>`タグを削除: ${n}`,actionsFor:n=>`${n}のアクション`};export default translation;

package/dist/tree.d.ts

@@ -6,7 +6,7 @@ declare global {
     }
 }
 /**
- * @description A tree element, containing a hierarchy of tree items
+ * @description A tree containing a hierarchy of Tree Items.
  *
  * @slot - One or more of <glide-core-tree-item>
  */

package/dist/tree.item.d.ts

@@ -1,6 +1,5 @@
 import './tree.item.menu.js';
 import { LitElement } from 'lit';
-import type GlideCoreMenu from './menu.js';
 declare global {
     interface HTMLElementTagNameMap {
         'glide-core-tree-item': GlideCoreTreeItem;
@@ -24,8 +23,6 @@ export default class GlideCoreTreeItem extends LitElement {
     selected: boolean;
     removeIndentation: boolean;
     nonCollapsible: boolean;
-    menuSlotAssignedElements: GlideCoreMenu[];
-    prefixSlotAssignedElements: HTMLElement[];
     slotElements: GlideCoreTreeItem[];
     suffixSlotAssignedElements: HTMLElement[];
     firstUpdated(): void;

package/dist/tree.item.icon-button.d.ts

@@ -15,6 +15,7 @@ export default class GlideCoreTreeItemIconButton extends LitElement {
     #private;
     static shadowRootOptions: ShadowRootInit;
     static styles: import("lit").CSSResult[];
+    label: string;
     firstUpdated(): void;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/tree.item.icon-button.js

@@ -1 +1 @@
-var __decorate=this&&this.__decorate||function(e,t,o,r){var l,n=arguments.length,i=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(l=e[s])&&(i=(n<3?l(i):n>3?l(t,o,i):l(t,o))||i);return n>3&&i&&Object.defineProperty(t,o,i),i};import"./icon-button.js";import{LitElement,html}from"lit";import{createRef,ref}from"lit/directives/ref.js";import{customElement}from"lit/decorators.js";import{owSlot}from"./library/ow.js";import styles from"./tree.item.icon-button.styles.js";let GlideCoreTreeItemIconButton=class GlideCoreTreeItemIconButton extends LitElement{static{this.shadowRootOptions={...LitElement.shadowRootOptions,mode:"closed"}}static{this.styles=styles}firstUpdated(){owSlot(this.#e.value)}render(){return html`<glide-core-icon-button class="component" variant="tertiary"><slot @slotchange="${this.#t}" ${ref(this.#e)}></slot></glide-core-icon-button>`}#e=createRef();#t(){owSlot(this.#e.value)}};GlideCoreTreeItemIconButton=__decorate([customElement("glide-core-tree-item-icon-button")],GlideCoreTreeItemIconButton);export default GlideCoreTreeItemIconButton;
+var __decorate=this&&this.__decorate||function(e,t,o,r){var l,n=arguments.length,i=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(l=e[s])&&(i=(n<3?l(i):n>3?l(t,o,i):l(t,o))||i);return n>3&&i&&Object.defineProperty(t,o,i),i};import"./icon-button.js";import{LitElement,html}from"lit";import{createRef,ref}from"lit/directives/ref.js";import{customElement,property}from"lit/decorators.js";import{owSlot}from"./library/ow.js";import styles from"./tree.item.icon-button.styles.js";let GlideCoreTreeItemIconButton=class GlideCoreTreeItemIconButton extends LitElement{constructor(){super(...arguments),this.label="",this.#e=createRef()}static{this.shadowRootOptions={...LitElement.shadowRootOptions,mode:"closed"}}static{this.styles=styles}firstUpdated(){owSlot(this.#e.value)}render(){return html`<glide-core-icon-button class="component" variant="tertiary" tabindex="-1" label="${this.label}"><slot @slotchange="${this.#t}" ${ref(this.#e)}></slot></glide-core-icon-button>`}#e;#t(){owSlot(this.#e.value)}};__decorate([property()],GlideCoreTreeItemIconButton.prototype,"label",void 0),GlideCoreTreeItemIconButton=__decorate([customElement("glide-core-tree-item-icon-button")],GlideCoreTreeItemIconButton);export default GlideCoreTreeItemIconButton;

package/dist/tree.item.icon-button.test.basics.js

@@ -1,6 +1,7 @@
 import { expect, fixture, html } from '@open-wc/testing';
 import GlideCoreTreeItemIconButton from './tree.item.icon-button.js';
 import expectArgumentError from './library/expect-argument-error.js';
+GlideCoreTreeItemIconButton.shadowRootOptions.mode = 'open';
 it('registers', async () => {
     expect(window.customElements.get('glide-core-tree-item-icon-button')).to.equal(GlideCoreTreeItemIconButton);
 });
@@ -11,3 +12,11 @@ it('throws if it does not have a default slot', async () => {
     `);
     });
 });
+it('passes its label to the icon button', async () => {
+    const component = await fixture(html `
+    <glide-core-tree-item-icon-button label="My label"
+      >Hello</glide-core-tree-item-icon-button
+    >
+  `);
+    expect(component.shadowRoot?.querySelector('glide-core-icon-button')?.label).to.equal('My label');
+});

package/dist/tree.item.js

@@ -1 +1 @@
-var __decorate=this&&this.__decorate||function(e,t,i,o){var r,s=arguments.length,l=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,o);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(l=(s<3?r(l):s>3?r(t,i,l):r(t,i))||l);return s>3&&l&&Object.defineProperty(t,i,l),l};import"./tree.item.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,queryAssignedElements,state}from"lit/decorators.js";import{ifDefined}from"lit/directives/if-defined.js";import{when}from"lit/directives/when.js";import styles from"./tree.item.styles.js";let GlideCoreTreeItem=class GlideCoreTreeItem extends LitElement{constructor(){super(...arguments),this.expanded=!1,this.label="",this.level=1,this.selected=!1,this.removeIndentation=!1,this.nonCollapsible=!1,this.childTreeItems=[],this.#e=createRef()}static{this.shadowRootOptions={...LitElement.shadowRootOptions,delegatesFocus:!0,mode:"closed"}}static{this.styles=styles}firstUpdated(){this.#t()}focus(e){this.#e.value?.focus(e)}get hasChildTreeItems(){return this.childTreeItems.length>0}get hasExpandIcon(){return this.hasChildTreeItems&&!this.nonCollapsible}render(){return html`<div class="${classMap({component:!0,expanded:this.expanded,selected:this.selected})}" role="treeitem" aria-label="${this.label}" aria-selected="${ifDefined(this.#i)}" aria-expanded="${ifDefined(this.#o)}"><div class="${classMap({"label-container":!0})}" tabindex="-1" ${ref(this.#e)}><div style="flex-shrink: 0; width:${this.#r};"></div>${when(!this.removeIndentation||this.hasExpandIcon,(()=>html`<div class="expand-icon-container">${when(this.hasExpandIcon,(()=>html`<div><svg aria-hidden="true" class="${classMap({"expand-icon":!0,"expand-icon-expanded":this.expanded})}" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div>`))}</div>`))}<slot name="prefix"></slot><div class="label">${this.label}</div><div class="icon-container"><slot name="menu"></slot><slot name="suffix"></slot></div></div><div class="child-items" role="group"><slot></slot></div></div>`}selectItem(e){let t;for(const i of this.slotElements)if(e===i)i.setAttribute("selected","true"),t=i;else{i.removeAttribute("selected");const o=i.selectItem(e);o&&(t=o)}return t}toggleExpand(){this.expanded=!this.expanded}#e;get#o(){return this.hasChildTreeItems?this.expanded?"true":"false":void 0}get#i(){return this.hasChildTreeItems?void 0:this.selected?"true":"false"}get#r(){return 20*(this.level-1)+"px"}#t(){const e=[];for(const t of this.slotElements)t.level=this.level+1,e.push(t);this.childTreeItems=e}};__decorate([property({type:Boolean})],GlideCoreTreeItem.prototype,"expanded",void 0),__decorate([property({reflect:!0})],GlideCoreTreeItem.prototype,"label",void 0),__decorate([property({type:Number})],GlideCoreTreeItem.prototype,"level",void 0),__decorate([property({type:Boolean})],GlideCoreTreeItem.prototype,"selected",void 0),__decorate([property({type:Boolean,attribute:"remove-indentation"})],GlideCoreTreeItem.prototype,"removeIndentation",void 0),__decorate([property({type:Boolean,attribute:"non-collapsible"})],GlideCoreTreeItem.prototype,"nonCollapsible",void 0),__decorate([queryAssignedElements({slot:"menu"})],GlideCoreTreeItem.prototype,"menuSlotAssignedElements",void 0),__decorate([queryAssignedElements({slot:"prefix"})],GlideCoreTreeItem.prototype,"prefixSlotAssignedElements",void 0),__decorate([queryAssignedElements()],GlideCoreTreeItem.prototype,"slotElements",void 0),__decorate([queryAssignedElements({slot:"suffix"})],GlideCoreTreeItem.prototype,"suffixSlotAssignedElements",void 0),__decorate([state()],GlideCoreTreeItem.prototype,"childTreeItems",void 0),GlideCoreTreeItem=__decorate([customElement("glide-core-tree-item")],GlideCoreTreeItem);export default GlideCoreTreeItem;
+var _a,GlideCoreTreeItem_1,__decorate=this&&this.__decorate||function(e,t,o,i){var r,s=arguments.length,l=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(l=(s<3?r(l):s>3?r(t,o,l):r(t,o))||l);return s>3&&l&&Object.defineProperty(t,o,l),l};import"./tree.item.menu.js";import{LitElement,html}from"lit";import{LocalizeController}from"./library/localize.js";import{classMap}from"lit/directives/class-map.js";import{createRef,ref}from"lit/directives/ref.js";import{customElement,property,queryAssignedElements,state}from"lit/decorators.js";import{ifDefined}from"lit/directives/if-defined.js";import{when}from"lit/directives/when.js";import GlideCoreIconButton from"./icon-button.js";import GlideCoreTreeItemMenu from"./tree.item.menu.js";import ow,{owSlotType}from"./library/ow.js";import styles from"./tree.item.styles.js";let GlideCoreTreeItem=class GlideCoreTreeItem extends LitElement{constructor(){super(...arguments),this.expanded=!1,this.label="",this.level=1,this.selected=!1,this.removeIndentation=!1,this.nonCollapsible=!1,this.childTreeItems=[],this.#e=createRef(),this.#t=new LocalizeController(this),this.#o=createRef()}static{GlideCoreTreeItem_1=this}static{this.shadowRootOptions={...LitElement.shadowRootOptions,delegatesFocus:!0,mode:"closed"}}static{this.styles=styles}firstUpdated(){this.#i()}focus(e){this.#e.value?.focus(e),this.#r(0)}get hasChildTreeItems(){return this.childTreeItems.length>0}get hasExpandIcon(){return this.hasChildTreeItems&&!this.nonCollapsible}render(){return html`<div class="${classMap({component:!0,expanded:this.expanded,selected:this.selected})}" role="treeitem" aria-label="${this.label}" aria-selected="${ifDefined(this.#s)}" aria-expanded="${ifDefined(this.#l)}"><div class="${classMap({"label-container":!0})}" tabindex="-1" @focusout="${this.#n}" @focusin="${this.#a}" ${ref(this.#e)}><div style="flex-shrink: 0; width:${this.#d};"></div>${when(!this.removeIndentation||this.hasExpandIcon,(()=>html`<div class="expand-icon-container">${when(this.hasExpandIcon,(()=>html`<div><svg aria-hidden="true" class="${classMap({"expand-icon":!0,"expand-icon-expanded":this.expanded})}" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div>`))}</div>`))}<slot name="prefix"></slot><div class="label">${this.label}</div><div class="icon-container"><slot name="menu" ${ref(this.#o)} @slotchange="${this.#c}"></slot><slot name="suffix"></slot></div></div><div class="child-items" role="group"><slot></slot></div></div>`}selectItem(e){let t;for(const o of this.slotElements)if(e===o)o.setAttribute("selected","true"),t=o;else{o.removeAttribute("selected");const i=o.selectItem(e);i&&(t=i)}return t}toggleExpand(){this.expanded=!this.expanded}#e;#t;#o;get#l(){return this.hasChildTreeItems?this.expanded?"true":"false":void 0}get#s(){return this.hasChildTreeItems?void 0:this.selected?"true":"false"}#a(e){this.#m(e.target)&&e.stopPropagation()}#n(e){this.#m(e.relatedTarget)?e.stopPropagation():this.#r(-1)}get#d(){return 20*(this.level-1)+"px"}#m(e){return e&&e instanceof HTMLElement&&!(e instanceof GlideCoreTreeItem_1)&&this.contains(e)}#c(){owSlotType(this.#o.value,[GlideCoreTreeItemMenu]);for(const e of this.#o.value.assignedElements())e instanceof GlideCoreTreeItemMenu&&(e.label=this.#t.term("actionsFor",this.label))}#r(e){ow(this.#e.value,ow.object.instanceOf(HTMLElement)),this.#e.value.tabIndex=e;for(const t of this.querySelectorAll("& > glide-core-tree-item-icon-button"))t.tabIndex=e}#i(){const e=[];for(const t of this.slotElements)t.level=this.level+1,e.push(t);this.childTreeItems=e}};__decorate([property({type:Boolean})],GlideCoreTreeItem.prototype,"expanded",void 0),__decorate([property({reflect:!0})],GlideCoreTreeItem.prototype,"label",void 0),__decorate([property({type:Number})],GlideCoreTreeItem.prototype,"level",void 0),__decorate([property({type:Boolean})],GlideCoreTreeItem.prototype,"selected",void 0),__decorate([property({type:Boolean,attribute:"remove-indentation"})],GlideCoreTreeItem.prototype,"removeIndentation",void 0),__decorate([property({type:Boolean,attribute:"non-collapsible"})],GlideCoreTreeItem.prototype,"nonCollapsible",void 0),__decorate([queryAssignedElements()],GlideCoreTreeItem.prototype,"slotElements",void 0),__decorate([queryAssignedElements({slot:"suffix"})],GlideCoreTreeItem.prototype,"suffixSlotAssignedElements",void 0),__decorate([state()],GlideCoreTreeItem.prototype,"childTreeItems",void 0),GlideCoreTreeItem=GlideCoreTreeItem_1=__decorate([customElement("glide-core-tree-item")],GlideCoreTreeItem);export default GlideCoreTreeItem;

package/dist/tree.item.menu.d.ts

@@ -19,6 +19,8 @@ export default class GlideCoreTreeItemMenu extends LitElement {
     static shadowRootOptions: ShadowRootInit;
     static styles: import("lit").CSSResult[];
     placement: Placement;
+    label: string;
+    click(): void;
     firstUpdated(): void;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/tree.item.menu.js

@@ -1 +1 @@
-var __decorate=this&&this.__decorate||function(e,t,o,r){var l,n=arguments.length,i=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(l=e[s])&&(i=(n<3?l(i):n>3?l(t,o,i):l(t,o))||i);return n>3&&i&&Object.defineProperty(t,o,i),i};import"./icon-button.js";import"./menu.js";import"./menu.options.js";import{LitElement,html}from"lit";import{createRef,ref}from"lit/directives/ref.js";import{customElement,property}from"lit/decorators.js";import{owSlot,owSlotType}from"./library/ow.js";import GlideCoreMenuButton from"./menu.button.js";import GlideCoreMenuLink from"./menu.link.js";import styles from"./tree.item.menu.styles.js";let GlideCoreTreeItemMenu=class GlideCoreTreeItemMenu extends LitElement{constructor(){super(...arguments),this.placement="bottom-start",this.#e=createRef(),this.#t=createRef()}static{this.shadowRootOptions={...LitElement.shadowRootOptions,mode:"closed"}}static{this.styles=styles}firstUpdated(){owSlot(this.#e.value),owSlotType(this.#e.value,[GlideCoreMenuButton,GlideCoreMenuLink])}render(){return html`<glide-core-menu class="component" placement="${this.placement}" ${ref(this.#t)}><glide-core-menu-options><slot @slotchange="${this.#o}" ${ref(this.#e)}></slot></glide-core-menu-options><glide-core-icon-button slot="target" variant="tertiary"><svg width="4" height="14" viewBox="0 0 4 18" fill="none" stroke="currentColor" stroke-width="2"><path d="M2 15C2.55228 15 3 15.4477 3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16C1 15.4477 1.44772 15 2 15Z"/><path d="M2 8C2.55228 8 3 8.44772 3 9C3 9.55228 2.55228 10 2 10C1.44772 10 1 9.55228 1 9C1 8.44772 1.44772 8 2 8Z"/><path d="M2 1C2.55228 1 3 1.44772 3 2C3 2.55228 2.55228 3 2 3C1.44772 3 1 2.55228 1 2C1 1.44772 1.44772 1 2 1Z"/></svg></glide-core-icon-button></glide-core-menu>`}#e;#t;#o(){owSlot(this.#e.value),owSlotType(this.#e.value,[GlideCoreMenuButton,GlideCoreMenuLink])}};__decorate([property({reflect:!0})],GlideCoreTreeItemMenu.prototype,"placement",void 0),GlideCoreTreeItemMenu=__decorate([customElement("glide-core-tree-item-menu")],GlideCoreTreeItemMenu);export default GlideCoreTreeItemMenu;
+var __decorate=this&&this.__decorate||function(e,t,o,l){var n,r=arguments.length,i=r<3?t:null===l?l=Object.getOwnPropertyDescriptor(t,o):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,l);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(r<3?n(i):r>3?n(t,o,i):n(t,o))||i);return r>3&&i&&Object.defineProperty(t,o,i),i};import"./icon-button.js";import"./menu.js";import"./menu.options.js";import{LitElement,html}from"lit";import{createRef,ref}from"lit/directives/ref.js";import{customElement,property}from"lit/decorators.js";import GlideCoreIconButton from"./icon-button.js";import GlideCoreMenuButton from"./menu.button.js";import GlideCoreMenuLink from"./menu.link.js";import ow,{owSlot,owSlotType}from"./library/ow.js";import styles from"./tree.item.menu.styles.js";let GlideCoreTreeItemMenu=class GlideCoreTreeItemMenu extends LitElement{constructor(){super(...arguments),this.placement="bottom-start",this.label="",this.#e=createRef(),this.#t=createRef(),this.#o=createRef()}static{this.shadowRootOptions={...LitElement.shadowRootOptions,mode:"closed"}}static{this.styles=styles}click(){ow(this.#t.value,ow.object.instanceOf(GlideCoreIconButton)),this.#t.value.click()}firstUpdated(){owSlot(this.#e.value),owSlotType(this.#e.value,[GlideCoreMenuButton,GlideCoreMenuLink])}render(){return html`<glide-core-menu class="component" placement="${this.placement}" ${ref(this.#o)}><glide-core-menu-options><slot @slotchange="${this.#l}" ${ref(this.#e)}></slot></glide-core-menu-options><glide-core-icon-button slot="target" variant="tertiary" label="${this.label}" ${ref(this.#t)}><svg aria-hidden="true" width="4" height="14" viewBox="0 0 4 18" fill="none" stroke="currentColor" stroke-width="2"><path d="M2 15C2.55228 15 3 15.4477 3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16C1 15.4477 1.44772 15 2 15Z"/><path d="M2 8C2.55228 8 3 8.44772 3 9C3 9.55228 2.55228 10 2 10C1.44772 10 1 9.55228 1 9C1 8.44772 1.44772 8 2 8Z"/><path d="M2 1C2.55228 1 3 1.44772 3 2C3 2.55228 2.55228 3 2 3C1.44772 3 1 2.55228 1 2C1 1.44772 1.44772 1 2 1Z"/></svg></glide-core-icon-button></glide-core-menu>`}#e;#t;#o;#l(){owSlot(this.#e.value),owSlotType(this.#e.value,[GlideCoreMenuButton,GlideCoreMenuLink])}};__decorate([property({reflect:!0})],GlideCoreTreeItemMenu.prototype,"placement",void 0),__decorate([property()],GlideCoreTreeItemMenu.prototype,"label",void 0),GlideCoreTreeItemMenu=__decorate([customElement("glide-core-tree-item-menu")],GlideCoreTreeItemMenu);export default GlideCoreTreeItemMenu;

package/dist/tree.item.menu.test.basics.js

@@ -48,3 +48,18 @@ it('can set placement of the menu', async () => {
   `);
     expect(treeItemMenu.shadowRoot?.querySelector('glide-core-menu')?.placement).to.equal('bottom-end');
 });
+it('can be opened programmatically', async () => {
+    const treeItemMenu = await fixture(html `
+    <glide-core-tree-item-menu>
+      <glide-core-menu-link label="One" url="/one"> </glide-core-menu-link>
+    </glide-core-tree-item-menu>
+  `);
+    expect(treeItemMenu.shadowRoot
+        ?.querySelector('glide-core-menu')
+        ?.getAttribute('open')).to.equal(null);
+    treeItemMenu.click();
+    await treeItemMenu.updateComplete;
+    expect(treeItemMenu.shadowRoot
+        ?.querySelector('glide-core-menu')
+        ?.getAttribute('open')).to.equal('');
+});

package/dist/tree.item.styles.js

@@ -1,4 +1,6 @@
 import{css}from"lit";import focusOutline from"./styles/focus-outline.js";export default[css`
+    ${focusOutline(".label-container:focus-visible")}
+  `,css`
     :host {
       cursor: pointer;
       display: flex;
@@ -50,6 +52,7 @@ import{css}from"lit";import focusOutline from"./styles/focus-outline.js";export
       font-size: var(--glide-core-body-sm-font-size);
       padding-block: var(--glide-core-spacing-xxs);
       padding-inline: var(--glide-core-spacing-xs);
+      transition: background-color 150ms ease-in-out;
 
       &:hover {
         background-color: var(--glide-core-surface-hover);
@@ -64,13 +67,18 @@ import{css}from"lit";import focusOutline from"./styles/focus-outline.js";export
       }
 
       &:focus-visible {
-        ${focusOutline};
-
         /* The outline is inside the component since children have overflow hidden */
         outline-offset: -2px;
 
         .component.selected & {
-          outline: 1px solid var(--glide-core-icon-selected);
+          /*
+            We need !important here as we must override the focusVisible mixin
+            that also includes !important.
+            This component is a bit of a unique case as we want to override the
+            default outline styles when a tree item is also focus-visible, but
+            also selected.
+          */
+          outline: 1px solid var(--glide-core-icon-selected) !important;
           outline-offset: -3px;
         }
       }
@@ -129,11 +137,13 @@ import{css}from"lit";import focusOutline from"./styles/focus-outline.js";export
       display: flex;
       flex-direction: column;
       overflow: hidden;
+      visibility: hidden;
     }
 
     .expanded {
       .child-items {
         block-size: auto;
+        visibility: visible;
       }
     }
 

package/dist/tree.item.test.basics.d.ts

@@ -1 +1,2 @@
-export {};
+import './menu.link.js';
+import './tree.item.menu.js';

package/dist/tree.item.test.basics.js

@@ -1,7 +1,13 @@
 /* eslint-disable @typescript-eslint/no-unused-expressions */
+import './menu.link.js';
+import './tree.item.menu.js';
 import { expect, fixture, html } from '@open-wc/testing';
+import Menu from './menu.js';
 import TreeItem from './tree.item.js';
+import TreeItemMenu from './tree.item.menu.js';
 TreeItem.shadowRootOptions.mode = 'open';
+TreeItemMenu.shadowRootOptions.mode = 'open';
+Menu.shadowRootOptions.mode = 'open';
 it('registers', () => {
     expect(window.customElements.get('glide-core-tree-item')).to.equal(TreeItem);
 });
@@ -32,13 +38,19 @@ it('renders with a prefix slot', async () => {
   `);
     expect(document.querySelector('[data-prefix]')).to.be.ok;
 });
-it('renders with a menu slot', async () => {
-    await fixture(html `
+it('adds label to menu target', async () => {
+    const treeItem = await fixture(html `
     <glide-core-tree-item label="Item">
-      <span slot="menu" data-menu>menu</span>
+      <glide-core-tree-item-menu slot="menu" data-menu>
+        <glide-core-menu-link label="Move" url="/move"> </glide-core-menu-link>
+      </glide-core-tree-item-menu>
     </glide-core-tree-item>
   `);
-    expect(document.querySelector('[data-menu]')).to.be.ok;
+    const menuTarget = treeItem
+        .querySelector('glide-core-tree-item-menu')
+        ?.shadowRoot?.querySelector('glide-core-menu')
+        ?.querySelector('glide-core-icon-button');
+    expect(menuTarget?.label).to.equal('Actions for Item');
 });
 it('renders with a suffix slot', async () => {
     await fixture(html `

package/dist/tree.js

@@ -1 +1 @@
-var __decorate=this&&this.__decorate||function(e,t,o,s){var l,r=arguments.length,i=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,s);else for(var n=e.length-1;n>=0;n--)(l=e[n])&&(i=(r<3?l(i):r>3?l(t,o,i):l(t,o))||i);return r>3&&i&&Object.defineProperty(t,o,i),i};import{LitElement,html}from"lit";import{createRef,ref}from"lit/directives/ref.js";import{customElement,queryAssignedElements,state}from"lit/decorators.js";import{owSlot,owSlotType}from"./library/ow.js";import GlideCoreTreeItem from"./tree.item.js";import styles from"./tree.styles.js";let GlideCoreTree=class GlideCoreTree extends LitElement{static{this.shadowRootOptions={...LitElement.shadowRootOptions,mode:"closed"}}static{this.styles=styles}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusin",this.#e),this.removeEventListener("focusout",this.#t)}firstUpdated(){owSlot(this.#o.value),owSlotType(this.#o.value,[GlideCoreTreeItem])}render(){return html`<div class="component" role="tree" tabindex="${this.privateTabIndex}" @click="${this.#s}" @keydown="${this.#l}"><slot @slotchange="${this.#r}" ${ref(this.#o)}></slot></div>`}selectItem(e){for(const t of this.slotElements){e===t?(t.setAttribute("selected","true"),this.selectedItem=t):t.removeAttribute("selected");const o=t.selectItem(e);o&&(this.selectedItem=o)}this.dispatchEvent(new CustomEvent("item-selected",{bubbles:!0,detail:e}))}constructor(){super(),this.privateTabIndex=0,this.#o=createRef(),this.addEventListener("focusin",this.#e),this.addEventListener("focusout",this.#t)}#o;#i(e){e?.focus(),this.focusedItem=e}#n(){return[...this.querySelectorAll("glide-core-tree-item")]}#d(){const e=this.#n(),t=new Set;return e.filter((e=>{const o=e.parentElement?.closest("glide-core-tree-item");return!o||o.expanded&&!t.has(o)||t.add(e),!t.has(e)}))}#s(e){const t=e.target;if(t.closest("glide-core-tree-item-icon-button")??t.closest("glide-core-tree-item-menu"))return;const o=t.closest("glide-core-tree-item");o&&(o.hasChildTreeItems&&!o.nonCollapsible?o.toggleExpand():this.selectItem(o))}#e(e){let t;e.target===this?t=this.selectedItem??this.slotElements[0]:e.target instanceof GlideCoreTreeItem&&(t=e.target,this.privateTabIndex=-1),this.#i(t)}#t(e){const t=e.relatedTarget;t&&this.contains(t)||(this.privateTabIndex=0,this.focusedItem=void 0)}#l(e){if(!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End","Enter"].includes(e.key))return;const t=this.#d(),{focusedItem:o}=this,s=t.findIndex((e=>e.matches(":focus")));if("ArrowRight"===e.key&&o?.hasChildTreeItems&&(o.expanded?this.#i(o.slotElements[0]):o.toggleExpand()),"ArrowLeft"===e.key)if(o?.expanded&&!o.nonCollapsible)o.toggleExpand();else{const e=o?.parentElement?.closest("glide-core-tree-item");this.#i(e)}"ArrowDown"===e.key&&-1!==s&&s<t.length-1&&this.#i(t[s+1]),"ArrowUp"===e.key&&s>0&&this.#i(t[s-1]),"Home"===e.key&&this.#i(t[0]),"End"===e.key&&this.#i(t.at(-1)),"Enter"===e.key&&o&&(o.hasChildTreeItems&&!o.nonCollapsible?o.toggleExpand():this.selectItem(o))}#r(){owSlot(this.#o.value),owSlotType(this.#o.value,[GlideCoreTreeItem])}};__decorate([state()],GlideCoreTree.prototype,"selectedItem",void 0),__decorate([state()],GlideCoreTree.prototype,"focusedItem",void 0),__decorate([state()],GlideCoreTree.prototype,"privateTabIndex",void 0),__decorate([queryAssignedElements()],GlideCoreTree.prototype,"slotElements",void 0),GlideCoreTree=__decorate([customElement("glide-core-tree")],GlideCoreTree);export default GlideCoreTree;
+var __decorate=this&&this.__decorate||function(e,t,o,s){var r,l=arguments.length,i=l<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,s);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(i=(l<3?r(i):l>3?r(t,o,i):r(t,o))||i);return l>3&&i&&Object.defineProperty(t,o,i),i};import{LitElement,html}from"lit";import{createRef,ref}from"lit/directives/ref.js";import{customElement,queryAssignedElements,state}from"lit/decorators.js";import{owSlot,owSlotType}from"./library/ow.js";import GlideCoreTreeItem from"./tree.item.js";import styles from"./tree.styles.js";let GlideCoreTree=class GlideCoreTree extends LitElement{static{this.shadowRootOptions={...LitElement.shadowRootOptions,mode:"closed"}}static{this.styles=styles}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focusin",this.#e),this.removeEventListener("focusout",this.#t)}firstUpdated(){owSlot(this.#o.value),owSlotType(this.#o.value,[GlideCoreTreeItem])}render(){return html`<div class="component" role="tree" tabindex="${this.privateTabIndex}" @click="${this.#s}" @keydown="${this.#r}"><slot @slotchange="${this.#l}" ${ref(this.#o)}></slot></div>`}selectItem(e){for(const t of this.slotElements){e===t?(t.setAttribute("selected","true"),this.selectedItem=t):t.removeAttribute("selected");const o=t.selectItem(e);o&&(this.selectedItem=o)}this.dispatchEvent(new CustomEvent("item-selected",{bubbles:!0,detail:e}))}constructor(){super(),this.privateTabIndex=0,this.#o=createRef(),this.addEventListener("focusin",this.#e),this.addEventListener("focusout",this.#t)}#o;#i(e){e?.focus(),this.focusedItem=e}#n(){return[...this.querySelectorAll("glide-core-tree-item")]}#d(){const e=this.#n(),t=new Set;return e.filter((e=>{const o=e.parentElement?.closest("glide-core-tree-item");return!o||o.expanded&&!t.has(o)||t.add(e),!t.has(e)}))}#s(e){const t=e.target;if(t.closest("glide-core-tree-item-icon-button")??t.closest("glide-core-tree-item-menu"))return;const o=t.closest("glide-core-tree-item");o&&(o.hasChildTreeItems&&!o.nonCollapsible?o.toggleExpand():this.selectItem(o))}#e(e){let t;e.target===this?t=this.selectedItem?.checkVisibility({visibilityProperty:!0})?this.selectedItem:this.slotElements[0]:e.target instanceof GlideCoreTreeItem&&(t=e.target,this.privateTabIndex=-1),this.#i(t)}#t(e){e.relatedTarget&&e.relatedTarget instanceof HTMLElement&&this.contains(e.relatedTarget)||(this.privateTabIndex=0,this.focusedItem=void 0)}#r(e){if(!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End","Enter"].includes(e.key))return;if(e.target&&e.target instanceof HTMLElement&&(e.target.closest("glide-core-tree-item-icon-button")??e.target.closest("glide-core-tree-item-menu")))return;const t=this.#d(),{focusedItem:o}=this,s=t.findIndex((e=>e.matches(":focus")));if("ArrowRight"===e.key&&o?.hasChildTreeItems&&(o.expanded?this.#i(o.slotElements[0]):o.toggleExpand()),"ArrowLeft"===e.key)if(o?.expanded&&!o.nonCollapsible)o.toggleExpand();else{const e=o?.parentElement?.closest("glide-core-tree-item");this.#i(e)}"ArrowDown"===e.key&&-1!==s&&s<t.length-1&&this.#i(t[s+1]),"ArrowUp"===e.key&&s>0&&this.#i(t[s-1]),"Home"===e.key&&this.#i(t[0]),"End"===e.key&&this.#i(t.at(-1)),"Enter"===e.key&&o&&(o.hasChildTreeItems&&!o.nonCollapsible?o.toggleExpand():this.selectItem(o))}#l(){owSlot(this.#o.value),owSlotType(this.#o.value,[GlideCoreTreeItem])}};__decorate([state()],GlideCoreTree.prototype,"selectedItem",void 0),__decorate([state()],GlideCoreTree.prototype,"focusedItem",void 0),__decorate([state()],GlideCoreTree.prototype,"privateTabIndex",void 0),__decorate([queryAssignedElements()],GlideCoreTree.prototype,"slotElements",void 0),GlideCoreTree=__decorate([customElement("glide-core-tree")],GlideCoreTree);export default GlideCoreTree;

package/dist/tree.test.focus.js

@@ -34,6 +34,23 @@ it('focuses the selected tree item on `focus()`, if there is one', async () => {
     assert(document.activeElement instanceof GlideCoreTreeItem);
     expect(document.activeElement?.label).to.equal(childItems[1].label);
 });
+it('does not focus the selected tree item on `focus()` if collapsed', async () => {
+    const tree = await fixture(html `
+    <glide-core-tree>
+      <glide-core-tree-item label="Child Item 1"> </glide-core-tree-item>
+      <glide-core-tree-item label="Child Item 2">
+        <glide-core-tree-item
+          label="Grandchild Item 1"
+          selected
+        ></glide-core-tree-item>
+      </glide-core-tree-item>
+    </glide-core-tree>
+  `);
+    const childItems = tree.slotElements;
+    tree.dispatchEvent(new Event('focusin'));
+    await tree.updateComplete;
+    expect(document.activeElement === childItems[0]).to.equal(true);
+});
 it('expands a tree item if right arrow is pressed', async () => {
     const tree = await fixture(html `
     <glide-core-tree>
@@ -100,8 +117,12 @@ it(`focuses on a non-collapsible tree item's parent if left arrow is pressed`, a
 it(`focuses on a collapsed tree item's parent if left arrow is pressed`, async () => {
     const tree = await fixture(html `
     <glide-core-tree>
-      <glide-core-tree-item label="Child Item 1">
-        <glide-core-tree-item label="Grandchild Item 1"></glide-core-tree-item>
+      <glide-core-tree-item expanded label="Child Item 1">
+        <glide-core-tree-item label="Grandchild Item 1">
+          <glide-core-tree-item
+            label="Great Grandchild Item 1"
+          ></glide-core-tree-item>
+        </glide-core-tree-item>
       </glide-core-tree-item>
       <glide-core-tree-item label="Child Item 2"></glide-core-tree-item>
     </glide-core-tree>
@@ -110,8 +131,7 @@ it(`focuses on a collapsed tree item's parent if left arrow is pressed`, async (
     const grandchildItems = childItems[0].slotElements;
     grandchildItems[0].focus();
     await sendKeys({ press: 'ArrowLeft' });
-    assert(document.activeElement instanceof GlideCoreTreeItem);
-    expect(document.activeElement?.label).to.equal(childItems[0].label);
+    expect(document.activeElement === childItems[0]).to.equal(true);
 });
 it('moves down the non-expanded tree items with down arrow', async () => {
     const tree = await fixture(html `
@@ -291,3 +311,70 @@ it('can use the keyboard to navigate to a tree item menu', async () => {
     await sendKeys({ press: 'Tab' });
     assert(document.activeElement instanceof GlideCoreTreeItemMenu);
 });
+it('does not focus on a tree item icon button unless that tree item is focused', async () => {
+    const tree = await fixture(html `
+    <glide-core-tree>
+      <glide-core-tree-item label="Child Item 1"> </glide-core-tree-item>
+      <glide-core-tree-item label="Child Item 2">
+        <glide-core-tree-item-icon-button slot="suffix">
+          <svg viewBox="0 0 24 24">
+            <path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
+          </svg>
+        </glide-core-tree-item-icon-button>
+      </glide-core-tree-item>
+    </glide-core-tree>
+  `);
+    tree.dispatchEvent(new Event('focusin'));
+    const childItems = tree.slotElements;
+    childItems[0].focus();
+    await sendKeys({ press: 'Tab' });
+    expect(document.activeElement === document.body).to.equal(true);
+    childItems[1].focus();
+    await sendKeys({ press: 'Tab' });
+    expect(document.activeElement instanceof GlideCoreTreeItemIconButton).to.equal(true);
+    await sendKeys({ down: 'Shift' });
+    await sendKeys({ press: 'Tab' });
+    await sendKeys({ up: 'Shift' });
+    expect(document.activeElement === childItems[1]).to.equal(true, 'can keyboard navigate back to the parent Tree Item');
+});
+it('does not focus on a tree item menu unless that tree item is focused', async () => {
+    const tree = await fixture(html `
+    <glide-core-tree>
+      <glide-core-tree-item label="Child Item 1"> </glide-core-tree-item>
+      <glide-core-tree-item label="Child Item 2">
+        <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>
+  `);
+    tree.dispatchEvent(new Event('focusin'));
+    const childItems = tree.slotElements;
+    childItems[0].focus();
+    await sendKeys({ press: 'Tab' });
+    expect(document.activeElement === document.body).to.equal(true);
+    childItems[1].focus();
+    await sendKeys({ press: 'Tab' });
+    expect(document.activeElement instanceof GlideCoreTreeItemMenu).to.equal(true);
+});
+it('does not select a tree item if Enter is pressed while its tree item icon button is focused', async () => {
+    const tree = await fixture(html `
+    <glide-core-tree>
+      <glide-core-tree-item label="Child Item 1">
+        <glide-core-tree-item-icon-button slot="suffix">
+          <svg viewBox="0 0 24 24">
+            <path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
+          </svg>
+        </glide-core-tree-item-icon-button>
+      </glide-core-tree-item>
+    </glide-core-tree>
+  `);
+    tree.dispatchEvent(new Event('focusin'));
+    const childItems = tree.slotElements;
+    childItems[0].focus();
+    await sendKeys({ press: 'Tab' });
+    expect(document.activeElement instanceof GlideCoreTreeItemIconButton).to.equal(true);
+    await sendKeys({ press: 'Enter' });
+    expect(childItems[0].hasAttribute('selected')).to.equal(false);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crowdstrike/glide-core",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "CrowdStrike's Glide Design System components package for providing web components",
   "author": "CrowdStrike UX Team",
   "license": "Apache-2.0",
@@ -70,6 +70,7 @@
     "@web/test-runner-commands": "^0.9.0",
     "@web/test-runner-playwright": "^0.11.0",
     "chalk": "^5.3.0",
+    "cheerio": "^1.0.0",
     "esbuild": "^0.19.12",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",

package/dist/button.test.form.d.ts

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

package/dist/button.test.form.js

@@ -1,50 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import './button.js';
-import { expect, fixture, html, oneEvent } from '@open-wc/testing';
-import { sendKeys } from '@web/test-runner-commands';
-import GlideCoreButton from './button.js';
-GlideCoreButton.shadowRootOptions.mode = 'open';
-it('participates in a form when type="reset"', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html ` <glide-core-button type="reset">Button</glide-core-button> `, {
-        parentNode: form,
-    });
-    const formResetEvent = oneEvent(form, 'reset');
-    component.shadowRoot?.querySelector('button')?.click();
-    const event = await formResetEvent;
-    expect(event instanceof Event).to.be.true;
-});
-it('participates in a form when hitting "enter" and type="reset"', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html ` <glide-core-button type="reset">Button</glide-core-button> `, {
-        parentNode: form,
-    });
-    const formResetEvent = oneEvent(form, 'reset');
-    component.focus();
-    await sendKeys({ press: 'Enter' });
-    const event = await formResetEvent;
-    expect(event instanceof Event).to.be.true;
-});
-it('participates in a form when type="submit"', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html ` <glide-core-button type="submit">Button</glide-core-button> `, {
-        parentNode: form,
-    });
-    form.addEventListener('submit', (event) => event.preventDefault());
-    const formSubmitEvent = oneEvent(form, 'submit');
-    component.shadowRoot?.querySelector('button')?.click();
-    const event = await formSubmitEvent;
-    expect(event instanceof Event).to.be.true;
-});
-it('participates in a form when hitting "enter" and type="submit"', async () => {
-    const form = document.createElement('form');
-    const component = await fixture(html ` <glide-core-button type="submit">Button</glide-core-button> `, {
-        parentNode: form,
-    });
-    form.addEventListener('submit', (event) => event.preventDefault());
-    const formSubmitEvent = oneEvent(form, 'submit');
-    component.focus();
-    await sendKeys({ press: 'Enter' });
-    const event = await formSubmitEvent;
-    expect(event instanceof Event).to.be.true;
-});

package/dist/input.test.translations.js

@@ -1,38 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import GlideCoreInput from './input.js';
-GlideCoreInput.shadowRootOptions.mode = 'open';
-it('renders dynamic strings in Japanese', async () => {
-    const element = await fixture(html `
-    <glide-core-input
-      label="Test"
-      value="lorem"
-      maxlength="40"
-      clearable
-    ></glide-core-input>
-  `);
-    document.documentElement.setAttribute('lang', 'ja');
-    await elementUpdated(element);
-    const maxCharacterCountText = element.shadowRoot?.querySelector('[data-test="character-count-text"]');
-    expect(maxCharacterCountText?.textContent?.trim()).to.equal('5/40');
-    const maxCharacterCountAnnouncement = element.shadowRoot?.querySelector('[data-test="character-count-announcement"]');
-    expect(maxCharacterCountAnnouncement?.textContent?.trim()).to.equal('Character count 5 of 40');
-    expect(element.shadowRoot?.querySelector('[data-test="clear-button"]')?.label).to.equal('Clear Test entry');
-});
-it('renders dynamic strings in French', async () => {
-    const element = await fixture(html `
-    <glide-core-input
-      label="Test"
-      value="lorem"
-      maxlength="40"
-      clearable
-    ></glide-core-input>
-  `);
-    document.documentElement.setAttribute('lang', 'fr');
-    await elementUpdated(element);
-    const maxCharacterCountText = element.shadowRoot?.querySelector('[data-test="character-count-text"]');
-    expect(maxCharacterCountText?.textContent?.trim()).to.equal('5/40');
-    const maxCharacterCountAnnouncement = element.shadowRoot?.querySelector('[data-test="character-count-announcement"]');
-    expect(maxCharacterCountAnnouncement?.textContent?.trim()).to.equal('Character count 5 of 40');
-    expect(element.shadowRoot?.querySelector('[data-test="clear-button"]')?.label).to.equal('Clear Test entry');
-});

package/dist/tag.test.translations.d.ts

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

package/dist/tag.test.translations.js

@@ -1,25 +0,0 @@
-import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
-import GlideCoreTag from './tag.js';
-GlideCoreTag.shadowRootOptions.mode = 'open';
-it('renders dynamic string in Japanese', async () => {
-    const element = await fixture(html `<glide-core-tag removable-label="test-aria-label"
-      ><span slot="prefix">Prefix</span
-      ><span data-content>Tag</span></glide-core-tag
-    >`);
-    document.documentElement.setAttribute('lang', 'ja');
-    await elementUpdated(element);
-    const iconButton = element.shadowRoot?.querySelector('button');
-    expect(iconButton).to.have.attribute('aria-label', `タグを削除: test-aria-label`);
-    expect(iconButton).to.have.attribute('type', 'button');
-});
-it('renders dynamic string in French', async () => {
-    const element = await fixture(html `<glide-core-tag removable-label="test-aria-label"
-      ><span slot="prefix">Prefix</span
-      ><span data-content>Tag</span></glide-core-tag
-    >`);
-    document.documentElement.setAttribute('lang', 'fr');
-    await elementUpdated(element);
-    const iconButton = element.shadowRoot?.querySelector('button');
-    expect(iconButton).to.have.attribute('aria-label', `Supprimer la balise : test-aria-label`);
-    expect(iconButton).to.have.attribute('type', 'button');
-});

package/dist/textarea.test.translations.d.ts

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