@aquera/nile-elements 0.0.48 → 0.0.50

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-drawer/nile-drawer.css.js

@@ -1,30 +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-element';
-/**
- * Drawer CSS
- */
-export const styles = css `
-  :host {
-	background-color: var(--nile-alert-color-background-base);
-    padding: var(----nile-spacing-1-x);
-    position: fixed;
-    top: 0px;
-    right: 0px;
-    width: 424px;
-    height: 100vh;
-    background: #ffff;
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 11px rgba(0, 0, 0, 0.1);
-    transform: translateX(100%);
-    z-index: 999;
-	position: absolute;
-	top: 0;
-	right: 0;
-	width: 35%;
-  }
-`;
-//# sourceMappingURL=nile-drawer.css.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-drawer/nile-drawer.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-drawer.css.js","sourceRoot":"","sources":["../../../src/nile-drawer/nile-drawer.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBxB,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-element';\n\n/**\n * Drawer CSS\n */\nexport const styles = css`\n  :host {\n\tbackground-color: var(--nile-alert-color-background-base);\n    padding: var(----nile-spacing-1-x);\n    position: fixed;\n    top: 0px;\n    right: 0px;\n    width: 424px;\n    height: 100vh;\n    background: #ffff;\n    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 11px rgba(0, 0, 0, 0.1);\n    transform: translateX(100%);\n    z-index: 999;\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\twidth: 35%;\n  }\n`;\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-dropdown/index.d.ts

@@ -1 +0,0 @@
-export { NileDropdown } from './nile-dropdown';

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-dropdown/index.js

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

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAC,MAAM,iBAAiB,CAAC","sourcesContent":["export { NileDropdown} from './nile-dropdown';\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-dropdown/nile-dropdown.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.
-*/
-/**
- * Dropdown CSS
- */
-export declare const styles: import("lit-element").CSSResult;
-declare const _default: import("lit-element").CSSResult[];
-export default _default;

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-dropdown/nile-dropdown.css.js

