@aquera/nile-elements 1.2.7-beta-1.5 → 1.2.7-beta-1.6

package/dist/src/nile-table-row-expandable/nile-table-row-expandable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-table-row-expandable.js","sourceRoot":"","sources":["../../../src/nile-table-row-expandable/nile-table-row-expandable.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAiC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,WAAW;IAAhD;;QAUsC,eAAU,GAAG,KAAK,CAAC;QACnB,aAAQ,GAAG,KAAK,CAAC;QAkE7D,gBAAgB;IACjB,CAAC;IA5EA;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IASO,YAAY,CAAC,CAAa;QACjC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE;YACjD,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YACnC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAGO,kBAAkB,CAAC,KAAkB;QAC5C,MAAM,YAAY,GAAQ;YACzB,GAAG,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,CAAC;SAClD,CAAC;QACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9C,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;YAC/B,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC;YAC3E,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACf,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC;YACvB,CAAC;QACF,CAAC;IACF,CAAC;IAED;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;;;yBAIY,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;gCAC/D,IAAI,CAAC,kBAAkB;;cAEzC,IAAI,CAAC,UAAU;YACzB,CAAC,CAAC,IAAI,CAAA;;;;2BAIiB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc;2BAC7C,IAAI,CAAC,YAAY;;;gCAGZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY;qCACxC;YACjC,CAAC,CAAC,IAAI;;;;YAIE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YACxC,CAAC,CAAC,IAAI,CAAA;;;uBAGa;YACnB,CAAC,CAAC,IAAI;;OAEH,CAAC;IACP,CAAC;CAGD,CAAA;AApE4C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAAoB;AACnB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDAAkB;AAGrD;IADP,KAAK,CAAC,uBAAuB,CAAC;6DACS;AAd5B,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CA8ElC;;AAED,eAAe,sBAAsB,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 {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property, query} from 'lit/decorators.js';\nimport { styles } from './nile-table-row-expandable.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile table-row-expandable component.\n *\n * @tag nile-table-row-expandable\n *\n */\n@customElement('nile-table-row-expandable')\nexport class NileTableRowExpandable extends NileElement {\n\n\t/**\n\t * The styles for nile-table-row-expandable\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\t\n\t@property({ type: Boolean, reflect: true }) expandable = false;\n\t@property({ type: Boolean, reflect: true }) expanded = false;\n\n\t@query('slot[name=\"expanded\"]')\n\tprivate _expandedSlot!: HTMLSlotElement;\n\n\n\tprivate toggleExpand(e: MouseEvent): void {\n\t\tthis.expanded = !this.expanded;\n\t\tthis.dispatchEvent(new CustomEvent('nile-change', {\n\t\t\tdetail: { expanded: this.expanded },\n\t\t\tbubbles: true,\n\t\t\tcomposed: true,\n\t\t}));\n\t}\n\n\n\tprivate handleSortingAlter(event: CustomEvent) {\n\t\tconst header_items: any = [\n\t\t\t...this.querySelectorAll('nile-table-header-item'),\n\t\t];\n\t\tfor (let i = 0; i < header_items.length; i++) {\n\t\t\tconst header = header_items[i];\n\t\t\tconst haveIcon = header.textContent == event.detail.value.curr_sort_string;\n\t\t\tif (!haveIcon) {\n\t\t\t\theader.sorting_ct = 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n        <div part=\"row-container\" class=\"row-container\">\n          <div\n            part=\"nile-row\"\n            class=\"row ${this.expandable ? 'expandable' : ''} ${this.expanded ? 'expanded' : ''}\"\n            @nile-click-sort=\"${this.handleSortingAlter}\"\n          >\n            ${this.expandable\n\t\t\t\t? html`\n              <slot name=\"expandableIcon\">\n                <nile-icon\n                  class=\"expand-icon\"\n                   name=\"${this.expanded ? 'chevron-up' : 'chevron-down'}\"\t\n                  @click=${this.toggleExpand}\n                  role=\"button\"\n                  size=\"10\"\n                  aria-label=\"${this.expanded ? 'Collapse row' : 'Expand row'}\">\n                </nile-icon> </slot>`\n\t\t\t\t: null}\n            <slot></slot>\n          </div>\n  \n          ${this.expandable && this.expanded\n\t\t\t\t? html`\n                <div class=\"expanded-content\">\n                  <slot name=\"expanded\"></slot>\n                </div>`\n\t\t\t\t: null}\n        </div>\n      `;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileTableRowExpandable;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row-expandable': NileTableRowExpandable;\n  }\n}"]}

