@aquera/nile-elements 1.3.5-beta-1.0 → 1.3.6-beta-1.0

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

@@ -1,47 +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';
-/**
- * SidebarMenu CSS
- */
-export const styles = css `
-  :host {
-    background-color: var(--nile-sidebar-menu-background-color);
-    --min-width: 80px;
-    min-width: var(--min-width);
-    width: max-content;
-    height: 100%;
-    box-sizing: border-box;
-    display: flex;
-    padding: 0 16px;
-    flex-direction: column;
-  }
-
-  .submenu__box {
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    height: 100%;
-    padding:12px 0;
-  }
-
-  .sidemenu__items-list {
-    display:flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-
-  .footer {
-    display:flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-
-`;
-export default [styles];
-//# sourceMappingURL=nile-sidebar-menu.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-sidebar-menu.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu/nile-sidebar-menu.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,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 * SidebarMenu CSS\n */\nexport const styles = css`\n  :host {\n    background-color: var(--nile-sidebar-menu-background-color);\n    --min-width: 80px;\n    min-width: var(--min-width);\n    width: max-content;\n    height: 100%;\n    box-sizing: border-box;\n    display: flex;\n    padding: 0 16px;\n    flex-direction: column;\n  }\n\n  .submenu__box {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    padding:12px 0;\n  }\n\n  .sidemenu__items-list {\n    display:flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .footer {\n    display:flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n`;\n\nexport default [styles];\n"]}

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

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

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

@@ -1,84 +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-menu.css';
-import NileElement from '../internal/nile-element';
-import { classMap } from 'lit/directives/class-map.js';
-/**
- * Nile sidebar-menu component.
- *
- * @tag nile-sidebar-menu
- *
- */
-let NileSidebarMenu = class NileSidebarMenu extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.sidemenucollapsed = false;
-        /* #endregion */
-    }
-    /**
-     * The styles for nile-sidebar-menu
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles() {
-        return [styles];
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('click', this.handleSidebarMenuCollapsed.bind(this));
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('click', this.handleSidebarMenuCollapsed);
-    }
-    firstUpdated() {
-        if (this.sidemenucollapsed) {
-            const items = this.querySelectorAll('nile-sidebar-menu-items');
-            items.forEach(curr_item => {
-                curr_item.collapsed = this.sidemenucollapsed;
-            });
-        }
-    }
-    handleSidebarMenuCollapsed() {
-        this.sidemenucollapsed = !this.sidemenucollapsed;
-        const items = this.querySelectorAll('nile-sidebar-menu-items');
-        items.forEach(curr_item => {
-            curr_item.collapsed = this.sidemenucollapsed;
-        });
-    }
-    /* #endregion */
-    /* #region Methods */
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render() {
-        return html `
-      <slot name="header" class="header"></slot>
-      <div class="submenu__box">
-        <slot
-          class=${classMap({
-            'sidemenu__items-list': true,
-        })}
-        >
-        </slot>
-        <slot name="footer" part="footer" class="footer"></slot>
-      </div>
-    `;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileSidebarMenu.prototype, "sidemenucollapsed", void 0);
-NileSidebarMenu = __decorate([
-    customElement('nile-sidebar-menu')
-], NileSidebarMenu);
-export { NileSidebarMenu };
-export default NileSidebarMenu;
-//# sourceMappingURL=nile-sidebar-menu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-sidebar-menu.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu/nile-sidebar-menu.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,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD;;;;;GAKG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QASuC,sBAAiB,GAAG,KAAK,CAAC;QAoDtE,gBAAgB;IAClB,CAAC;IA7DC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAID,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,0BAA0B,CAAC,CAAC;IACrE,CAAC;IACD,YAAY;QACV,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;YAC/D,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;gBACxB,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC;YAC/C,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,0BAA0B;QACxB,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;QAC/D,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACxB,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;;;;kBAIG,QAAQ,CAAC;YACf,sBAAsB,EAAE,IAAI;SAC7B,CAAC;;;;;KAKP,CAAC;IACJ,CAAC;CAGF,CAAA;AArD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAA2B;AAT3D,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA8D3B;;AAED,eAAe,eAAe,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, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-menu.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { foreach, log } from '../nile-icon/icons/svg';\n\n/**\n * Nile sidebar-menu component.\n *\n * @tag nile-sidebar-menu\n *\n */\n@customElement('nile-sidebar-menu')\nexport class NileSidebarMenu extends NileElement {\n  /**\n   * The styles for nile-sidebar-menu\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 }) sidemenucollapsed = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.handleSidebarMenuCollapsed.bind(this));\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleSidebarMenuCollapsed);\n  }\n  firstUpdated() {\n    if (this.sidemenucollapsed) {\n      const items = this.querySelectorAll('nile-sidebar-menu-items');\n      items.forEach(curr_item => {\n        curr_item.collapsed = this.sidemenucollapsed;\n      });\n    }\n  }\n\n  handleSidebarMenuCollapsed() {\n    this.sidemenucollapsed = !this.sidemenucollapsed;\n    const items = this.querySelectorAll('nile-sidebar-menu-items');\n    items.forEach(curr_item => {\n      curr_item.collapsed = this.sidemenucollapsed;\n    });\n  }\n\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    return html`\n      <slot name=\"header\" class=\"header\"></slot>\n      <div class=\"submenu__box\">\n        <slot\n          class=${classMap({\n            'sidemenu__items-list': true,\n          })}\n        >\n        </slot>\n        <slot name=\"footer\" part=\"footer\" class=\"footer\"></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarMenu;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-menu': NileSidebarMenu;\n  }\n}\n"]}

