@aquera/nile-elements 1.1.3-beta-1.2 → 1.1.3-beta-2.0

package/dist/src/nile-side-bar-action/nile-side-bar-action.js

@@ -1,338 +0,0 @@
-/**
- * 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, query } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { styles } from './nile-side-bar-action.css';
-import NileElement from '../internal/nile-element';
-import { animateTo, stopAnimations } from '../internal/animate';
-import { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';
-import { getTabbableBoundary } from '../internal/tabbable';
-import { waitForEvent } from '../internal/event';
-import { watch } from '../internal/watch';
-import '../nile-popup';
-/**
- * Nile side-bar-action component.
- *
- * @tag nile-side-bar-action
- *
- * @slot trigger - The clickable trigger (icon/button).
- * @slot - The dropdown panel content (menu, custom content).
- *
- * @event nile-show - Fired when dropdown opens.
- * @event nile-after-show - Fired after dropdown + animations.
- * @event nile-hide - Fired when dropdown closes.
- * @event nile-after-hide - Fired after dropdown closes + animations.
- */
-let NileSideBarAction = class NileSideBarAction extends NileElement {
-    constructor() {
-        super(...arguments);
-        /** Whether the dropdown is open */
-        this.open = false;
-        /** Preferred placement relative to trigger */
-        this.placement = 'bottom-start';
-        /** Disable interaction */
-        this.disabled = false;
-        /** Keep open on select */
-        this.stayOpenOnSelect = false;
-        /** Offsets */
-        this.distance = 0;
-        this.skidding = 0;
-        /** Hoist above scroll containers */
-        this.hoist = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.handlePanelSelect = this.handlePanelSelect.bind(this);
-        this.handleKeyDown = this.handleKeyDown.bind(this);
-        this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);
-        this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);
-        if (!this.containingElement) {
-            this.containingElement = this;
-        }
-        this.emit('nile-init');
-    }
-    firstUpdated() {
-        this.panel.hidden = !this.open;
-        if (this.open) {
-            this.addOpenListeners();
-            this.popup.active = true;
-        }
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeOpenListeners();
-        this.hide();
-        this.emit('nile-destroy');
-    }
-    focusOnTrigger() {
-        const trigger = this.trigger.assignedElements({ flatten: true })[0];
-        if (typeof trigger?.focus === 'function') {
-            trigger.focus();
-        }
-    }
-    getMenu() {
-        return this.panel.assignedElements({ flatten: true }).find(el => el.tagName.toLowerCase() === 'nile-menu');
-    }
-    handleKeyDown(event) {
-        if (this.open && event.key === 'Escape') {
-            event.stopPropagation();
-            this.hide();
-            this.focusOnTrigger();
-        }
-    }
-    handleDocumentKeyDown(event) {
-        if (event.key === 'Escape' && this.open) {
-            event.stopPropagation();
-            this.focusOnTrigger();
-            this.hide();
-            return;
-        }
-        if (event.key === 'Tab') {
-            setTimeout(() => {
-                const activeElement = this.containingElement?.getRootNode() instanceof ShadowRoot
-                    ? document.activeElement?.shadowRoot?.activeElement
-                    : document.activeElement;
-                if (!this.containingElement ||
-                    activeElement?.closest(this.containingElement.tagName.toLowerCase()) !==
-                        this.containingElement) {
-                    this.hide();
-                }
-            });
-        }
-    }
-    handleDocumentMouseDown(event) {
-        const path = event.composedPath();
-        if (this.containingElement && !path.includes(this.containingElement)) {
-            this.hide();
-        }
-    }
-    handlePanelSelect(event) {
-        const target = event.target;
-        if (!this.stayOpenOnSelect && target.tagName.toLowerCase() === 'nile-menu') {
-            this.hide();
-            this.focusOnTrigger();
-        }
-    }
-    handleTriggerClick() {
-        if (this.open) {
-            this.hide();
-        }
-        else {
-            this.show();
-            this.focusOnTrigger();
-        }
-    }
-    handleTriggerKeyDown(event) {
-        const menu = this.getMenu();
-        if (menu) {
-            const menuItems = menu.getAllItems();
-            const firstMenuItem = menuItems[0];
-            const lastMenuItem = menuItems[menuItems.length - 1];
-            if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {
-                event.preventDefault();
-                if (!this.open)
-                    this.show();
-                if (menuItems.length > 0) {
-                    this.updateComplete.then(() => {
-                        if (event.key === 'ArrowDown' || event.key === 'Home') {
-                            menu.setCurrentItem(firstMenuItem);
-                            firstMenuItem.focus();
-                        }
-                        if (event.key === 'ArrowUp' || event.key === 'End') {
-                            menu.setCurrentItem(lastMenuItem);
-                            lastMenuItem.focus();
-                        }
-                    });
-                }
-            }
-        }
-    }
-    handleTriggerKeyUp(event) {
-        if (event.key === ' ') {
-            event.preventDefault();
-        }
-    }
-    handleTriggerSlotChange() {
-        this.updateAccessibleTrigger();
-    }
-    updateAccessibleTrigger() {
-        const assignedElements = this.trigger.assignedElements({ flatten: true });
-        const accessibleTrigger = assignedElements.find(el => getTabbableBoundary(el).start);
-        let target;
-        if (accessibleTrigger) {
-            switch (accessibleTrigger.tagName.toLowerCase()) {
-                case 'nile-button':
-                case 'nile-icon-button':
-                    target = accessibleTrigger.button;
-                    break;
-                default:
-                    target = accessibleTrigger;
-            }
-            target.setAttribute('aria-haspopup', 'true');
-            target.setAttribute('aria-expanded', this.open ? 'true' : 'false');
-        }
-    }
-    /** Public methods */
-    async show() {
-        if (this.open)
-            return;
-        this.open = true;
-        return waitForEvent(this, 'nile-after-show');
-    }
-    async hide() {
-        if (!this.open)
-            return;
-        this.open = false;
-        return waitForEvent(this, 'nile-after-hide');
-    }
-    reposition() {
-        this.popup.reposition();
-    }
-    addOpenListeners() {
-        this.panel.addEventListener('nile-select', this.handlePanelSelect);
-        this.panel.addEventListener('keydown', this.handleKeyDown);
-        document.addEventListener('keydown', this.handleDocumentKeyDown);
-        document.addEventListener('mousedown', this.handleDocumentMouseDown);
-    }
-    removeOpenListeners() {
-        if (this.panel) {
-            this.panel.removeEventListener('nile-select', this.handlePanelSelect);
-            this.panel.removeEventListener('keydown', this.handleKeyDown);
-        }
-        document.removeEventListener('keydown', this.handleDocumentKeyDown);
-        document.removeEventListener('mousedown', this.handleDocumentMouseDown);
-    }
-    async handleOpenChange() {
-        if (this.disabled) {
-            this.open = false;
-            return;
-        }
-        this.updateAccessibleTrigger();
-        if (this.open) {
-            this.emit('nile-show');
-            this.addOpenListeners();
-            await stopAnimations(this);
-            this.panel.hidden = false;
-            this.popup.active = true;
-            const { keyframes, options } = getAnimation(this, 'dropdown.show', { dir: '' });
-            await animateTo(this.popup.popup, keyframes, options);
-            this.emit('nile-after-show');
-        }
-        else {
-            this.emit('nile-hide');
-            this.removeOpenListeners();
-            await stopAnimations(this);
-            const { keyframes, options } = getAnimation(this, 'dropdown.hide', { dir: '' });
-            await animateTo(this.popup.popup, keyframes, options);
-            this.panel.hidden = true;
-            this.popup.active = false;
-            this.emit('nile-after-hide');
-        }
-    }
-    render() {
-        return html `
-      <nile-popup
-        part="base"
-        id="sidebar-action-dropdown"
-        placement=${this.placement}
-        distance=${this.distance}
-        skidding=${this.skidding}
-        strategy=${this.hoist ? 'fixed' : 'absolute'}
-        sync=${this.sync}
-        flip
-        shift
-        auto-size="both"
-        auto-size-padding="10"
-        class=${classMap({
-            dropdown: true,
-            'dropdown--open': this.open
-        })}
-      >
-        <slot
-          name="trigger"
-          slot="anchor"
-          part="trigger"
-          class="dropdown__trigger"
-          @click=${this.handleTriggerClick}
-          @keydown=${this.handleTriggerKeyDown}
-          @keyup=${this.handleTriggerKeyUp}
-          @slotchange=${this.handleTriggerSlotChange}
-        ></slot>
-
-        <slot
-          part="panel"
-          class="dropdown__panel"
-          aria-hidden=${this.open ? 'false' : 'true'}
-          aria-labelledby="sidebar-action-dropdown"
-        ></slot>
-      </nile-popup>
-    `;
-    }
-};
-NileSideBarAction.styles = [styles];
-__decorate([
-    query('.dropdown')
-], NileSideBarAction.prototype, "popup", void 0);
-__decorate([
-    query('.dropdown__trigger')
-], NileSideBarAction.prototype, "trigger", void 0);
-__decorate([
-    query('.dropdown__panel')
-], NileSideBarAction.prototype, "panel", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileSideBarAction.prototype, "open", void 0);
-__decorate([
-    property({ reflect: true })
-], NileSideBarAction.prototype, "placement", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileSideBarAction.prototype, "disabled", void 0);
-__decorate([
-    property({ attribute: 'stay-open-on-select', type: Boolean, reflect: true })
-], NileSideBarAction.prototype, "stayOpenOnSelect", void 0);
-__decorate([
-    property({ attribute: false })
-], NileSideBarAction.prototype, "containingElement", void 0);
-__decorate([
-    property({ type: Number })
-], NileSideBarAction.prototype, "distance", void 0);
-__decorate([
-    property({ type: Number })
-], NileSideBarAction.prototype, "skidding", void 0);
-__decorate([
-    property()
-], NileSideBarAction.prototype, "sync", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileSideBarAction.prototype, "hoist", void 0);
-__decorate([
-    watch('open', { waitUntilFirstUpdate: true })
-], NileSideBarAction.prototype, "handleOpenChange", null);
-NileSideBarAction = __decorate([
-    customElement('nile-side-bar-action')
-], NileSideBarAction);
-export { NileSideBarAction };
-/* Default animations */
-setDefaultAnimation('dropdown.show', {
-    keyframes: [
-        { opacity: 0, scale: 0.9 },
-        { opacity: 1, scale: 1 }
-    ],
-    options: { duration: 100, easing: 'ease' }
-});
-setDefaultAnimation('dropdown.hide', {
-    keyframes: [
-        { opacity: 1, scale: 1 },
-        { opacity: 0, scale: 0.9 }
-    ],
-    options: { duration: 100, easing: 'ease' }
-});
-export default NileSideBarAction;
-//# sourceMappingURL=nile-side-bar-action.js.map

