@aquera/nile-elements 1.1.3 → 1.1.4

package/src/nile-side-bar-header/nile-side-bar-header.css.ts

@@ -0,0 +1,61 @@
+/**
+* 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';
+
+/**
+ * SideBarHeader CSS
+ */
+export const styles = css`
+ :host {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: var(--nile-spacing-xl);
+  padding-bottom: var(--nile-spacing-lg);
+  padding-left: var(--nile-spacing-xl);
+  padding-right: var(--nile-spacing-xl);
+  position: sticky;
+    top: 0;
+    z-index: 10;
+    background: var(--nile-colors-neutral-100);
+}
+
+.header-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+
+
+:host-context(nile-side-bar[collapsed]) .header-content {
+  flex-direction: column;
+  justify-content: center;
+  gap: var(--nile-spacing-lg);
+}
+
+
+ 
+ 
+::slotted([slot='logo']) {
+  font-size: var(--nile-type-scale-3);
+  font-weight: var(--nile-font-weight-bold);
+  letter-spacing: -0.02em;
+  color: var(--nile-colors-dark-900);
+  text-transform: none;
+}
+
+::slotted([slot='actions']) {
+  display: flex;
+  align-items: center;
+  gap: var(--nile-spacing-md);
+}
+
+`;
+
+export default [styles];

package/src/nile-side-bar-header/nile-side-bar-header.ts

@@ -0,0 +1,57 @@
+/**
+ * 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 {LitElement, html, CSSResultArray, TemplateResult} from 'lit';
+import { customElement, property} from 'lit/decorators.js';
+import {styles} from './nile-side-bar-header.css';
+import NileElement from '../internal/nile-element';
+
+
+/**
+ * Nile side-bar-header component.
+ *
+ * @tag nile-side-bar-header
+ *
+ */
+@customElement('nile-side-bar-header')
+export class NileSideBarHeader extends NileElement {
+
+	/**
+	 * The styles for nile-side-bar-header
+	 * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+	 */
+	public static get styles(): CSSResultArray {
+		return [styles];
+	}
+
+	/* #endregion */
+
+	/* #region Methods */
+
+	/**
+	 * Render method
+	 * @slot This is a slot test
+	 */
+	public render(): TemplateResult {
+		return html`
+		  <div class="header-content">
+      <slot name="logo"></slot>
+      <slot name="expand"></slot>
+    </div>
+			`;
+	}
+
+	/* #endregion */
+}
+
+export default NileSideBarHeader;
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'nile-side-bar-header': NileSideBarHeader;
+  }
+}

package/src/nile-side-bar-logo/index.ts

@@ -0,0 +1 @@
+export { NileSideBarLogo } from './nile-side-bar-logo';

package/src/nile-side-bar-logo/nile-side-bar-logo.css.ts

@@ -0,0 +1,46 @@
+/**
+* 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';
+
+/**
+ * SideBarLogo CSS
+ */
+export const styles = css`
+	 :host {
+  justify-content: center;
+  height: 100%;
+  flex: 0;
+}
+
+.logo {
+  max-height: 32px;
+  object-fit: contain;
+  transition: opacity 0.2s ease, transform 0.2s ease;
+}
+
+.logo.expanded {
+  display: block;
+}
+
+ 
+.logo.collapsed {
+  display: none;
+}
+
+ 
+:host-context(nile-side-bar[collapsed]) .logo.expanded {
+  display: none;
+}
+
+:host-context(nile-side-bar[collapsed]) .logo.collapsed {
+  display: block;
+}
+
+`;
+
+export default [styles];

package/src/nile-side-bar-logo/nile-side-bar-logo.ts

@@ -0,0 +1,52 @@
+/**
+ * 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 { html, CSSResultArray, TemplateResult } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { styles } from './nile-side-bar-logo.css';
+import NileElement from '../internal/nile-element';
+
+/**
+ * Nile side-bar-logo component.
+ *
+ * @tag nile-side-bar-logo
+ *
+ * @attr src - The image URL for the expanded (full) logo
+ * @attr collapsed-src - The image URL for the collapsed (icon) logo
+ */
+@customElement('nile-side-bar-logo')
+export class NileSideBarLogo extends NileElement {
+  /**
+   * Expanded logo (default full size)
+   */
+  @property({ type: String, attribute: true, reflect: true })
+  src: string = 'https://assets.aquera.io/img/aquera-logo-blue.svg';
+  /**
+   * Collapsed logo (icon only)
+   */
+  @property({ type: String, attribute: 'collapsed-src' })
+  collapsedSrc: string = 'https://assets.aqueralabs.com/img/aquera-logo-mini.png';
+
+  public static get styles(): CSSResultArray {
+    return [styles];
+  }
+
+  public render(): TemplateResult {
+    return html`
+      <img class="logo expanded" src="${this.src}" alt="Logo" part="logo-expanded" />
+      <img class="logo collapsed" src="${this.collapsedSrc}" alt="Logo icon" part="logo-collapsed" />
+    `;
+  }
+}
+
+export default NileSideBarLogo;
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'nile-side-bar-logo': NileSideBarLogo;
+  }
+}

