@aquera/nile-elements 0.0.1-beta.1

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-loader/nile-loader.js

@@ -0,0 +1,39 @@
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit-element';
+import { customElement, property } from 'lit/decorators.js';
+import styles from './nile-loader.css';
+let NileLoader = class NileLoader extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.height = '50';
+        this.width = '50';
+        this.position = 'absolute';
+        this.margin = '';
+    }
+    render() {
+        return html `
+      <div
+        style="width: ${this.width}px; height: ${this.height}px; background-size: ${this.width}px; position: ${this.position}; margin: ${this.margin}"
+        class="nile-loader"
+      ></div>
+    `;
+    }
+};
+NileLoader.styles = styles;
+__decorate([
+    property({ type: String })
+], NileLoader.prototype, "height", void 0);
+__decorate([
+    property({ type: String })
+], NileLoader.prototype, "width", void 0);
+__decorate([
+    property({ type: String })
+], NileLoader.prototype, "position", void 0);
+__decorate([
+    property({ type: String })
+], NileLoader.prototype, "margin", void 0);
+NileLoader = __decorate([
+    customElement('nile-loader')
+], NileLoader);
+export { NileLoader };
+//# sourceMappingURL=nile-loader.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-loader/nile-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-loader.js","sourceRoot":"","sources":["../../../src/nile-loader/nile-loader.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,UAAU;IAA1C;;QAE8B,WAAM,GAAG,IAAI,CAAC;QACd,UAAK,GAAG,IAAI,CAAC;QACb,aAAQ,GAAG,UAAU,CAAC;QACtB,WAAM,GAAG,EAAE,CAAC;IAY1C,CAAC;IARU,MAAM;QACb,OAAO,IAAI,CAAA;;wBAES,IAAI,CAAC,KAAK,eAAe,IAAI,CAAC,MAAM,wBAAwB,IAAI,CAAC,KAAK,iBAAiB,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;;;KAG/I,CAAC;IACJ,CAAC;CACF,CAAA;AAViB,iBAAM,GAAmB,MAAO,CAAA;AALpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAe;AACd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAc;AACb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAuB;AACtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAa;AAL7B,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAiBtB;SAjBY,UAAU","sourcesContent":["import { CSSResultGroup, css } from 'lit';\nimport { LitElement, html } from 'lit-element';\nimport { customElement, property } from 'lit/decorators.js';\nimport styles from './nile-loader.css';\n\n@customElement('nile-loader')\nexport class NileLoader extends LitElement {\n\n  @property({ type: String }) height = '50';\n  @property({ type: String }) width = '50';\n  @property({ type: String }) position = 'absolute';\n  @property({ type: String }) margin = '';\n\n  static override styles: CSSResultGroup = styles;\n\n  override render() {\n    return html`\n      <div\n        style=\"width: ${this.width}px; height: ${this.height}px; background-size: ${this.width}px; position: ${this.position}; margin: ${this.margin}\"\n        class=\"nile-loader\"\n      ></div>\n    `;\n  }\n}\n"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-menu/index.d.ts

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+/**
+ * An nile-menu element.
+ *
+ * @fires count-changed - Indicates when the count changes
+ * @slot - This element has a slot
+ * @csspart button - The button
+ */
+export declare class NileMenu extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Button Lab
+     */
+    name: string;
+    /**
+     * Button Lab
+     */
+    icon: string;
+    /**
+     * Button Lab
+     */
+    isActive: boolean;
+    /**
+     * Displays shorter version
+     */
+    short: boolean;
+    get buttonClassMap(): {
+        'nds-menu--active': boolean;
+        'nds-menu--short': boolean;
+    };
+    /**
+     * Button Lab
+     */
+    href: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-menu': NileMenu;
+    }
+}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-menu/index.js

