@aquera/nile-elements 0.1.70-beta-1.2 → 0.1.72-beta-1.0

package/dist/src/internal/table-row-expandable-styles.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ */
+export {};
+/**
+ * Table Row Expandable Styles Utility
+ * Centralized styles for expandable table rows functionality
+ */

package/dist/src/internal/table-row-expandable-styles.js

@@ -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.
+ */
+export {};
+/**
+ * Table Row Expandable Styles Utility
+ * Centralized styles for expandable table rows functionality
+ */
+//# sourceMappingURL=table-row-expandable-styles.js.map

package/dist/src/internal/table-row-expandable-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row-expandable-styles.js","sourceRoot":"","sources":["../../../src/internal/table-row-expandable-styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAIH;;;GAGG","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 * Table Row Expandable Styles Utility\n * Centralized styles for expandable table rows functionality\n */\n\n"]}

package/dist/src/nile-group-header/index.d.ts

@@ -0,0 +1 @@
+export { NileOptionHeader } from './nile-group-header';

package/dist/src/nile-group-header/index.js

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

package/dist/src/nile-group-header/index.js.map

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

package/dist/src/nile-group-header/nile-group-header.css.d.ts

@@ -0,0 +1,12 @@
+/**
+* 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.
+*/
+/**
+ * OptionHeader CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/src/nile-group-header/nile-group-header.css.js

@@ -0,0 +1,30 @@
+/**
+* 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';
+/**
+ * OptionHeader CSS
+ */
+export const styles = css `
+	:host {
+
+	}
+
+	.option-header {
+		height: 40px;
+		display: flex;
+		align-items: center;
+		padding: 0px 12px;
+		background-color: var(--nile-colors-dark-200);
+		color: var(--nile-colors-dark-900);
+		font-feature-settings: 'liga' off, 'clig' off;
+		font-family: colfax-medium;
+		font-size: 14px;
+		font-weight: 400;
+	}
+`;
+export default [styles];
+//# sourceMappingURL=nile-group-header.css.js.map

package/dist/src/nile-group-header/nile-group-header.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-group-header.css.js","sourceRoot":"","sources":["../../../src/nile-group-header/nile-group-header.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBxB,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\n/**\n * OptionHeader CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n\n\t.option-header {\n\t\theight: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 0px 12px;\n\t\tbackground-color: var(--nile-colors-dark-200);\n\t\tcolor: var(--nile-colors-dark-900);\n\t\tfont-feature-settings: 'liga' off, 'clig' off;\n\t\tfont-family: colfax-medium;\n\t\tfont-size: 14px;\n\t\tfont-weight: 400;\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-group-header/nile-group-header.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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';
+export declare class NileOptionHeader extends NileElement {
+    static get styles(): CSSResultArray;
+    group: string;
+    render(): TemplateResult;
+}
+export default NileOptionHeader;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-option-header': NileOptionHeader;
+    }
+}

package/dist/src/nile-group-header/nile-group-header.js

@@ -0,0 +1,36 @@
+/**
+ * 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-group-header.css';
+import NileElement from '../internal/nile-element';
+let NileOptionHeader = class NileOptionHeader extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.group = '';
+    }
+    static get styles() {
+        return [styles];
+    }
+    render() {
+        return html `
+			<div class="option-header" part="option-header">
+				<slot></slot>
+			</div>
+			`;
+    }
+};
+__decorate([
+    property({ type: String })
+], NileOptionHeader.prototype, "group", void 0);
+NileOptionHeader = __decorate([
+    customElement('nile-option-header')
+], NileOptionHeader);
+export { NileOptionHeader };
+export default NileOptionHeader;
+//# sourceMappingURL=nile-group-header.js.map

package/dist/src/nile-group-header/nile-group-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-group-header.js","sourceRoot":"","sources":["../../../src/nile-group-header/nile-group-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAiC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAC/C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAG5C,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW;IAA1C;;QAMoB,UAAK,GAAW,EAAE,CAAC;IAS9C,CAAC;IAbO,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAIM,MAAM;QACZ,OAAO,IAAI,CAAA;;;;IAIT,CAAC;IACJ,CAAC;CACD,CAAA;AAT0B;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;+CAAoB;AANjC,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAe5B;;AAED,eAAe,gBAAgB,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 {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property} from 'lit/decorators.js';\nimport {styles} from './nile-group-header.css';\nimport NileElement from '../internal/nile-element';\n\n@customElement('nile-option-header')\nexport class NileOptionHeader extends NileElement {\n\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t@property({type: String}) group: string = '';\n\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<div class=\"option-header\" part=\"option-header\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t\t`;\n\t}\n}\n\nexport default NileOptionHeader;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-option-header': NileOptionHeader;\n  }\n}"]}

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

package/dist/src/nile-group-header/nile-option-header.css.js

@@ -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 { css } from 'lit';
+/**
+ * OptionHeader CSS
+ */
+export const styles = css `
+	:host {
+
+	}
+
+	.option-header {
+		height: 40px;
+		display: flex;
+		align-items: center;
+		padding: 0px 12px;
+		background-color: var(--nile-colors-dark-200);
+		color: var(--nile-colors-dark-900);
+		font-feature-settings: 'liga' off, 'clig' off;
+		font-family: colfax-medium;
+		font-size: 14px;
+		font-weight: 400;
+	}
+`;
+export default [styles];
+//# sourceMappingURL=nile-option-header.css.js.map

