@aquera/nile-elements 1.1.3 → 1.1.4

package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.d.ts

@@ -0,0 +1,27 @@
+import { CSSResultArray, TemplateResult } from 'lit';
+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
+ */
+export declare class NileSideBarFooterItem extends NileElement {
+    type: string | null;
+    static get styles(): CSSResultArray;
+    render(): TemplateResult;
+}
+export default NileSideBarFooterItem;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-side-bar-footer-item': NileSideBarFooterItem;
+    }
+}

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

@@ -0,0 +1,46 @@
+import { __decorate } from "tslib";
+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);
+        this.type = null;
+    }
+    static get styles() {
+        return [styles];
+    }
+    render() {
+        return html `
+      <div part="base" class="footer-item">
+        <slot name="icon" part="icon"></slot>
+        <slot name="text" part="text"></slot>
+        <slot name="action" part="action"></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true })
+], NileSideBarFooterItem.prototype, "type", void 0);
+NileSideBarFooterItem = __decorate([
+    customElement('nile-side-bar-footer-item')
+], NileSideBarFooterItem);
+export { NileSideBarFooterItem };
+export default NileSideBarFooterItem;
+//# sourceMappingURL=nile-side-bar-footer-item.js.map

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

@@ -0,0 +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;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-footer-text/index.d.ts

@@ -0,0 +1 @@
+export { NileSideBarFooterText } from './nile-side-bar-footer-text';

package/dist/src/nile-side-bar-footer-text/index.js

@@ -0,0 +1,2 @@
+export { NileSideBarFooterText } from './nile-side-bar-footer-text';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-side-bar-footer-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export { NileSideBarFooterText } from './nile-side-bar-footer-text';"]}

package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.css.d.ts

@@ -0,0 +1,3 @@
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.css.js

@@ -0,0 +1,32 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    line-height: 1.2;
+  }
+
+  .footer-text {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  .main {
+    font-size: var(--nile-type-scale-3);
+    font-weight: 500;
+    color: var(--nile-colors-dark-900);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .sub {
+    font-size: var(--nile-type-scale-2);
+    color: var(--nile-colors-dark-500);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-side-bar-footer-text.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-side-bar-footer-text.css.js","sourceRoot":"","sources":["../../../src/nile-side-bar-footer-text/nile-side-bar-footer-text.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    line-height: 1.2;\n  }\n\n  .footer-text {\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .main {\n    font-size: var(--nile-type-scale-3);\n    font-weight: 500;\n    color: var(--nile-colors-dark-900);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .sub {\n    font-size: var(--nile-type-scale-2);\n    color: var(--nile-colors-dark-500);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 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 side-bar-footer-text component.
+ *
+ * @tag nile-side-bar-footer-text
+ *
+ * @property {string} text - The main text (e.g. user name).
+ * @property {string} subtext - The sub text (e.g. organization/role).
+ */
+export declare class NileSideBarFooterText extends NileElement {
+    /** Main text (e.g., name) */
+    text: string;
+    /** Sub text (e.g., org/role) */
+    subtext: string;
+    static get styles(): CSSResultArray;
+    render(): TemplateResult;
+}
+export default NileSideBarFooterText;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-side-bar-footer-text': NileSideBarFooterText;
+    }
+}

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

@@ -0,0 +1,53 @@
+/**
+ * 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 NileElement from '../internal/nile-element';
+import { styles } from './nile-side-bar-footer-text.css';
+/**
+ * Nile side-bar-footer-text component.
+ *
+ * @tag nile-side-bar-footer-text
+ *
+ * @property {string} text - The main text (e.g. user name).
+ * @property {string} subtext - The sub text (e.g. organization/role).
+ */
+let NileSideBarFooterText = class NileSideBarFooterText extends NileElement {
+    constructor() {
+        super(...arguments);
+        /** Main text (e.g., name) */
+        this.text = '';
+        /** Sub text (e.g., org/role) */
+        this.subtext = '';
+    }
+    static get styles() {
+        return [styles];
+    }
+    render() {
+        return html `
+      <div class="footer-text">
+        <div class="main">${this.text}</div>
+        ${this.subtext
+            ? html `<div class="sub">${this.subtext}</div>`
+            : null}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], NileSideBarFooterText.prototype, "text", void 0);
+__decorate([
+    property({ type: String })
+], NileSideBarFooterText.prototype, "subtext", void 0);
+NileSideBarFooterText = __decorate([
+    customElement('nile-side-bar-footer-text')
+], NileSideBarFooterText);
+export { NileSideBarFooterText };
+export default NileSideBarFooterText;
+//# sourceMappingURL=nile-side-bar-footer-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-side-bar-footer-text.js","sourceRoot":"","sources":["../../../src/nile-side-bar-footer-text/nile-side-bar-footer-text.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAuC,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEzD;;;;;;;GAOG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,WAAW;IAA/C;;QACL,6BAA6B;QACD,SAAI,GAAW,EAAE,CAAC;QAE9C,gCAAgC;QACJ,YAAO,GAAW,EAAE,CAAC;IAgBnD,CAAC;IAdQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;4BAEa,IAAI,CAAC,IAAI;UAC3B,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA,oBAAoB,IAAI,CAAC,OAAO,QAAQ;YAC9C,CAAC,CAAC,IAAI;;KAEX,CAAC;IACJ,CAAC;CACF,CAAA;AAnB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAmB;AAGlB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAsB;AALtC,qBAAqB;IADjC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,qBAAqB,CAqBjC;;AAED,eAAe,qBAAqB,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 { html, css, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-side-bar-footer-text.css';\n\n/**\n * Nile side-bar-footer-text component.\n *\n * @tag nile-side-bar-footer-text\n *\n * @property {string} text - The main text (e.g. user name).\n * @property {string} subtext - The sub text (e.g. organization/role).\n */\n@customElement('nile-side-bar-footer-text')\nexport class NileSideBarFooterText extends NileElement {\n  /** Main text (e.g., name) */\n  @property({ type: String }) text: string = '';\n\n  /** Sub text (e.g., org/role) */\n  @property({ type: String }) subtext: string = '';\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"footer-text\">\n        <div class=\"main\">${this.text}</div>\n        ${this.subtext\n          ? html`<div class=\"sub\">${this.subtext}</div>`\n          : null}\n      </div>\n    `;\n  }\n}\n\nexport default NileSideBarFooterText;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar-footer-text': NileSideBarFooterText;\n  }\n}\n"]}

