@aquera/nile-elements 1.9.4 → 1.9.6

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":"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","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"]}

package/dist/src/nile-dialog/nile-dialog.js

@@ -265,7 +265,7 @@ let NileDialog = class NileDialog extends NileElement {
                       name="var(--nile-icon-close, var(--ng-icon-x-close))"
                       method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
                       label="close"
-                      color="var(--nile-dialog-remove-icon-color, var(--ng-colors-fg-quaternary-400))"
+                      color="var(--nile-dialog-remove-icon-color, var(--ng-colors-fg-secondary-700))"
                       @click="${() => this.requestClose('close-button')}"
                     ></nile-icon>
                   </div>

package/dist/src/nile-dialog/nile-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-dialog.js","sourceRoot":"","sources":["../../../src/nile-dialog/nile-dialog.ts"],"names":[],"mappings":"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","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 {LitElement, CSSResultArray, TemplateResult} from 'lit';\nimport {styles} from './nile-dialog.css';\n\nimport '../nile-icon-button/nile-icon-button';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { html,nothing } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../internal/scroll';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport Modal from '../internal/modal';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement from '../internal/nile-element';\n/**\n * Nile icon component.\n *\n * @tag nile-modal\n *\n */\n@customElement('nile-dialog')\nexport class NileDialog extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer','sublabel','label');\n  private modal: Modal;\n  private originalTrigger: HTMLElement | null;\n\n  @query('.dialog') dialog: HTMLElement;\n  @query('.dialog__panel') panel: HTMLElement;\n  @query('.dialog__overlay') overlay: HTMLElement;\n\n  /**\n   * Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\n   * use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * The dialog's label as displayed in the header. You should always include a relevant label even when using\n   * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n   */\n  @property({ reflect: true }) label = '';\n  \n  @property({ reflect: true }) sublabel = '';\n\n  /**\n   * Disables the header. This will also remove the default close button, so please ensure you provide an easy,\n   * accessible way for users to dismiss the dialog.\n   */\n  @property({ type: Boolean, reflect: true }) noHeader = false;\n\n  @property({ type: Boolean, reflect: true }) preventOverlayClose = false;\n\n  /**\n   *  Added to resolve conflicts between Angular Material's mat-drawer components.\n   */\n  private drawerStyle = `\n      <style id=\"drawer-style\">\n        .mat-drawer.mat-drawer-side { z-index: 1; }\n      </style>\n  `;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.modal = new Modal(this);\n  }\n\n  firstUpdated() {\n    this.dialog.hidden = !this.open;\n\n    if (this.open) {\n      this.addOpenListeners();\n      this.modal.activate();\n      lockBodyScrolling(this);\n      document.head.insertAdjacentHTML('beforeend', this.drawerStyle);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    unlockBodyScrolling(this);\n  }\n\n  private requestClose(source: 'close-button' | 'keyboard' | 'overlay') {\n    const nileRequestClose = this.emit('nile-request-close', {\n      cancelable: true,\n      detail: { source },\n    });\n\n    if (source === 'close-button') {\n      this.hide();\n      return;\n    }\n\n    if (nileRequestClose.defaultPrevented || this.preventOverlayClose) {\n      const animation = getAnimation(this, 'dialog.denyClose', {\n        dir: 'right',\n      });\n      animateTo(this.panel, animation.keyframes, animation.options);\n      return;\n    }\n\n    this.hide();\n  }\n\n  private addOpenListeners() {\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private removeOpenListeners() {\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private handleDocumentKeyDown(event: KeyboardEvent) {\n    if (this.open && event.key === 'Escape') {\n      event.stopPropagation();\n      this.requestClose('keyboard');\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      this.emit('nile-show');\n      this.addOpenListeners();\n      this.originalTrigger = document.activeElement as HTMLElement;\n      this.modal.activate();\n      document.head.insertAdjacentHTML('beforeend', this.drawerStyle);\n      lockBodyScrolling(this);\n\n      const autoFocusTarget = this.querySelector('[autofocus]');\n      if (autoFocusTarget) {\n        autoFocusTarget.removeAttribute('autofocus');\n      }\n\n      await Promise.all([\n        stopAnimations(this.dialog),\n        stopAnimations(this.overlay),\n      ]);\n      this.dialog.hidden = false;\n\n      // Set initial focus\n      requestAnimationFrame(() => {\n        const nileInitialFocus = this.emit('nile-initial-focus', {\n          cancelable: true,\n        });\n\n        if (!nileInitialFocus.defaultPrevented) {\n          // Set focus to the autofocus target and restore the attribute\n          if (autoFocusTarget) {\n            (autoFocusTarget as HTMLInputElement).focus({\n              preventScroll: true,\n            });\n          } else {\n            this.panel.focus({ preventScroll: true });\n          }\n        }\n\n        // Restore the autofocus attribute\n        if (autoFocusTarget) {\n          autoFocusTarget.setAttribute('autofocus', '');\n        }\n      });\n\n      const panelAnimation = getAnimation(this, 'dialog.show', {\n        dir: 'right',\n      });\n      const overlayAnimation = getAnimation(this, 'dialog.overlay.show', {\n        dir: 'right',\n      });\n      await Promise.all([\n        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n        animateTo(\n          this.overlay,\n          overlayAnimation.keyframes,\n          overlayAnimation.options\n        ),\n      ]);\n\n      this.emit('nile-after-show');\n    } else {\n      // Hide\n      this.emit('nile-hide');\n      this.removeOpenListeners();\n      this.modal.deactivate();\n\n      await Promise.all([\n        stopAnimations(this.dialog),\n        stopAnimations(this.overlay),\n      ]);\n      const panelAnimation = getAnimation(this, 'dialog.hide', {\n        dir: 'right',\n      });\n      const overlayAnimation = getAnimation(this, 'dialog.overlay.hide', {\n        dir: 'right',\n      });\n\n      const styleTag = document.getElementById('drawer-style');\n      if (styleTag) {\n        document.head.removeChild(styleTag);\n      }\n      // Animate the overlay and the panel at the same time. Because animation durations might be different, we need to\n      // hide each one individually when the animation finishes, otherwise the first one that finishes will reappear\n      // unexpectedly. We'll unhide them after all animations have completed.\n      await Promise.all([\n        animateTo(\n          this.overlay,\n          overlayAnimation.keyframes,\n          overlayAnimation.options\n        ).then(() => {\n          this.overlay.hidden = true;\n        }),\n        animateTo(\n          this.panel,\n          panelAnimation.keyframes,\n          panelAnimation.options\n        ).then(() => {\n          this.panel.hidden = true;\n        }),\n      ]);\n\n      this.dialog.hidden = true;\n\n      // Now that the dialog is hidden, restore the overlay and panel for next time\n      this.overlay.hidden = false;\n      this.panel.hidden = false;\n\n      unlockBodyScrolling(this);\n\n      // Restore focus to the original trigger\n      const trigger = this.originalTrigger;\n      if (typeof trigger?.focus === 'function') {\n        setTimeout(() => trigger.focus());\n      }\n\n      this.emit('nile-after-hide');\n    }\n  }\n\n  /** Shows the dialog. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  /** Hides the dialog */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          dialog: true,\n          'dialog--open': this.open,\n          'dialog--has-footer': this.hasSlotController.test('footer'),\n        })}\n      >\n        <div\n          part=\"overlay\"\n          class=\"dialog__overlay\"\n          @click=${() => this.requestClose('overlay')}\n          tabindex=\"-1\"\n        ></div>\n\n        <div\n          part=\"panel\"\n          class=\"dialog__panel\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-hidden=${this.open ? 'false' : 'true'}\n          aria-label=${ifDefined(this.noHeader ? this.label : undefined)}\n          aria-labelledby=${ifDefined(!this.noHeader ? 'title' : undefined)}\n          tabindex=\"0\"\n        >\n          ${!this.noHeader\n            ? html`\n                <header part=\"header\" class=\"dialog__header\">\n                  <h2 part=\"title\" class=\"dialog__header__text\" id=\"title\">\n                    <slot name=\"label\">\n                      ${this.label?.length\n                        ? this.label\n                        : nothing}\n                    </slot>\n                    ${this.sublabel || this.hasSlotController.test('sublabel')?html`\n                      <slot name=\"sublabel\">\n                        ${this.sublabel?.length\n                          ? this.sublabel\n                          : nothing}\n                      </slot>\n                      `:''}\n                  </h2>\n                  <div part=\"header-actions\" class=\"dialog__header-actions\">\n                    <slot name=\"header-actions\"></slot>\n                    <nile-icon\n                      part=\"close-button\"\n                      exportparts=\"base:close-button__base\"\n                      class=\"dialog__close\"\n                      name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n                      method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                      label=\"close\"\n                      color=\"var(--nile-dialog-remove-icon-color, var(--ng-colors-fg-quaternary-400))\"\n                      @click=\"${() => this.requestClose('close-button')}\"\n                    ></nile-icon>\n                  </div>\n                </header>\n              `\n            : ''}\n\n          <slot\n            part=\"body\"\n            class=\"dialog__body  ${this.noHeader\n              ? 'dialog__body-noheader'\n              : ''}\"\n          ></slot>\n\n          <footer part=\"footer\" class=\"dialog__footer\">\n            <slot name=\"footer\"></slot>\n          </footer>\n        </div>\n      </div>\n    `;\n  }\n}\n\nsetDefaultAnimation('dialog.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.8 },\n    { opacity: 1, scale: 1 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('dialog.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.8 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('dialog.denyClose', {\n  keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],\n  options: { duration: 250 }\n});\n\nsetDefaultAnimation('dialog.overlay.show', {\n  keyframes: [{ opacity: 0 }, { opacity: 1 }],\n  options: { duration: 250 }\n});\n\nsetDefaultAnimation('dialog.overlay.hide', {\n  keyframes: [{ opacity: 1 }, { opacity: 0 }],\n  options: { duration: 250 }\n});\n\nexport default NileDialog;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-dialog': NileDialog;\n  }\n}\n"]}
+{"version":3,"file":"nile-dialog.js","sourceRoot":"","sources":["../../../src/nile-dialog/nile-dialog.ts"],"names":[],"mappings":"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","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 {LitElement, CSSResultArray, TemplateResult} from 'lit';\nimport {styles} from './nile-dialog.css';\n\nimport '../nile-icon-button/nile-icon-button';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { html,nothing } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../internal/scroll';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport Modal from '../internal/modal';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement from '../internal/nile-element';\n/**\n * Nile icon component.\n *\n * @tag nile-modal\n *\n */\n@customElement('nile-dialog')\nexport class NileDialog extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer','sublabel','label');\n  private modal: Modal;\n  private originalTrigger: HTMLElement | null;\n\n  @query('.dialog') dialog: HTMLElement;\n  @query('.dialog__panel') panel: HTMLElement;\n  @query('.dialog__overlay') overlay: HTMLElement;\n\n  /**\n   * Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\n   * use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * The dialog's label as displayed in the header. You should always include a relevant label even when using\n   * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n   */\n  @property({ reflect: true }) label = '';\n  \n  @property({ reflect: true }) sublabel = '';\n\n  /**\n   * Disables the header. This will also remove the default close button, so please ensure you provide an easy,\n   * accessible way for users to dismiss the dialog.\n   */\n  @property({ type: Boolean, reflect: true }) noHeader = false;\n\n  @property({ type: Boolean, reflect: true }) preventOverlayClose = false;\n\n  /**\n   *  Added to resolve conflicts between Angular Material's mat-drawer components.\n   */\n  private drawerStyle = `\n      <style id=\"drawer-style\">\n        .mat-drawer.mat-drawer-side { z-index: 1; }\n      </style>\n  `;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.modal = new Modal(this);\n  }\n\n  firstUpdated() {\n    this.dialog.hidden = !this.open;\n\n    if (this.open) {\n      this.addOpenListeners();\n      this.modal.activate();\n      lockBodyScrolling(this);\n      document.head.insertAdjacentHTML('beforeend', this.drawerStyle);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    unlockBodyScrolling(this);\n  }\n\n  private requestClose(source: 'close-button' | 'keyboard' | 'overlay') {\n    const nileRequestClose = this.emit('nile-request-close', {\n      cancelable: true,\n      detail: { source },\n    });\n\n    if (source === 'close-button') {\n      this.hide();\n      return;\n    }\n\n    if (nileRequestClose.defaultPrevented || this.preventOverlayClose) {\n      const animation = getAnimation(this, 'dialog.denyClose', {\n        dir: 'right',\n      });\n      animateTo(this.panel, animation.keyframes, animation.options);\n      return;\n    }\n\n    this.hide();\n  }\n\n  private addOpenListeners() {\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private removeOpenListeners() {\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private handleDocumentKeyDown(event: KeyboardEvent) {\n    if (this.open && event.key === 'Escape') {\n      event.stopPropagation();\n      this.requestClose('keyboard');\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      this.emit('nile-show');\n      this.addOpenListeners();\n      this.originalTrigger = document.activeElement as HTMLElement;\n      this.modal.activate();\n      document.head.insertAdjacentHTML('beforeend', this.drawerStyle);\n      lockBodyScrolling(this);\n\n      const autoFocusTarget = this.querySelector('[autofocus]');\n      if (autoFocusTarget) {\n        autoFocusTarget.removeAttribute('autofocus');\n      }\n\n      await Promise.all([\n        stopAnimations(this.dialog),\n        stopAnimations(this.overlay),\n      ]);\n      this.dialog.hidden = false;\n\n      // Set initial focus\n      requestAnimationFrame(() => {\n        const nileInitialFocus = this.emit('nile-initial-focus', {\n          cancelable: true,\n        });\n\n        if (!nileInitialFocus.defaultPrevented) {\n          // Set focus to the autofocus target and restore the attribute\n          if (autoFocusTarget) {\n            (autoFocusTarget as HTMLInputElement).focus({\n              preventScroll: true,\n            });\n          } else {\n            this.panel.focus({ preventScroll: true });\n          }\n        }\n\n        // Restore the autofocus attribute\n        if (autoFocusTarget) {\n          autoFocusTarget.setAttribute('autofocus', '');\n        }\n      });\n\n      const panelAnimation = getAnimation(this, 'dialog.show', {\n        dir: 'right',\n      });\n      const overlayAnimation = getAnimation(this, 'dialog.overlay.show', {\n        dir: 'right',\n      });\n      await Promise.all([\n        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n        animateTo(\n          this.overlay,\n          overlayAnimation.keyframes,\n          overlayAnimation.options\n        ),\n      ]);\n\n      this.emit('nile-after-show');\n    } else {\n      // Hide\n      this.emit('nile-hide');\n      this.removeOpenListeners();\n      this.modal.deactivate();\n\n      await Promise.all([\n        stopAnimations(this.dialog),\n        stopAnimations(this.overlay),\n      ]);\n      const panelAnimation = getAnimation(this, 'dialog.hide', {\n        dir: 'right',\n      });\n      const overlayAnimation = getAnimation(this, 'dialog.overlay.hide', {\n        dir: 'right',\n      });\n\n      const styleTag = document.getElementById('drawer-style');\n      if (styleTag) {\n        document.head.removeChild(styleTag);\n      }\n      // Animate the overlay and the panel at the same time. Because animation durations might be different, we need to\n      // hide each one individually when the animation finishes, otherwise the first one that finishes will reappear\n      // unexpectedly. We'll unhide them after all animations have completed.\n      await Promise.all([\n        animateTo(\n          this.overlay,\n          overlayAnimation.keyframes,\n          overlayAnimation.options\n        ).then(() => {\n          this.overlay.hidden = true;\n        }),\n        animateTo(\n          this.panel,\n          panelAnimation.keyframes,\n          panelAnimation.options\n        ).then(() => {\n          this.panel.hidden = true;\n        }),\n      ]);\n\n      this.dialog.hidden = true;\n\n      // Now that the dialog is hidden, restore the overlay and panel for next time\n      this.overlay.hidden = false;\n      this.panel.hidden = false;\n\n      unlockBodyScrolling(this);\n\n      // Restore focus to the original trigger\n      const trigger = this.originalTrigger;\n      if (typeof trigger?.focus === 'function') {\n        setTimeout(() => trigger.focus());\n      }\n\n      this.emit('nile-after-hide');\n    }\n  }\n\n  /** Shows the dialog. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  /** Hides the dialog */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          dialog: true,\n          'dialog--open': this.open,\n          'dialog--has-footer': this.hasSlotController.test('footer'),\n        })}\n      >\n        <div\n          part=\"overlay\"\n          class=\"dialog__overlay\"\n          @click=${() => this.requestClose('overlay')}\n          tabindex=\"-1\"\n        ></div>\n\n        <div\n          part=\"panel\"\n          class=\"dialog__panel\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-hidden=${this.open ? 'false' : 'true'}\n          aria-label=${ifDefined(this.noHeader ? this.label : undefined)}\n          aria-labelledby=${ifDefined(!this.noHeader ? 'title' : undefined)}\n          tabindex=\"0\"\n        >\n          ${!this.noHeader\n            ? html`\n                <header part=\"header\" class=\"dialog__header\">\n                  <h2 part=\"title\" class=\"dialog__header__text\" id=\"title\">\n                    <slot name=\"label\">\n                      ${this.label?.length\n                        ? this.label\n                        : nothing}\n                    </slot>\n                    ${this.sublabel || this.hasSlotController.test('sublabel')?html`\n                      <slot name=\"sublabel\">\n                        ${this.sublabel?.length\n                          ? this.sublabel\n                          : nothing}\n                      </slot>\n                      `:''}\n                  </h2>\n                  <div part=\"header-actions\" class=\"dialog__header-actions\">\n                    <slot name=\"header-actions\"></slot>\n                    <nile-icon\n                      part=\"close-button\"\n                      exportparts=\"base:close-button__base\"\n                      class=\"dialog__close\"\n                      name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n                      method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                      label=\"close\"\n                      color=\"var(--nile-dialog-remove-icon-color, var(--ng-colors-fg-secondary-700))\"\n                      @click=\"${() => this.requestClose('close-button')}\"\n                    ></nile-icon>\n                  </div>\n                </header>\n              `\n            : ''}\n\n          <slot\n            part=\"body\"\n            class=\"dialog__body  ${this.noHeader\n              ? 'dialog__body-noheader'\n              : ''}\"\n          ></slot>\n\n          <footer part=\"footer\" class=\"dialog__footer\">\n            <slot name=\"footer\"></slot>\n          </footer>\n        </div>\n      </div>\n    `;\n  }\n}\n\nsetDefaultAnimation('dialog.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.8 },\n    { opacity: 1, scale: 1 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('dialog.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.8 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('dialog.denyClose', {\n  keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],\n  options: { duration: 250 }\n});\n\nsetDefaultAnimation('dialog.overlay.show', {\n  keyframes: [{ opacity: 0 }, { opacity: 1 }],\n  options: { duration: 250 }\n});\n\nsetDefaultAnimation('dialog.overlay.hide', {\n  keyframes: [{ opacity: 1 }, { opacity: 0 }],\n  options: { duration: 250 }\n});\n\nexport default NileDialog;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-dialog': NileDialog;\n  }\n}\n"]}

package/dist/src/nile-dot-stepper/index.d.ts

@@ -0,0 +1 @@
+export { NileDotStepper } from './nile-dot-stepper';

package/dist/src/nile-dot-stepper/index.js

@@ -0,0 +1,2 @@
+export { NileDotStepper } from './nile-dot-stepper';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-dot-stepper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-dot-stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { NileDotStepper } from './nile-dot-stepper';\n"]}