package/dist/src/nile-side-bar-action/nile-side-bar-action.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-side-bar-action.js","sourceRoot":"","sources":["../../../src/nile-side-bar-action/nile-side-bar-action.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, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-side-bar-action.css';\nimport NileElement from '../internal/nile-element';\n\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { getTabbableBoundary } from '../internal/tabbable';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\n\nimport type NileButton from '../nile-button/nile-button';\nimport type NileIconButton from '../nile-icon-button/nile-icon-button';\nimport type { NileMenu } from '../nile-menu';\nimport type { NilePopup } from '../nile-popup';\nimport '../nile-popup';\n\n/**\n * Nile side-bar-action component.\n *\n * @tag nile-side-bar-action\n *\n * @slot trigger - The clickable trigger (icon/button).\n * @slot - The dropdown panel content (menu, custom content).\n *\n * @event nile-show - Fired when dropdown opens.\n * @event nile-after-show - Fired after dropdown + animations.\n * @event nile-hide - Fired when dropdown closes.\n * @event nile-after-hide - Fired after dropdown closes + animations.\n */\n@customElement('nile-side-bar-action')\nexport class NileSideBarAction extends NileElement {\n  static styles: CSSResultArray = [styles];\n\n  @query('.dropdown') popup: NilePopup;\n  @query('.dropdown__trigger') trigger: HTMLSlotElement;\n  @query('.dropdown__panel') panel: HTMLSlotElement;\n\n  /** Whether the dropdown is open */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Preferred placement relative to trigger */\n  @property({ reflect: true }) placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'bottom-start';\n\n  /** Disable interaction */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Keep open on select */\n  @property({ attribute: 'stay-open-on-select', type: Boolean, reflect: true })\n  stayOpenOnSelect = false;\n\n  /** External containing element (default: self) */\n  @property({ attribute: false }) containingElement?: HTMLElement;\n\n  /** Offsets */\n  @property({ type: Number }) distance = 0;\n  @property({ type: Number }) skidding = 0;\n\n  /** Sync size with trigger */\n  @property() sync: 'width' | 'height' | 'both';\n\n  /** Hoist above scroll containers */\n  @property({ type: Boolean }) hoist = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handlePanelSelect = this.handlePanelSelect.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);\n\n    if (!this.containingElement) {\n      this.containingElement = this;\n    }\n    this.emit('nile-init');\n  }\n\n  firstUpdated() {\n    this.panel.hidden = !this.open;\n    if (this.open) {\n      this.addOpenListeners();\n      this.popup.active = true;\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeOpenListeners();\n    this.hide();\n    this.emit('nile-destroy');\n  }\n\n  focusOnTrigger() {\n    const trigger = this.trigger.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n    if (typeof trigger?.focus === 'function') {\n      trigger.focus();\n    }\n  }\n\n  getMenu() {\n    return this.panel.assignedElements({ flatten: true }).find(el =>\n      el.tagName.toLowerCase() === 'nile-menu'\n    ) as NileMenu | undefined;\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    if (this.open && event.key === 'Escape') {\n      event.stopPropagation();\n      this.hide();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleDocumentKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.open) {\n      event.stopPropagation();\n      this.focusOnTrigger();\n      this.hide();\n      return;\n    }\n    if (event.key === 'Tab') {\n      setTimeout(() => {\n        const activeElement =\n          this.containingElement?.getRootNode() instanceof ShadowRoot\n            ? document.activeElement?.shadowRoot?.activeElement\n            : document.activeElement;\n\n        if (\n          !this.containingElement ||\n          activeElement?.closest(this.containingElement.tagName.toLowerCase()) !==\n            this.containingElement\n        ) {\n          this.hide();\n        }\n      });\n    }\n  }\n\n  handleDocumentMouseDown(event: MouseEvent) {\n    const path = event.composedPath();\n    if (this.containingElement && !path.includes(this.containingElement)) {\n      this.hide();\n    }\n  }\n\n  handlePanelSelect(event: any) {\n    const target = event.target as HTMLElement;\n    if (!this.stayOpenOnSelect && target.tagName.toLowerCase() === 'nile-menu') {\n      this.hide();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleTriggerClick() {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleTriggerKeyDown(event: KeyboardEvent) {\n    const menu = this.getMenu();\n    if (menu) {\n      const menuItems = menu.getAllItems();\n      const firstMenuItem = menuItems[0];\n      const lastMenuItem = menuItems[menuItems.length - 1];\n\n      if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n        event.preventDefault();\n        if (!this.open) this.show();\n        if (menuItems.length > 0) {\n          this.updateComplete.then(() => {\n            if (event.key === 'ArrowDown' || event.key === 'Home') {\n              menu.setCurrentItem(firstMenuItem);\n              firstMenuItem.focus();\n            }\n            if (event.key === 'ArrowUp' || event.key === 'End') {\n              menu.setCurrentItem(lastMenuItem);\n              lastMenuItem.focus();\n            }\n          });\n        }\n      }\n    }\n  }\n\n  handleTriggerKeyUp(event: KeyboardEvent) {\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n  }\n\n  handleTriggerSlotChange() {\n    this.updateAccessibleTrigger();\n  }\n\n  updateAccessibleTrigger() {\n    const assignedElements = this.trigger.assignedElements({ flatten: true }) as HTMLElement[];\n    const accessibleTrigger = assignedElements.find(el => getTabbableBoundary(el).start);\n    let target: HTMLElement;\n\n    if (accessibleTrigger) {\n      switch (accessibleTrigger.tagName.toLowerCase()) {\n        case 'nile-button':\n        case 'nile-icon-button':\n          target = (accessibleTrigger as NileButton | NileIconButton).button;\n          break;\n        default:\n          target = accessibleTrigger;\n      }\n\n      target.setAttribute('aria-haspopup', 'true');\n      target.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n    }\n  }\n\n  /** Public methods */\n  async show() {\n    if (this.open) return;\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  async hide() {\n    if (!this.open) return;\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  reposition() {\n    this.popup.reposition();\n  }\n\n  addOpenListeners() {\n    this.panel.addEventListener('nile-select', this.handlePanelSelect);\n    this.panel.addEventListener('keydown', this.handleKeyDown);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  removeOpenListeners() {\n    if (this.panel) {\n      this.panel.removeEventListener('nile-select', this.handlePanelSelect);\n      this.panel.removeEventListener('keydown', this.handleKeyDown);\n    }\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.disabled) {\n      this.open = false;\n      return;\n    }\n    this.updateAccessibleTrigger();\n\n    if (this.open) {\n      this.emit('nile-show');\n      this.addOpenListeners();\n\n      await stopAnimations(this);\n      this.panel.hidden = false;\n      this.popup.active = true;\n      const { keyframes, options } = getAnimation(this, 'dropdown.show', { dir: '' });\n      await animateTo(this.popup.popup, keyframes, options);\n      this.emit('nile-after-show');\n    } else {\n      this.emit('nile-hide');\n      this.removeOpenListeners();\n\n      await stopAnimations(this);\n      const { keyframes, options } = getAnimation(this, 'dropdown.hide', { dir: '' });\n      await animateTo(this.popup.popup, keyframes, options);\n      this.panel.hidden = true;\n      this.popup.active = false;\n      this.emit('nile-after-hide');\n    }\n  }\n\n  render(): TemplateResult {\n    return html`\n      <nile-popup\n        part=\"base\"\n        id=\"sidebar-action-dropdown\"\n        placement=${this.placement}\n        distance=${this.distance}\n        skidding=${this.skidding}\n        strategy=${this.hoist ? 'fixed' : 'absolute'}\n        sync=${this.sync}\n        flip\n        shift\n        auto-size=\"both\"\n        auto-size-padding=\"10\"\n        class=${classMap({\n          dropdown: true,\n          'dropdown--open': this.open\n        })}\n      >\n        <slot\n          name=\"trigger\"\n          slot=\"anchor\"\n          part=\"trigger\"\n          class=\"dropdown__trigger\"\n          @click=${this.handleTriggerClick}\n          @keydown=${this.handleTriggerKeyDown}\n          @keyup=${this.handleTriggerKeyUp}\n          @slotchange=${this.handleTriggerSlotChange}\n        ></slot>\n\n        <slot\n          part=\"panel\"\n          class=\"dropdown__panel\"\n          aria-hidden=${this.open ? 'false' : 'true'}\n          aria-labelledby=\"sidebar-action-dropdown\"\n        ></slot>\n      </nile-popup>\n    `;\n  }\n}\n\n/* Default animations */\nsetDefaultAnimation('dropdown.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.9 },\n    { opacity: 1, scale: 1 }\n  ],\n  options: { duration: 100, easing: 'ease' }\n});\n\nsetDefaultAnimation('dropdown.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.9 }\n  ],\n  options: { duration: 100, easing: 'ease' }\n});\n\nexport default NileSideBarAction;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar-action': NileSideBarAction;\n  }\n}\n"]}

