@aquera/nile-elements 1.9.4 → 1.9.5

package/dist/src/nile-command-menu-group/nile-command-menu-group.js

@@ -0,0 +1,68 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styles } from './nile-command-menu-group.css';
+import { HasSlotController } from '../internal/slot';
+import NileElement from '../internal/nile-element';
+/**
+ * Groups related commands under an optional heading inside a `nile-command-menu`.
+ *
+ * @tag nile-command-menu-group
+ *
+ * @summary A labelled section of command items within a command menu.
+ * @status stable
+ * @since 2.0
+ *
+ * @slot - The group's command items (`nile-command-menu-item`).
+ * @slot heading - The group heading. Takes precedence over the `heading` attribute when provided.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart heading - The group heading.
+ * @csspart items - The wrapper around the slotted items.
+ */
+let NileCommandMenuGroup = class NileCommandMenuGroup extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.hasSlotController = new HasSlotController(this, 'heading');
+        /** The text heading shown above the group's items. Use the `heading` slot for richer content. */
+        this.heading = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'group');
+    }
+    render() {
+        const hasHeading = this.heading.length > 0 || this.hasSlotController.test('heading');
+        return html `
+      <div part="base" class="group">
+        <div
+          part="heading"
+          class=${classMap({
+            group__heading: true,
+            'group__heading--empty': !hasHeading,
+        })}
+        >
+          <slot name="heading">${this.heading}</slot>
+        </div>
+        <slot part="items" class="group__items"></slot>
+      </div>
+    `;
+    }
+};
+NileCommandMenuGroup.styles = styles;
+__decorate([
+    property()
+], NileCommandMenuGroup.prototype, "heading", void 0);
+NileCommandMenuGroup = __decorate([
+    customElement('nile-command-menu-group')
+], NileCommandMenuGroup);
+export { NileCommandMenuGroup };
+export default NileCommandMenuGroup;
+//# sourceMappingURL=nile-command-menu-group.js.map

package/dist/src/nile-command-menu-group/nile-command-menu-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-command-menu-group.js","sourceRoot":"","sources":["../../../src/nile-command-menu-group/nile-command-menu-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;;;;;;;;;;;GAeG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,WAAW;IAA9C;;QAGY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAE5E,iGAAiG;QACrF,YAAO,GAAG,EAAE,CAAC;IAyB3B,CAAC;IAvBC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,CAAC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAErF,OAAO,IAAI,CAAA;;;;kBAIG,QAAQ,CAAC;YACf,cAAc,EAAE,IAAI;YACpB,uBAAuB,EAAE,CAAC,UAAU;SACrC,CAAC;;iCAEqB,IAAI,CAAC,OAAO;;;;KAIxC,CAAC;IACJ,CAAC;;AA7BM,2BAAM,GAAmB,MAAM,AAAzB,CAA0B;AAK3B;IAAX,QAAQ,EAAE;qDAAc;AANd,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CA+BhC;;AAED,eAAe,oBAAoB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-command-menu-group.css';\nimport { HasSlotController } from '../internal/slot';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * Groups related commands under an optional heading inside a `nile-command-menu`.\n *\n * @tag nile-command-menu-group\n *\n * @summary A labelled section of command items within a command menu.\n * @status stable\n * @since 2.0\n *\n * @slot - The group's command items (`nile-command-menu-item`).\n * @slot heading - The group heading. Takes precedence over the `heading` attribute when provided.\n *\n * @csspart base - The component's base wrapper.\n * @csspart heading - The group heading.\n * @csspart items - The wrapper around the slotted items.\n */\n@customElement('nile-command-menu-group')\nexport class NileCommandMenuGroup extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'heading');\n\n  /** The text heading shown above the group's items. Use the `heading` slot for richer content. */\n  @property() heading = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'group');\n  }\n\n  render() {\n    const hasHeading = this.heading.length > 0 || this.hasSlotController.test('heading');\n\n    return html`\n      <div part=\"base\" class=\"group\">\n        <div\n          part=\"heading\"\n          class=${classMap({\n            group__heading: true,\n            'group__heading--empty': !hasHeading,\n          })}\n        >\n          <slot name=\"heading\">${this.heading}</slot>\n        </div>\n        <slot part=\"items\" class=\"group__items\"></slot>\n      </div>\n    `;\n  }\n}\n\nexport default NileCommandMenuGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-command-menu-group': NileCommandMenuGroup;\n  }\n}\n"]}

package/dist/src/nile-command-menu-group/nile-command-menu-group.test.d.ts

@@ -0,0 +1,2 @@
+import './nile-command-menu-group';
+import '../nile-command-menu-item/nile-command-menu-item';

package/dist/src/nile-command-menu-group/nile-command-menu-group.test.js