package/src/nile-table-header-item/nile-table-header-item.css.ts

@@ -20,6 +20,10 @@ export const styles = css`
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
     text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    
   }
 
   .header__item__wrapper{

package/vscode-html-custom-data.json

@@ -3652,75 +3652,382 @@
       ]
     },
     {
-      "name": "nile-sidebar-menu-items",
-      "description": "Nile sidebar-menu-items component.\n\nAttributes:\n\n  * `iconValue` {`string`} - \n\n  * `active` {`boolean`} - \n\nProperties:\n\n  * `iconValue` {`string`} - \n\n  * `active` {`boolean`} - \n\n  * `collapsed` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "name": "nile-side-bar-action-menu-item",
+      "description": "Nile side-bar-action-menu-item component.\n\nSlots:\n\n  * ` ` {} - The menu item's label.\n\n  * `prefix` {} - Used to prepend an icon or similar element to the menu item.\n\n  * `suffix` {} - Used to append an icon or similar element to the menu item.\n\nAttributes:\n\n  * `type` {`\"normal\" | \"checkbox\"`} - The type of menu item to render. To use `checked`, this value must be set to `checkbox`.\n\n  * `checked` {`boolean`} - Draws the item in a checked state.\n\n  * `value` {`string`} - A unique value to store in the menu item. This can be used as a way to identify menu items when selected.\n\n  * `disabled` {`boolean`} - Draws the menu item in a disabled state, preventing selection.\n\n  * `hasSubMenu` {`boolean`} - Indicates if this menu item has a submenu.\n\nProperties:\n\n  * `styles` - \n\n  * `cachedTextLabel` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `menuItem` {`HTMLElement`} - \n\n  * `type` {`\"normal\" | \"checkbox\"`} - The type of menu item to render. To use `checked`, this value must be set to `checkbox`.\n\n  * `checked` {`boolean`} - Draws the item in a checked state.\n\n  * `value` {`string`} - A unique value to store in the menu item. This can be used as a way to identify menu items when selected.\n\n  * `disabled` {`boolean`} - Draws the menu item in a disabled state, preventing selection.\n\n  * `hasSubMenu` {`boolean`} - Indicates if this menu item has a submenu.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
-          "name": "iconValue",
-          "description": "`iconValue` {`string`} - \n\nProperty: iconValue\n\nDefault: "
+          "name": "type",
+          "description": "`type` {`\"normal\" | \"checkbox\"`} - The type of menu item to render. To use `checked`, this value must be set to `checkbox`.\n\nProperty: type\n\nDefault: normal",
+          "values": [
+            {
+              "name": "normal"
+            },
+            {
+              "name": "checkbox"
+            }
+          ]
         },
         {
-          "name": "active",
-          "description": "`active` {`boolean`} - \n\nProperty: active\n\nDefault: false",
+          "name": "checked",
+          "description": "`checked` {`boolean`} - Draws the item in a checked state.\n\nProperty: checked\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "value",
+          "description": "`value` {`string`} - A unique value to store in the menu item. This can be used as a way to identify menu items when selected.\n\nProperty: value\n\nDefault: "
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - Draws the menu item in a disabled state, preventing selection.\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "hasSubMenu",
+          "description": "`hasSubMenu` {`boolean`} - Indicates if this menu item has a submenu.\n\nProperty: hasSubMenu\n\nDefault: false",
           "valueSet": "v"
         }
       ]
     },
     {
-      "name": "nile-sidebar-menu",
-      "description": "Nile sidebar-menu component.\n\nAttributes:\n\n  * `sidemenucollapsed` {`boolean`} - \n\nProperties:\n\n  * `sidemenucollapsed` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "name": "nile-side-bar-action-menu",
+      "description": "A nile-side-bar-action-menu element.\n\nEvents:\n\n  * `nile-select` {} - Emitted when a menu item is selected.\n\n  * `count-changed` {} - Indicates when the count changes\n\nSlots:\n\n  * ` ` {} - The menu's content, including menu items, menu labels, and dividers.\n\nAttributes:\n\n  * `searchEnabled` {`boolean`} - \n\n  * `customSearch` {`boolean`} - \n\n  * `showNoResults` {`boolean`} - \n\n  * `allowSpaceKey` {`boolean`} - \n\n  * `noResultsMessage` {`string`} - \n\nProperties:\n\n  * `styles` - \n\n  * `searchValue` {`string`} - \n\n  * `searchWidth` {`number`} - \n\n  * `searchEnabled` {`boolean`} - \n\n  * `customSearch` {`boolean`} - \n\n  * `showNoResults` {`boolean`} - \n\n  * `allowSpaceKey` {`boolean`} - \n\n  * `noResultsMessage` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `hasSlotController` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
-          "name": "sidemenucollapsed",
-          "description": "`sidemenucollapsed` {`boolean`} - \n\nProperty: sidemenucollapsed\n\nDefault: false",
+          "name": "searchEnabled",
+          "description": "`searchEnabled` {`boolean`} - \n\nProperty: searchEnabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "customSearch",
+          "description": "`customSearch` {`boolean`} - \n\nProperty: customSearch\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "showNoResults",
+          "description": "`showNoResults` {`boolean`} - \n\nProperty: showNoResults\n\nDefault: false",
           "valueSet": "v"
+        },
+        {
+          "name": "allowSpaceKey",
+          "description": "`allowSpaceKey` {`boolean`} - \n\nProperty: allowSpaceKey\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "noResultsMessage",
+          "description": "`noResultsMessage` {`string`} - \n\nProperty: noResultsMessage\n\nDefault: No results found"
+        },
+        {
+          "name": "onnile-select",
+          "description": "`nile-select` {} - Emitted when a menu item is selected."
+        },
+        {
+          "name": "oncount-changed",
+          "description": "`count-changed` {} - Indicates when the count changes"
         }
       ]
     },
     {
-      "name": "nile-sidebar-wrapper",
-      "description": "Nile sidebar-wrapper component.\n\nAttributes:\n\n  * `overlaysidebar` {`boolean`} - \n\n  * `placement` {`\"left\" | \"right\"`} - \n\n  * `isopen` {`boolean`} - \n\nProperties:\n\n  * `overlaysidebar` {`boolean`} - \n\n  * `placement` {`\"left\" | \"right\"`} - \n\n  * `isopen` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "name": "nile-side-bar-action",
+      "description": "Nile side-bar-action component.\n\nEvents:\n\n  * `nile-show` {} - Fired when dropdown opens.\n\n  * `nile-after-show` {} - Fired after dropdown + animations.\n\n  * `nile-hide` {} - Fired when dropdown closes.\n\n  * `nile-after-hide` {} - Fired after dropdown closes + animations.\n\nSlots:\n\n  * `trigger` {} - The clickable trigger (icon/button).\n\n  * ` ` {} - The dropdown panel content (menu, custom content).\n\nAttributes:\n\n  * `open` {`boolean`} - Whether the dropdown is open\n\n  * `placement` {`TooltipPosition`} - Preferred placement relative to trigger\n\n  * `disabled` {`boolean`} - Disable interaction\n\n  * `stay-open-on-select` {`boolean`} - Keep open on select\n\n  * `distance` {`number`} - Offsets\n\n  * `skidding` {`number`} - \n\n  * `sync` {`\"width\" | \"height\" | \"both\"`} - Sync size with trigger\n\n  * `hoist` {`boolean`} - Hoist above scroll containers\n\n  * `triggerDropdown` {`\"click\" | \"hover\"`} - \n\nProperties:\n\n  * `styles` {`CSSResultArray`} - \n\n  * `popup` - \n\n  * `trigger` {`HTMLSlotElement`} - \n\n  * `panel` {`HTMLSlotElement`} - \n\n  * `open` {`boolean`} - Whether the dropdown is open\n\n  * `placement` {`TooltipPosition`} - Preferred placement relative to trigger\n\n  * `disabled` {`boolean`} - Disable interaction\n\n  * `stayOpenOnSelect` {`boolean`} - Keep open on select\n\n  * `containingElement` {`HTMLElement | undefined`} - External containing element (default: self)\n\n  * `distance` {`number`} - Offsets\n\n  * `skidding` {`number`} - \n\n  * `sync` {`\"width\" | \"height\" | \"both\"`} - Sync size with trigger\n\n  * `hoist` {`boolean`} - Hoist above scroll containers\n\n  * `triggerDropdown` {`\"click\" | \"hover\"`} - \n\n  * `hoverTimeout` {`number | undefined`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
-          "name": "overlaysidebar",
-          "description": "`overlaysidebar` {`boolean`} - \n\nProperty: overlaysidebar\n\nDefault: false",
+          "name": "open",
+          "description": "`open` {`boolean`} - Whether the dropdown is open\n\nProperty: open\n\nDefault: false",
           "valueSet": "v"
         },
         {
           "name": "placement",
-          "description": "`placement` {`\"left\" | \"right\"`} - \n\nProperty: placement\n\nDefault: left",
+          "description": "`placement` {`TooltipPosition`} - Preferred placement relative to trigger\n\nProperty: placement\n\nDefault: bottom-start",
           "values": [
             {
               "name": "left"
             },
             {
               "name": "right"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-start"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "right-start"
+            },
+            {
+              "name": "right-end"
+            },
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "left-start"
+            },
+            {
+              "name": "left-end"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - Disable interaction\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "stay-open-on-select",
+          "description": "`stay-open-on-select` {`boolean`} - Keep open on select\n\nProperty: stayOpenOnSelect\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "distance",
+          "description": "`distance` {`number`} - Offsets\n\nProperty: distance\n\nDefault: 0"
+        },
+        {
+          "name": "skidding",
+          "description": "`skidding` {`number`} - \n\nProperty: skidding\n\nDefault: 0"
+        },
+        {
+          "name": "sync",
+          "description": "`sync` {`\"width\" | \"height\" | \"both\"`} - Sync size with trigger\n\nProperty: sync",
+          "values": [
+            {
+              "name": "width"
+            },
+            {
+              "name": "height"
+            },
+            {
+              "name": "both"
+            }
+          ]
+        },
+        {
+          "name": "hoist",
+          "description": "`hoist` {`boolean`} - Hoist above scroll containers\n\nProperty: hoist\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "triggerDropdown",
+          "description": "`triggerDropdown` {`\"click\" | \"hover\"`} - \n\nProperty: triggerDropdown\n\nDefault: click",
+          "values": [
+            {
+              "name": "click"
+            },
+            {
+              "name": "hover"
+            }
+          ]
+        },
+        {
+          "name": "onnile-show",
+          "description": "`nile-show` {} - Fired when dropdown opens."
+        },
+        {
+          "name": "onnile-after-show",
+          "description": "`nile-after-show` {} - Fired after dropdown + animations."
+        },
+        {
+          "name": "onnile-hide",
+          "description": "`nile-hide` {} - Fired when dropdown closes."
+        },
+        {
+          "name": "onnile-after-hide",
+          "description": "`nile-after-hide` {} - Fired after dropdown closes + animations."
+        }
+      ]
+    },
+    {
+      "name": "nile-side-bar-expand",
+      "description": "Nile side-bar-expand component.\n\nAttributes:\n\n  * `collapsed` {`boolean`} - \n\nProperties:\n\n  * `collapsed` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "collapsed",
+          "description": "`collapsed` {`boolean`} - \n\nProperty: collapsed\n\nDefault: false",
+          "valueSet": "v"
+        }
+      ]
+    },
+    {
+      "name": "nile-side-bar-footer-item",
+      "description": "Nile side-bar-footer-item component.\n\nSlots:\n\n  * `icon` {} - Slot for footer item icon\n\n  * `text` {} - Slot for footer item text\n\n  * `action` {} - Slot for footer item action\n\nAttributes:\n\n  * `type` {`string | null`} - \n\nProperties:\n\n  * `type` {`string | null`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "type",
+          "description": "`type` {`string | null`} - \n\nProperty: type\n\nDefault: null",
+          "values": []
+        }
+      ]
+    },
+    {
+      "name": "nile-side-bar-footer-text",
+      "description": "Nile side-bar-footer-text component.\n\nAttributes:\n\n  * `text` {string} - Main text (e.g., name)\n\n  * `subtext` {string} - Sub text (e.g., org/role)\n\nProperties:\n\n  * `text` {string} - Main text (e.g., name)\n\n  * `subtext` {string} - Sub text (e.g., org/role)\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "text",
+          "description": "`text` {string} - Main text (e.g., name)\n\nProperty: text\n\nDefault: "
+        },
+        {
+          "name": "subtext",
+          "description": "`subtext` {string} - Sub text (e.g., org/role)\n\nProperty: subtext\n\nDefault: "
+        }
+      ]
+    },
+    {
+      "name": "nile-side-bar-footer",
+      "description": "Nile side-bar-footer component.\n\nSlots:\n\n  * `icon` {} - Slot for footer icon\n\n  * `text` {} - Slot for footer text\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": []
+    },
+    {
+      "name": "nile-side-bar-group-item-icon",
+      "description": "Nile side-bar-group-item-icon component.\n\nSlots:\n\n  * ` ` {} - Optional slot to override the icon completely\n\nAttributes:\n\n  * `icon` {`string`} - Name of the icon (passed to <nile-icon name=\"\">)\n\n  * `tooltip` {`string`} - Tooltip text (auto-synced from sibling text if available)\n\nProperties:\n\n  * `sidebar` - \n\n  * `icon` {`string`} - Name of the icon (passed to <nile-icon name=\"\">)\n\n  * `tooltip` {`string`} - Tooltip text (auto-synced from sibling text if available)\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "`icon` {`string`} - Name of the icon (passed to <nile-icon name=\"\">)\n\nProperty: icon\n\nDefault: "
+        },
+        {
+          "name": "tooltip",
+          "description": "`tooltip` {`string`} - Tooltip text (auto-synced from sibling text if available)\n\nProperty: tooltip\n\nDefault: "
+        }
+      ]
+    },
+    {
+      "name": "nile-side-bar-group-item-text",
+      "description": "Nile side-bar-group-item-text component.\n\nSlots:\n\n  * ` ` {} - The text content of the sidebar item\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": []
+    },
+    {
+      "name": "nile-side-bar-group-item",
+      "description": "Nile side-bar-group-item component.\n\nEvents:\n\n  * `nile-click` {`CustomEvent<{ href: string | null; text: string; type: \"default\" | \"dropdown\" | \"popover\"; }>`} - \n\nSlots:\n\n  * `icon` {} - Slot for the item icon\n\n  * `text` {} - Slot for the item text\n\n  * `trigger` {} - Slot for chevron/trigger icons\n\n  * `content` {} - Slot for dropdown/popover content\n\nAttributes:\n\n  * `href` {`string | null`} - \n\n  * `active` {`boolean`} - \n\n  * `type` {`\"default\" | \"dropdown\" | \"popover\"`} - \n\n  * `expanded` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\nProperties:\n\n  * `href` {`string | null`} - \n\n  * `active` {`boolean`} - \n\n  * `type` {`\"default\" | \"dropdown\" | \"popover\"`} - \n\n  * `expanded` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "href",
+          "description": "`href` {`string | null`} - \n\nProperty: href\n\nDefault: null",
+          "values": []
+        },
+        {
+          "name": "active",
+          "description": "`active` {`boolean`} - \n\nProperty: active\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "type",
+          "description": "`type` {`\"default\" | \"dropdown\" | \"popover\"`} - \n\nProperty: type\n\nDefault: default",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "dropdown"
+            },
+            {
+              "name": "popover"
             }
           ]
         },
         {
-          "name": "isopen",
-          "description": "`isopen` {`boolean`} - \n\nProperty: isopen\n\nDefault: false",
+          "name": "expanded",
+          "description": "`expanded` {`boolean`} - \n\nProperty: expanded\n\nDefault: false",
           "valueSet": "v"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "onnile-click",
+          "description": "`nile-click` {`CustomEvent<{ href: string | null; text: string; type: \"default\" | \"dropdown\" | \"popover\"; }>`} - "
         }
       ]
     },
     {
-      "name": "nile-sidebar",
-      "description": "An nile-sidebar element.\n\nEvents:\n\n  * `count-changed` {} - Indicates when the count changes\n\nSlots:\n\n  * ` ` {} - This element has a slot\n\nAttributes:\n\n  * `title` {`string`} - Button Lab\n\n  * `showSidebar` {`boolean`} - Hide Sidebar\n\nProperties:\n\n  * `styles` - \n\n  * `title` {`string`} - Button Lab\n\n  * `showSidebar` {`boolean`} - Hide Sidebar\n\n  * `buttonClassMap` {`{ 'nds-menu--active': boolean; }`} - \n\n  * `override` - ",
+      "name": "nile-side-bar-group",
+      "description": "Nile side-bar-group component.\n\nA logical grouping of sidebar items, optionally with a label and/or footer placement.\n\nSlots:\n\n  * ` ` {} - Default slot for group items (nile-side-bar-group-item)\n\nAttributes:\n\n  * `label` {`string`} - Optional label for the group.\n\n  * `footer` {`boolean`} - Marks this group as footer (sticks to bottom of sidebar).\n\n  * `divider` {`boolean`} - \n\nProperties:\n\n  * `label` {`string`} - Optional label for the group.\n\n  * `footer` {`boolean`} - Marks this group as footer (sticks to bottom of sidebar).\n\n  * `divider` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
-          "name": "title",
-          "description": "`title` {`string`} - Button Lab\n\nProperty: title\n\nDefault: "
+          "name": "label",
+          "description": "`label` {`string`} - Optional label for the group.\n\nProperty: label\n\nDefault: "
         },
         {
-          "name": "showSidebar",
-          "description": "`showSidebar` {`boolean`} - Hide Sidebar\n\nProperty: showSidebar\n\nDefault: false",
+          "name": "footer",
+          "description": "`footer` {`boolean`} - Marks this group as footer (sticks to bottom of sidebar).\n\nProperty: footer\n\nDefault: false",
           "valueSet": "v"
         },
         {
-          "name": "oncount-changed",
-          "description": "`count-changed` {} - Indicates when the count changes"
+          "name": "divider",
+          "description": "`divider` {`boolean`} - \n\nProperty: divider\n\nDefault: false",
+          "valueSet": "v"
+        }
+      ]
+    },
+    {
+      "name": "nile-side-bar-header",
+      "description": "Nile side-bar-header component.\n\nProperties:\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": []
+    },
+    {
+      "name": "nile-side-bar-logo",
+      "description": "Nile side-bar-logo component.\n\nAttributes:\n\n  * `src` {`string`} - Expanded logo (default full size)\n\n  * `collapsed-src` {`string`} - Collapsed logo (icon only)\n\nProperties:\n\n  * `src` {`string`} - Expanded logo (default full size)\n\n  * `collapsedSrc` {`string`} - Collapsed logo (icon only)\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "src",
+          "description": "`src` {`string`} - Expanded logo (default full size)\n\nProperty: src\n\nDefault: https://assets.aquera.io/img/aquera-logo-blue.svg"
+        },
+        {
+          "name": "collapsed-src",
+          "description": "`collapsed-src` {`string`} - Collapsed logo (icon only)\n\nProperty: collapsedSrc\n\nDefault: https://assets.aqueralabs.com/img/aquera-logo-mini.png"
+        }
+      ]
+    },
+    {
+      "name": "nile-side-bar",
+      "description": "Nile side-bar component.\n\nAttributes:\n\n  * `collapsed` {`boolean`} - \n\n  * `fullHeight` {`boolean`} - \n\n  * `collapsedWidth` {`number | null`} - \n\n  * `position` {`\"left\" | \"right\"`} - Position of the sidebar (\"left\" | \"right\"). Defaults to \"left\".\n\n  * `width` {`number | null`} - Expanded width of the sidebar (px).\n\n  * `collapsed-width` - Collapsed width of the sidebar (px).\n\nProperties:\n\n  * `collapsed` {`boolean`} - \n\n  * `fullHeight` {`boolean`} - \n\n  * `collapsedWidth` {`number | null`} - \n\n  * `position` {`\"left\" | \"right\"`} - Position of the sidebar (\"left\" | \"right\"). Defaults to \"left\".\n\n  * `width` {`number | null`} - Expanded width of the sidebar (px).\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "collapsed",
+          "description": "`collapsed` {`boolean`} - \n\nProperty: collapsed\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "fullHeight",
+          "description": "`fullHeight` {`boolean`} - \n\nProperty: fullHeight\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "collapsedWidth",
+          "description": "`collapsedWidth` {`number | null`} - \n\nProperty: collapsedWidth\n\nDefault: null",
+          "values": []
+        },
+        {
+          "name": "position",
+          "description": "`position` {`\"left\" | \"right\"`} - Position of the sidebar (\"left\" | \"right\"). Defaults to \"left\".\n\nProperty: position\n\nDefault: left",
+          "values": [
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            }
+          ]
+        },
+        {
+          "name": "width",
+          "description": "`width` {`number | null`} - Expanded width of the sidebar (px).\n\nProperty: width\n\nDefault: null",
+          "values": []
+        },
+        {
+          "name": "collapsed-width",
+          "description": "`collapsed-width` - Collapsed width of the sidebar (px).\n\n"
         }
       ]
     },