@aquera/nile-elements 1.1.3-beta-1.2 → 1.1.3-beta-2.0

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

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

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

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

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

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

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

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

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

@@ -1,66 +0,0 @@
-/**
-* 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;
-  gap: 0.75rem;
-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: #111;
-  text-decoration: none;
-  font-size: 14px;
-  line-height: 1.4;
-}
-
-.item-link:hover {
-  background: var(--nile-colors-neutral-400);
-  border-radius: var(--nile-radius-sm);
-}
-
-.item-content {
-  display: block;
-  padding-left: 2.5rem;  
-}
-
-::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: 600;
-}
-
-:host([collapsed]) .group-item {
-height: 38px;
-width: 38px;
-}
-
-`;
-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 +0,0 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDxB,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;\n  gap: 0.75rem;\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: #111;\n  text-decoration: none;\n  font-size: 14px;\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.item-content {\n  display: block;\n  padding-left: 2.5rem;  \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: 600;\n}\n\n:host([collapsed]) .group-item {\nheight: 38px;\nwidth: 38px;\n}\n\n`;\n\nexport default [styles];"]}

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

@@ -1,54 +0,0 @@
-/**
- * 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 {
-    /**
-     * Optional navigation href. If provided, item renders as <a>.
-     */
-    href: string | null;
-    /**
-     * Whether the item is currently active.
-     */
-    active: boolean;
-    /**
-     * Type of item: default | dropdown | popover
-     */
-    type: 'default' | 'dropdown' | 'popover';
-    /**
-     * Whether dropdown/popover content is expanded.
-     */
-    expanded: boolean;
-    static get styles(): CSSResultArray;
-    private toggleExpand;
-    connectedCallback(): void;
-    /**
-     * Emit nile-select whenever the item is clicked.
-     */
-    private handleSelect;
-    render(): TemplateResult;
-}
-export default NileSideBarGroupItem;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-side-bar-group-item': NileSideBarGroupItem;
-    }
-}

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

