@aquera/nile-elements 1.6.6 → 1.6.8

package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.js

@@ -0,0 +1,110 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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, state, query } from 'lit/decorators.js';
+import { styles } from './nile-inline-sidebar-item-body.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile inline-sidebar-item-body component.
+ *
+ * @tag nile-inline-sidebar-item-body
+ *
+ */
+let NileInlineSidebarItemBody = class NileInlineSidebarItemBody extends NileElement {
+    constructor() {
+        super(...arguments);
+        /** Maximum number of visible lines before text is truncated with an ellipsis. */
+        this.lines = 2;
+        this.content = '';
+        this.showTooltip = false;
+        this.isTruncated = false;
+        this.disabled = false;
+        this.active = false;
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-inline-sidebar-item-body
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    /* #endregion */
+    /* #region Methods */
+    firstUpdated() {
+        this.checkTruncation();
+        if (this.bodyContentEl) {
+            this.resizeObserver = new ResizeObserver(() => this.checkTruncation());
+            this.resizeObserver.observe(this.bodyContentEl);
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.resizeObserver?.disconnect();
+    }
+    checkTruncation() {
+        if (this.bodyContentEl) {
+            const truncated = this.bodyContentEl.scrollHeight > this.bodyContentEl.clientHeight;
+            if (truncated !== this.isTruncated) {
+                this.isTruncated = truncated;
+            }
+        }
+    }
+    get contentTemplate() {
+        const body = html `<div class="body-text" part="body-text">${this.content}</div>`;
+        return this.isTruncated && this.showTooltip
+            ? html `<nile-lite-tooltip content=${this.content} hoist>${body}</nile-lite-tooltip>`
+            : body;
+    }
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+		<div class="item-body" part="item-body">
+		<div class="prefix-content" part="prefix-content">
+			<slot name="prefix"></slot>
+		</div>
+		<div class="body-content" part="body-content" style="--line-clamp: ${this.lines ? this.lines : 2}">
+			${this.content ? this.contentTemplate : html `<div class="body-text" part="body-text"><slot></slot></div>`}
+		</div>
+		<div class="suffix-content" part="suffix-content">
+			<slot name="suffix"></slot>
+		</div>
+		</div>
+			`;
+    }
+};
+__decorate([
+    property({ type: Number, reflect: true })
+], NileInlineSidebarItemBody.prototype, "lines", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileInlineSidebarItemBody.prototype, "content", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileInlineSidebarItemBody.prototype, "showTooltip", void 0);
+__decorate([
+    state()
+], NileInlineSidebarItemBody.prototype, "isTruncated", void 0);
+__decorate([
+    query('.body-content')
+], NileInlineSidebarItemBody.prototype, "bodyContentEl", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileInlineSidebarItemBody.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileInlineSidebarItemBody.prototype, "active", void 0);
+NileInlineSidebarItemBody = __decorate([
+    customElement('nile-inline-sidebar-item-body')
+], NileInlineSidebarItemBody);
+export { NileInlineSidebarItemBody };
+export default NileInlineSidebarItemBody;
+//# sourceMappingURL=nile-inline-sidebar-item-body.js.map

package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-sidebar-item-body.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property, state, query} from 'lit/decorators.js';\nimport {styles} from './nile-inline-sidebar-item-body.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile inline-sidebar-item-body component.\n *\n * @tag nile-inline-sidebar-item-body\n *\n */\n@customElement('nile-inline-sidebar-item-body')\nexport class NileInlineSidebarItemBody extends NileElement {\n\n\t/** Maximum number of visible lines before text is truncated with an ellipsis. */\n\t@property({ type: Number, reflect: true }) lines: number = 2;\n\n\t@property({ type: String, reflect: true }) content: string = '';\n\n\t@property({ type: Boolean, reflect: true }) showTooltip: boolean = false;\n\n\t@state() private isTruncated = false;\n\n\t@query('.body-content') private bodyContentEl!: HTMLElement;\n\n\t@property({ type: Boolean, reflect: true, attribute: true }) disabled: boolean = false;\n\t@property({ type: Boolean, reflect: true, attribute: true }) active: boolean = false;\n\n\tprivate resizeObserver?: ResizeObserver;\n\n\t/**\n\t * The styles for nile-inline-sidebar-item-body\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\tfirstUpdated() {\n\t\tthis.checkTruncation();\n\t\tif (this.bodyContentEl) {\n\t\t\tthis.resizeObserver = new ResizeObserver(() => this.checkTruncation());\n\t\t\tthis.resizeObserver.observe(this.bodyContentEl);\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback();\n\t\tthis.resizeObserver?.disconnect();\n\t}\n\n\tprivate checkTruncation() {\n\t\tif (this.bodyContentEl) {\n\t\t\tconst truncated = this.bodyContentEl.scrollHeight > this.bodyContentEl.clientHeight;\n\t\t\tif (truncated !== this.isTruncated) {\n\t\t\t\tthis.isTruncated = truncated;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate get contentTemplate(): TemplateResult {\n\t\tconst body = html`<div class=\"body-text\" part=\"body-text\">${this.content}</div>`;\n\n\t\treturn this.isTruncated && this.showTooltip\n\t\t\t? html`<nile-lite-tooltip content=${this.content} hoist>${body}</nile-lite-tooltip>`\n\t\t\t: body;\n\t}\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t<div class=\"item-body\" part=\"item-body\">\n\t\t<div class=\"prefix-content\" part=\"prefix-content\">\n\t\t\t<slot name=\"prefix\"></slot>\n\t\t</div>\n\t\t<div class=\"body-content\" part=\"body-content\" style=\"--line-clamp: ${this.lines? this.lines : 2}\">\n\t\t\t${this.content ? this.contentTemplate : html`<div class=\"body-text\" part=\"body-text\"><slot></slot></div>`}\n\t\t</div>\n\t\t<div class=\"suffix-content\" part=\"suffix-content\">\n\t\t\t<slot name=\"suffix\"></slot>\n\t\t</div>\n\t\t</div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileInlineSidebarItemBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-sidebar-item-body': NileInlineSidebarItemBody;\n  }\n}"]}

package/dist/src/nile-inline-sidebar-item-header/index.d.ts

@@ -0,0 +1 @@
+export { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';

package/dist/src/nile-inline-sidebar-item-header/index.js

@@ -0,0 +1,2 @@
+export { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-inline-sidebar-item-header/index.js.map

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

package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.d.ts

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

package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.js

@@ -0,0 +1,36 @@
+/**
+* Copyright Aquera Inc 2026
+*
+* 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';
+export const styles = css `
+	:host {
+		font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
+	}
+	.item-header {
+		display: flex;
+		gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
+		width: 100%;
+		height: 100%;
+		align-items: center;
+	}
+	.item-header .body-content .header-text {
+		display: block;
+		font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));
+		font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));
+		line-height: var(--nile-line-height-medium, var(--ng-line-height-text-sm));
+		color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
+	}
+	:host([active]) .item-header .body-content .header-text {
+		font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
+		color: var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700));
+	}
+
+	:host([disabled]) .item-header .body-content .header-text {
+		color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));
+	}
+`;
+export default [styles];
+//# sourceMappingURL=nile-inline-sidebar-item-header.css.js.map

package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-sidebar-item-header.css.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2026\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\nexport const styles = css`\n\t:host {\n\t\tfont-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n\t}\n\t.item-header {\n\t\tdisplay: flex;\n\t\tgap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\talign-items: center;\n\t}\n\t.item-header .body-content .header-text {\n\t\tdisplay: block;\n\t\tfont-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n\t\tfont-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n\t\tline-height: var(--nile-line-height-medium, var(--ng-line-height-text-sm));\n\t\tcolor: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n\t}\n\t:host([active]) .item-header .body-content .header-text {\n\t\tfont-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n\t\tcolor: var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700));\n\t}\n\n\t:host([disabled]) .item-header .body-content .header-text {\n\t\tcolor: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n\t}\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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 inline-sidebar-item-header component.
+ *
+ * @tag nile-inline-sidebar-item-header
+ *
+ */
+export declare class NileInlineSidebarItemHeader extends NileElement {
+    active: boolean;
+    disabled: boolean;
+    /**
+     * The styles for nile-inline-sidebar-item-header
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+export default NileInlineSidebarItemHeader;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-inline-sidebar-item-header': NileInlineSidebarItemHeader;
+    }
+}

package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.js

@@ -0,0 +1,68 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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-inline-sidebar-item-header.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile inline-sidebar-item-header component.
+ *
+ * @tag nile-inline-sidebar-item-header
+ *
+ */
+let NileInlineSidebarItemHeader = class NileInlineSidebarItemHeader extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.active = false;
+        this.disabled = false;
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-inline-sidebar-item-header
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    /* #endregion */
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+		<div class="item-header" part="item-header">
+		<div class="prefix-content" part="prefix-content">
+		<slot name="prefix"></slot>
+		</div>
+		<div class="body-content" part="body-content">
+		<div class="header-text" part="header-text">
+			<slot name="text"></slot>
+			<slot></slot>
+		</div>
+		</div>
+		<div class="suffix-content" part="suffix-content">
+			<slot name="suffix"></slot>
+		</div>
+		</div>
+			`;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileInlineSidebarItemHeader.prototype, "active", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileInlineSidebarItemHeader.prototype, "disabled", void 0);
+NileInlineSidebarItemHeader = __decorate([
+    customElement('nile-inline-sidebar-item-header')
+], NileInlineSidebarItemHeader);
+export { NileInlineSidebarItemHeader };
+export default NileInlineSidebarItemHeader;
+//# sourceMappingURL=nile-inline-sidebar-item-header.js.map

package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-sidebar-item-header.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,uCAAuC,CAAC;AAC7D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,WAAW;IAArD;;QACuD,WAAM,GAAG,KAAK,CAAC;QACf,aAAQ,GAAG,KAAK,CAAC;QAqC9E,gBAAgB;IACjB,CAAC;IApCA;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;IAeT,CAAC;IACJ,CAAC;CAGD,CAAA;AAvC6D;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;2DAAgB;AACf;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;6DAAkB;AAFlE,2BAA2B;IADvC,aAAa,CAAC,iCAAiC,CAAC;GACpC,2BAA2B,CAwCvC;;AAED,eAAe,2BAA2B,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property} from 'lit/decorators.js';\nimport {styles} from './nile-inline-sidebar-item-header.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile inline-sidebar-item-header component.\n *\n * @tag nile-inline-sidebar-item-header\n *\n */\n@customElement('nile-inline-sidebar-item-header')\nexport class NileInlineSidebarItemHeader extends NileElement {\n\t@property({ type: Boolean, reflect: true, attribute: true }) active = false;\n\t@property({ type: Boolean, reflect: true, attribute: true }) disabled = false;\n\n\t/**\n\t * The styles for nile-inline-sidebar-item-header\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t<div class=\"item-header\" part=\"item-header\">\n\t\t<div class=\"prefix-content\" part=\"prefix-content\">\n\t\t<slot name=\"prefix\"></slot>\n\t\t</div>\n\t\t<div class=\"body-content\" part=\"body-content\">\n\t\t<div class=\"header-text\" part=\"header-text\">\n\t\t\t<slot name=\"text\"></slot>\n\t\t\t<slot></slot>\n\t\t</div>\n\t\t</div>\n\t\t<div class=\"suffix-content\" part=\"suffix-content\">\n\t\t\t<slot name=\"suffix\"></slot>\n\t\t</div>\n\t\t</div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileInlineSidebarItemHeader;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-sidebar-item-header': NileInlineSidebarItemHeader;\n  }\n}"]}

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

@@ -0,0 +1 @@
+export { NileInlineSidebarPanel } from './nile-inline-sidebar-panel';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export { NileInlineSidebarPanel } from './nile-inline-sidebar-panel';\n"]}

package/dist/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.css.d.ts

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

package/dist/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.css.js

@@ -0,0 +1,28 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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';
+export const styles = css `
+  :host {
+    display: none;
+    height: 100%;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  :host([active]) {
+    display: flex;
+    flex: 1;
+  }
+
+  .panel {
+    flex: 1;
+    height: 100%;
+    overflow: auto;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-inline-sidebar-panel.css.js.map

package/dist/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-sidebar-panel.css.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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\nexport const styles = css`\n  :host {\n    display: none;\n    height: 100%;\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  :host([active]) {\n    display: flex;\n    flex: 1;\n  }\n\n  .panel {\n    flex: 1;\n    height: 100%;\n    overflow: auto;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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';
+/**
+ * Content panel associated with a `nile-inline-sidebar-item`.
+ * Linked via the item's `panel` property matching this panel's `name`.
+ *
+ * @tag nile-inline-sidebar-panel
+ *
+ * @attr name - Identifier that links this panel to a sidebar item's `panel` property.
+ * @attr active - Whether this panel is currently visible.
+ *
+ * @slot - Default slot for panel content.
+ *
+ * @csspart base - The panel container.
+ */
+export declare class NileInlineSidebarPanel extends NileElement {
+    /** Identifier that links this panel to a sidebar item's `panel` property. */
+    name: string;
+    /** Whether this panel is currently visible. */
+    active: boolean;
+    static get styles(): CSSResultArray;
+    render(): TemplateResult;
+}
+export default NileInlineSidebarPanel;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-inline-sidebar-panel': NileInlineSidebarPanel;
+    }
+}

package/dist/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.js

@@ -0,0 +1,55 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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-inline-sidebar-panel.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Content panel associated with a `nile-inline-sidebar-item`.
+ * Linked via the item's `panel` property matching this panel's `name`.
+ *
+ * @tag nile-inline-sidebar-panel
+ *
+ * @attr name - Identifier that links this panel to a sidebar item's `panel` property.
+ * @attr active - Whether this panel is currently visible.
+ *
+ * @slot - Default slot for panel content.
+ *
+ * @csspart base - The panel container.
+ */
+let NileInlineSidebarPanel = class NileInlineSidebarPanel extends NileElement {
+    constructor() {
+        super(...arguments);
+        /** Identifier that links this panel to a sidebar item's `panel` property. */
+        this.name = '';
+        /** Whether this panel is currently visible. */
+        this.active = false;
+    }
+    static get styles() {
+        return [styles];
+    }
+    render() {
+        return html `
+      <div class="panel" part="base">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true })
+], NileInlineSidebarPanel.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileInlineSidebarPanel.prototype, "active", void 0);
+NileInlineSidebarPanel = __decorate([
+    customElement('nile-inline-sidebar-panel')
+], NileInlineSidebarPanel);
+export { NileInlineSidebarPanel };
+export default NileInlineSidebarPanel;
+//# sourceMappingURL=nile-inline-sidebar-panel.js.map

package/dist/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-sidebar-panel.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,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;;;;;;;;;;;;GAYG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,WAAW;IAAhD;;QACL,6EAA6E;QAClC,SAAI,GAAG,EAAE,CAAC;QAErD,+CAA+C;QACH,WAAM,GAAG,KAAK,CAAC;IAa7D,CAAC;IAXQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CACF,CAAA;AAhB4C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAW;AAGT;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAAgB;AALhD,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAkBlC;;AAED,eAAe,sBAAsB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar-panel.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Content panel associated with a `nile-inline-sidebar-item`.\n * Linked via the item's `panel` property matching this panel's `name`.\n *\n * @tag nile-inline-sidebar-panel\n *\n * @attr name - Identifier that links this panel to a sidebar item's `panel` property.\n * @attr active - Whether this panel is currently visible.\n *\n * @slot - Default slot for panel content.\n *\n * @csspart base - The panel container.\n */\n@customElement('nile-inline-sidebar-panel')\nexport class NileInlineSidebarPanel extends NileElement {\n  /** Identifier that links this panel to a sidebar item's `panel` property. */\n  @property({ type: String, reflect: true }) name = '';\n\n  /** Whether this panel is currently visible. */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"panel\" part=\"base\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\nexport default NileInlineSidebarPanel;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-inline-sidebar-panel': NileInlineSidebarPanel;\n  }\n}\n"]}