@@ -0,0 +1,120 @@
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+/**
+ * An nile-menu element.
+ *
+ * @fires count-changed - Indicates when the count changes
+ * @slot - This element has a slot
+ * @csspart button - The button
+ */
+let NileMenu = class NileMenu extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Button Lab
+         */
+        this.name = 'Heading 1';
+        /**
+         * Button Lab
+         */
+        this.icon = "";
+        /**
+         * Button Lab
+         */
+        this.isActive = false;
+        /**
+         * Displays shorter version
+         */
+        this.short = false;
+        /**
+         * Button Lab
+         */
+        this.href = "/";
+    }
+    get buttonClassMap() {
+        return {
+            'nds-menu--active': this.isActive,
+            'nds-menu--short': this.short
+        };
+    }
+    render() {
+        const { name, icon, href } = this;
+        const hrefPath = `/${href}`;
+        return html `
+      <a class="nds-menu ${classMap(this.buttonClassMap)}">
+        <span class="nds-menu__icon">
+          <nile-icon name="${this.icon}" size="14" color="#000"></nile-icon>
+        </span>
+        <span class="nds-menu__link">${this.name}</span>
+      </a>
+    `;
+    }
+};
+NileMenu.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+    }
+    .nds-menu {
+      display: flex;
+      padding: 6px 6px;
+      border-radius: 4px;
+      cursor: pointer;
+      margin-bottom: 12px;
+      align-items: center;
+      text-decoration: none;
+    }
+
+    .nds-menu:hover {
+      background: rgba(0, 94, 166, 0.1);
+    }
+    .nds-menu__link {
+      font-family: var(--nile-font-family-sans-serif);
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 14px;
+      letter-spacing: 0.2px;
+      color: #131415;
+      text-decoration: none;
+      margin-left: 12px;
+    }
+    .nds-menu--active {
+      background: rgba(0, 94, 166, 0.1);
+    }
+
+    .nds-menu__icon {
+      margin-bottom: 0;
+      height: 14px;
+    }
+
+    .nds-menu--short {
+      width: auto;
+      /* min-width: 30px; */
+    }
+    .nds-menu--short > .nds-menu__link {
+      display:none;
+    }
+  `;
+__decorate([
+    property()
+], NileMenu.prototype, "name", void 0);
+__decorate([
+    property()
+], NileMenu.prototype, "icon", void 0);
+__decorate([
+    property()
+], NileMenu.prototype, "isActive", void 0);
+__decorate([
+    property()
+], NileMenu.prototype, "short", void 0);
+__decorate([
+    property()
+], NileMenu.prototype, "href", void 0);
+NileMenu = __decorate([
+    customElement('nile-menu')
+], NileMenu);
+export { NileMenu };
+//# sourceMappingURL=index.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-menu/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD;;;;;;GAMG;AAEH,IAAa,QAAQ,GAArB,MAAa,QAAS,SAAQ,UAAU;IAAxC;;QAgDE;;WAEG;QAEH,SAAI,GAAG,WAAW,CAAC;QAEnB;;WAEG;QAEH,SAAI,GAAW,EAAE,CAAC;QAElB;;WAEG;QAEH,aAAQ,GAAY,KAAK,CAAC;QAE1B;;WAEG;QAEH,UAAK,GAAY,KAAK,CAAC;QAUvB;;WAEG;QAEH,SAAI,GAAG,GAAG,CAAC;IAcb,CAAC;IAzBC,IAAI,cAAc;QAChB,OAAO;YACL,kBAAkB,EAAE,IAAI,CAAC,QAAQ;YACjC,iBAAiB,EAAE,IAAI,CAAC,KAAK;SAC9B,CAAC;IACJ,CAAC;IAQQ,MAAM;QACb,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAClC,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAA;2BACY,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;;6BAE3B,IAAI,CAAC,IAAI;;uCAEC,IAAI,CAAC,IAAI;;KAE3C,CAAC;IACJ,CAAC;CACF,CAAA;AAjGiB,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6C1B,CAAA;AAMF;IADC,QAAQ,EAAE;sCACQ;AAMnB;IADC,QAAQ,EAAE;sCACO;AAMlB;IADC,QAAQ,EAAE;0CACe;AAM1B;IADC,QAAQ,EAAE;uCACY;AAcvB;IADC,QAAQ,EAAE;sCACA;AApFA,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAkGpB;SAlGY,QAAQ","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n/**\n * An nile-menu element.\n *\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n@customElement('nile-menu')\nexport class NileMenu extends LitElement {\n  static override styles = css`\n    :host {\n      display: block;\n      width: 100%;\n    }\n    .nds-menu {\n      display: flex;\n      padding: 6px 6px;\n      border-radius: 4px;\n      cursor: pointer;\n      margin-bottom: 12px;\n      align-items: center;\n      text-decoration: none;\n    }\n\n    .nds-menu:hover {\n      background: rgba(0, 94, 166, 0.1);\n    }\n    .nds-menu__link {\n      font-family: var(--nile-font-family-sans-serif);\n      font-style: normal;\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 14px;\n      letter-spacing: 0.2px;\n      color: #131415;\n      text-decoration: none;\n      margin-left: 12px;\n    }\n    .nds-menu--active {\n      background: rgba(0, 94, 166, 0.1);\n    }\n\n    .nds-menu__icon {\n      margin-bottom: 0;\n      height: 14px;\n    }\n\n    .nds-menu--short {\n      width: auto;\n      /* min-width: 30px; */\n    }\n    .nds-menu--short > .nds-menu__link {\n      display:none;\n    }\n  `;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  name = 'Heading 1';\n\n  /**\n   * Button Lab\n   */\n  @property()\n  icon: string = \"\";\n\n  /**\n   * Button Lab\n   */\n  @property()\n  isActive: boolean = false;\n\n  /**\n   * Displays shorter version\n   */\n  @property()\n  short: boolean = false;\n\n\n  get buttonClassMap() {\n    return {\n      'nds-menu--active': this.isActive,\n      'nds-menu--short': this.short\n    };\n  }\n\n  /**\n   * Button Lab\n   */\n  @property()\n  href = \"/\";\n\n  override render() {\n    const { name, icon, href } = this;\n    const hrefPath = `/${href}`;\n    return html`\n      <a class=\"nds-menu ${classMap(this.buttonClassMap)}\">\n        <span class=\"nds-menu__icon\">\n          <nile-icon name=\"${this.icon}\" size=\"14\" color=\"#000\"></nile-icon>\n        </span>\n        <span class=\"nds-menu__link\">${this.name}</span>\n      </a>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-menu': NileMenu;\n  }\n}\n"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-popup/index.d.ts

@@ -0,0 +1 @@
+export { NilePopup } from './nile-popup';

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-popup/index.js

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

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-popup/index.js.map

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

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-popup/nile-popup.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.
+*/
+/**
+ * Popup CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-popup/nile-popup.css.js

@@ -0,0 +1,52 @@
+/**
+* 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';
+/**
+ * Popup CSS
+ */
+export const styles = css `
+
+:host {
+    --arrow-color: var(--sl-color-neutral-1000);
+    --arrow-size: 6px;
+
+    /*
+     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
+     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.
+     */
+    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);
+    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));
+
+    display: contents;
+  }
+
+  .popup {
+    position: absolute;
+    isolation: isolate;
+    max-width: var(--auto-size-available-width, none);
+    max-height: var(--auto-size-available-height, none);
+  }
+
+  .popup--fixed {
+    position: fixed;
+  }
+
+  .popup:not(.popup--active) {
+    display: none;
+  }
+
+  .popup__arrow {
+    position: absolute;
+    width: calc(var(--arrow-size-diagonal) * 2);
+    height: calc(var(--arrow-size-diagonal) * 2);
+    rotate: 45deg;
+    background: var(--arrow-color);
+    z-index: -1;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-popup.css.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-popup/nile-popup.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-popup.css.js","sourceRoot":"","sources":["../../../src/nile-popup/nile-popup.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCxB,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 * Popup CSS\n */\nexport const styles = css`\n\n:host {\n    --arrow-color: var(--sl-color-neutral-1000);\n    --arrow-size: 6px;\n\n    /*\n     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant\n     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.\n     */\n    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);\n    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));\n\n    display: contents;\n  }\n\n  .popup {\n    position: absolute;\n    isolation: isolate;\n    max-width: var(--auto-size-available-width, none);\n    max-height: var(--auto-size-available-height, none);\n  }\n\n  .popup--fixed {\n    position: fixed;\n  }\n\n  .popup:not(.popup--active) {\n    display: none;\n  }\n\n  .popup__arrow {\n    position: absolute;\n    width: calc(var(--arrow-size-diagonal) * 2);\n    height: calc(var(--arrow-size-diagonal) * 2);\n    rotate: 45deg;\n    background: var(--arrow-color);\n    z-index: -1;\n  }\n`;\n\nexport default [styles];\n"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/nile-popup/nile-popup.d.ts

@@ -0,0 +1,126 @@
+/**
+ * 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';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-popup
+ *
+ */
+export declare class NilePopup extends NileElement {
+    static styles: CSSResultGroup;
+    private anchorEl;
+    private cleanup;
+    /** A reference to the internal popup container. Useful for animating and styling the popup with JavaScript. */
+    popup: HTMLElement;
+    private arrowEl;
+    /**
+     * The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a
+     * reference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.
+     */
+    anchor: Element | string;
+    /**
+     * Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn
+     * down and the popup will be hidden.
+     */
+    active: boolean;
+    /**
+     * The preferred placement of the popup. Note that the actual placement will vary as configured 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';
+    /**
+     * Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is
+     * clipped, using a `fixed` position strategy can often workaround it.
+     */
+    strategy: 'absolute' | 'fixed';
+    /** The distance in pixels from which to offset the panel away from its anchor. */
+    distance: number;
+    /** The distance in pixels from which to offset the panel along its anchor. */
+    skidding: number;
+    /**
+     * Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and
+     * `--arrow-color` custom properties. For additional customizations, you can also target the arrow using
+     * `::part(arrow)` in your stylesheet.
+     */
+    arrow: boolean;
+    /**
+     * The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the
+     * anchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will
+     * align the arrow to the start, end, or center of the popover instead.
+     */
+    arrowPlacement: 'start' | 'end' | 'center' | 'anchor';
+    /**
+     * The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,
+     * this will prevent it from overflowing the corners.
+     */
+    arrowPadding: number;
+    /**
+     * When set, placement of the popup will flip to the opposite site to keep it in view. You can use
+     * `flipFallbackPlacements` to further configure how the fallback placement is determined.
+     */
+    flip: boolean;
+    /**
+     * If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a
+     * string of any number of placements separated by a space, e.g. "top bottom left". If no placement fits, the flip
+     * fallback strategy will be used instead.
+     * */
+    flipFallbackPlacements: string;
+    /**
+     * When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether
+     * the popup should be positioned using the best available fit based on available space or as it was initially
+     * preferred.
+     */
+    flipFallbackStrategy: 'best-fit' | 'initial';
+    /**
+     * The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By
+     * default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
+     * change the boundary by passing a reference to one or more elements to this property.
+     */
+    flipBoundary: Element | Element[];
+    /** The amount of padding, in pixels, to exceed before the flip behavior will occur. */
+    flipPadding: number;
+    /** Moves the popup along the axis to keep it in view when clipped. */
+    shift: boolean;
+    /**
+     * The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By
+     * default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
+     * change the boundary by passing a reference to one or more elements to this property.
+     */
+    shiftBoundary: Element | Element[];
+    /** The amount of padding, in pixels, to exceed before the shift behavior will occur. */
+    shiftPadding: number;
+    /** When set, this will cause the popup to automatically resize itself to prevent it from overflowing. */
+    autoSize: 'horizontal' | 'vertical' | 'both';
+    /** Syncs the popup's width or height to that of the anchor element. */
+    sync: 'width' | 'height' | 'both';
+    /**
+     * The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By
+     * default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
+     * change the boundary by passing a reference to one or more elements to this property.
+     */
+    autoSizeBoundary: Element | Element[];
+    /** The amount of padding, in pixels, to exceed before the auto-size behavior will occur. */
+    autoSizePadding: number;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    updated(changedProps: Map<string, unknown>): Promise<void>;
+    private handleAnchorChange;
+    private start;
+    private stop;
+    /** Forces the popup to recalculate and reposition itself. */
+    reposition(): void;
+    render(): TemplateResult<1>;
+}
+export default NilePopup;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-popup': NilePopup;
+    }
+}