@@ -1,143 +0,0 @@
-/**
- * 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-item.css';
-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)
- */
-let NileSideBarGroupItem = class NileSideBarGroupItem extends NileElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Optional navigation href. If provided, item renders as <a>.
-         */
-        this.href = null;
-        /**
-         * Whether the item is currently active.
-         */
-        this.active = false;
-        /**
-         * Type of item: default | dropdown | popover
-         */
-        this.type = 'default';
-        /**
-         * Whether dropdown/popover content is expanded.
-         */
-        this.expanded = false;
-    }
-    static get styles() {
-        return [styles];
-    }
-    toggleExpand() {
-        if (this.type === 'dropdown' || this.type === 'popover') {
-            this.expanded = !this.expanded;
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.href && window.location.pathname === this.href) {
-            this.active = true;
-        }
-    }
-    /**
-     * Emit nile-select whenever the item is clicked.
-     */
-    handleSelect(e) {
-        if (!this.href) {
-            e.preventDefault();
-        }
-        this.dispatchEvent(new CustomEvent('nile-select', {
-            bubbles: true,
-            composed: true,
-            detail: {
-                href: this.href,
-                text: this.textContent?.trim() || '',
-                type: this.type,
-            },
-        }));
-    }
-    render() {
-        const interactive = this.type === 'dropdown' || this.type === 'popover';
-        return html `
-      <div part="base" class="group-item" role="listitem" ?data-expanded=${this.expanded}>
-        ${this.href
-            ? html `
-              <a
-                part="link"
-                class="item-link"
-                href=${this.href}
-                @click=${this.handleSelect}
-              >
-                <slot name="icon"></slot>
-                <slot name="text"></slot>
-                <slot name="trigger"></slot>
-              </a>
-            `
-            : html `
-              <div
-                part="link"
-                class="item-link"
-                @click=${(e) => {
-                this.handleSelect(e);
-                if (interactive)
-                    this.toggleExpand();
-            }}
-              >
-                <slot name="icon"></slot>
-                <slot name="text"></slot>
-                <slot name="trigger"></slot>
-              </div>
-            `}
-      </div>
-
-      ${interactive
-            ? html `
-            <div
-              part="content"
-              class="item-content"
-              role=${this.type === 'dropdown' ? 'menu' : 'dialog'}
-              ?hidden=${!this.expanded}
-            >
-              <slot name="content"></slot>
-            </div>
-          `
-            : null}
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], NileSideBarGroupItem.prototype, "href", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileSideBarGroupItem.prototype, "active", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NileSideBarGroupItem.prototype, "type", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileSideBarGroupItem.prototype, "expanded", void 0);
-NileSideBarGroupItem = __decorate([
-    customElement('nile-side-bar-group-item')
-], NileSideBarGroupItem);
-export { NileSideBarGroupItem };
-export default NileSideBarGroupItem;
-//# sourceMappingURL=nile-side-bar-group-item.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-side-bar-group-item.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group-item/nile-side-bar-group-item.ts"],"names":[],"mappings":"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","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, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-group-item.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile side-bar-group-item component.\n *\n * @tag nile-side-bar-group-item\n *\n * @slot icon - Slot for the item icon\n * @slot text - Slot for the item text\n * @slot trigger - Slot for chevron/trigger icons\n * @slot content - Slot for dropdown/popover content\n *\n * @csspart base - Wrapper for the group item\n * @csspart link - The clickable row (div or anchor)\n * @csspart content - Content container (for dropdown/popover)\n */\n@customElement('nile-side-bar-group-item')\nexport class NileSideBarGroupItem extends NileElement {\n  /**\n   * Optional navigation href. If provided, item renders as <a>.\n   */\n  @property({ type: String }) href: string | null = null;\n\n  /**\n   * Whether the item is currently active.\n   */\n  @property({ type: Boolean, reflect: true, attribute: true }) active = false;\n\n  /**\n   * Type of item: default | dropdown | popover\n   */\n  @property({ type: String, reflect: true })\n  type: 'default' | 'dropdown' | 'popover' = 'default';\n\n  /**\n   * Whether dropdown/popover content is expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded: boolean = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private toggleExpand() {\n    if (this.type === 'dropdown' || this.type === 'popover') {\n      this.expanded = !this.expanded;\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.href && window.location.pathname === this.href) {\n      this.active = true;\n    }\n  }\n\n  /**\n   * Emit nile-select whenever the item is clicked.\n   */\n  private handleSelect(e: Event) {\n \n    if (!this.href) {\n      e.preventDefault();\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('nile-select', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          href: this.href,\n          text: this.textContent?.trim() || '',\n          type: this.type,\n        },\n      })\n    );\n  }\n\n  public render(): TemplateResult {\n    const interactive = this.type === 'dropdown' || this.type === 'popover';\n\n    return html`\n      <div part=\"base\" class=\"group-item\" role=\"listitem\" ?data-expanded=${this.expanded}>\n        ${this.href\n          ? html`\n              <a\n                part=\"link\"\n                class=\"item-link\"\n                href=${this.href}\n                @click=${this.handleSelect}\n              >\n                <slot name=\"icon\"></slot>\n                <slot name=\"text\"></slot>\n                <slot name=\"trigger\"></slot>\n              </a>\n            `\n          : html`\n              <div\n                part=\"link\"\n                class=\"item-link\"\n                @click=${(e: Event) => {\n                  this.handleSelect(e);\n                  if (interactive) this.toggleExpand();\n                }}\n              >\n                <slot name=\"icon\"></slot>\n                <slot name=\"text\"></slot>\n                <slot name=\"trigger\"></slot>\n              </div>\n            `}\n      </div>\n\n      ${interactive\n        ? html`\n            <div\n              part=\"content\"\n              class=\"item-content\"\n              role=${this.type === 'dropdown' ? 'menu' : 'dialog'}\n              ?hidden=${!this.expanded}\n            >\n              <slot name=\"content\"></slot>\n            </div>\n          `\n        : null}\n    `;\n  }\n}\n\nexport default NileSideBarGroupItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar-group-item': NileSideBarGroupItem;\n  }\n}\n"]}

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

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

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

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

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

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

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

@@ -1,12 +0,0 @@
-/**
-* 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.
-*/
-/**
- * SideBarGroupItemContent 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-content/nile-side-bar-group-item-content.css.js

@@ -1,17 +0,0 @@
-/**
-* 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';
-/**
- * SideBarGroupItemContent CSS
- */
-export const styles = css `
-	:host {
-
-	}
-`;
-export default [styles];
-//# sourceMappingURL=nile-side-bar-group-item-content.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-side-bar-group-item-content.css.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,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 * SideBarGroupItemContent CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n`;\n\nexport default [styles];"]}

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