package/dist/src/nile-test-hello/index.d.ts

@@ -1 +0,0 @@
-export { NileTestHello } from './nile-test-hello';

package/dist/src/nile-test-hello/index.js

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

package/dist/src/nile-test-hello/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-test-hello/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { NileTestHello } from './nile-test-hello';"]}

package/dist/src/nile-test-hello/nile-test-hello.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.
-*/
-/**
- * TestHello CSS
- */
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

package/dist/src/nile-test-hello/nile-test-hello.css.js

@@ -1,17 +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';
-/**
- * TestHello CSS
- */
-export const styles = css `
-	:host {
-
-	}
-`;
-export default [styles];
-//# sourceMappingURL=nile-test-hello.css.js.map

package/dist/src/nile-test-hello/nile-test-hello.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-test-hello.css.js","sourceRoot":"","sources":["../../../src/nile-test-hello/nile-test-hello.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,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 * TestHello CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-test-hello/nile-test-hello.d.ts

@@ -1,33 +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 { CSSResultArray, TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-/**
- * Nile test-hello component.
- *
- * @tag nile-test-hello
- *
- */
-export declare class NileTestHello extends NileElement {
-    /**
-     * The styles for nile-test-hello
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    contentHtml: string;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render(): TemplateResult;
-}
-export default NileTestHello;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-test-hello': NileTestHello;
-    }
-}

package/dist/src/nile-test-hello/nile-test-hello.js

@@ -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 { __decorate } from "tslib";
-import { html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { styles } from './nile-test-hello.css';
-import NileElement from '../internal/nile-element';
-/**
- * Nile test-hello component.
- *
- * @tag nile-test-hello
- *
- */
-let NileTestHello = class NileTestHello extends NileElement {
-    constructor() {
-        super(...arguments);
-        /* #endregion */
-        /* #region Methods */
-        this.contentHtml = '';
-        /* #endregion */
-    }
-    /**
-     * The styles for nile-test-hello
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles() {
-        return [styles];
-    }
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render() {
-        return html `${this.contentHtml}`;
-    }
-};
-__decorate([
-    property({ reflect: true, type: String, attribute: true })
-], NileTestHello.prototype, "contentHtml", void 0);
-NileTestHello = __decorate([
-    customElement('nile-test-hello')
-], NileTestHello);
-export { NileTestHello };
-export default NileTestHello;
-//# sourceMappingURL=nile-test-hello.js.map

package/dist/src/nile-test-hello/nile-test-hello.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-test-hello.js","sourceRoot":"","sources":["../../../src/nile-test-hello/nile-test-hello.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAiC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,uBAAuB,CAAC;AAC7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,WAAW;IAAvC;;QAUN,gBAAgB;QAEhB,qBAAqB;QAGd,gBAAW,GAAW,EAAE,CAAC;QAYhC,gBAAgB;IACjB,CAAC;IA1BA;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAWD;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IAClC,CAAC;CAGD,CAAA;AAbO;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;kDAC3B;AAfpB,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA4BzB;;AAED,eAAe,aAAa,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 {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property} from 'lit/decorators.js';\nimport {styles} from './nile-test-hello.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile test-hello component.\n *\n * @tag nile-test-hello\n *\n */\n@customElement('nile-test-hello')\nexport class NileTestHello extends NileElement {\n\n\t/**\n\t * The styles for nile-test-hello\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t@property({ reflect: true, type: String, attribute: true })\n\tpublic contentHtml: string = '';\n\n\t\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`${this.contentHtml}`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileTestHello;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-test-hello': NileTestHello;\n  }\n}"]}

package/dist/src/nile-test-hello-column/index.d.ts

@@ -1 +0,0 @@
-export { NileTestHelloColumn } from './nile-test-hello-column';

package/dist/src/nile-test-hello-column/index.js

@@ -1,2 +0,0 @@
-export { NileTestHelloColumn } from './nile-test-hello-column';
-//# sourceMappingURL=index.js.map

package/dist/src/nile-test-hello-column/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-test-hello-column/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export { NileTestHelloColumn } from './nile-test-hello-column';"]}

package/dist/src/nile-test-hello-column/nile-test-hello-column.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.
-*/
-/**
- * TestHelloColumn CSS
- */
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

package/dist/src/nile-test-hello-column/nile-test-hello-column.css.js

@@ -1,17 +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';
-/**
- * TestHelloColumn CSS
- */
-export const styles = css `
-	:host {
-
-	}
-`;
-export default [styles];
-//# sourceMappingURL=nile-test-hello-column.css.js.map

package/dist/src/nile-test-hello-column/nile-test-hello-column.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-test-hello-column.css.js","sourceRoot":"","sources":["../../../src/nile-test-hello-column/nile-test-hello-column.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,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 * TestHelloColumn CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-test-hello-column/nile-test-hello-column.d.ts

@@ -1,13 +0,0 @@
-import { CSSResultArray, TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-export declare class NileTestHelloColumn extends NileElement {
-    static get styles(): CSSResultArray;
-    contentHtml: TemplateResult;
-    render(): TemplateResult;
-}
-export default NileTestHelloColumn;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-test-hello-column': NileTestHelloColumn;
-    }
-}

package/dist/src/nile-test-hello-column/nile-test-hello-column.js

@@ -1,27 +0,0 @@
-import { __decorate } from "tslib";
-import { html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { styles } from './nile-test-hello-column.css';
-import NileElement from '../internal/nile-element';
-let NileTestHelloColumn = class NileTestHelloColumn extends NileElement {
-    constructor() {
-        super(...arguments);
-        // String input (can be set via JS or attribute)
-        this.contentHtml = html ``;
-    }
-    static get styles() {
-        return [styles];
-    }
-    render() {
-        return this.contentHtml;
-    }
-};
-__decorate([
-    property({ attribute: false })
-], NileTestHelloColumn.prototype, "contentHtml", void 0);
-NileTestHelloColumn = __decorate([
-    customElement('nile-test-hello-column')
-], NileTestHelloColumn);
-export { NileTestHelloColumn };
-export default NileTestHelloColumn;
-//# sourceMappingURL=nile-test-hello-column.js.map

package/dist/src/nile-test-hello-column/nile-test-hello-column.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-test-hello-column.js","sourceRoot":"","sources":["../../../src/nile-test-hello-column/nile-test-hello-column.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAA2C,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAG5C,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,WAAW;IAA7C;;QAKL,gDAAgD;QAEzC,gBAAW,GAAmB,IAAI,CAAA,EAAE,CAAC;IAK9C,CAAC;IAXQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMM,MAAM;QACb,OAAO,IAAI,CAAC,WAAW,CAAC;IACxB,CAAC;CACF,CAAA;AALQ;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;wDACa;AAPjC,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAY/B;;AACD,eAAe,mBAAmB,CAAC","sourcesContent":["import { html, CSSResultArray, TemplateResult, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { styles } from './nile-test-hello-column.css';\nimport NileElement from '../internal/nile-element';\n\n@customElement('nile-test-hello-column')\nexport class NileTestHelloColumn extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  // String input (can be set via JS or attribute)\n  @property({ attribute: false })\n  public contentHtml: TemplateResult = html``;\n\n  public render(): TemplateResult {\n\t\treturn this.contentHtml;\n  }\n}\nexport default NileTestHelloColumn;\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-test-hello-column': NileTestHelloColumn;\n  }\n}\n"]}

package/dist/src/nile-tooltip/nile-tooltip-utils.d.ts

@@ -1,18 +0,0 @@
-export declare function isInViewport(element: HTMLElement): boolean;
-export declare function getValidTooltipPosition(triggerRect: DOMRect, tooltipRect: DOMRect, originalPlacement: string, distance: number, skidding: number, caretSize: number, viewportWidth: number, viewportHeight: number): {
-    top: number;
-    left: number;
-    placement: string;
-};
-export interface CaretPositionInput {
-    placement: string;
-    tooltipRect: DOMRect;
-    triggerRect: DOMRect;
-    caretSize: number;
-    left: number;
-    top: number;
-}
-export declare function getCaretPosition({ placement, tooltipRect, triggerRect, caretSize, left, top }: CaretPositionInput): {
-    caretLeft: number;
-    caretTop: number;
-};

package/dist/src/nile-tooltip/nile-tooltip-utils.js

@@ -1,216 +0,0 @@
-export function isInViewport(element) {
-    const rect = element.getBoundingClientRect();
-    return (rect.top >= 0 &&
-        rect.left >= 0 &&
-        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
-        rect.right <= (window.innerWidth || document.documentElement.clientWidth));
-}
-export function getValidTooltipPosition(triggerRect, tooltipRect, originalPlacement, distance, skidding, caretSize, viewportWidth, viewportHeight) {
-    const triggerCenterX = triggerRect.left + triggerRect.width / 2;
-    const getCandidatePosition = (placement) => {
-        let top = 0;
-        let left = 0;
-        switch (placement) {
-            case 'top':
-                top = triggerRect.top - tooltipRect.height - distance;
-                left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;
-                break;
-            case 'top-start': {
-                top = triggerRect.top - tooltipRect.height - distance;
-                const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
-                left = Math.max(triggerRect.left + skidding, centeredLeft);
-                break;
-            }
-            case 'top-end': {
-                top = triggerRect.top - tooltipRect.height - distance;
-                const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
-                const maxLeft = triggerRect.right - tooltipRect.width + skidding;
-                left = Math.min(centeredLeft, maxLeft);
-                break;
-            }
-            case 'bottom':
-                top = triggerRect.bottom + distance;
-                left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;
-                break;
-            case 'bottom-start': {
-                top = triggerRect.bottom + distance;
-                const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
-                left = Math.max(triggerRect.left + skidding, centeredLeft);
-                break;
-            }
-            case 'bottom-end': {
-                top = triggerRect.bottom + distance;
-                const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
-                const maxLeft = triggerRect.right - tooltipRect.width + skidding;
-                left = Math.min(centeredLeft, maxLeft);
-                break;
-            }
-            case 'left':
-                top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;
-                left = triggerRect.left - tooltipRect.width - distance;
-                break;
-            case 'left-start': {
-                const triggerCenterY = triggerRect.top + triggerRect.height / 2;
-                top = triggerCenterY - tooltipRect.height / 2;
-                left = triggerRect.left - tooltipRect.width - distance;
-                if (top < triggerRect.top) {
-                    top = triggerRect.top;
-                }
-                break;
-            }
-            case 'left-end': {
-                const triggerCenterY = triggerRect.top + triggerRect.height / 2;
-                top = triggerCenterY - tooltipRect.height / 2;
-                left = triggerRect.left - tooltipRect.width - distance;
-                if (top + tooltipRect.height > triggerRect.bottom) {
-                    top = triggerRect.bottom - tooltipRect.height;
-                }
-                break;
-            }
-            case 'right':
-                top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;
-                left = triggerRect.right + distance;
-                break;
-            case 'right-start': {
-                const triggerCenterY = triggerRect.top + triggerRect.height / 2;
-                top = triggerCenterY - tooltipRect.height / 2;
-                left = triggerRect.right + distance;
-                if (top < triggerRect.top) {
-                    top = triggerRect.top;
-                }
-                break;
-            }
-            case 'right-end': {
-                const triggerCenterY = triggerRect.top + triggerRect.height / 2;
-                top = triggerCenterY - tooltipRect.height / 2;
-                left = triggerRect.right + distance;
-                if (top + tooltipRect.height > triggerRect.bottom) {
-                    top = triggerRect.bottom - tooltipRect.height;
-                }
-                break;
-            }
-            default:
-                top = triggerRect.top - tooltipRect.height - distance;
-                left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;
-        }
-        return { top, left };
-    };
-    const candidateFits = (top, left) => top >= 0 &&
-        left >= 0 &&
-        top + tooltipRect.height <= viewportHeight &&
-        left + tooltipRect.width <= viewportWidth;
-    let placement = originalPlacement;
-    let candidate = getCandidatePosition(placement);
-    if (!candidateFits(candidate.top, candidate.left)) {
-        if (['top', 'top-start', 'top-end'].includes(originalPlacement)) {
-            placement = 'bottom';
-        }
-        else if (['bottom', 'bottom-start', 'bottom-end'].includes(originalPlacement)) {
-            placement = 'top';
-        }
-        else if (['right', 'right-start', 'right-end'].includes(originalPlacement)) {
-            placement = 'left';
-        }
-        else if (['left', 'left-start', 'left-end'].includes(originalPlacement)) {
-            placement = 'right';
-        }
-        candidate = getCandidatePosition(placement);
-        const leftCandidate = getCandidatePosition('left');
-        const bottomCandidate = getCandidatePosition('bottom');
-        const topCandidate = getCandidatePosition('top');
-        if (!candidateFits(leftCandidate.top, leftCandidate.left) &&
-            !candidateFits(bottomCandidate.top, bottomCandidate.left) &&
-            !candidateFits(topCandidate.top, topCandidate.left)) {
-            placement = 'right';
-            candidate = getCandidatePosition(placement);
-        }
-        else {
-            const rightCandidate = getCandidatePosition('right');
-            if (!candidateFits(rightCandidate.top, rightCandidate.left) &&
-                !candidateFits(bottomCandidate.top, bottomCandidate.left) &&
-                !candidateFits(topCandidate.top, topCandidate.left)) {
-                placement = 'left';
-                candidate = getCandidatePosition(placement);
-            }
-        }
-    }
-    if (candidate.left < 0) {
-        candidate.left = 5;
-    }
-    else if (candidate.left + tooltipRect.width > viewportWidth) {
-        candidate.left = viewportWidth - tooltipRect.width - 5;
-    }
-    if (candidate.top < 0) {
-        candidate.top = 5;
-    }
-    else if (candidate.top + tooltipRect.height > viewportHeight) {
-        candidate.top = viewportHeight - tooltipRect.height - 5;
-    }
-    return { ...candidate, placement };
-}
-export function getCaretPosition({ placement, tooltipRect, triggerRect, caretSize, left, top }) {
-    const triggerCenterX = triggerRect.left + triggerRect.width / 2;
-    const triggerCenterY = triggerRect.top + triggerRect.height / 2;
-    const [primaryPlacement, secondaryPlacement] = placement.split('-');
-    let caretLeft = 0;
-    let caretTop = 0;
-    switch (primaryPlacement) {
-        case 'top':
-            caretTop = tooltipRect.height - caretSize;
-            caretLeft = triggerCenterX - left - caretSize;
-            if (placement === 'top-end') {
-                caretLeft = triggerCenterX - left - caretSize;
-            }
-            else if (secondaryPlacement === 'start') {
-                caretLeft = triggerCenterX - left - caretSize;
-            }
-            else if (secondaryPlacement === 'end') {
-                caretLeft = tooltipRect.width - 2 * caretSize + 8;
-            }
-            caretLeft = Math.max(caretSize, Math.min(caretLeft, tooltipRect.width - 2 * caretSize));
-            break;
-        case 'bottom':
-            caretTop = -caretSize;
-            caretLeft = triggerCenterX - left - caretSize;
-            break;
-        case 'left':
-            caretLeft = tooltipRect.width - caretSize;
-            if (secondaryPlacement === 'start') {
-                const computedCaretTop = triggerCenterY - top - caretSize;
-                const minCaretTop = triggerRect.top - top;
-                caretTop = Math.max(computedCaretTop, minCaretTop);
-            }
-            else if (secondaryPlacement === 'end') {
-                const computedCaretTop = triggerCenterY - top - caretSize;
-                const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;
-                caretTop = Math.min(computedCaretTop, maxCaretTop);
-            }
-            else {
-                caretTop = triggerCenterY - top - caretSize;
-            }
-            caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));
-            break;
-        case 'right':
-            caretLeft = -caretSize;
-            if (secondaryPlacement === 'start') {
-                const computedCaretTop = triggerCenterY - top - caretSize;
-                const minCaretTop = triggerRect.top - top;
-                caretTop = Math.max(computedCaretTop, minCaretTop);
-            }
-            else if (secondaryPlacement === 'end') {
-                const computedCaretTop = triggerCenterY - top - caretSize;
-                const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;
-                caretTop = Math.min(computedCaretTop, maxCaretTop);
-            }
-            else {
-                caretTop = triggerCenterY - top - caretSize;
-            }
-            caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));
-            break;
-        default:
-            caretLeft = tooltipRect.width / 2 - caretSize;
-            caretTop = tooltipRect.height / 2 - caretSize;
-    }
-    return { caretLeft, caretTop };
-}
-//# sourceMappingURL=nile-tooltip-utils.js.map

package/dist/src/nile-tooltip/nile-tooltip-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-tooltip-utils.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip-utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function isInViewport(element: HTMLElement): boolean {\n  const rect = element.getBoundingClientRect();\n  return (\n    rect.top >= 0 &&\n    rect.left >= 0 &&\n    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n}\n\n\nexport function getValidTooltipPosition(\n  triggerRect: DOMRect,\n  tooltipRect: DOMRect,\n  originalPlacement: string,\n  distance: number,\n  skidding: number,\n  caretSize: number,\n  viewportWidth: number,\n  viewportHeight: number\n): { top: number; left: number; placement: string } {\n  const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n\n  const getCandidatePosition = (placement: string) => {\n    let top = 0;\n    let left = 0;\n\n    switch (placement) {\n      case 'top':\n        top = triggerRect.top - tooltipRect.height - distance;\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n        break;\n      case 'top-start': {\n        top = triggerRect.top - tooltipRect.height - distance;\n        const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n        left = Math.max(triggerRect.left + skidding, centeredLeft);\n        break;\n      }\n      case 'top-end': {\n        top = triggerRect.top - tooltipRect.height - distance;\n        const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n        const maxLeft = triggerRect.right - tooltipRect.width + skidding;\n        left = Math.min(centeredLeft, maxLeft);\n        break;\n      }\n\n      case 'bottom':\n        top = triggerRect.bottom + distance;\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n        break;\n      case 'bottom-start': {\n        top = triggerRect.bottom + distance;\n        const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n        left = Math.max(triggerRect.left + skidding, centeredLeft);\n\n        break;\n      }\n\n      case 'bottom-end': {\n        top = triggerRect.bottom + distance;\n        const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n        const maxLeft = triggerRect.right - tooltipRect.width + skidding;\n        left = Math.min(centeredLeft, maxLeft);\n        break;\n      }\n\n      case 'left':\n        top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;\n        left = triggerRect.left - tooltipRect.width - distance;\n        break;\n      case 'left-start': {\n        const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - distance;\n        if (top < triggerRect.top) {\n          top = triggerRect.top;\n        }\n        break;\n      }\n\n      case 'left-end': {\n        const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - distance;\n        if (top + tooltipRect.height > triggerRect.bottom) {\n          top = triggerRect.bottom - tooltipRect.height;\n        }\n\n        break;\n      }\n\n      case 'right':\n        top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;\n        left = triggerRect.right + distance;\n        break;\n      case 'right-start': {\n        const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.right + distance;\n        if (top < triggerRect.top) {\n          top = triggerRect.top;\n        }\n\n        break;\n      }\n\n      case 'right-end': {\n        const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.right + distance;\n        if (top + tooltipRect.height > triggerRect.bottom) {\n          top = triggerRect.bottom - tooltipRect.height;\n        }\n\n        break;\n      }\n\n      default:\n        top = triggerRect.top - tooltipRect.height - distance;\n        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n    }\n\n    return { top, left };\n  };\n\n  const candidateFits = (top: number, left: number) =>\n    top >= 0 &&\n    left >= 0 &&\n    top + tooltipRect.height <= viewportHeight &&\n    left + tooltipRect.width <= viewportWidth;\n\n  let placement = originalPlacement;\n  let candidate = getCandidatePosition(placement);\n\n  if (!candidateFits(candidate.top, candidate.left)) {\n    if (['top', 'top-start', 'top-end'].includes(originalPlacement)) {\n      placement = 'bottom';\n    } else if (['bottom', 'bottom-start', 'bottom-end'].includes(originalPlacement)) {\n      placement = 'top';\n    } else if (['right', 'right-start', 'right-end'].includes(originalPlacement)) {\n      placement = 'left';\n    } else if (['left', 'left-start', 'left-end'].includes(originalPlacement)) {\n      placement = 'right';\n    }\n    candidate = getCandidatePosition(placement);\n    const leftCandidate = getCandidatePosition('left');\n    const bottomCandidate = getCandidatePosition('bottom');\n    const topCandidate = getCandidatePosition('top');\n    if (\n      !candidateFits(leftCandidate.top, leftCandidate.left) &&\n      !candidateFits(bottomCandidate.top, bottomCandidate.left) &&\n      !candidateFits(topCandidate.top, topCandidate.left)\n    ) {\n      placement = 'right';\n      candidate = getCandidatePosition(placement);\n    }\n    else {\n      const rightCandidate = getCandidatePosition('right');\n      if (\n        !candidateFits(rightCandidate.top, rightCandidate.left) &&\n        !candidateFits(bottomCandidate.top, bottomCandidate.left) &&\n        !candidateFits(topCandidate.top, topCandidate.left)\n      ) {\n        placement = 'left';\n        candidate = getCandidatePosition(placement);\n      }\n    }\n  }\n\n  if (candidate.left < 0) {\n    candidate.left = 5;\n  } else if (candidate.left + tooltipRect.width > viewportWidth) {\n    candidate.left = viewportWidth - tooltipRect.width - 5;\n  }\n\n  if (candidate.top < 0) {\n    candidate.top = 5;\n  } else if (candidate.top + tooltipRect.height > viewportHeight) {\n    candidate.top = viewportHeight - tooltipRect.height - 5;\n  }\n\n  return { ...candidate, placement };\n}\n\n\n\nexport interface CaretPositionInput {\n  placement: string;\n  tooltipRect: DOMRect;\n  triggerRect: DOMRect;\n  caretSize: number;\n  left: number;\n  top: number;\n}\n\nexport function getCaretPosition({\n  placement,\n  tooltipRect,\n  triggerRect,\n  caretSize,\n  left,\n  top\n}: CaretPositionInput): { caretLeft: number; caretTop: number } {\n  const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n  const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n\n  const [primaryPlacement, secondaryPlacement] = placement.split('-');\n\n  let caretLeft = 0;\n  let caretTop = 0;\n\n  switch (primaryPlacement) {\n    case 'top':\n      caretTop = tooltipRect.height - caretSize;\n      caretLeft = triggerCenterX - left - caretSize;\n      if (placement === 'top-end') {\n        caretLeft = triggerCenterX - left - caretSize;\n      } else if (secondaryPlacement === 'start') {\n        caretLeft = triggerCenterX - left - caretSize;\n      } else if (secondaryPlacement === 'end') {\n        caretLeft = tooltipRect.width - 2 * caretSize + 8;\n      }\n      caretLeft = Math.max(caretSize, Math.min(caretLeft, tooltipRect.width - 2 * caretSize));\n      break;\n\n    case 'bottom':\n      caretTop = -caretSize;\n      caretLeft = triggerCenterX - left - caretSize;\n      break;\n\n    case 'left':\n      caretLeft = tooltipRect.width - caretSize;\n      if (secondaryPlacement === 'start') {\n        const computedCaretTop = triggerCenterY - top - caretSize;\n        const minCaretTop = triggerRect.top - top;\n        caretTop = Math.max(computedCaretTop, minCaretTop);\n      } else if (secondaryPlacement === 'end') {\n        const computedCaretTop = triggerCenterY - top - caretSize;\n        const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;\n        caretTop = Math.min(computedCaretTop, maxCaretTop);\n      } else {\n        caretTop = triggerCenterY - top - caretSize;\n      }\n      caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));\n      break;\n\n\n    case 'right':\n      caretLeft = -caretSize;\n      if (secondaryPlacement === 'start') {\n        const computedCaretTop = triggerCenterY - top - caretSize;\n        const minCaretTop = triggerRect.top - top;\n        caretTop = Math.max(computedCaretTop, minCaretTop);\n      } else if (secondaryPlacement === 'end') {\n        const computedCaretTop = triggerCenterY - top - caretSize;\n        const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;\n        caretTop = Math.min(computedCaretTop, maxCaretTop);\n      } else {\n        caretTop = triggerCenterY - top - caretSize;\n      }\n      caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));\n      break;\n\n\n    default:\n      caretLeft = tooltipRect.width / 2 - caretSize;\n      caretTop = tooltipRect.height / 2 - caretSize;\n  }\n\n  return { caretLeft, caretTop };\n}\n"]}

package/dist/src/nile-tooltip/nile-tooltip.test.d.ts

@@ -1 +0,0 @@
-import './nile-tooltip';