package/dist/src/nile-side-bar-group/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export { NileSideBarGroup } from './nile-side-bar-group';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileSideBarGroup } from './nile-side-bar-group';"]}

package/dist/src/nile-side-bar-group/nile-side-bar-group.css.d.ts

@@ -0,0 +1,6 @@
+/**
+ * SideBarGroup CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

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

@@ -0,0 +1,55 @@
+import { css } from 'lit';
+/**
+ * SideBarGroup CSS
+ */
+export const styles = css `
+  :host {
+    display: flex;
+    flex-direction: column;
+    padding-bottom: var(--nile-spacing-xs);
+    padding-left: var(--nile-spacing-md);
+    padding-right: var(--nile-spacing-md);
+    gap: var(--nile-spacing-lg);
+  }
+
+
+  :host([footer]) {
+    margin-top: auto;
+    margin-bottom: var(--nile-spacing-md);
+  }
+
+  .group-label {
+    font-weight: var(--nile-font-weight-semibold);
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    margin-bottom: var(--nile-spacing-xs);
+  }
+  :host([divider])::before {
+  content: "";
+  display: block;
+  height: 1px;
+  background: var(--nile-colors-neutral-400);
+  margin-top: var(--nile-spacing-xs);
+ margin-left: var(--nile-spacing-md);
+ margin-right: var(--nile-spacing-md);
+ 
+}
+ 
+.side-bar-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--nile-spacing-xs)
+}
+
+
+:host ::slotted(nile-side-bar-group-item:first-child) {
+  margin-top: var(--nile-spacing-xs);
+}
+
+:host([collapsed]) .side-bar-group {
+align-items: center;
+justify-content: center;
+}
+`;
+export default [styles];
+//# sourceMappingURL=nile-side-bar-group.css.js.map

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

@@ -0,0 +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-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/nile-side-bar-group.d.ts

@@ -0,0 +1,42 @@
+/**
+ * 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 side-bar-group component.
+ *
+ * A logical grouping of sidebar items, optionally with a label and/or footer placement.
+ *
+ * @tag nile-side-bar-group
+ *
+ * @slot - Default slot for group items (nile-side-bar-group-item)
+ * @csspart base - The group container
+ * @csspart label - The group label element
+ */
+export declare class NileSideBarGroup extends NileElement {
+    /**
+     * Optional label for the group.
+     */
+    label: string;
+    /**
+     * Marks this group as footer (sticks to bottom of sidebar).
+     */
+    footer: boolean;
+    divider: boolean;
+    /**
+     * The styles for nile-side-bar-group
+     * @remarks Extendable via super if needed
+     */
+    static get styles(): CSSResultArray;
+    render(): TemplateResult;
+}
+export default NileSideBarGroup;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-side-bar-group': NileSideBarGroup;
+    }
+}

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