@@ -1,60 +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-element';
-/**
- * Dropdown CSS
- */
-export const styles = css `
-:host {
-    display: inline-block;
-  }
-
-  .dropdown::part(popup) {
-    z-index: 900;
-  }
-
-  .dropdown[data-current-placement^='top']::part(popup) {
-    transform-origin: bottom;
-  }
-
-  .dropdown[data-current-placement^='bottom']::part(popup) {
-    transform-origin: top;
-  }
-
-  .dropdown[data-current-placement^='left']::part(popup) {
-    transform-origin: right;
-  }
-
-  .dropdown[data-current-placement^='right']::part(popup) {
-    transform-origin: left;
-  }
-
-  .dropdown__trigger {
-    display: block;
-  }
-
-  .dropdown__panel {
-    font-size: 1rem;
-    font-weight: 400;
-    box-shadow: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
-    border-radius: 0.25rem;
-    pointer-events: none;
-  }
-
-  .dropdown--open .dropdown__panel {
-    display: block;
-    pointer-events: all;
-  }
-
-  /* When users slot a menu, make sure it conforms to the popup's auto-size */
-  ::slotted(nile-menu) {
-    max-width: var(--auto-size-available-width) !important;
-    max-height: var(--auto-size-available-height) !important;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-dropdown.css.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-dropdown/nile-dropdown.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-dropdown.css.js","sourceRoot":"","sources":["../../../src/nile-dropdown/nile-dropdown.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CxB,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-element';\n\n/**\n * Dropdown CSS\n */\nexport const styles = css`\n:host {\n    display: inline-block;\n  }\n\n  .dropdown::part(popup) {\n    z-index: 900;\n  }\n\n  .dropdown[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .dropdown[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  .dropdown[data-current-placement^='left']::part(popup) {\n    transform-origin: right;\n  }\n\n  .dropdown[data-current-placement^='right']::part(popup) {\n    transform-origin: left;\n  }\n\n  .dropdown__trigger {\n    display: block;\n  }\n\n  .dropdown__panel {\n    font-size: 1rem;\n    font-weight: 400;\n    box-shadow: 0 2px 8px hsl(240 3.8% 46.1% / 12%);\n    border-radius: 0.25rem;\n    pointer-events: none;\n  }\n\n  .dropdown--open .dropdown__panel {\n    display: block;\n    pointer-events: all;\n  }\n\n  /* When users slot a menu, make sure it conforms to the popup's auto-size */\n  ::slotted(nile-menu) {\n    max-width: var(--auto-size-available-width) !important;\n    max-height: var(--auto-size-available-height) !important;\n  }\n`;\n\nexport default [styles];\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-dropdown/nile-dropdown.d.ts

@@ -1,105 +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 { TemplateResult } from 'lit-element';
-import NileElement from '../internal/nile-element';
-import type { CSSResultGroup } from 'lit';
-import type { NileMenu } from '../nile-menu';
-import type { NilePopup } from '../nile-popup';
-import '../nile-popup';
-/**
- * Nile icon component.
- *
- * @tag nile-dropdown
- * @summary Dropdowns expose additional content that "drops down" in a panel.
- * @dependency nile-popup
- *
- * @slot - The dropdown's main content.
- * @slot trigger - The dropdown's trigger, usually a `<nile-button>` element.
- *
- * @event nile-show - Emitted when the dropdown opens.
- * @event nile-after-show - Emitted after the dropdown opens and all animations are complete.
- * @event nile-hide - Emitted when the dropdown closes.
- * @event nile-after-hide - Emitted after the dropdown closes and all animations are complete.
- *
- * @csspart base - The component's base wrapper.
- * @csspart trigger - The container that wraps the trigger.
- * @csspart panel - The panel that gets shown when the dropdown is open.
- *
- * @animation dropdown.show - The animation to use when showing the dropdown.
- * @animation dropdown.hide - The animation to use when hiding the dropdown.
- */
-export declare class NileDropdown extends NileElement {
-    static styles: CSSResultGroup;
-    popup: NilePopup;
-    trigger: HTMLSlotElement;
-    panel: HTMLSlotElement;
-    /**
-     * Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you
-     * can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.
-     */
-    open: boolean;
-    /**
-     * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel
-     * inside of the viewport.
-     */
-    placement: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-    /** Disables the dropdown so the panel will not open. */
-    disabled: boolean;
-    /**
-     * By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for
-     * dropdowns that allow for multiple interactions.
-     */
-    stayOpenOnSelect: boolean;
-    /**
-     * The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other
-     * components that use a dropdown internally.
-     */
-    containingElement?: HTMLElement;
-    /** The distance in pixels from which to offset the panel away from its trigger. */
-    distance: number;
-    noOpenOnClick: boolean;
-    /** The distance in pixels from which to offset the panel along its trigger. */
-    skidding: number;
-    /**
-     * Enable this option to prevent the panel from being clipped when the component is placed inside a container with
-     * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
-     */
-    hoist: boolean;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    disconnectedCallback(): void;
-    focusOnTrigger(): void;
-    getMenu(): NileMenu | undefined;
-    handleKeyDown(event: KeyboardEvent): void;
-    handleDocumentKeyDown(event: KeyboardEvent): void;
-    handleDocumentMouseDown(event: MouseEvent): void;
-    handlePanelSelect(event: any): void;
-    handleTriggerClick(): void;
-    handleTriggerKeyDown(event: KeyboardEvent): void;
-    handleTriggerKeyUp(event: KeyboardEvent): void;
-    handleTriggerSlotChange(): void;
-    updateAccessibleTrigger(): void;
-    /** Shows the dropdown panel. */
-    show(): Promise<void>;
-    /** Hides the dropdown panel */
-    hide(): Promise<void>;
-    /**
-     * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
-     * is activated.
-     */
-    reposition(): void;
-    addOpenListeners(): void;
-    removeOpenListeners(): void;
-    handleOpenChange(): Promise<void>;
-    render(): TemplateResult<1>;
-}
-export default NileDropdown;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-dropdown': NileDropdown;
-    }
-}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-dropdown/nile-dropdown.js

@@ -1,414 +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, property } from 'lit-element';
-import { customElement } from 'lit/decorators.js';
-import { styles } from './nile-dropdown.css';
-import { animateTo, stopAnimations } from '../internal/animate';
-import { classMap } from 'lit/directives/class-map.js';
-import { query } from 'lit/decorators.js';
-import { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';
-import { getTabbableBoundary } from '../internal/tabbable';
-import { waitForEvent } from '../internal/event';
-import { watch } from '../internal/watch';
-import NileElement from '../internal/nile-element';
-import '../nile-popup';
-/**
- * Nile icon component.
- *
- * @tag nile-dropdown
- * @summary Dropdowns expose additional content that "drops down" in a panel.
- * @dependency nile-popup
- *
- * @slot - The dropdown's main content.
- * @slot trigger - The dropdown's trigger, usually a `<nile-button>` element.
- *
- * @event nile-show - Emitted when the dropdown opens.
- * @event nile-after-show - Emitted after the dropdown opens and all animations are complete.
- * @event nile-hide - Emitted when the dropdown closes.
- * @event nile-after-hide - Emitted after the dropdown closes and all animations are complete.
- *
- * @csspart base - The component's base wrapper.
- * @csspart trigger - The container that wraps the trigger.
- * @csspart panel - The panel that gets shown when the dropdown is open.
- *
- * @animation dropdown.show - The animation to use when showing the dropdown.
- * @animation dropdown.hide - The animation to use when hiding the dropdown.
- */
-let NileDropdown = class NileDropdown extends NileElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you
-         * can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.
-         */
-        this.open = false;
-        /**
-         * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel
-         * inside of the viewport.
-         */
-        this.placement = 'bottom-start';
-        /** Disables the dropdown so the panel will not open. */
-        this.disabled = false;
-        /**
-         * By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for
-         * dropdowns that allow for multiple interactions.
-         */
-        this.stayOpenOnSelect = false;
-        /** The distance in pixels from which to offset the panel away from its trigger. */
-        this.distance = 0;
-        this.noOpenOnClick = false;
-        /** The distance in pixels from which to offset the panel along its trigger. */
-        this.skidding = 0;
-        /**
-         * Enable this option to prevent the panel from being clipped when the component is placed inside a container with
-         * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
-         */
-        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 the dropdown is visible on init, update its position
-        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) {
-        // Close when escape is pressed inside an open dropdown. We need to listen on the panel itself and stop propagation
-        // in case any ancestors are also listening for this key.
-        if (this.open && event.key === 'Escape') {
-            event.stopPropagation();
-            this.hide();
-            this.focusOnTrigger();
-        }
-    }
-    handleDocumentKeyDown(event) {
-        // Close when escape or tab is pressed
-        if (event.key === 'Escape' && this.open) {
-            event.stopPropagation();
-            this.focusOnTrigger();
-            this.hide();
-            return;
-        }
-        // Handle tabbing
-        if (event.key === 'Tab') {
-            // Tabbing within an open menu should close the dropdown and refocus the trigger
-            if (this.open && document.activeElement?.tagName.toLowerCase() === 'nile-menu-item') {
-                event.preventDefault();
-                this.hide();
-                this.focusOnTrigger();
-                return;
-            }
-            // Tabbing outside of the containing element closes the panel
-            //
-            // If the dropdown is used within a shadow DOM, we need to obtain the activeElement within that shadowRoot,
-            // otherwise `document.activeElement` will only return the name of the parent shadow DOM element.
-            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) {
-        // Close when clicking outside of the containing element
-        const path = event.composedPath();
-        if (this.containingElement && !path.includes(this.containingElement)) {
-            this.hide();
-        }
-    }
-    handlePanelSelect(event) {
-        const target = event.target;
-        // Hide the dropdown when a menu item is selected
-        if (!this.stayOpenOnSelect && target.tagName.toLowerCase() === 'nile-menu') {
-            this.hide();
-            this.focusOnTrigger();
-        }
-    }
-    handleTriggerClick() {
-        if (this.noOpenOnClick) {
-            return;
-        }
-        if (this.open) {
-            this.hide();
-        }
-        else {
-            this.show();
-            this.focusOnTrigger();
-        }
-    }
-    handleTriggerKeyDown(event) {
-        // When spacebar/enter is pressed, show the panel but don't focus on the menu. This let's the user press the same
-        // key again to hide the menu in case they don't want to make a selection.
-        // if (['Enter'].includes(event.key)) {
-        //   event.preventDefault();
-        //   this.handleTriggerClick();
-        //   return;
-        // }
-        const menu = this.getMenu();
-        if (menu) {
-            const menuItems = menu.getAllItems();
-            const firstMenuItem = menuItems[0];
-            const lastMenuItem = menuItems[menuItems.length - 1];
-            // When up/down is pressed, we make the assumption that the user is familiar with the menu and plans to make a
-            // selection. Rather than toggle the panel, we focus on the menu (if one exists) and activate the first item for
-            // faster navigation.
-            if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {
-                event.preventDefault();
-                // Show the menu if it's not already open
-                if (!this.open) {
-                    this.show();
-                }
-                if (menuItems.length > 0) {
-                    // Focus on the first/last menu item after showing
-                    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) {
-        // Prevent space from triggering a click event in Firefox
-        if (event.key === ' ') {
-            event.preventDefault();
-        }
-    }
-    handleTriggerSlotChange() {
-        this.updateAccessibleTrigger();
-    }
-    //
-    // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and
-    // `aria-expanded`. These must be applied to the "accessible trigger" (the tabbable portion of the trigger element
-    // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,
-    // a child of the slotted element, or an element in the slotted element's shadow root.
-    //
-    // For example, the accessible trigger of an <nile-button> is a <button> located inside its shadow root.
-    //
-    // To determine this, we assume the first tabbable element in the trigger slot is the "accessible trigger."
-    //
-    updateAccessibleTrigger() {
-        const assignedElements = this.trigger.assignedElements({ flatten: true });
-        const accessibleTrigger = assignedElements.find(el => getTabbableBoundary(el).start);
-        let target;
-        if (accessibleTrigger) {
-            switch (accessibleTrigger.tagName.toLowerCase()) {
-                // nile buttons have to update the internal button so it's announced correctly by screen readers
-                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');
-        }
-    }
-    /** Shows the dropdown panel. */
-    async show() {
-        if (this.open) {
-            return undefined;
-        }
-        this.open = true;
-        return waitForEvent(this, 'nile-after-show');
-    }
-    /** Hides the dropdown panel */
-    async hide() {
-        if (!this.open) {
-            return undefined;
-        }
-        this.open = false;
-        return waitForEvent(this, 'nile-after-hide');
-    }
-    /**
-     * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
-     * is activated.
-     */
-    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) {
-            // Show
-            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 {
-            // Hide
-            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="dropdown"
-        placement=${this.placement}
-        distance=${this.distance}
-        skidding=${this.skidding}
-        strategy=${this.hoist ? 'fixed' : 'absolute'}
-        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="dropdown"
-        ></slot>
-      </nile-popup>
-    `;
-    }
-};
-NileDropdown.styles = styles;
-__decorate([
-    query('.dropdown')
-], NileDropdown.prototype, "popup", void 0);
-__decorate([
-    query('.dropdown__trigger')
-], NileDropdown.prototype, "trigger", void 0);
-__decorate([
-    query('.dropdown__panel')
-], NileDropdown.prototype, "panel", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileDropdown.prototype, "open", void 0);
-__decorate([
-    property({ reflect: true })
-], NileDropdown.prototype, "placement", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileDropdown.prototype, "disabled", void 0);
-__decorate([
-    property({ attribute: 'stay-open-on-select', type: Boolean, reflect: true })
-], NileDropdown.prototype, "stayOpenOnSelect", void 0);
-__decorate([
-    property({ attribute: false })
-], NileDropdown.prototype, "containingElement", void 0);
-__decorate([
-    property({ type: Number })
-], NileDropdown.prototype, "distance", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileDropdown.prototype, "noOpenOnClick", void 0);
-__decorate([
-    property({ type: Number })
-], NileDropdown.prototype, "skidding", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileDropdown.prototype, "hoist", void 0);
-__decorate([
-    watch('open', { waitUntilFirstUpdate: true })
-], NileDropdown.prototype, "handleOpenChange", null);
-NileDropdown = __decorate([
-    customElement('nile-dropdown')
-], NileDropdown);
-export { NileDropdown };
-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 NileDropdown;
-//# sourceMappingURL=nile-dropdown.js.map