package/dist/src/nile-sidebar-menu-items/index.d.ts

@@ -1 +0,0 @@
-export { NileSidebarMenuItems } from './nile-sidebar-menu-items';

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu-items/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { NileSidebarMenuItems } from './nile-sidebar-menu-items';"]}

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

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

@@ -1,45 +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';
-/**
- * SidebarMenuItems CSS
- */
-export const styles = css `
-  :host {
-    --min-width: 280px;
-  }
-
-  .nile__sidebar-menu-item {
-    display: flex;
-    align-items: center;
-    padding: 12px;
-    gap: 15px;
-    min-width: var(--min-width);
-    width: max-content;
-    box-sizing: border-box;
-
-    font-family: var(--nile-font-family-serif);
-    font-size: var(--nile-type-scale-4);
-    font-weight: 500;
-    line-height: var(--nile-line-height-medium);
-  }
-
-  .nile__sidebar-menu-item:hover {
-    background-color: var(--nile-colors-neutral-100);
-    border-radius: 6px;
-  }
-
-  .hide-sidebar-menu-items{
-    min-width:48px;
-  }
-
-  .hide-items {
-    display: none;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-sidebar-menu-items.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-sidebar-menu-items.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxB,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 * SidebarMenuItems CSS\n */\nexport const styles = css`\n  :host {\n    --min-width: 280px;\n  }\n\n  .nile__sidebar-menu-item {\n    display: flex;\n    align-items: center;\n    padding: 12px;\n    gap: 15px;\n    min-width: var(--min-width);\n    width: max-content;\n    box-sizing: border-box;\n\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-4);\n    font-weight: 500;\n    line-height: var(--nile-line-height-medium);\n  }\n\n  .nile__sidebar-menu-item:hover {\n    background-color: var(--nile-colors-neutral-100);\n    border-radius: 6px;\n  }\n\n  .hide-sidebar-menu-items{\n    min-width:48px;\n  }\n\n  .hide-items {\n    display: none;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.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-menu-items component.
- *
- * @tag nile-sidebar-menu-items
- *
- */
-export declare class NileSidebarMenuItems extends NileElement {
-    /**
-     * The styles for nile-sidebar-menu-items
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    iconValue: string;
-    active: boolean;
-    collapsed: boolean;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render(): TemplateResult;
-}
-export default NileSidebarMenuItems;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-sidebar-menu-items': NileSidebarMenuItems;
-    }
-}

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

@@ -1,78 +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, state, property } from 'lit/decorators.js';
-import { styles } from './nile-sidebar-menu-items.css';
-import NileElement from '../internal/nile-element';
-import { classMap } from 'lit/directives/class-map.js';
-/**
- * Nile sidebar-menu-items component.
- *
- * @tag nile-sidebar-menu-items
- *
- */
-let NileSidebarMenuItems = class NileSidebarMenuItems extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.iconValue = ''; // name of the icon we are using
-        this.active = false;
-        this.collapsed = false;
-        /* #endregion */
-    }
-    /**
-     * The styles for nile-sidebar-menu-items
-     * @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() {
-        return html `
-      <div
-        class=${classMap({
-            'nile__sidebar-menu-item': true,
-            'hide-sidebar-menu-items': this.collapsed,
-        })}
-      >
-        ${this.iconValue
-            ? html `<nile-icon
-              name="${this.iconValue}"
-              aria-label="${this.iconValue}"
-              size="24"
-            ></nile-icon>`
-            : ``}
-        <slot
-          class=${classMap({
-            'hide-items': this.collapsed,
-        })}
-        ></slot>
-      </div>
-    `;
-    }
-};
-__decorate([
-    property()
-], NileSidebarMenuItems.prototype, "iconValue", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileSidebarMenuItems.prototype, "active", void 0);
-__decorate([
-    state()
-], NileSidebarMenuItems.prototype, "collapsed", void 0);
-NileSidebarMenuItems = __decorate([
-    customElement('nile-sidebar-menu-items')
-], NileSidebarMenuItems);
-export { NileSidebarMenuItems };
-export default NileSidebarMenuItems;
-//# sourceMappingURL=nile-sidebar-menu-items.js.map

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"]}