package/dist/src/nile-inline-sidebar-panel-group/index.d.ts

@@ -0,0 +1 @@
+export { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';

package/dist/src/nile-inline-sidebar-panel-group/index.js

@@ -0,0 +1,2 @@
+export { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-inline-sidebar-panel-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-panel-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC","sourcesContent":["export { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';\n"]}

package/dist/src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.css.d.ts

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

package/dist/src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.css.js

@@ -0,0 +1,39 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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';
+export const styles = css `
+  :host {
+    display: flex;
+    height: 100%;
+    width: 100%;
+  }
+
+  .panel-group {
+    display: flex;
+    height: 100%;
+    width: 100%;
+  }
+
+  :host([placement='right']) .panel-group {
+    flex-direction: row-reverse;
+  }
+
+  .sidebar-container {
+    display: flex;
+    flex-shrink: 0;
+  }
+
+  .panel-container {
+    flex: 1;
+    min-width: 0;
+    height: 100%;
+    display: flex;
+    overflow: hidden;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-inline-sidebar-panel-group.css.js.map

package/dist/src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-inline-sidebar-panel-group.css.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\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\nexport const styles = css`\n  :host {\n    display: flex;\n    height: 100%;\n    width: 100%;\n  }\n\n  .panel-group {\n    display: flex;\n    height: 100%;\n    width: 100%;\n  }\n\n  :host([placement='right']) .panel-group {\n    flex-direction: row-reverse;\n  }\n\n  .sidebar-container {\n    display: flex;\n    flex-shrink: 0;\n  }\n\n  .panel-container {\n    flex: 1;\n    min-width: 0;\n    height: 100%;\n    display: flex;\n    overflow: hidden;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * 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';
+/**
+ * Layout container that positions a `nile-inline-sidebar` beside one or more
+ * `nile-inline-sidebar-panel` elements. Handles panel switching when sidebar
+ * items are clicked.
+ *
+ * @tag nile-inline-sidebar-panel-group
+ *
+ * @attr placement - Mirror of the sidebar's placement. Controls flex direction.
+ *
+ * @slot sidebar - Slot for the `nile-inline-sidebar` element.
+ * @slot - Default slot for `nile-inline-sidebar-panel` elements.
+ *
+ * @csspart base - The outer flex container.
+ * @csspart sidebar-container - Wrapper around the sidebar slot.
+ * @csspart panel-container - Wrapper around the panel slot.
+ */
+export declare class NileInlineSidebarPanelGroup extends NileElement {
+    /** Mirrors the sidebar's placement to control layout direction. */
+    placement: 'left' | 'right';
+    private defaultSlot;
+    static get styles(): CSSResultArray;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private get panels();
+    private handleSidebarItemClick;
+    /** Activate a panel by name, deactivating all others. */
+    activatePanel(name: string): void;
+    render(): TemplateResult;
+}
+export default NileInlineSidebarPanelGroup;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-inline-sidebar-panel-group': NileInlineSidebarPanelGroup;
+    }
+}