@@ -0,0 +1,22 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import './nile-command-menu-group';
+import '../nile-command-menu-item/nile-command-menu-item';
+describe('NileCommandMenuGroup', () => {
+    it('1. renders', async () => { const el = await fixture(html `<nile-command-menu-group></nile-command-menu-group>`); expect(el).to.exist; });
+    it('2. shadow root', async () => { const el = await fixture(html `<nile-command-menu-group></nile-command-menu-group>`); expect(el.shadowRoot).to.not.be.null; });
+    it('3. tag name', async () => { const el = await fixture(html `<nile-command-menu-group></nile-command-menu-group>`); expect(el.tagName.toLowerCase()).to.equal('nile-command-menu-group'); });
+    it('4. heading defaults empty', async () => { const el = await fixture(html `<nile-command-menu-group></nile-command-menu-group>`); expect(el.heading).to.equal(''); });
+    it('5. set heading', async () => { const el = await fixture(html `<nile-command-menu-group heading="Actions"></nile-command-menu-group>`); expect(el.heading).to.equal('Actions'); });
+    it('6. role group', async () => { const el = await fixture(html `<nile-command-menu-group></nile-command-menu-group>`); expect(el.getAttribute('role')).to.equal('group'); });
+    it('7. base part', async () => { const el = await fixture(html `<nile-command-menu-group></nile-command-menu-group>`); expect(el.shadowRoot.querySelector('[part="base"]')).to.exist; });
+    it('8. heading part', async () => { const el = await fixture(html `<nile-command-menu-group></nile-command-menu-group>`); expect(el.shadowRoot.querySelector('[part="heading"]')).to.exist; });
+    it('9. items slot', async () => { const el = await fixture(html `<nile-command-menu-group></nile-command-menu-group>`); expect(el.shadowRoot.querySelector('slot[part="items"]')).to.exist; });
+    it('10. heading slot', async () => { const el = await fixture(html `<nile-command-menu-group></nile-command-menu-group>`); expect(el.shadowRoot.querySelector('slot[name="heading"]')).to.exist; });
+    it('11. heading text rendered', async () => { const el = await fixture(html `<nile-command-menu-group heading="Pages"></nile-command-menu-group>`); await el.updateComplete; expect(el.shadowRoot.querySelector('[part="heading"]').textContent).to.contain('Pages'); });
+    it('12. heading hidden when empty', async () => { const el = await fixture(html `<nile-command-menu-group></nile-command-menu-group>`); await el.updateComplete; expect(el.shadowRoot.querySelector('.group__heading--empty')).to.exist; });
+    it('13. heading visible when set', async () => { const el = await fixture(html `<nile-command-menu-group heading="X"></nile-command-menu-group>`); await el.updateComplete; expect(el.shadowRoot.querySelector('.group__heading--empty')).to.be.null; });
+    it('14. holds items', async () => { const el = await fixture(html `<nile-command-menu-group heading="A"><nile-command-menu-item>One</nile-command-menu-item></nile-command-menu-group>`); expect(el.querySelectorAll('nile-command-menu-item').length).to.equal(1); });
+    it('15. dynamic heading', async () => { const el = await fixture(html `<nile-command-menu-group></nile-command-menu-group>`); el.heading = 'New'; await el.updateComplete; expect(el.shadowRoot.querySelector('[part="heading"]').textContent).to.contain('New'); });
+    it('16. is defined', async () => { expect(customElements.get('nile-command-menu-group')).to.exist; });
+});
+//# sourceMappingURL=nile-command-menu-group.test.js.map

package/dist/src/nile-command-menu-group/nile-command-menu-group.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-command-menu-group.test.js","sourceRoot":"","sources":["../../../src/nile-command-menu-group/nile-command-menu-group.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html } from '@open-wc/testing';\nimport './nile-command-menu-group';\nimport '../nile-command-menu-item/nile-command-menu-item';\nimport type { NileCommandMenuGroup } from './nile-command-menu-group';\n\ndescribe('NileCommandMenuGroup', () => {\n  it('1. renders', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group></nile-command-menu-group>`); expect(el).to.exist; });\n  it('2. shadow root', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group></nile-command-menu-group>`); expect(el.shadowRoot).to.not.be.null; });\n  it('3. tag name', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group></nile-command-menu-group>`); expect(el.tagName.toLowerCase()).to.equal('nile-command-menu-group'); });\n  it('4. heading defaults empty', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group></nile-command-menu-group>`); expect(el.heading).to.equal(''); });\n  it('5. set heading', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group heading=\"Actions\"></nile-command-menu-group>`); expect(el.heading).to.equal('Actions'); });\n  it('6. role group', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group></nile-command-menu-group>`); expect(el.getAttribute('role')).to.equal('group'); });\n  it('7. base part', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group></nile-command-menu-group>`); expect(el.shadowRoot!.querySelector('[part=\"base\"]')).to.exist; });\n  it('8. heading part', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group></nile-command-menu-group>`); expect(el.shadowRoot!.querySelector('[part=\"heading\"]')).to.exist; });\n  it('9. items slot', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group></nile-command-menu-group>`); expect(el.shadowRoot!.querySelector('slot[part=\"items\"]')).to.exist; });\n  it('10. heading slot', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group></nile-command-menu-group>`); expect(el.shadowRoot!.querySelector('slot[name=\"heading\"]')).to.exist; });\n  it('11. heading text rendered', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group heading=\"Pages\"></nile-command-menu-group>`); await el.updateComplete; expect(el.shadowRoot!.querySelector('[part=\"heading\"]')!.textContent).to.contain('Pages'); });\n  it('12. heading hidden when empty', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group></nile-command-menu-group>`); await el.updateComplete; expect(el.shadowRoot!.querySelector('.group__heading--empty')).to.exist; });\n  it('13. heading visible when set', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group heading=\"X\"></nile-command-menu-group>`); await el.updateComplete; expect(el.shadowRoot!.querySelector('.group__heading--empty')).to.be.null; });\n  it('14. holds items', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group heading=\"A\"><nile-command-menu-item>One</nile-command-menu-item></nile-command-menu-group>`); expect(el.querySelectorAll('nile-command-menu-item').length).to.equal(1); });\n  it('15. dynamic heading', async () => { const el = await fixture<NileCommandMenuGroup>(html`<nile-command-menu-group></nile-command-menu-group>`); el.heading = 'New'; await el.updateComplete; expect(el.shadowRoot!.querySelector('[part=\"heading\"]')!.textContent).to.contain('New'); });\n  it('16. is defined', async () => { expect(customElements.get('nile-command-menu-group')).to.exist; });\n});\n"]}