package/dist/src/nile-side-bar-action-menu/index.d.ts

@@ -1 +0,0 @@
-export { NileSideBarActionMenu } from './nile-side-bar-action-menu';

package/dist/src/nile-side-bar-action-menu/index.js

@@ -1,2 +0,0 @@
-export { NileSideBarActionMenu } from './nile-side-bar-action-menu';
-//# sourceMappingURL=index.js.map

package/dist/src/nile-side-bar-action-menu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-side-bar-action-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export { NileSideBarActionMenu } from './nile-side-bar-action-menu';"]}

package/dist/src/nile-side-bar-action-menu/nile-side-bar-action-menu.css.d.ts

@@ -1,12 +0,0 @@
-/**
-* 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.
-*/
-/**
- * SideBarActionMenu CSS
- */
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

package/dist/src/nile-side-bar-action-menu/nile-side-bar-action-menu.css.js

@@ -1,73 +0,0 @@
-/**
-* 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';
-/**
- * SideBarActionMenu CSS
- */
-export const styles = css `
-   :host {
-    display: block;
-    position: relative;
-    background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));
-    border: solid 1px var(--nile-custom-color-288,var(--ng-colors-border-secondary-alt));
-    border-radius: var(--nile-radius-radius-lg,var(--ng-radius-md));
-    overflow: hidden;
-    -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));
-    height: 100%;
-    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
-      0px 8px 8px -4px rgba(16, 24, 40, 0.03);
-    /* overscroll-behavior: none; */
-    /* -ms-overflow-style: none; */
-    /* scrollbar-width: none; */
-  }
-
-  .search__wrapper {
-    box-sizing: border-box;
-    padding: var(--nile-spacing-lg,var(--ng-spacing-lg)) var(--nile-spacing-sm,var(--ng-spacing-sm));
-    position: sticky;
-    z-index: 999;
-    top: 0px;
-    background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));
-    height: 64px;
-  }
-
-  .menu__items-wrapper {
-    overflow: auto;
-    max-height: var(--auto-size-available-height);
-  }
-
-  ::slotted(nile-divider) {
-    --spacing: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));
-  }
-
-  .menu__footer {
-    display: var(--nile-display-flex, var(--ng-display-none)); 
-    /* No need to tokenize below - token not required*/
-    border-radius: var(--nile-radius-sm, var(--ng-radius-xs));
-    align-items: stretch;
-    font-size: var(--nile-font-size-rem-large, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
-    line-height: 180%;
-    letter-spacing: normal;
-    color: var(--nile-colors-primary-600,var(--ng-colors-text-brand-secondary-700));
-    min-height: 40px;
-    transition: 150ms fill;
-    user-select: none;
-    white-space: nowrap;
-    cursor: pointer;
-    padding: var(--nile-spacing-none) var(--nile-spacing-spacing-xl);
-    margin: auto var(--nile-spacing-none, var(--ng-spacing-none));
-  }
-
-  .menu__footer:hover {
-    background-color:var(--nile-menu-item-background-color, var(--ng-colors-bg-secondary));
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-side-bar-action-menu.css.js.map

package/dist/src/nile-side-bar-action-menu/nile-side-bar-action-menu.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-side-bar-action-menu.css.js","sourceRoot":"","sources":["../../../src/nile-side-bar-action-menu/nile-side-bar-action-menu.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DxB,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 * SideBarActionMenu CSS\n */\nexport const styles = css`\n   :host {\n    display: block;\n    position: relative;\n    background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-custom-color-288,var(--ng-colors-border-secondary-alt));\n    border-radius: var(--nile-radius-radius-lg,var(--ng-radius-md));\n    overflow: hidden;\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    height: 100%;\n    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n      0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n    /* overscroll-behavior: none; */\n    /* -ms-overflow-style: none; */\n    /* scrollbar-width: none; */\n  }\n\n  .search__wrapper {\n    box-sizing: border-box;\n    padding: var(--nile-spacing-lg,var(--ng-spacing-lg)) var(--nile-spacing-sm,var(--ng-spacing-sm));\n    position: sticky;\n    z-index: 999;\n    top: 0px;\n    background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n    height: 64px;\n  }\n\n  .menu__items-wrapper {\n    overflow: auto;\n    max-height: var(--auto-size-available-height);\n  }\n\n  ::slotted(nile-divider) {\n    --spacing: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n  }\n\n  .menu__footer {\n    display: var(--nile-display-flex, var(--ng-display-none)); \n    /* No need to tokenize below - token not required*/\n    border-radius: var(--nile-radius-sm, var(--ng-radius-xs));\n    align-items: stretch;\n    font-size: var(--nile-font-size-rem-large, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: 180%;\n    letter-spacing: normal;\n    color: var(--nile-colors-primary-600,var(--ng-colors-text-brand-secondary-700));\n    min-height: 40px;\n    transition: 150ms fill;\n    user-select: none;\n    white-space: nowrap;\n    cursor: pointer;\n    padding: var(--nile-spacing-none) var(--nile-spacing-spacing-xl);\n    margin: auto var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .menu__footer:hover {\n    background-color:var(--nile-menu-item-background-color, var(--ng-colors-bg-secondary));\n  }\n`;\n\nexport default [styles];"]}

package/dist/src/nile-side-bar-action-menu/nile-side-bar-action-menu.d.ts

@@ -1,49 +0,0 @@
-/**
- * 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';
-import type NileMenuItem from '../nile-menu-item/nile-menu-item';
-/**
- * A nile-side-bar-action-menu element.
- * @summary Menus provide a list of options for the user to choose from.
- *
- * @slot - The menu's content, including menu items, menu labels, and dividers.
- *
- * @event nile-select - Emitted when a menu item is selected.
- * @fires count-changed - Indicates when the count changes
- * @slot - This element has a slot
- * @csspart button - The button
- */
-export declare class NileSideBarActionMenu extends NileElement {
-    static styles: CSSResultGroup;
-    searchValue: string;
-    searchWidth: number;
-    searchEnabled: boolean;
-    customSearch: boolean;
-    showNoResults: boolean;
-    allowSpaceKey: boolean;
-    noResultsMessage: string;
-    defaultSlot: HTMLSlotElement;
-    private readonly hasSlotController;
-    connectedCallback(): void;
-    private handleClick;
-    private handleKeyDown;
-    private handleMouseDown;
-    private handleSlotChange;
-    private isMenuItem;
-    getAllItems(): NileMenuItem[];
-    getCurrentItem(): NileMenuItem | undefined;
-    setCurrentItem(item: NileMenuItem): void;
-    private handleSearchChange;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default NileSideBarActionMenu;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-side-bar-action-menu': NileSideBarActionMenu;
-    }
-}