package/dist/src/nile-group-header/nile-option-header.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-option-header.css.js","sourceRoot":"","sources":["../../../src/nile-group-header/nile-option-header.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBxB,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 * OptionHeader CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n\n\t.option-header {\n\t\theight: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 0px 12px;\n\t\tbackground-color: var(--nile-colors-dark-200);\n\t\tcolor: var(--nile-colors-dark-900);\n\t\tfont-feature-settings: 'liga' off, 'clig' off;\n\t\tfont-family: colfax-medium;\n\t\tfont-size: 14px;\n\t\tfont-weight: 400;\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-group-header/nile-option-header.d.ts

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

package/dist/src/nile-group-header/nile-option-header.js

@@ -0,0 +1,51 @@
+/**
+ * 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-group-header';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile option-header component.
+ *
+ * @tag nile-option-header
+ *
+ */
+let NileOptionHeader = class NileOptionHeader extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.group = '';
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-option-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];
+    }
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+			<div class="option-header" part="option-header">
+				<slot></slot>
+			</div>
+			`;
+    }
+};
+__decorate([
+    property({ type: String })
+], NileOptionHeader.prototype, "group", void 0);
+NileOptionHeader = __decorate([
+    customElement('nile-option-header')
+], NileOptionHeader);
+export { NileOptionHeader };
+export default NileOptionHeader;
+//# sourceMappingURL=nile-option-header.js.map

package/dist/src/nile-group-header/nile-option-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-option-header.js","sourceRoot":"","sources":["../../../src/nile-group-header/nile-option-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAiC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAC3C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW;IAA1C;;QAUoB,UAAK,GAAW,EAAE,CAAC;QAc7C,gBAAgB;IACjB,CAAC;IAvBA;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAID;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;;;IAIT,CAAC;IACJ,CAAC;CAGD,CAAA;AAf0B;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;+CAAoB;AAVjC,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAyB5B;;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-group-header';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile option-header component.\n *\n * @tag nile-option-header\n *\n */\n@customElement('nile-option-header')\nexport class NileOptionHeader extends NileElement {\n\n\t/**\n\t * The styles for nile-option-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@property({type: String}) group: string = '';\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<div class=\"option-header\" part=\"option-header\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileOptionHeader;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-option-header': NileOptionHeader;\n  }\n}"]}

package/dist/src/nile-option-header/index.d.ts

@@ -0,0 +1 @@
+export { NileOptionHeader } from './nile-option-header';

package/dist/src/nile-option-header/index.js

@@ -0,0 +1,2 @@
+export { NileOptionHeader } from './nile-option-header';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-option-header/index.js.map

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

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

package/dist/src/nile-option-header/nile-option-header.css.js

@@ -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 { css } from 'lit';
+/**
+ * OptionHeader CSS
+ */
+export const styles = css `
+	:host {
+
+	}
+
+	.option-header {
+		height: 40px;
+		display: flex;
+		align-items: center;
+		padding: 0px 12px;
+		background-color: var(--nile-colors-dark-200);
+		color: var(--nile-colors-dark-900);
+		font-feature-settings: 'liga' off, 'clig' off;
+		font-family: colfax-medium;
+		font-size: 14px;
+		font-weight: 400;
+	}
+`;
+export default [styles];
+//# sourceMappingURL=nile-option-header.css.js.map

package/dist/src/nile-option-header/nile-option-header.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-option-header.css.js","sourceRoot":"","sources":["../../../src/nile-option-header/nile-option-header.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBxB,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 * OptionHeader CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n\n\t.option-header {\n\t\theight: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 0px 12px;\n\t\tbackground-color: var(--nile-colors-dark-200);\n\t\tcolor: var(--nile-colors-dark-900);\n\t\tfont-feature-settings: 'liga' off, 'clig' off;\n\t\tfont-family: colfax-medium;\n\t\tfont-size: 14px;\n\t\tfont-weight: 400;\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-option-header/nile-option-header.d.ts

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

package/dist/src/nile-option-header/nile-option-header.js

@@ -0,0 +1,51 @@
+/**
+ * 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-option-header.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile option-header component.
+ *
+ * @tag nile-option-header
+ *
+ */
+let NileOptionHeader = class NileOptionHeader extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.group = '';
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-option-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];
+    }
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+			<div class="option-header" part="option-header">
+				<slot></slot>
+			</div>
+			`;
+    }
+};
+__decorate([
+    property({ type: String })
+], NileOptionHeader.prototype, "group", void 0);
+NileOptionHeader = __decorate([
+    customElement('nile-option-header')
+], NileOptionHeader);
+export { NileOptionHeader };
+export default NileOptionHeader;
+//# sourceMappingURL=nile-option-header.js.map