package/dist/src/nile-command-menu-item/index.d.ts

@@ -0,0 +1 @@
+export { NileCommandMenuItem } from './nile-command-menu-item';

package/dist/src/nile-command-menu-item/index.js

@@ -0,0 +1,2 @@
+export { NileCommandMenuItem } from './nile-command-menu-item';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-command-menu-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-command-menu-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export { NileCommandMenuItem } from './nile-command-menu-item';\n"]}

package/dist/src/nile-command-menu-item/nile-command-menu-item.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * CommandMenuItem CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/src/nile-command-menu-item/nile-command-menu-item.css.js

@@ -0,0 +1,127 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+/**
+ * CommandMenuItem CSS
+ */
+export const styles = css `
+  :host {
+    box-sizing: border-box;
+    display: block;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  .item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: var(--nile-spacing-md, var(--ng-spacing-md));
+    width: 100%;
+    margin-block: var(--nile-spacing-xxs, var(--ng-spacing-xxs));
+    padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));
+    border-radius: var(--nile-radius-md, var(--ng-radius-md));
+    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    line-height: 1.4;
+    letter-spacing: normal;
+    color: var(--nile-color-dark-1, var(--ng-colors-text-secondary-700));
+    cursor: pointer;
+    user-select: none;
+    transition: background-color 200ms ease, color 200ms ease;
+  }
+
+  /* size variants — small (default) vs medium */
+  :host([size='medium']) .item {
+    padding-block: var(--nile-spacing-lg, var(--ng-spacing-lg));
+  }
+
+  /* Active / selected (keyboard or hover) */
+  :host([active]:not([disabled])) .item,
+  .item:hover {
+    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary-hover));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-hover));
+  }
+
+  :host([disabled]) .item {
+    cursor: not-allowed;
+    opacity: 0.4;
+    pointer-events: none;
+  }
+
+  .item__icon {
+    flex: 0 0 auto;
+    /* Reserve a fixed icon gutter so items with and without a leading icon
+       keep their labels aligned. */
+    width: 20px;
+    height: 20px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));
+  }
+
+  .item__icon::slotted(*) {
+    width: 20px;
+    height: 20px;
+  }
+
+  .item__label {
+    flex: 1 1 auto;
+    min-width: 0;
+    display: inline-flex;
+    align-items: center;
+    gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .item__suffix {
+    flex: 0 0 auto;
+    display: inline-flex;
+    align-items: center;
+    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));
+  }
+
+  .item__shortcut {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
+  }
+
+  .item__shortcut kbd {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 20px;
+    height: 20px;
+    padding: 0 5px;
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
+    border: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));
+    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    font-family: inherit;
+    font-size: 11px;
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
+    line-height: 1;
+    color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-command-menu-item.css.js.map

package/dist/src/nile-command-menu-item/nile-command-menu-item.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-command-menu-item.css.js","sourceRoot":"","sources":["../../../src/nile-command-menu-item/nile-command-menu-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * CommandMenuItem CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  .item {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    width: 100%;\n    margin-block: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n    padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n    border-radius: var(--nile-radius-md, var(--ng-radius-md));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: 1.4;\n    letter-spacing: normal;\n    color: var(--nile-color-dark-1, var(--ng-colors-text-secondary-700));\n    cursor: pointer;\n    user-select: none;\n    transition: background-color 200ms ease, color 200ms ease;\n  }\n\n  /* size variants — small (default) vs medium */\n  :host([size='medium']) .item {\n    padding-block: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  /* Active / selected (keyboard or hover) */\n  :host([active]:not([disabled])) .item,\n  .item:hover {\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary-hover));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-hover));\n  }\n\n  :host([disabled]) .item {\n    cursor: not-allowed;\n    opacity: 0.4;\n    pointer-events: none;\n  }\n\n  .item__icon {\n    flex: 0 0 auto;\n    /* Reserve a fixed icon gutter so items with and without a leading icon\n       keep their labels aligned. */\n    width: 20px;\n    height: 20px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n  }\n\n  .item__icon::slotted(*) {\n    width: 20px;\n    height: 20px;\n  }\n\n  .item__label {\n    flex: 1 1 auto;\n    min-width: 0;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .item__suffix {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .item__shortcut {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n  .item__shortcut kbd {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 20px;\n    height: 20px;\n    padding: 0 5px;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    border: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    font-family: inherit;\n    font-size: 11px;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: 1;\n    color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-command-menu-item/nile-command-menu-item.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import NileElement from '../internal/nile-element';
+import type { CSSResultGroup } from 'lit';
+/**
+ * An individual selectable command inside a `nile-command-menu`.
+ *
+ * @tag nile-command-menu-item
+ *
+ * @summary Represents a single command/action entry within a command menu.
+ * @status stable
+ * @since 2.0
+ *
+ * @slot - The item's label.
+ * @slot icon - Used to prepend an icon (or similar element) before the label.
+ * @slot suffix - Used to append content (e.g. a hint) after the label, before the shortcut.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart icon - The leading icon container.
+ * @csspart label - The item label.
+ * @csspart suffix - The trailing suffix container.
+ * @csspart shortcut - The keyboard-shortcut container.
+ */
+export declare class NileCommandMenuItem extends NileElement {
+    static styles: CSSResultGroup;
+    private cachedTextLabel;
+    defaultSlot: HTMLSlotElement;
+    /** Controls vertical padding of the item. */
+    size: 'small' | 'medium';
+    /** A unique value used to identify the item when it is selected. */
+    value: string;
+    /** Draws the item in a disabled state, preventing selection. */
+    disabled: boolean;
+    /** Draws the item in an active/highlighted state. Managed by the parent menu for keyboard navigation. */
+    active: boolean;
+    /**
+     * Extra keywords used by the parent menu when filtering, in addition to the visible label.
+     * Useful for matching synonyms or abbreviations.
+     */
+    keywords: string;
+    /**
+     * The search scope this item belongs to. When the menu has active scopes (the "Searching for" row),
+     * an item is shown only if it has no scope or its scope is among the active ones.
+     */
+    scope: string;
+    /**
+     * A keyboard shortcut hint shown on the trailing edge of the item. Separate keys with a
+     * space to render each one in its own key box (e.g. `"⌘ K"`).
+     */
+    shortcut: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleHostClick;
+    private handleDefaultSlotChange;
+    handleDisabledChange(): void;
+    handleActiveChange(): void;
+    /** Returns the plain-text label based on the default slot's content. */
+    getTextLabel(): string;
+    /** Returns the string the parent menu uses to match this item against a search query. */
+    getFilterText(): string;
+    private renderShortcut;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default NileCommandMenuItem;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-command-menu-item': NileCommandMenuItem;
+    }
+}

package/dist/src/nile-command-menu-item/nile-command-menu-item.js

@@ -0,0 +1,174 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html, nothing } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styles } from './nile-command-menu-item.css';
+import { getTextContent } from '../internal/slot';
+import { watch } from '../internal/watch';
+import NileElement from '../internal/nile-element';
+/**
+ * An individual selectable command inside a `nile-command-menu`.
+ *
+ * @tag nile-command-menu-item
+ *
+ * @summary Represents a single command/action entry within a command menu.
+ * @status stable
+ * @since 2.0
+ *
+ * @slot - The item's label.
+ * @slot icon - Used to prepend an icon (or similar element) before the label.
+ * @slot suffix - Used to append content (e.g. a hint) after the label, before the shortcut.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart icon - The leading icon container.
+ * @csspart label - The item label.
+ * @csspart suffix - The trailing suffix container.
+ * @csspart shortcut - The keyboard-shortcut container.
+ */
+let NileCommandMenuItem = class NileCommandMenuItem extends NileElement {
+    constructor() {
+        super(...arguments);
+        /** Controls vertical padding of the item. */
+        this.size = 'small';
+        /** A unique value used to identify the item when it is selected. */
+        this.value = '';
+        /** Draws the item in a disabled state, preventing selection. */
+        this.disabled = false;
+        /** Draws the item in an active/highlighted state. Managed by the parent menu for keyboard navigation. */
+        this.active = false;
+        /**
+         * Extra keywords used by the parent menu when filtering, in addition to the visible label.
+         * Useful for matching synonyms or abbreviations.
+         */
+        this.keywords = '';
+        /**
+         * The search scope this item belongs to. When the menu has active scopes (the "Searching for" row),
+         * an item is shown only if it has no scope or its scope is among the active ones.
+         */
+        this.scope = '';
+        /**
+         * A keyboard shortcut hint shown on the trailing edge of the item. Separate keys with a
+         * space to render each one in its own key box (e.g. `"⌘ K"`).
+         */
+        this.shortcut = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'option');
+        this.handleHostClick = this.handleHostClick.bind(this);
+        this.addEventListener('click', this.handleHostClick);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('click', this.handleHostClick);
+    }
+    handleHostClick(event) {
+        // Swallow clicks while disabled so the menu never selects a disabled item.
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    }
+    handleDefaultSlotChange() {
+        const textLabel = this.getTextLabel();
+        if (typeof this.cachedTextLabel === 'undefined') {
+            this.cachedTextLabel = textLabel;
+            return;
+        }
+        if (textLabel !== this.cachedTextLabel) {
+            this.cachedTextLabel = textLabel;
+            this.emit('slotchange');
+        }
+    }
+    handleDisabledChange() {
+        this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');
+    }
+    handleActiveChange() {
+        this.setAttribute('aria-selected', this.active ? 'true' : 'false');
+    }
+    /** Returns the plain-text label based on the default slot's content. */
+    getTextLabel() {
+        return getTextContent(this.defaultSlot);
+    }
+    /** Returns the string the parent menu uses to match this item against a search query. */
+    getFilterText() {
+        return `${this.getTextLabel()} ${this.keywords} ${this.value}`.toLowerCase();
+    }
+    renderShortcut() {
+        if (!this.shortcut) {
+            return nothing;
+        }
+        const keys = this.shortcut.trim().split(/\s+/);
+        return html `
+      <span part="shortcut" class="item__shortcut">
+        ${keys.map(key => html `<kbd>${key}</kbd>`)}
+      </span>
+    `;
+    }
+    render() {
+        return html `
+      <div
+        part="base"
+        class=${classMap({
+            item: true,
+            'item--active': this.active,
+            'item--disabled': this.disabled,
+        })}
+      >
+        <slot name="icon" part="icon" class="item__icon"></slot>
+
+        <span part="label" class="item__label">
+          <slot @slotchange=${this.handleDefaultSlotChange}></slot>
+        </span>
+
+        <span part="suffix" class="item__suffix">
+          <slot name="suffix"></slot>
+          ${this.renderShortcut()}
+        </span>
+      </div>
+    `;
+    }
+};
+NileCommandMenuItem.styles = styles;
+__decorate([
+    query('slot:not([name])')
+], NileCommandMenuItem.prototype, "defaultSlot", void 0);
+__decorate([
+    property({ reflect: true })
+], NileCommandMenuItem.prototype, "size", void 0);
+__decorate([
+    property()
+], NileCommandMenuItem.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileCommandMenuItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileCommandMenuItem.prototype, "active", void 0);
+__decorate([
+    property()
+], NileCommandMenuItem.prototype, "keywords", void 0);
+__decorate([
+    property()
+], NileCommandMenuItem.prototype, "scope", void 0);
+__decorate([
+    property()
+], NileCommandMenuItem.prototype, "shortcut", void 0);
+__decorate([
+    watch('disabled')
+], NileCommandMenuItem.prototype, "handleDisabledChange", null);
+__decorate([
+    watch('active')
+], NileCommandMenuItem.prototype, "handleActiveChange", null);
+NileCommandMenuItem = __decorate([
+    customElement('nile-command-menu-item')
+], NileCommandMenuItem);
+export { NileCommandMenuItem };
+export default NileCommandMenuItem;
+//# sourceMappingURL=nile-command-menu-item.js.map

package/dist/src/nile-command-menu-item/nile-command-menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-command-menu-item.js","sourceRoot":"","sources":["../../../src/nile-command-menu-item/nile-command-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;;;;;;;;;;;;;;GAkBG;AAEI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,WAAW;IAA7C;;QAOL,6CAA6C;QAChB,SAAI,GAAuB,OAAO,CAAC;QAEhE,oEAAoE;QACxD,UAAK,GAAG,EAAE,CAAC;QAEvB,gEAAgE;QACpB,aAAQ,GAAG,KAAK,CAAC;QAE7D,yGAAyG;QAC7D,WAAM,GAAG,KAAK,CAAC;QAE3D;;;WAGG;QACS,aAAQ,GAAG,EAAE,CAAC;QAE1B;;;WAGG;QACS,UAAK,GAAG,EAAE,CAAC;QAEvB;;;WAGG;QACS,aAAQ,GAAG,EAAE,CAAC;IA4F5B,CAAC;IA1FC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACpC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IACvD,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAC1D,CAAC;IAEO,eAAe,CAAC,KAAiB;QACvC,2EAA2E;QAC3E,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;QACnC,CAAC;IACH,CAAC;IAEO,uBAAuB;QAC7B,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAEtC,IAAI,OAAO,IAAI,CAAC,eAAe,KAAK,WAAW,EAAE,CAAC;YAChD,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;YACjC,OAAO;QACT,CAAC;QAED,IAAI,SAAS,KAAK,IAAI,CAAC,eAAe,EAAE,CAAC;YACvC,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;YACjC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAGD,oBAAoB;QAClB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACvE,CAAC;IAGD,kBAAkB;QAChB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACrE,CAAC;IAED,wEAAwE;IACxE,YAAY;QACV,OAAO,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1C,CAAC;IAED,yFAAyF;IACzF,aAAa;QACX,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,EAAE,CAAC;IAC/E,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/C,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA,QAAQ,GAAG,QAAQ,CAAC;;KAE7C,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,IAAI,EAAE,IAAI;YACV,cAAc,EAAE,IAAI,CAAC,MAAM;YAC3B,gBAAgB,EAAE,IAAI,CAAC,QAAQ;SAChC,CAAC;;;;;8BAKoB,IAAI,CAAC,uBAAuB;;;;;YAK9C,IAAI,CAAC,cAAc,EAAE;;;KAG5B,CAAC;IACJ,CAAC;;AA7HM,0BAAM,GAAmB,MAAM,AAAzB,CAA0B;AAIZ;IAA1B,KAAK,CAAC,kBAAkB,CAAC;wDAA8B;AAG3B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAoC;AAGpD;IAAX,QAAQ,EAAE;kDAAY;AAGqB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAkB;AAGjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAgB;AAM/C;IAAX,QAAQ,EAAE;qDAAe;AAMd;IAAX,QAAQ,EAAE;kDAAY;AAMX;IAAX,QAAQ,EAAE;qDAAe;AAqC1B;IADC,KAAK,CAAC,UAAU,CAAC;+DAGjB;AAGD;IADC,KAAK,CAAC,QAAQ,CAAC;6DAGf;AA/EU,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CA+H/B;;AAED,eAAe,mBAAmB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-command-menu-item.css';\nimport { getTextContent } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * An individual selectable command inside a `nile-command-menu`.\n *\n * @tag nile-command-menu-item\n *\n * @summary Represents a single command/action entry within a command menu.\n * @status stable\n * @since 2.0\n *\n * @slot - The item's label.\n * @slot icon - Used to prepend an icon (or similar element) before the label.\n * @slot suffix - Used to append content (e.g. a hint) after the label, before the shortcut.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The leading icon container.\n * @csspart label - The item label.\n * @csspart suffix - The trailing suffix container.\n * @csspart shortcut - The keyboard-shortcut container.\n */\n@customElement('nile-command-menu-item')\nexport class NileCommandMenuItem extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private cachedTextLabel: string;\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n  /** Controls vertical padding of the item. */\n  @property({ reflect: true }) size: 'small' | 'medium' = 'small';\n\n  /** A unique value used to identify the item when it is selected. */\n  @property() value = '';\n\n  /** Draws the item in a disabled state, preventing selection. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Draws the item in an active/highlighted state. Managed by the parent menu for keyboard navigation. */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  /**\n   * Extra keywords used by the parent menu when filtering, in addition to the visible label.\n   * Useful for matching synonyms or abbreviations.\n   */\n  @property() keywords = '';\n\n  /**\n   * The search scope this item belongs to. When the menu has active scopes (the \"Searching for\" row),\n   * an item is shown only if it has no scope or its scope is among the active ones.\n   */\n  @property() scope = '';\n\n  /**\n   * A keyboard shortcut hint shown on the trailing edge of the item. Separate keys with a\n   * space to render each one in its own key box (e.g. `\"⌘ K\"`).\n   */\n  @property() shortcut = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'option');\n    this.handleHostClick = this.handleHostClick.bind(this);\n    this.addEventListener('click', this.handleHostClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleHostClick);\n  }\n\n  private handleHostClick(event: MouseEvent) {\n    // Swallow clicks while disabled so the menu never selects a disabled item.\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n\n  private handleDefaultSlotChange() {\n    const textLabel = this.getTextLabel();\n\n    if (typeof this.cachedTextLabel === 'undefined') {\n      this.cachedTextLabel = textLabel;\n      return;\n    }\n\n    if (textLabel !== this.cachedTextLabel) {\n      this.cachedTextLabel = textLabel;\n      this.emit('slotchange');\n    }\n  }\n\n  @watch('disabled')\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('active')\n  handleActiveChange() {\n    this.setAttribute('aria-selected', this.active ? 'true' : 'false');\n  }\n\n  /** Returns the plain-text label based on the default slot's content. */\n  getTextLabel() {\n    return getTextContent(this.defaultSlot);\n  }\n\n  /** Returns the string the parent menu uses to match this item against a search query. */\n  getFilterText() {\n    return `${this.getTextLabel()} ${this.keywords} ${this.value}`.toLowerCase();\n  }\n\n  private renderShortcut() {\n    if (!this.shortcut) {\n      return nothing;\n    }\n\n    const keys = this.shortcut.trim().split(/\\s+/);\n    return html`\n      <span part=\"shortcut\" class=\"item__shortcut\">\n        ${keys.map(key => html`<kbd>${key}</kbd>`)}\n      </span>\n    `;\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          item: true,\n          'item--active': this.active,\n          'item--disabled': this.disabled,\n        })}\n      >\n        <slot name=\"icon\" part=\"icon\" class=\"item__icon\"></slot>\n\n        <span part=\"label\" class=\"item__label\">\n          <slot @slotchange=${this.handleDefaultSlotChange}></slot>\n        </span>\n\n        <span part=\"suffix\" class=\"item__suffix\">\n          <slot name=\"suffix\"></slot>\n          ${this.renderShortcut()}\n        </span>\n      </div>\n    `;\n  }\n}\n\nexport default NileCommandMenuItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-command-menu-item': NileCommandMenuItem;\n  }\n}\n"]}

