@aquera/nile-elements 1.3.9-beta-1.4 → 1.4.0-beta-1.0

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

@@ -0,0 +1,116 @@
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+/**
+ * An nile-sidebar element.
+ *
+ * @fires count-changed - Indicates when the count changes
+ * @slot - This element has a slot
+ * @csspart button - The button
+ */
+let NileSidebar = class NileSidebar extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Button Lab
+         */
+        this.title = '';
+        /**
+         * Hide Sidebar
+         */
+        this.showSidebar = false;
+    }
+    get buttonClassMap() {
+        return {
+            'nds-menu--active': this.showSidebar
+        };
+    }
+    // class="nds-menu ${classMap(this.buttonClassMap)}"
+    render() {
+        return html `
+      <div class="nile-menu--wrapper  ${classMap(this.buttonClassMap)}" >
+        <div class="nile-menu-group">
+          <a class="nile-logo" href="/">
+            <img
+              src="https://assets.aquera.io/img/aquera-logo-blue.svg"
+              alt="Aquera"
+              width="112.94px"
+              height="31.06px"
+              tabindex="1"
+            />
+          </a>          
+          <div class="menu-group">
+            <slot name="menu"></slot>
+          </div>
+        </div>
+        <div class="">
+          <div class="nds-menu--bottom">
+            <slot name="bottom"></slot>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+};
+NileSidebar.styles = css `
+    :host {
+      background-color: var(--nile-alert-color-background-base);
+      border-right: 1px solid var(--nile-colors-neutral-400);      
+      min-height: 100vh;
+      background: var(--nile-colors-neutral-100);
+      border: 1px solid var(--nile-colors-neutral-400);
+    }
+    :host([showSidebar=true]) {
+      min-width: 240px;
+    }
+    .nile-logo {
+      margin: 24px;
+      display: block;
+      margin-bottom: 12px;
+    }
+
+    .menu-group {
+      margin-left: 24px;
+      margin-right: 24px;
+    }
+
+    .view-component {
+      background-color: var(--nile-colors-white-base);
+      min-width: 240px;
+    }
+    // padding: 3rem;
+    .view-component__item {
+      background-color: var(--nile-colors-white-base);
+      // padding: 1rem;
+      border-radius: 3px;
+      border: solid 1px #eee;
+    }
+
+    .nile-menu__hr {
+      border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+      margin-top: 12px !important;
+      margin-bottom: 12px !important;
+      background-color: rgba(0, 0, 0, 0.1);
+    }
+
+    .nds-menu--bottom {
+      position: absolute;
+      bottom: 0;
+    }
+
+    .nds-menu--active .nile-logo {
+      display: none;
+    }
+  `;
+__decorate([
+    property()
+], NileSidebar.prototype, "title", void 0);
+__decorate([
+    property()
+], NileSidebar.prototype, "showSidebar", void 0);
+NileSidebar = __decorate([
+    customElement('nile-sidebar')
+], NileSidebar);
+export { NileSidebar };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-sidebar/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAgBvD;;;;;;GAMG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAoDL;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;IAmCtB,CAAC;IAjCC,IAAI,cAAc;QAChB,OAAO;YACL,kBAAkB,EAAE,IAAI,CAAC,WAAW;SACrC,CAAC;IACJ,CAAC;IAED,oDAAoD;IAE3C,MAAM;QACb,OAAO,IAAI,CAAA;wCACyB,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;KAqBhE,CAAC;IACJ,CAAC;;AA/Fe,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiD3B,AAjDqB,CAiDpB;AAMF;IADC,QAAQ,EAAE;0CACA;AAMX;IADC,QAAQ,EAAE;gDACS;AA9DT,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAiGvB","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * An nile-menu element.\n */\n\ninterface MenuItem {\n  name: string;\n  icon: string;\n  href: string;\n}\n\ninterface MenuItemList {\n  [key: string]: MenuItem;\n}\n\n/**\n * An nile-sidebar element.\n *\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n@customElement('nile-sidebar')\nexport class NileSidebar extends LitElement {\n  static override styles = css`\n    :host {\n      background-color: var(--nile-alert-color-background-base);\n      border-right: 1px solid var(--nile-colors-neutral-400);      \n      min-height: 100vh;\n      background: var(--nile-colors-neutral-100);\n      border: 1px solid var(--nile-colors-neutral-400);\n    }\n    :host([showSidebar=true]) {\n      min-width: 240px;\n    }\n    .nile-logo {\n      margin: 24px;\n      display: block;\n      margin-bottom: 12px;\n    }\n\n    .menu-group {\n      margin-left: 24px;\n      margin-right: 24px;\n    }\n\n    .view-component {\n      background-color: var(--nile-colors-white-base);\n      min-width: 240px;\n    }\n    // padding: 3rem;\n    .view-component__item {\n      background-color: var(--nile-colors-white-base);\n      // padding: 1rem;\n      border-radius: 3px;\n      border: solid 1px #eee;\n    }\n\n    .nile-menu__hr {\n      border-bottom: solid 1px rgba(0, 0, 0, 0.1);\n      margin-top: 12px !important;\n      margin-bottom: 12px !important;\n      background-color: rgba(0, 0, 0, 0.1);\n    }\n\n    .nds-menu--bottom {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .nds-menu--active .nile-logo {\n      display: none;\n    }\n  `;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  title = '';\n\n  /**\n   * Hide Sidebar\n   */\n  @property()\n  showSidebar = false;\n\n  get buttonClassMap() {\n    return {\n      'nds-menu--active': this.showSidebar\n    };\n  }\n\n  // class=\"nds-menu ${classMap(this.buttonClassMap)}\"\n  \n  override render() {\n    return html`\n      <div class=\"nile-menu--wrapper  ${classMap(this.buttonClassMap)}\" >\n        <div class=\"nile-menu-group\">\n          <a class=\"nile-logo\" href=\"/\">\n            <img\n              src=\"https://assets.aquera.io/img/aquera-logo-blue.svg\"\n              alt=\"Aquera\"\n              width=\"112.94px\"\n              height=\"31.06px\"\n              tabindex=\"1\"\n            />\n          </a>          \n          <div class=\"menu-group\">\n            <slot name=\"menu\"></slot>\n          </div>\n        </div>\n        <div class=\"\">\n          <div class=\"nds-menu--bottom\">\n            <slot name=\"bottom\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar': NileSidebar;\n  }\n}\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * SidebarMenu CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

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

@@ -0,0 +1,47 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,37 @@
+/**
+ * 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

@@ -0,0 +1,84 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

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

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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * 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

@@ -0,0 +1,45 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,35 @@
+/**
+ * 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

@@ -0,0 +1,78 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

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

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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * 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

@@ -0,0 +1,114 @@
+/**
+ * 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