@aquera/nile-elements 1.3.0-beta-1.0 → 1.3.0-beta-1.1

package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.js

@@ -3,46 +3,31 @@ import { html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { styles } from './nile-side-bar-footer-item.css';
 import NileElement from '../internal/nile-element';
+/**
+ * Nile side-bar-footer-item component.
+ *
+ * @tag nile-side-bar-footer-item
+ *
+ * @slot icon - Slot for footer item icon
+ * @slot text - Slot for footer item text
+ * @slot action - Slot for footer item action
+ *
+ * @csspart base - Wrapper for the footer item
+ * @csspart icon - Wrapper for the icon slot
+ * @csspart text - Wrapper for the text slot
+ * @csspart action - Wrapper for the action slot
+ */
 let NileSideBarFooterItem = class NileSideBarFooterItem extends NileElement {
     constructor() {
         super(...arguments);
-        /** Optional type for styling or identification ("support", "avatar", etc.) */
         this.type = null;
-        /** Optional trigger name for linked actions */
-        this.triggerFor = null;
-        /** Active state — can be controlled programmatically or via attribute */
-        this.active = false;
-        this.handleClick = (event) => {
-            this.emit('nile-footer-item-click', { detail: { type: this.type, triggerFor: this.triggerFor } });
-            // Optionally toggle active state on click (you can comment this out if you prefer manual control)
-            this.active = !this.active;
-            if (!this.triggerFor)
-                return;
-            const actionEl = this.querySelector('nile-side-bar-action');
-            if (!actionEl)
-                return;
-            const triggerSlot = actionEl.shadowRoot?.querySelector('slot[name="trigger"]');
-            const triggerElements = triggerSlot?.assignedElements({ flatten: true }) || [];
-            const targetTrigger = triggerElements.find(el => el.getAttribute('triggerName') === this.triggerFor);
-            if (targetTrigger) {
-                targetTrigger.dispatchEvent(new MouseEvent('click', { bubbles: true, composed: true }));
-            }
-        };
     }
     static get styles() {
         return [styles];
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('click', this.handleClick);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('click', this.handleClick);
-    }
     render() {
         return html `
-      <div part="base" class="footer-item ${this.type ?? ''} ${this.active ? 'active' : ''}">
+      <div part="base" class="footer-item">
         <slot name="icon" part="icon"></slot>
         <slot name="text" part="text"></slot>
         <slot name="action" part="action"></slot>
@@ -53,12 +38,6 @@ let NileSideBarFooterItem = class NileSideBarFooterItem extends NileElement {
 __decorate([
     property({ type: String, reflect: true })
 ], NileSideBarFooterItem.prototype, "type", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NileSideBarFooterItem.prototype, "triggerFor", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileSideBarFooterItem.prototype, "active", void 0);
 NileSideBarFooterItem = __decorate([
     customElement('nile-side-bar-footer-item')
 ], NileSideBarFooterItem);

package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-footer-item.js","sourceRoot":"","sources":["../../../src/nile-side-bar-footer-item/nile-side-bar-footer-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAG5C,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,WAAW;IAA/C;;QACL,8EAA8E;QACnC,SAAI,GAAgC,IAAI,CAAC;QAEpF,+CAA+C;QACJ,eAAU,GAAkB,IAAI,CAAC;QAE5E,yEAAyE;QAC7B,WAAM,GAAG,KAAK,CAAC;QAgBnD,gBAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC1C,IAAI,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YAElG,kGAAkG;YAClG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;YAE3B,IAAI,CAAC,IAAI,CAAC,UAAU;gBAAE,OAAO;YAE7B,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;YAC5D,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAEtB,MAAM,WAAW,GAAG,QAAQ,CAAC,UAAU,EAAE,aAAa,CAAC,sBAAsB,CAA2B,CAAC;YACzG,MAAM,eAAe,GAAG,WAAW,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;YAE/E,MAAM,aAAa,GAAG,eAAe,CAAC,IAAI,CACxC,EAAE,CAAC,EAAE,CAAE,EAAkB,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,UAAU,CAC1E,CAAC;YAEF,IAAI,aAAa,EAAE,CAAC;gBAClB,aAAa,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YAC1F,CAAC;QACH,CAAC,CAAC;IAWJ,CAAC;IA9CQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACnD,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACtD,CAAC;IAyBM,MAAM;QACX,OAAO,IAAI,CAAA;4CAC6B,IAAI,CAAC,IAAI,IAAI,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;;;;KAKrF,CAAC;IACJ,CAAC;CACF,CAAA;AAtD4C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAA0C;AAGzC;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAAkC;AAGhC;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAgB;AARhD,qBAAqB;IADjC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,qBAAqB,CAwDjC;;AAED,eAAe,qBAAqB,CAAC","sourcesContent":["import { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-footer-item.css';\nimport NileElement from '../internal/nile-element';\n\n@customElement('nile-side-bar-footer-item')\nexport class NileSideBarFooterItem extends NileElement {\n  /** Optional type for styling or identification (\"support\", \"avatar\", etc.) */\n  @property({ type: String, reflect: true }) type: 'support' | 'avatar' | null = null;\n\n  /** Optional trigger name for linked actions */\n  @property({ type: String, reflect: true }) triggerFor: string | null = null;\n\n  /** Active state — can be controlled programmatically or via attribute */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.handleClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleClick);\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    this.emit('nile-footer-item-click', { detail: { type: this.type, triggerFor: this.triggerFor } });\n\n    // Optionally toggle active state on click (you can comment this out if you prefer manual control)\n    this.active = !this.active;\n\n    if (!this.triggerFor) return;\n\n    const actionEl = this.querySelector('nile-side-bar-action');\n    if (!actionEl) return;\n\n    const triggerSlot = actionEl.shadowRoot?.querySelector('slot[name=\"trigger\"]') as HTMLSlotElement | null;\n    const triggerElements = triggerSlot?.assignedElements({ flatten: true }) || [];\n\n    const targetTrigger = triggerElements.find(\n      el => (el as HTMLElement).getAttribute('triggerName') === this.triggerFor\n    );\n\n    if (targetTrigger) {\n      targetTrigger.dispatchEvent(new MouseEvent('click', { bubbles: true, composed: true }));\n    }\n  };\n\n  public render(): TemplateResult {\n    return html`\n      <div part=\"base\" class=\"footer-item ${this.type ?? ''} ${this.active ? 'active' : ''}\">\n        <slot name=\"icon\" part=\"icon\"></slot>\n        <slot name=\"text\" part=\"text\"></slot>\n        <slot name=\"action\" part=\"action\"></slot>\n      </div>\n    `;\n  }\n}\n\nexport default NileSideBarFooterItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar-footer-item': NileSideBarFooterItem;\n  }\n}\n"]}
+{"version":3,"file":"nile-side-bar-footer-item.js","sourceRoot":"","sources":["../../../src/nile-side-bar-footer-item/nile-side-bar-footer-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;;;;;;;GAaG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,WAAW;IAA/C;;QACsC,SAAI,GAAkB,IAAI,CAAC;IAexE,CAAC;IAbQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;KAMV,CAAC;IACJ,CAAC;CACF,CAAA;AAf4C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAA4B;AAD3D,qBAAqB;IADjC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,qBAAqB,CAgBjC;;AAED,eAAe,qBAAqB,CAAC","sourcesContent":["import { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-footer-item.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile side-bar-footer-item component.\n *\n * @tag nile-side-bar-footer-item\n *\n * @slot icon - Slot for footer item icon\n * @slot text - Slot for footer item text\n * @slot action - Slot for footer item action\n *\n * @csspart base - Wrapper for the footer item\n * @csspart icon - Wrapper for the icon slot\n * @csspart text - Wrapper for the text slot\n * @csspart action - Wrapper for the action slot\n */\n@customElement('nile-side-bar-footer-item')\nexport class NileSideBarFooterItem extends NileElement {\n  @property({ type: String, reflect: true }) type: string | null = null;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div part=\"base\" class=\"footer-item\">\n        <slot name=\"icon\" part=\"icon\"></slot>\n        <slot name=\"text\" part=\"text\"></slot>\n        <slot name=\"action\" part=\"action\"></slot>\n      </div>\n    `;\n  }\n}\n\nexport default NileSideBarFooterItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar-footer-item': NileSideBarFooterItem;\n  }\n}\n"]}

package/dist/src/nile-side-bar-group/nile-side-bar-group.css.js

@@ -7,8 +7,8 @@ export const styles = css `
     display: flex;
     flex-direction: column;
     padding-bottom: var(--nile-spacing-xs);
-    padding-left: var(--nile-spacing-xl);
-    padding-right: var(--nile-spacing-xl);
+    padding-left: var(--nile-spacing-md);
+    padding-right: var(--nile-spacing-md);
     gap: var(--nile-spacing-lg);
   }
 

package/dist/src/nile-side-bar-group/nile-side-bar-group.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-group.css.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group/nile-side-bar-group.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\n/**\n * SideBarGroup CSS\n */\nexport const styles = css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    padding-bottom: var(--nile-spacing-xs);\n    padding-left: var(--nile-spacing-xl);\n    padding-right: var(--nile-spacing-xl);\n    gap: var(--nile-spacing-lg);\n  }\n\n\n  :host([footer]) {\n    margin-top: auto;\n    margin-bottom: var(--nile-spacing-md);\n  }\n\n  .group-label {\n    font-weight: var(--nile-font-weight-semibold);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: var(--nile-spacing-xs);\n  }\n  :host([divider])::before {\n  content: \"\";\n  display: block;\n  height: 1px;\n  background: var(--nile-colors-neutral-400);\n  margin-top: var(--nile-spacing-xs);\n margin-left: var(--nile-spacing-md);\n margin-right: var(--nile-spacing-md);\n \n}\n \n.side-bar-group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--nile-spacing-xs)\n}\n\n\n:host ::slotted(nile-side-bar-group-item:first-child) {\n  margin-top: var(--nile-spacing-xs);\n}\n\n:host([collapsed]) .side-bar-group {\nalign-items: center;\njustify-content: center;\n}\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-side-bar-group.css.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group/nile-side-bar-group.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\n/**\n * SideBarGroup CSS\n */\nexport const styles = css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    padding-bottom: var(--nile-spacing-xs);\n    padding-left: var(--nile-spacing-md);\n    padding-right: var(--nile-spacing-md);\n    gap: var(--nile-spacing-lg);\n  }\n\n\n  :host([footer]) {\n    margin-top: auto;\n    margin-bottom: var(--nile-spacing-md);\n  }\n\n  .group-label {\n    font-weight: var(--nile-font-weight-semibold);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: var(--nile-spacing-xs);\n  }\n  :host([divider])::before {\n  content: \"\";\n  display: block;\n  height: 1px;\n  background: var(--nile-colors-neutral-400);\n  margin-top: var(--nile-spacing-xs);\n margin-left: var(--nile-spacing-md);\n margin-right: var(--nile-spacing-md);\n \n}\n \n.side-bar-group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--nile-spacing-xs)\n}\n\n\n:host ::slotted(nile-side-bar-group-item:first-child) {\n  margin-top: var(--nile-spacing-xs);\n}\n\n:host([collapsed]) .side-bar-group {\nalign-items: center;\njustify-content: center;\n}\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.css.js

@@ -9,62 +9,60 @@ import { css } from 'lit';
  * SideBarGroupItem CSS
  */
 export const styles = css `
-  :host {
-    display: block;
-  }
+	 :host {
+  display: block;
+}
 
-  .group-item {
-    display: flex;
-    flex-direction: column;
-    height: 38px;
-    width: 208px;
-    overflow: hidden;
-  }
+.group-item {
+  display: flex;
+  flex-direction: column;
+}
 
-  .item-link {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    height: 100%;
-    width: 100%;
-    padding: var(--nile-spacing-lg) var(--nile-spacing-md);
-    cursor: pointer;
-    color: var(--nile-colors-dark-900);
-    text-decoration: none;
-    font-size: var(--nile-type-scale-3);
-    line-height: 1.4;
-    box-sizing: border-box;
-  }
+.item-link {
+  display: flex;
+  align-items: center;
+padding-top: var(--nile-spacing-lg);
+padding-bottom: var(--nile-spacing-lg);
+padding-left: var(--nile-spacing-md);
+padding-right: var(--nile-spacing-md);
+  cursor: pointer;
+  color: var(--nile-colors-dark-900);
+  text-decoration: none;
+  font-size: var(--nile-type-scale-3);
+  line-height: 1.4;
+}
 
-  .item-link:hover {
-    background: var(--nile-colors-neutral-400);
-    border-radius: var(--nile-radius-sm);
-  }
+.item-link:hover {
+  background: var(--nile-colors-neutral-400);
+  border-radius: var(--nile-radius-sm);
+}
 
-  ::slotted(nile-side-bar-group-item-icon) {
-    flex-shrink: 0;
-  }
 
-  ::slotted(nile-side-bar-group-item-text) {
-    flex-grow: 1;
-  }
 
-  :host([active]) [part="link"] {
-    background: var(--nile-colors-primary-100);
-    border-radius: var(--nile-radius-sm);
-    font-weight: var(--nile-font-weight-semibold);
-  }
+::slotted(nile-side-bar-group-item-icon) {
+  flex-shrink: 0;
+}
+
+::slotted(nile-side-bar-group-item-text) {
+  flex-grow: 1;
+}
+:host([active]) [part="link"] {
+  background:    var(--nile-colors-primary-100);
+  border-radius: var(--nile-radius-sm);
+  font-weight: var(--nile-font-weight-semibold);
+}
+
+:host([collapsed]) .group-item {
+height: 38px;
+width: 38px;
+}
+:host([disabled]) .item-link {
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: not-allowed;
+}
 
-  :host([collapsed]) .group-item {
-    height: 38px;
-    width: 38px;
-  }
 
-  :host([disabled]) .item-link {
-    opacity: 0.5;
-    pointer-events: none;
-    cursor: not-allowed;
-  }
 `;
 export default [styles];
 //# sourceMappingURL=nile-side-bar-group-item.css.js.map

package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-group-item.css.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group-item/nile-side-bar-group-item.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDxB,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 * SideBarGroupItem CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .group-item {\n    display: flex;\n    flex-direction: column;\n    height: 38px;\n    width: 208px;\n    overflow: hidden;\n  }\n\n  .item-link {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    height: 100%;\n    width: 100%;\n    padding: var(--nile-spacing-lg) var(--nile-spacing-md);\n    cursor: pointer;\n    color: var(--nile-colors-dark-900);\n    text-decoration: none;\n    font-size: var(--nile-type-scale-3);\n    line-height: 1.4;\n    box-sizing: border-box;\n  }\n\n  .item-link:hover {\n    background: var(--nile-colors-neutral-400);\n    border-radius: var(--nile-radius-sm);\n  }\n\n  ::slotted(nile-side-bar-group-item-icon) {\n    flex-shrink: 0;\n  }\n\n  ::slotted(nile-side-bar-group-item-text) {\n    flex-grow: 1;\n  }\n\n  :host([active]) [part=\"link\"] {\n    background: var(--nile-colors-primary-100);\n    border-radius: var(--nile-radius-sm);\n    font-weight: var(--nile-font-weight-semibold);\n  }\n\n  :host([collapsed]) .group-item {\n    height: 38px;\n    width: 38px;\n  }\n\n  :host([disabled]) .item-link {\n    opacity: 0.5;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-side-bar-group-item.css.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group-item/nile-side-bar-group-item.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDxB,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 * SideBarGroupItem CSS\n */\nexport const styles = css`\n\t :host {\n  display: block;\n}\n\n.group-item {\n  display: flex;\n  flex-direction: column;\n}\n\n.item-link {\n  display: flex;\n  align-items: center;\npadding-top: var(--nile-spacing-lg);\npadding-bottom: var(--nile-spacing-lg);\npadding-left: var(--nile-spacing-md);\npadding-right: var(--nile-spacing-md);\n  cursor: pointer;\n  color: var(--nile-colors-dark-900);\n  text-decoration: none;\n  font-size: var(--nile-type-scale-3);\n  line-height: 1.4;\n}\n\n.item-link:hover {\n  background: var(--nile-colors-neutral-400);\n  border-radius: var(--nile-radius-sm);\n}\n\n\n\n::slotted(nile-side-bar-group-item-icon) {\n  flex-shrink: 0;\n}\n\n::slotted(nile-side-bar-group-item-text) {\n  flex-grow: 1;\n}\n:host([active]) [part=\"link\"] {\n  background:    var(--nile-colors-primary-100);\n  border-radius: var(--nile-radius-sm);\n  font-weight: var(--nile-font-weight-semibold);\n}\n\n:host([collapsed]) .group-item {\nheight: 38px;\nwidth: 38px;\n}\n:host([disabled]) .item-link {\n  opacity: 0.5;\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n\n`;\n\nexport default [styles];"]}

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

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+/**
+ * An nile-sidebar element.
+ *
+ * @fires count-changed - Indicates when the count changes
+ * @slot - This element has a slot
+ * @csspart button - The button
+ */
+export declare class NileSidebar extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Button Lab
+     */
+    title: string;
+    /**
+     * Hide Sidebar
+     */
+    showSidebar: boolean;
+    get buttonClassMap(): {
+        'nds-menu--active': boolean;
+    };
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-sidebar': NileSidebar;
+    }
+}

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;