package/dist/src/nile-command-menu-item/nile-command-menu-item.test.d.ts

@@ -0,0 +1 @@
+import './nile-command-menu-item';

package/dist/src/nile-command-menu-item/nile-command-menu-item.test.js

@@ -0,0 +1,35 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import './nile-command-menu-item';
+describe('NileCommandMenuItem', () => {
+    it('1. renders', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el).to.exist; });
+    it('2. shadow root', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot).to.not.be.null; });
+    it('3. tag name', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.tagName.toLowerCase()).to.equal('nile-command-menu-item'); });
+    it('4. size defaults small', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.size).to.equal('small'); });
+    it('5. value defaults empty', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.value).to.equal(''); });
+    it('6. disabled defaults false', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.disabled).to.be.false; });
+    it('7. active defaults false', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.active).to.be.false; });
+    it('8. keywords defaults empty', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.keywords).to.equal(''); });
+    it('9. shortcut defaults empty', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.shortcut).to.equal(''); });
+    it('10. set size medium', async () => { const el = await fixture(html `<nile-command-menu-item size="medium"></nile-command-menu-item>`); expect(el.size).to.equal('medium'); });
+    it('11. set value', async () => { const el = await fixture(html `<nile-command-menu-item value="open"></nile-command-menu-item>`); expect(el.value).to.equal('open'); });
+    it('12. set disabled', async () => { const el = await fixture(html `<nile-command-menu-item disabled></nile-command-menu-item>`); expect(el.disabled).to.be.true; });
+    it('13. role option', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.getAttribute('role')).to.equal('option'); });
+    it('14. base part', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot.querySelector('[part="base"]')).to.exist; });
+    it('15. label part', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot.querySelector('[part="label"]')).to.exist; });
+    it('16. icon slot', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot.querySelector('slot[name="icon"]')).to.exist; });
+    it('17. suffix slot', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot.querySelector('slot[name="suffix"]')).to.exist; });
+    it('18. default slot', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot.querySelector('slot:not([name])')).to.exist; });
+    it('19. aria-disabled reflects', async () => { const el = await fixture(html `<nile-command-menu-item disabled></nile-command-menu-item>`); await el.updateComplete; expect(el.getAttribute('aria-disabled')).to.equal('true'); });
+    it('20. aria-selected reflects', async () => { const el = await fixture(html `<nile-command-menu-item active></nile-command-menu-item>`); await el.updateComplete; expect(el.getAttribute('aria-selected')).to.equal('true'); });
+    it('21. shortcut renders kbd', async () => { const el = await fixture(html `<nile-command-menu-item shortcut="⌘ K"></nile-command-menu-item>`); await el.updateComplete; expect(el.shadowRoot.querySelectorAll('kbd').length).to.equal(2); });
+    it('22. no shortcut no kbd', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot.querySelector('kbd')).to.be.null; });
+    it('23. getTextLabel', async () => { const el = await fixture(html `<nile-command-menu-item>Open file</nile-command-menu-item>`); expect(el.getTextLabel().trim()).to.equal('Open file'); });
+    it('24. getFilterText includes label', async () => { const el = await fixture(html `<nile-command-menu-item>Open file</nile-command-menu-item>`); expect(el.getFilterText()).to.contain('open file'); });
+    it('25. getFilterText includes keywords', async () => { const el = await fixture(html `<nile-command-menu-item keywords="document">File</nile-command-menu-item>`); expect(el.getFilterText()).to.contain('document'); });
+    it('26. getFilterText includes value', async () => { const el = await fixture(html `<nile-command-menu-item value="cmd-open">File</nile-command-menu-item>`); expect(el.getFilterText()).to.contain('cmd-open'); });
+    it('27. disabled click swallowed', async () => { const el = await fixture(html `<nile-command-menu-item disabled>X</nile-command-menu-item>`); let fired = false; el.addEventListener('click', () => (fired = true)); el.click(); expect(fired).to.be.false; });
+    it('28. enabled click bubbles', async () => { const el = await fixture(html `<nile-command-menu-item>X</nile-command-menu-item>`); let fired = false; el.addEventListener('click', () => (fired = true)); el.click(); expect(fired).to.be.true; });
+    it('29. dynamic active', async () => { const el = await fixture(html `<nile-command-menu-item></nile-command-menu-item>`); el.active = true; await el.updateComplete; expect(el.getAttribute('aria-selected')).to.equal('true'); });
+    it('30. is defined', async () => { expect(customElements.get('nile-command-menu-item')).to.exist; });
+});
+//# sourceMappingURL=nile-command-menu-item.test.js.map