@@ -1,32 +0,0 @@
-/**
- * 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-content component.
- *
- * @tag nile-side-bar-group-item-content
- *
- */
-export declare class NileSideBarGroupItemContent extends NileElement {
-    /**
-     * The styles for nile-side-bar-group-item-content
-     * @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 NileSideBarGroupItemContent;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-side-bar-group-item-content': NileSideBarGroupItemContent;
-    }
-}

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

@@ -1,43 +0,0 @@
-/**
- * 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 } from 'lit/decorators.js';
-import { styles } from './nile-side-bar-group-item-content.css';
-import NileElement from '../internal/nile-element';
-/**
- * Nile side-bar-group-item-content component.
- *
- * @tag nile-side-bar-group-item-content
- *
- */
-let NileSideBarGroupItemContent = class NileSideBarGroupItemContent extends NileElement {
-    /**
-     * The styles for nile-side-bar-group-item-content
-     * @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 `
-			<slot> </slot>
-			`;
-    }
-};
-NileSideBarGroupItemContent = __decorate([
-    customElement('nile-side-bar-group-item-content')
-], NileSideBarGroupItemContent);
-export { NileSideBarGroupItemContent };
-export default NileSideBarGroupItemContent;
-//# sourceMappingURL=nile-side-bar-group-item-content.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-side-bar-group-item-content.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAiC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAW,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,wCAAwC,CAAC;AAC9D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,WAAW;IAE3D;;;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;AAzBY,2BAA2B;IADvC,aAAa,CAAC,kCAAkC,CAAC;GACrC,2BAA2B,CAyBvC;;AAED,eAAe,2BAA2B,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-item-content.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile side-bar-group-item-content component.\n *\n * @tag nile-side-bar-group-item-content\n *\n */\n@customElement('nile-side-bar-group-item-content')\nexport class NileSideBarGroupItemContent extends NileElement {\n\n\t/**\n\t * The styles for nile-side-bar-group-item-content\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\t<slot> </slot>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileSideBarGroupItemContent;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar-group-item-content': NileSideBarGroupItemContent;\n  }\n}"]}

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

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

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

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

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

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

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

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

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

@@ -1,34 +0,0 @@
-import { css } from 'lit';
-export const styles = css `
-  :host {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    margin-right: 12px;
-    color: inherit;
-  }
-
-  ::slotted(nile-icon) {
-    width: 100%;
-    height: 100%;
-    color: inherit;
-    fill: currentColor;
-  }
-
- 
-  :host-context(nile-side-bar[collapsed]) {
-    margin-right: 0;
-    width: 100%;       
-    justify-content: center;
-  }
-
-  nile-tooltip::part(body) {
-    width: max-content;
-    height: max-content;
-    padding: var(--nile-spacing-sm);
-    overflow-x: hidden;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-side-bar-group-item-icon.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-side-bar-group-item-icon.css.js","sourceRoot":"","sources":["../../../src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-right: 12px;\n    color: inherit;\n  }\n\n  ::slotted(nile-icon) {\n    width: 100%;\n    height: 100%;\n    color: inherit;\n    fill: currentColor;\n  }\n\n \n  :host-context(nile-side-bar[collapsed]) {\n    margin-right: 0;\n    width: 100%;       \n    justify-content: center;\n  }\n\n  nile-tooltip::part(body) {\n    width: max-content;\n    height: max-content;\n    padding: var(--nile-spacing-sm);\n    overflow-x: hidden;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -1,40 +0,0 @@
-/**
- * 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-icon component.
- *
- * @tag nile-side-bar-group-item-icon
- *
- * @attr icon - The name of the icon to render inside <nile-icon>
- * @attr tooltip - Tooltip text shown when sidebar is collapsed
- *
- * @slot - Optional slot to override the icon completely
- */
-export declare class NileSideBarGroupItemIcon extends NileElement {
-    /**
-     * Name of the icon (passed to <nile-icon name="">)
-     */
-    icon: string;
-    /**
-     * Tooltip text (auto-synced from sibling text if available)
-     */
-    tooltip: string;
-    private sidebar;
-    static get styles(): CSSResultArray;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private getSiblingText;
-    render(): TemplateResult;
-}
-export default NileSideBarGroupItemIcon;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-side-bar-group-item-icon': NileSideBarGroupItemIcon;
-    }
-}