@aquera/nile-elements 1.3.8-beta-1.1 → 1.3.8-beta-1.2

package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-sidebar-menu-items.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,WAAW;IAA9C;;QASO,cAAS,GAAG,EAAE,CAAC,CAAC,gCAAgC;QAChB,WAAM,GAAG,KAAK,CAAC;QAElD,cAAS,GAAG,KAAK,CAAC;QAiC3B,gBAAgB;IAClB,CAAC;IA7CC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,yBAAyB,EAAE,IAAI;YAC/B,yBAAyB,EAAE,IAAI,CAAC,SAAS;SAC1C,CAAC;;UAEA,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;sBACM,IAAI,CAAC,SAAS;4BACR,IAAI,CAAC,SAAS;;0BAEhB;YAChB,CAAC,CAAC,EAAE;;kBAEI,QAAQ,CAAC;YACf,YAAY,EAAE,IAAI,CAAC,SAAS;SAC7B,CAAC;;;KAGP,CAAC;IACJ,CAAC;CAGF,CAAA;AArCa;IAAX,QAAQ,EAAE;uDAAgB;AACiB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAgB;AAElD;IAAR,KAAK,EAAE;uDAAmB;AAZhB,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CA8ChC;;AAED,eAAe,oBAAoB,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 {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-menu-items.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-menu-items component.\n *\n * @tag nile-sidebar-menu-items\n *\n */\n@customElement('nile-sidebar-menu-items')\nexport class NileSidebarMenuItems extends NileElement {\n  /**\n   * The styles for nile-sidebar-menu-items\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property() iconValue = ''; // name of the icon we are using\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  @state() collapsed = false;\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <div\n        class=${classMap({\n          'nile__sidebar-menu-item': true,\n          'hide-sidebar-menu-items': this.collapsed,\n        })}\n      >\n        ${this.iconValue\n          ? html`<nile-icon\n              name=\"${this.iconValue}\"\n              aria-label=\"${this.iconValue}\"\n              size=\"24\"\n            ></nile-icon>`\n          : ``}\n        <slot\n          class=${classMap({\n            'hide-items': this.collapsed,\n          })}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarMenuItems;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-menu-items': NileSidebarMenuItems;\n  }\n}\n"]}

package/dist/src/nile-sidebar-wrapper/index.d.ts

@@ -1 +0,0 @@
-export { NileSidebarWrapper } from './nile-sidebar-wrapper';

package/dist/src/nile-sidebar-wrapper/index.js

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

package/dist/src/nile-sidebar-wrapper/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { NileSidebarWrapper } from './nile-sidebar-wrapper';"]}

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

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js

@@ -1,114 +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';
-/**
- * SidebarWrapper CSS
- */
-export const styles = css `
-  :host {
-    display: block;
-  }
-
-  .wrapper-box {
-    display: flex;
-    height: 100vh;
-    width: 100%;
-  }
-
-  .wrapper-box--right {
-    flex-direction: row-reverse;
-  }
-
-  .sidebar-content {
-    display: flex;
-    height: 100%;
-  }
-
-  .body-content {
-    display: flex;
-    height: 100%;
-    background-color: red;
-  }
-
-  .sidebar__content--overlay {
-    position: absolute;
-    z-index: 1000;
-  }
-
-  .sidebar__content--overlay--right {
-    right: 0;
-  }
-
-  .sidebar__content--overlay--left {
-    left: 0;
-  }
-
-  .body__content--overlay {
-    position: absolute;
-    left: 0;
-    opacity:0.5;
-    background-color:var(--nile-sidebar-wrapper-overlay-background-color);
-  }
-
-  /* For left side  */
-  .sidebar__content--overlay-open-left {
-    animation: slide-in-left 0.3s ease-in-out forwards;
-  }
-
-  .sidebar__content--overlay-closed-left {
-    animation: slide-out-left 0.3s ease-in-out forwards;
-  }
-
-  @keyframes slide-in-left {
-    0% {
-      transform: translateX(-100%);
-    }
-
-    100% {
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes slide-out-left {
-    0% {
-      transform: translateX(0);
-    }
-
-    100% {
-      transform: translateX(-100%);
-    }
-  }
-
-  /* For right side */
-  .sidebar__content--overlay-open-right {
-    animation: slide-in-right 0.3s ease-in-out forwards;
-  }
-
-  .sidebar__content--overlay-closed-right {
-    animation: slide-out-right 0.3s ease-in-out forwards;
-  }
-
-  @keyframes slide-in-right {
-    0% {
-      transform: translateX(100%);
-    }
-    100% {
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes slide-out-right {
-    0% {
-      transform: translateX(0);
-    }
-    100% {
-      transform: translateX(100%);
-    }
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-sidebar-wrapper.css.js.map

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-sidebar-wrapper.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGxB,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 * SidebarWrapper CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .wrapper-box {\n    display: flex;\n    height: 100vh;\n    width: 100%;\n  }\n\n  .wrapper-box--right {\n    flex-direction: row-reverse;\n  }\n\n  .sidebar-content {\n    display: flex;\n    height: 100%;\n  }\n\n  .body-content {\n    display: flex;\n    height: 100%;\n    background-color: red;\n  }\n\n  .sidebar__content--overlay {\n    position: absolute;\n    z-index: 1000;\n  }\n\n  .sidebar__content--overlay--right {\n    right: 0;\n  }\n\n  .sidebar__content--overlay--left {\n    left: 0;\n  }\n\n  .body__content--overlay {\n    position: absolute;\n    left: 0;\n    opacity:0.5;\n    background-color:var(--nile-sidebar-wrapper-overlay-background-color);\n  }\n\n  /* For left side  */\n  .sidebar__content--overlay-open-left {\n    animation: slide-in-left 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-left {\n    animation: slide-out-left 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-left {\n    0% {\n      transform: translateX(-100%);\n    }\n\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-left {\n    0% {\n      transform: translateX(0);\n    }\n\n    100% {\n      transform: translateX(-100%);\n    }\n  }\n\n  /* For right side */\n  .sidebar__content--overlay-open-right {\n    animation: slide-in-right 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-right {\n    animation: slide-out-right 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-right {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-right {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.d.ts

@@ -1,35 +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 sidebar-wrapper component.
- *
- * @tag nile-sidebar-wrapper
- *
- */
-export declare class NileSidebarWrapper extends NileElement {
-    /**
-     * The styles for nile-sidebar-wrapper
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    overlaysidebar: boolean;
-    placement: 'left' | 'right';
-    isopen: boolean;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render(): TemplateResult;
-}
-export default NileSidebarWrapper;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-sidebar-wrapper': NileSidebarWrapper;
-    }
-}

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.js

@@ -1,89 +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-sidebar-wrapper.css';
-import NileElement from '../internal/nile-element';
-import { classMap } from 'lit/directives/class-map.js';
-/**
- * Nile sidebar-wrapper component.
- *
- * @tag nile-sidebar-wrapper
- *
- */
-let NileSidebarWrapper = class NileSidebarWrapper extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.overlaysidebar = false;
-        this.placement = 'left';
-        this.isopen = false;
-        /* #endregion */
-    }
-    /**
-     * The styles for nile-sidebar-wrapper
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles() {
-        return [styles];
-    }
-    /* #endregion */
-    /* #region Methods */
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render() {
-        console.log(this.isopen);
-        return html `
-      <div
-        class=${classMap({
-            'wrapper-box': true,
-            'wrapper-box--right': this.placement === 'right' && !this.overlaysidebar,
-        })}
-      >
-        <slot
-          name="sidebar-content"
-          class=${classMap({
-            'sidebar-content': true,
-            'sidebar__content--overlay': this.overlaysidebar,
-            'sidebar__content--overlay--right': this.placement === 'right',
-            'sidebar__content--overlay--left': this.placement === 'left',
-            'sidebar__content--overlay-open-left': this.isopen && this.placement === 'left' && this.overlaysidebar,
-            'sidebar__content--overlay-closed-left': !this.isopen && this.placement === 'left' && this.overlaysidebar,
-            'sidebar__content--overlay-open-right': this.isopen && this.placement === 'right' && this.overlaysidebar,
-            'sidebar__content--overlay-closed-right': !this.isopen && this.placement === 'right' && this.overlaysidebar,
-        })}
-        >
-        </slot>
-        <slot
-          name="body-content"
-          class=${classMap({
-            'body-content': true,
-            'body__content--overlay': this.overlaysidebar && this.isopen,
-        })}
-        >
-        </slot>
-      </div>
-    `;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileSidebarWrapper.prototype, "overlaysidebar", void 0);
-__decorate([
-    property({ reflect: true })
-], NileSidebarWrapper.prototype, "placement", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileSidebarWrapper.prototype, "isopen", void 0);
-NileSidebarWrapper = __decorate([
-    customElement('nile-sidebar-wrapper')
-], NileSidebarWrapper);
-export { NileSidebarWrapper };
-export default NileSidebarWrapper;
-//# sourceMappingURL=nile-sidebar-wrapper.js.map

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-sidebar-wrapper.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAS,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,WAAW;IAA5C;;QASuC,mBAAc,GAAG,KAAK,CAAC;QACtC,cAAS,GAAqB,MAAM,CAAC;QACtB,WAAM,GAAG,KAAK,CAAC;QAmD3D,gBAAgB;IAClB,CAAC;IA9DC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEzB,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,aAAa,EAAE,IAAI;YACnB,oBAAoB,EAClB,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc;SACrD,CAAC;;;;kBAIQ,QAAQ,CAAC;YACf,iBAAiB,EAAE,IAAI;YACvB,2BAA2B,EAAE,IAAI,CAAC,cAAc;YAChD,kCAAkC,EAAE,IAAI,CAAC,SAAS,KAAK,OAAO;YAC9D,iCAAiC,EAAE,IAAI,CAAC,SAAS,KAAK,MAAM;YAC5D,qCAAqC,EACnC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc;YACjE,uCAAuC,EACrC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc;YAClE,sCAAsC,EACpC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAG,IAAI,CAAC,cAAc;YACjE,wCAAwC,EACtC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,IAAI,CAAC,cAAc;SACpE,CAAC;;;;;kBAKM,QAAQ,CAAC;YACf,cAAc,EAAE,IAAI;YACpB,wBAAwB,EAAE,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,MAAM;SAC7D,CAAC;;;;KAIP,CAAC;IACJ,CAAC;CAGF,CAAA;AAtD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAAwB;AACtC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAsC;AACtB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAgB;AAXhD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CA+D9B;;AAED,eAAe,kBAAkB,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 {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-wrapper.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-wrapper component.\n *\n * @tag nile-sidebar-wrapper\n *\n */\n@customElement('nile-sidebar-wrapper')\nexport class NileSidebarWrapper extends NileElement {\n  /**\n   * The styles for nile-sidebar-wrapper\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean, reflect: true }) overlaysidebar = false;\n  @property({ reflect: true }) placement: 'left' | 'right' = 'left';\n  @property({ type: Boolean, reflect: true }) isopen = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    console.log(this.isopen);\n\n    return html`\n      <div\n        class=${classMap({\n          'wrapper-box': true,\n          'wrapper-box--right':\n            this.placement === 'right' && !this.overlaysidebar,\n        })}\n      >\n        <slot\n          name=\"sidebar-content\"\n          class=${classMap({\n            'sidebar-content': true,\n            'sidebar__content--overlay': this.overlaysidebar,\n            'sidebar__content--overlay--right': this.placement === 'right',\n            'sidebar__content--overlay--left': this.placement === 'left',\n            'sidebar__content--overlay-open-left':\n              this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-closed-left':\n              !this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-open-right':\n              this.isopen && this.placement === 'right'&& this.overlaysidebar,\n            'sidebar__content--overlay-closed-right':\n              !this.isopen && this.placement === 'right' && this.overlaysidebar,\n          })}\n        >\n        </slot>\n        <slot\n          name=\"body-content\"\n          class=${classMap({\n            'body-content': true,\n            'body__content--overlay': this.overlaysidebar && this.isopen,\n          })}\n        >\n        </slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarWrapper;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-wrapper': NileSidebarWrapper;\n  }\n}\n"]}