package/dist/src/nile-option-header/nile-option-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-option-header.js","sourceRoot":"","sources":["../../../src/nile-option-header/nile-option-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAiC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,0BAA0B,CAAC;AAChD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,WAAW;IAA1C;;QAUoB,UAAK,GAAW,EAAE,CAAC;QAc7C,gBAAgB;IACjB,CAAC;IAvBA;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAID;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;;;IAIT,CAAC;IACJ,CAAC;CAGD,CAAA;AAf0B;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;+CAAoB;AAVjC,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAyB5B;;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-option-header.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile option-header component.\n *\n * @tag nile-option-header\n *\n */\n@customElement('nile-option-header')\nexport class NileOptionHeader extends NileElement {\n\n\t/**\n\t * The styles for nile-option-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@property({type: String}) group: string = '';\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<div class=\"option-header\" part=\"option-header\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileOptionHeader;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-option-header': NileOptionHeader;\n  }\n}"]}

package/dist/src/nile-table-body/nile-table-body.d.ts

@@ -21,11 +21,14 @@ export declare class NileTableBody extends NileElement {
     _childNodes: Array<HTMLElement>;
     type: 'primary' | 'secondary';
     bodyStyle: string;
+    expandableRows: boolean;
+    collapsible: boolean;
     private rows_data;
     private header_rows_data;
     private sort__index;
     private search__index;
     private hasResizableColumns;
+    private expandedRow;
     static get styles(): CSSResultArray;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     private getChildren;

package/dist/src/nile-table-body/nile-table-body.js

@@ -24,9 +24,12 @@ let NileTableBody = class NileTableBody extends NileElement {
          */
         super(...arguments);
         this.type = 'primary';
+        this.expandableRows = false;
+        this.collapsible = false;
         this.rows_data = [];
         this.header_rows_data = [];
         this.hasResizableColumns = false;
+        this.expandedRow = null;
         /* #endregion */
     }
     static get styles() {
@@ -34,6 +37,20 @@ let NileTableBody = class NileTableBody extends NileElement {
     }
     firstUpdated(_changedProperties) {
         this.emit('nile-body-load', { value: this.type, comp: this }, true, false);
+        if (this.collapsible) {
+            this.addEventListener('nile-change', (e) => {
+                const targetRow = e.target;
+                if (e.detail.expanded) {
+                    if (this.expandedRow && this.expandedRow !== targetRow) {
+                        this.expandedRow.expanded = false;
+                    }
+                    this.expandedRow = targetRow;
+                }
+                else if (this.expandedRow === targetRow) {
+                    this.expandedRow = null;
+                }
+            });
+        }
     }
     /* #endregion */
     /* #region Methods */
@@ -50,6 +67,15 @@ let NileTableBody = class NileTableBody extends NileElement {
         let row_data = [];
         this._childNodes.forEach((child) => {
             if (child.tagName && child?.tagName?.toLowerCase() === 'nile-table-row') {
+                if (this.expandableRows) {
+                    const expandable = child.getAttribute('expandable');
+                    if (expandable) {
+                        child.expandable = expandable === 'false' || expandable === false ? false : true;
+                    }
+                    else {
+                        child.expandable = true;
+                    }
+                }
                 let nilerows = this.getChildren(child, 'nile-table-cell-item');
                 if (nilerows.length > 0) {
                     nilerows.forEach((element) => {
@@ -113,6 +139,12 @@ __decorate([
 __decorate([
     property()
 ], NileTableBody.prototype, "bodyStyle", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileTableBody.prototype, "expandableRows", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileTableBody.prototype, "collapsible", void 0);
 __decorate([
     state()
 ], NileTableBody.prototype, "rows_data", void 0);

package/dist/src/nile-table-body/nile-table-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-table-body.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.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 {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n  PropertyValues,\n} from 'lit';\nimport {\n  customElement,\n  query,\n  state,\n  queryAll,\n  queryAssignedElements,\n  queryAssignedNodes,\n  property\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\nimport { hasResizableColumns } from '../internal/resizable-table-helper';\n\n/**\n * nile-table-body component.\n *\n * @tag nile-table-body\n *\n */\n@customElement('nile-table-body')\nexport class NileTableBody extends NileElement {\n  /**\n   * The styles for TableBody\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n  @queryAssignedNodes({ flatten: true }) _childNodes!: Array<HTMLElement>;\n  @property() type: 'primary' | 'secondary' = 'primary';\n  @property() bodyStyle: string;\n\n  @state() private rows_data: any[] = [];\n  @state() private header_rows_data: any[] = [];\n  @state() private sort__index: number;\n  @state() private search__index: number;\n  @state() private hasResizableColumns = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.emit('nile-body-load', { value: this.type, comp:this },true,false)\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private getChildren(child: any, tagname: string) {\n    return child.querySelectorAll(tagname);\n  }\n\n  private getIndexValue(index__value: string): number {\n    return this.header_rows_data.indexOf(index__value);\n  }\n\n  private checkForResizableColumns() {\n    this.hasResizableColumns = hasResizableColumns(this);\n  }\n\n  handleSlotchange(e: any) {\n    let row_data: any = [];\n    this._childNodes.forEach((child: any) => {\n      if (child.tagName && child?.tagName?.toLowerCase() === 'nile-table-row') {\n        let nilerows = this.getChildren(child, 'nile-table-cell-item');\n        if (nilerows.length > 0) {\n          nilerows.forEach((element: { innerHTML: any }) => {\n            row_data.push(element.innerHTML);\n          });\n          this.rows_data.push(row_data);\n        } else {\n          let nileheaders = this.getChildren(child, 'nile-table-header-item');\n          if (nileheaders.length > 0) {\n            nileheaders.forEach((header: HTMLSlotElement, index: number) => {\n              this.header_rows_data.push(header.innerHTML);\n            });\n          }\n        }\n        row_data = [];\n      }\n    });\n    \n    this.checkForResizableColumns();\n  }\n\n  private handleSort(e: any) {\n    const { curr_sort_string, order } = e.detail.value;\n    const header_index = this.getIndexValue(curr_sort_string);\n    this.emit('nile-sort', {\n      value: { header_index, curr_sort_string, order },\n    });\n  }\n\n  private handleSearch(e: any) {\n    const searchText = e.detail.value;\n    this.search__index = this.getIndexValue(e.target.textContent);\n    this.emit('nile-table-search', {\n      index: this.search__index,\n      value: searchText,\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"base\" part=\"base\">\n        <slot name=\"table__header\" class=\"table__header\"></slot>\n        <slot\n          @slotchange=${this.handleSlotchange}\n          @nile-click-sort=${this.handleSort}\n          class=\"nile__table__body\"\n          style=\"display: ${this.bodyStyle}\"\n          ?resizable=${this.hasResizableColumns}\n          @nile-search=${this.handleSearch}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-body': NileTableBody;\n  }\n}\n"]}
+{"version":3,"file":"nile-table-body.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,KAAK,CAAC;AACb,OAAO,EACL,aAAa,EACb,KAAK,EACL,KAAK,EAGL,kBAAkB,EAClB,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE;;;;;GAKG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,WAAW;IAAvC;QACL;;;WAGG;;QAIS,SAAI,GAA4B,SAAS,CAAC;QAEO,mBAAc,GAAG,KAAK,CAAC;QACvB,gBAAW,GAAG,KAAK,CAAC;QAEhE,cAAS,GAAU,EAAE,CAAC;QACtB,qBAAgB,GAAU,EAAE,CAAC;QAG7B,wBAAmB,GAAG,KAAK,CAAC;QACrC,gBAAW,GAAuB,IAAI,CAAC;QA2G/C,gBAAgB;IAClB,CAAC;IA1GQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAES,YAAY,CAAC,kBAAkC;QACvD,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;QAE1E,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAM,EAAE,EAAE;gBAC9C,MAAM,SAAS,GAAG,CAAC,CAAC,MAAqB,CAAC;gBAE1C,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;oBACtB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;wBACtD,IAAI,CAAC,WAAmB,CAAC,QAAQ,GAAG,KAAK,CAAC;oBAC7C,CAAC;oBACD,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;gBAC/B,CAAC;qBAAM,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;oBAC1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;gBAC1B,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAEb,WAAW,CAAC,KAAU,EAAE,OAAe;QAC7C,OAAO,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IAEO,aAAa,CAAC,YAAoB;QACxC,OAAO,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACrD,CAAC;IAEO,wBAAwB;QAC9B,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC;IAED,gBAAgB,CAAC,CAAM;QACrB,IAAI,QAAQ,GAAQ,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,KAAU,EAAE,EAAE;YACtC,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAC;gBACxE,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;oBACxB,MAAM,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;oBACpD,IAAI,UAAU,EAAE,CAAC;wBACd,KAAa,CAAC,UAAU,GAAG,UAAU,KAAK,OAAO,IAAI,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;oBAC5F,CAAC;yBAAM,CAAC;wBACL,KAAa,CAAC,UAAU,GAAG,IAAI,CAAC;oBACnC,CAAC;gBACH,CAAC;gBACD,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC;gBAC/D,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACxB,QAAQ,CAAC,OAAO,CAAC,CAAC,OAA2B,EAAE,EAAE;wBAC/C,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;oBACnC,CAAC,CAAC,CAAC;oBACH,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAChC,CAAC;qBAAM,CAAC;oBACN,IAAI,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,wBAAwB,CAAC,CAAC;oBACpE,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBAC3B,WAAW,CAAC,OAAO,CAAC,CAAC,MAAuB,EAAE,KAAa,EAAE,EAAE;4BAC7D,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;wBAC/C,CAAC,CAAC,CAAC;oBACL,CAAC;gBACH,CAAC;gBACD,QAAQ,GAAG,EAAE,CAAC;YAChB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAClC,CAAC;IAEO,UAAU,CAAC,CAAM;QACvB,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACnD,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC1D,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,KAAK,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,KAAK,EAAE;SACjD,CAAC,CAAC;IACL,CAAC;IAEO,YAAY,CAAC,CAAM;QACzB,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAClC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC7B,KAAK,EAAE,IAAI,CAAC,aAAa;YACzB,KAAK,EAAE,UAAU;SAClB,CAAC,CAAC;IACL,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;wBAIS,IAAI,CAAC,gBAAgB;6BAChB,IAAI,CAAC,UAAU;;4BAEhB,IAAI,CAAC,SAAS;uBACnB,IAAI,CAAC,mBAAmB;yBACtB,IAAI,CAAC,YAAY;;;KAGrC,CAAC;IACJ,CAAC;CAGF,CAAA;AAxHgB;IAAd,KAAK,CAAC,MAAM,CAAC;kDAA8B;AACL;IAAtC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAkC;AAC5D;IAAX,QAAQ,EAAE;2CAA2C;AAC1C;IAAX,QAAQ,EAAE;gDAAmB;AAC+B;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;qDAAwB;AACvB;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;kDAAqB;AAEhE;IAAhB,KAAK,EAAE;gDAA+B;AACtB;IAAhB,KAAK,EAAE;uDAAsC;AAC7B;IAAhB,KAAK,EAAE;kDAA6B;AACpB;IAAhB,KAAK,EAAE;oDAA+B;AACtB;IAAhB,KAAK,EAAE;0DAAqC;AAjBlC,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA8HzB;;AAED,eAAe,aAAa,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n  PropertyValues,\n} from 'lit';\nimport {\n  customElement,\n  query,\n  state,\n  queryAll,\n  queryAssignedElements,\n  queryAssignedNodes,\n  property\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\nimport { hasResizableColumns } from '../internal/resizable-table-helper';\n\n/**\n * nile-table-body component.\n *\n * @tag nile-table-body\n *\n */\n@customElement('nile-table-body')\nexport class NileTableBody extends NileElement {\n  /**\n   * The styles for TableBody\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n  @queryAssignedNodes({ flatten: true }) _childNodes!: Array<HTMLElement>;\n  @property() type: 'primary' | 'secondary' = 'primary';\n  @property() bodyStyle: string;\n  @property({ type: Boolean, reflect: true, attribute: true }) expandableRows = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) collapsible = false;\n\n  @state() private rows_data: any[] = [];\n  @state() private header_rows_data: any[] = [];\n  @state() private sort__index: number;\n  @state() private search__index: number;\n  @state() private hasResizableColumns = false;\n  private expandedRow: HTMLElement | null = null;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.emit('nile-body-load', { value: this.type, comp: this }, true, false)\n    \n    if (this.collapsible) {\n      this.addEventListener('nile-change', (e: any) => {\n        const targetRow = e.target as HTMLElement;\n\n        if (e.detail.expanded) {\n          if (this.expandedRow && this.expandedRow !== targetRow) {\n            (this.expandedRow as any).expanded = false;\n          }\n          this.expandedRow = targetRow;\n        } else if (this.expandedRow === targetRow) {\n          this.expandedRow = null;\n        }\n      });\n    }\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private getChildren(child: any, tagname: string) {\n    return child.querySelectorAll(tagname);\n  }\n\n  private getIndexValue(index__value: string): number {\n    return this.header_rows_data.indexOf(index__value);\n  }\n\n  private checkForResizableColumns() {\n    this.hasResizableColumns = hasResizableColumns(this);\n  }\n\n  handleSlotchange(e: any) {\n    let row_data: any = [];\n    this._childNodes.forEach((child: any) => {\n      if (child.tagName && child?.tagName?.toLowerCase() === 'nile-table-row') {\n        if (this.expandableRows) {\n          const expandable = child.getAttribute('expandable');\n          if (expandable) {\n            (child as any).expandable = expandable === 'false' || expandable === false ? false : true;\n          } else {\n            (child as any).expandable = true;\n          }\n        }\n        let nilerows = this.getChildren(child, 'nile-table-cell-item');\n        if (nilerows.length > 0) {\n          nilerows.forEach((element: { innerHTML: any }) => {\n            row_data.push(element.innerHTML);\n          });\n          this.rows_data.push(row_data);\n        } else {\n          let nileheaders = this.getChildren(child, 'nile-table-header-item');\n          if (nileheaders.length > 0) {\n            nileheaders.forEach((header: HTMLSlotElement, index: number) => {\n              this.header_rows_data.push(header.innerHTML);\n            });\n          }\n        }\n        row_data = [];\n      }\n    });\n    \n    this.checkForResizableColumns();\n  }\n\n  private handleSort(e: any) {\n    const { curr_sort_string, order } = e.detail.value;\n    const header_index = this.getIndexValue(curr_sort_string);\n    this.emit('nile-sort', {\n      value: { header_index, curr_sort_string, order },\n    });\n  }\n\n  private handleSearch(e: any) {\n    const searchText = e.detail.value;\n    this.search__index = this.getIndexValue(e.target.textContent);\n    this.emit('nile-table-search', {\n      index: this.search__index,\n      value: searchText,\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"base\" part=\"base\">\n        <slot name=\"table__header\" class=\"table__header\"></slot>\n        <slot\n          @slotchange=${this.handleSlotchange}\n          @nile-click-sort=${this.handleSort}\n          class=\"nile__table__body\"\n          style=\"display: ${this.bodyStyle}\"\n          ?resizable=${this.hasResizableColumns}\n          @nile-search=${this.handleSearch}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-body': NileTableBody;\n  }\n}\n"]}

package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js

@@ -49,6 +49,11 @@ export const styles = css `
   ${resizableHostStyles}
   ${resizerStyles}
   ${resizableSlotStyles}
+
+  ::slotted([slot="expansionTrigger"]),
+  ::slotted([slot="expansionTrigger"]) {
+    cursor: pointer;
+  }
 `;
 export default [styles];
 //# sourceMappingURL=nile-table-cell-item.css.js.map

package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-table-cell-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAE7G;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqCrB,mBAAmB;IACnB,aAAa;IACb,mBAAmB;CACtB,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';\nimport { resizableHostStyles, resizerStyles, resizableSlotStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableCellItem CSS\n */\nexport const styles = css`\n  :host {\n    --min-cell-width:auto;\n    --cell-width:auto;\n    --min--height: 52px;\n    --max--cell-width: auto;\n    box-sizing: border-box;\n    display: table-cell;\n    vertical-align: middle;\n    padding: 16px 24px;\n    max-width: var(--max--cell-width);  \n    min-height: var(--min--height);\n  }\n\n  .cell__wrapper {\n    height: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .column {\n    min-width:var(--min-cell-width);\n    width:var(--cell-width);\n    height: 100%;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    /* line-height: var(--nile-type-scale-6); */\n    line-height: normal;\n    letter-spacing: 0.2px;\n  }\n\n  ${resizableHostStyles}\n  ${resizerStyles}\n  ${resizableSlotStyles}\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-table-cell-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAE7G;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqCrB,mBAAmB;IACnB,aAAa;IACb,mBAAmB;;;;;;CAMtB,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';\nimport { resizableHostStyles, resizerStyles, resizableSlotStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableCellItem CSS\n */\nexport const styles = css`\n  :host {\n    --min-cell-width:auto;\n    --cell-width:auto;\n    --min--height: 52px;\n    --max--cell-width: auto;\n    box-sizing: border-box;\n    display: table-cell;\n    vertical-align: middle;\n    padding: 16px 24px;\n    max-width: var(--max--cell-width);  \n    min-height: var(--min--height);\n  }\n\n  .cell__wrapper {\n    height: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .column {\n    min-width:var(--min-cell-width);\n    width:var(--cell-width);\n    height: 100%;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    /* line-height: var(--nile-type-scale-6); */\n    line-height: normal;\n    letter-spacing: 0.2px;\n  }\n\n  ${resizableHostStyles}\n  ${resizerStyles}\n  ${resizableSlotStyles}\n\n  ::slotted([slot=\"expansionTrigger\"]),\n  ::slotted([slot=\"expansionTrigger\"]) {\n    cursor: pointer;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-table-cell-item/nile-table-cell-item.d.ts

@@ -23,6 +23,7 @@ export declare class NileTableCellItem extends NileElement {
     resizable: boolean;
     private handleResizeStart;
     protected updated(changedProperties: PropertyValues): void;
+    private handleClick;
     /**
      * Render method
      * @slot This is a slot test

package/dist/src/nile-table-cell-item/nile-table-cell-item.js

@@ -46,6 +46,12 @@ let NileTableCellItem = class NileTableCellItem extends NileElement {
             }
         }
     }
+    handleClick(e) {
+        this.dispatchEvent(new CustomEvent('nile-expand-click', {
+            bubbles: true,
+            composed: true,
+        }));
+    }
     /**
      * Render method
      * @slot This is a slot test
@@ -55,7 +61,11 @@ let NileTableCellItem = class NileTableCellItem extends NileElement {
             return html `
         <div class="cell__wrapper" part="nile__table-cell">
           ${this.hasSlotController.test('[default]')
-                ? html ` <div class="column" part="nile__table-cell"><slot></slot></div>`
+                ? html `
+          <div class="column" part="nile__table-cell">
+            <slot name="expansionTrigger" @click=${this.handleClick} part="expansionTrigger"></slot>
+            <slot></slot>
+          </div>`
                 : ''}
           <div class="resizer" @mousedown=${this.handleResizeStart}></div>
         </div>
@@ -64,7 +74,9 @@ let NileTableCellItem = class NileTableCellItem extends NileElement {
         else {
             return html `
         ${this.hasSlotController.test('[default]')
-                ? html ` <slot class="column" part="nile__table-cell"> </slot>`
+                ? html `
+          <slot name="expansionTrigger" @click=${this.handleClick} part="expansionTrigger"></slot>
+          <slot class="column" part="nile__table-cell"> </slot>`
                 : ''}
       `;
         }