@@ -0,0 +1,76 @@
+/**
+ * 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-side-bar-group.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile side-bar-group component.
+ *
+ * A logical grouping of sidebar items, optionally with a label and/or footer placement.
+ *
+ * @tag nile-side-bar-group
+ *
+ * @slot - Default slot for group items (nile-side-bar-group-item)
+ * @csspart base - The group container
+ * @csspart label - The group label element
+ */
+let NileSideBarGroup = class NileSideBarGroup extends NileElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Optional label for the group.
+         */
+        this.label = '';
+        /**
+         * Marks this group as footer (sticks to bottom of sidebar).
+         */
+        this.footer = false;
+        this.divider = false;
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-side-bar-group
+     * @remarks Extendable via super if needed
+     */
+    static get styles() {
+        return [styles];
+    }
+    /* #region Render */
+    render() {
+        return html `
+      <section
+        part="base"
+        class="side-bar-group"
+        role="list"
+        aria-label=${this.label || 'Sidebar group'}
+        ?data-footer=${this.footer}
+      >
+        ${this.label
+            ? html `<div part="label" class="group-label">${this.label}</div>`
+            : null}
+        <slot></slot>
+      </section>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], NileSideBarGroup.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileSideBarGroup.prototype, "footer", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileSideBarGroup.prototype, "divider", void 0);
+NileSideBarGroup = __decorate([
+    customElement('nile-side-bar-group')
+], NileSideBarGroup);
+export { NileSideBarGroup };
+export default NileSideBarGroup;
+//# sourceMappingURL=nile-side-bar-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-side-bar-group.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group/nile-side-bar-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAc,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;;;;GAUG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW;IAA1C;;QACL;;WAEG;QACyB,UAAK,GAAW,EAAE,CAAC;QAE/C;;WAEG;QACyC,WAAM,GAAY,KAAK,CAAC;QACzB,YAAO,GAAG,KAAK,CAAC;QA8B3D,gBAAgB;IAClB,CAAC;IA5BC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,oBAAoB;IAEb,MAAM;QACX,OAAO,IAAI,CAAA;;;;;qBAKM,IAAI,CAAC,KAAK,IAAI,eAAe;uBAC3B,IAAI,CAAC,MAAM;;UAExB,IAAI,CAAC,KAAK;YACV,CAAC,CAAC,IAAI,CAAA,yCAAyC,IAAI,CAAC,KAAK,QAAQ;YACjE,CAAC,CAAC,IAAI;;;KAGX,CAAC;IACJ,CAAC;CAGF,CAAA;AArC6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAoB;AAKH;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAyB;AACzB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAgB;AAVhD,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAyC5B;;AAED,eAAe,gBAAgB,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 { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-group.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile side-bar-group component.\n *\n * A logical grouping of sidebar items, optionally with a label and/or footer placement.\n *\n * @tag nile-side-bar-group\n *\n * @slot - Default slot for group items (nile-side-bar-group-item)\n * @csspart base - The group container\n * @csspart label - The group label element\n */\n@customElement('nile-side-bar-group')\nexport class NileSideBarGroup extends NileElement {\n  /**\n   * Optional label for the group.\n   */\n  @property({ type: String }) label: string = '';\n\n  /**\n   * Marks this group as footer (sticks to bottom of sidebar).\n   */\n  @property({ type: Boolean, reflect: true }) footer: boolean = false;\n  @property({ type: Boolean, reflect: true })divider = false;\n\n\n  /**\n   * The styles for nile-side-bar-group\n   * @remarks Extendable via super if needed\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /* #region Render */\n\n  public render(): TemplateResult {\n    return html`\n      <section\n        part=\"base\"\n        class=\"side-bar-group\"\n        role=\"list\"\n        aria-label=${this.label || 'Sidebar group'}\n        ?data-footer=${this.footer}\n      >\n        ${this.label\n          ? html`<div part=\"label\" class=\"group-label\">${this.label}</div>`\n          : null}\n        <slot></slot>\n      </section>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSideBarGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar-group': NileSideBarGroup;\n  }\n}\n"]}

package/dist/src/nile-side-bar-group-item/index.d.ts

@@ -0,0 +1 @@
+export { NileSideBarGroupItem } from './nile-side-bar-group-item';

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

@@ -0,0 +1,2 @@
+export { NileSideBarGroupItem } from './nile-side-bar-group-item';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export { NileSideBarGroupItem } from './nile-side-bar-group-item';"]}

package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.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.
+*/
+/**
+ * SideBarGroupItem CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

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

@@ -0,0 +1,68 @@
+/**
+* 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';
+/**
+ * SideBarGroupItem CSS
+ */
+export const styles = css `
+	 :host {
+  display: block;
+}
+
+.group-item {
+  display: flex;
+  flex-direction: column;
+}
+
+.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);
+}
+
+
+
+::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;
+}
+
+
+`;
+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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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-side-bar-group-item/nile-side-bar-group-item.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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 side-bar-group-item component.
+ *
+ * @tag nile-side-bar-group-item
+ *
+ * @slot icon - Slot for the item icon
+ * @slot text - Slot for the item text
+ * @slot trigger - Slot for chevron/trigger icons
+ * @slot content - Slot for dropdown/popover content
+ *
+ * @csspart base - Wrapper for the group item
+ * @csspart link - The clickable row (div or anchor)
+ * @csspart content - Content container (for dropdown/popover)
+ */
+export declare class NileSideBarGroupItem extends NileElement {
+    href: string | null;
+    active: boolean;
+    type: 'default' | 'dropdown' | 'popover';
+    expanded: boolean;
+    disabled: boolean;
+    static get styles(): CSSResultArray;
+    private toggleExpand;
+    connectedCallback(): void;
+    private handleSelect;
+    render(): TemplateResult;
+}
+export default NileSideBarGroupItem;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-side-bar-group-item': NileSideBarGroupItem;
+    }
+}