package/dist/src/nile-command-menu-item/nile-command-menu-item.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-command-menu-item.test.js","sourceRoot":"","sources":["../../../src/nile-command-menu-item/nile-command-menu-item.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html } from '@open-wc/testing';\nimport './nile-command-menu-item';\nimport type { NileCommandMenuItem } from './nile-command-menu-item';\n\ndescribe('NileCommandMenuItem', () => {\n  it('1. renders', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el).to.exist; });\n  it('2. shadow root', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot).to.not.be.null; });\n  it('3. tag name', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.tagName.toLowerCase()).to.equal('nile-command-menu-item'); });\n  it('4. size defaults small', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.size).to.equal('small'); });\n  it('5. value defaults empty', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.value).to.equal(''); });\n  it('6. disabled defaults false', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.disabled).to.be.false; });\n  it('7. active defaults false', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.active).to.be.false; });\n  it('8. keywords defaults empty', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.keywords).to.equal(''); });\n  it('9. shortcut defaults empty', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.shortcut).to.equal(''); });\n  it('10. set size medium', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item size=\"medium\"></nile-command-menu-item>`); expect(el.size).to.equal('medium'); });\n  it('11. set value', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item value=\"open\"></nile-command-menu-item>`); expect(el.value).to.equal('open'); });\n  it('12. set disabled', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item disabled></nile-command-menu-item>`); expect(el.disabled).to.be.true; });\n  it('13. role option', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.getAttribute('role')).to.equal('option'); });\n  it('14. base part', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot!.querySelector('[part=\"base\"]')).to.exist; });\n  it('15. label part', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot!.querySelector('[part=\"label\"]')).to.exist; });\n  it('16. icon slot', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot!.querySelector('slot[name=\"icon\"]')).to.exist; });\n  it('17. suffix slot', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot!.querySelector('slot[name=\"suffix\"]')).to.exist; });\n  it('18. default slot', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot!.querySelector('slot:not([name])')).to.exist; });\n  it('19. aria-disabled reflects', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item disabled></nile-command-menu-item>`); await el.updateComplete; expect(el.getAttribute('aria-disabled')).to.equal('true'); });\n  it('20. aria-selected reflects', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item active></nile-command-menu-item>`); await el.updateComplete; expect(el.getAttribute('aria-selected')).to.equal('true'); });\n  it('21. shortcut renders kbd', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item shortcut=\"⌘ K\"></nile-command-menu-item>`); await el.updateComplete; expect(el.shadowRoot!.querySelectorAll('kbd').length).to.equal(2); });\n  it('22. no shortcut no kbd', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); expect(el.shadowRoot!.querySelector('kbd')).to.be.null; });\n  it('23. getTextLabel', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item>Open file</nile-command-menu-item>`); expect(el.getTextLabel().trim()).to.equal('Open file'); });\n  it('24. getFilterText includes label', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item>Open file</nile-command-menu-item>`); expect(el.getFilterText()).to.contain('open file'); });\n  it('25. getFilterText includes keywords', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item keywords=\"document\">File</nile-command-menu-item>`); expect(el.getFilterText()).to.contain('document'); });\n  it('26. getFilterText includes value', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item value=\"cmd-open\">File</nile-command-menu-item>`); expect(el.getFilterText()).to.contain('cmd-open'); });\n  it('27. disabled click swallowed', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item disabled>X</nile-command-menu-item>`); let fired = false; el.addEventListener('click', () => (fired = true)); el.click(); expect(fired).to.be.false; });\n  it('28. enabled click bubbles', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item>X</nile-command-menu-item>`); let fired = false; el.addEventListener('click', () => (fired = true)); el.click(); expect(fired).to.be.true; });\n  it('29. dynamic active', async () => { const el = await fixture<NileCommandMenuItem>(html`<nile-command-menu-item></nile-command-menu-item>`); el.active = true; await el.updateComplete; expect(el.getAttribute('aria-selected')).to.equal('true'); });\n  it('30. is defined', async () => { expect(customElements.get('nile-command-menu-item')).to.exist; });\n});\n"]}