@aquera/nile-elements 1.3.3-beta-1.3 → 1.3.3-beta-1.5

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

@@ -0,0 +1,213 @@
+/**
+ * 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 { styles } from './nile-option.css';
+import '../nile-icon';
+import { classMap } from 'lit/directives/class-map.js';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { html } from 'lit';
+import { watch } from '../internal/watch';
+import NileElement from '../internal/nile-element';
+import '../nile-checkbox';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-option
+ *
+ */
+/**
+ * @summary Options define the selectable items within various form controls such as [select](/components/select).
+ * @status stable
+ *
+ * @dependency nile-icon
+ *
+ * @slot - The option's label.
+ * @slot prefix - Used to prepend an icon or similar element to the menu item.
+ * @slot suffix - Used to append an icon or similar element to the menu item.
+ *
+ * @csspart checked-icon - The checked icon, an `<nile-icon>` element.
+ * @csspart base - The component's base wrapper.
+ * @csspart label - The option's label.
+ * @csspart prefix - The container that wraps the prefix.
+ * @csspart suffix - The container that wraps the suffix.
+ */
+let NileOption = class NileOption extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.current = false; // the user has keyed into the option, but hasn't selected it yet (shows a highlight)
+        this.hasHover = false; // we need this because Safari doesn't honor :hover styles while dragging
+        this.hidden = false; // the option is hidden
+        this.isMultipleSelect = false;
+        /**
+         * The option's value. When selected, the containing form control will receive this value. The value must be unique
+         * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
+         * multiple values.
+         */
+        this.value = '';
+        this.showCheckbox = false;
+        /** Draws the option in a disabled state, preventing selection. */
+        this.disabled = false;
+        /** Indicates whether the option is selected. */
+        this.selected = false;
+        /* used to pass group name to the option, so that grouped options can be shown */
+        this.groupName = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'option');
+        this.setAttribute('aria-selected', 'false');
+        this.checkIfMultipleSelect();
+    }
+    checkIfMultipleSelect() {
+        // Find the closest parent 'nile-select' element
+        const parentSelect = this.closest('nile-select');
+        // Check if the parent has the 'multiple' attribute
+        if (parentSelect && parentSelect.hasAttribute('multiple')) {
+            if (parentSelect.hasAttribute('multiple') && parentSelect.getAttribute('multiple') === '') {
+                this.isMultipleSelect = true;
+            }
+            else if (parentSelect.getAttribute('multiple') === 'true') {
+                this.isMultipleSelect = true;
+            }
+            else {
+                this.isMultipleSelect = false;
+            }
+        }
+        else {
+            this.isMultipleSelect = this.showCheckbox;
+        }
+    }
+    updated(_changedProperties) {
+        this.checkIfMultipleSelect();
+    }
+    handleDefaultSlotChange() {
+        const textLabel = this.getTextLabel();
+        // Ignore the first time the label is set
+        if (typeof this.cachedTextLabel === 'undefined') {
+            this.cachedTextLabel = textLabel;
+            return;
+        }
+        // When the label changes, emit a slotchange event so parent controls see it
+        if (textLabel !== this.cachedTextLabel) {
+            this.cachedTextLabel = textLabel;
+            this.emit('slotchange');
+        }
+    }
+    handleMouseEnter() {
+        this.hasHover = true;
+    }
+    handleMouseLeave() {
+        this.hasHover = false;
+    }
+    handleDisabledChange() {
+        this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');
+    }
+    handleSelectedChange() {
+        this.setAttribute('aria-selected', this.selected ? 'true' : 'false');
+    }
+    handleValueChange() {
+        // Ensure the value is a string. This ensures the next line doesn't error and allows framework users to pass numbers
+        // instead of requiring them to cast the value to a string.
+        if (typeof this.value !== 'string') {
+            this.value = String(this.value);
+        }
+        // if (this.value.includes(' ')) {
+        //   console.error(
+        //     `Option values cannot include a space. All spaces have been replaced with underscores.`,
+        //     this
+        //   );
+        //   this.value = this.value.replace(/ /g, '_');
+        // }
+    }
+    /** Returns a plain text label based on the option's content. */
+    getTextLabel() {
+        // Search for a label element inside the component
+        const labelElement = this.querySelector('label');
+        // If a label element is found, return its text content
+        if (labelElement) {
+            return labelElement.textContent?.trim() ?? '';
+        }
+        // If no label element is found, return the existing behavior
+        return (this.textContent ?? '').trim();
+    }
+    render() {
+        return html `
+      ${!this.hidden
+            ? html ` <div
+            part="base"
+            class=${classMap({
+                option: true,
+                'option--single-select': !this.isMultipleSelect,
+                'option--current': this.selected && !this.isMultipleSelect,
+                'option--disabled': this.disabled,
+                'option--selected': this.selected && !this.isMultipleSelect,
+                'option--hover': this.hasHover,
+            })}
+            @mouseenter=${this.handleMouseEnter}
+            @mouseleave=${this.handleMouseLeave}
+          >
+
+          ${this.isMultipleSelect ? html `<nile-checkbox part="checkbox" class="option--checkbox" .checked=${this.selected}></nile-checkbox>` : ''}
+
+            <slot part="prefix" name="prefix" class="option__prefix"></slot>
+            <slot
+              part="label"
+              class="option__label"
+              @slotchange=${this.handleDefaultSlotChange}
+            ></slot>
+            <slot part="suffix" name="suffix" class="option__suffix"></slot>
+          </div>`
+            : ''}
+    `;
+    }
+};
+NileOption.styles = styles;
+__decorate([
+    query('.option__label')
+], NileOption.prototype, "defaultSlot", void 0);
+__decorate([
+    state()
+], NileOption.prototype, "current", void 0);
+__decorate([
+    state()
+], NileOption.prototype, "hasHover", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileOption.prototype, "hidden", void 0);
+__decorate([
+    state()
+], NileOption.prototype, "isMultipleSelect", void 0);
+__decorate([
+    property({ reflect: true })
+], NileOption.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileOption.prototype, "showCheckbox", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileOption.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileOption.prototype, "selected", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: true })
+], NileOption.prototype, "groupName", void 0);
+__decorate([
+    watch('disabled')
+], NileOption.prototype, "handleDisabledChange", null);
+__decorate([
+    watch('selected')
+], NileOption.prototype, "handleSelectedChange", null);
+__decorate([
+    watch('value')
+], NileOption.prototype, "handleValueChange", null);
+NileOption = __decorate([
+    customElement('nile-option')
+], NileOption);
+export { NileOption };
+export default NileOption;
+//# sourceMappingURL=nile-option.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-option.js","sourceRoot":"","sources":["../../../src/nile-option/nile-option.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 { LitElement, CSSResultArray, TemplateResult } from 'lit';\nimport { styles } from './nile-option.css';\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { html } from 'lit';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport NileElement from '../internal/nile-element';\nimport '../nile-checkbox';\n\n/**\n * Nile icon component.\n *\n * @tag nile-option\n *\n */\n\n/**\n * @summary Options define the selectable items within various form controls such as [select](/components/select).\n * @status stable\n *\n * @dependency nile-icon\n *\n * @slot - The option's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n *\n * @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart base - The component's base wrapper.\n * @csspart label - The option's label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n */\n\n@customElement('nile-option')\nexport class NileOption extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private cachedTextLabel: string;\n\n  @query('.option__label') defaultSlot: HTMLSlotElement;\n\n  @state() current = false; // the user has keyed into the option, but hasn't selected it yet (shows a highlight)\n  @state() hasHover = false; // we need this because Safari doesn't honor :hover styles while dragging\n  @property({ type: Boolean, reflect: true, attribute: true }) hidden = false; // the option is hidden\n  @state() isMultipleSelect = false;\n\n  /**\n   * The option's value. When selected, the containing form control will receive this value. The value must be unique\n   * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\n   * multiple values.\n   */\n  @property({ reflect: true }) value = '';\n\n  @property({ type: Boolean, reflect: true, attribute: true }) showCheckbox: boolean = false;\n\n  /** Draws the option in a disabled state, preventing selection. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Indicates whether the option is selected. */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /* used to pass group name to the option, so that grouped options can be shown */\n  @property({ type: String, reflect: true, attribute: true }) groupName: string = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'option');\n    this.setAttribute('aria-selected', 'false');\n\n    this.checkIfMultipleSelect();\n  }\n\n  checkIfMultipleSelect() {\n    // Find the closest parent 'nile-select' element\n    const parentSelect = this.closest('nile-select');\n    \n    // Check if the parent has the 'multiple' attribute\n    if (parentSelect && parentSelect.hasAttribute('multiple')) {\n      if(parentSelect.hasAttribute('multiple') && parentSelect.getAttribute('multiple') === '') {\n        this.isMultipleSelect = true;\n      } else if (parentSelect.getAttribute('multiple') === 'true') {\n        this.isMultipleSelect = true;\n      } else {\n        this.isMultipleSelect = false;\n      }\n    } else {\n      this.isMultipleSelect = this.showCheckbox;\n    }\n  }\n\n  protected updated(_changedProperties: PropertyValues): void {\n    this.checkIfMultipleSelect();\n  }\n\n  private handleDefaultSlotChange() {\n    const textLabel = this.getTextLabel();\n\n    // Ignore the first time the label is set\n    if (typeof this.cachedTextLabel === 'undefined') {\n      this.cachedTextLabel = textLabel;\n      return;\n    }\n\n    // When the label changes, emit a slotchange event so parent controls see it\n    if (textLabel !== this.cachedTextLabel) {\n      this.cachedTextLabel = textLabel;\n      this.emit('slotchange');\n    }\n  }\n\n  private handleMouseEnter() {\n    this.hasHover = true;\n  }\n\n  private handleMouseLeave() {\n    this.hasHover = false;\n  }\n\n  @watch('disabled')\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('selected')\n  handleSelectedChange() {\n    this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n  }\n\n  @watch('value')\n  handleValueChange() {\n    // Ensure the value is a string. This ensures the next line doesn't error and allows framework users to pass numbers\n    // instead of requiring them to cast the value to a string.\n    if (typeof this.value !== 'string') {\n      this.value = String(this.value);\n    }\n\n    // if (this.value.includes(' ')) {\n    //   console.error(\n    //     `Option values cannot include a space. All spaces have been replaced with underscores.`,\n    //     this\n    //   );\n    //   this.value = this.value.replace(/ /g, '_');\n    // }\n  }\n\n  /** Returns a plain text label based on the option's content. */\n  getTextLabel() {\n    // Search for a label element inside the component\n    const labelElement = this.querySelector('label');\n\n    // If a label element is found, return its text content\n    if (labelElement) {\n      return labelElement.textContent?.trim() ?? '';\n    }\n\n    // If no label element is found, return the existing behavior\n    return (this.textContent ?? '').trim();\n  }\n\n  render() {\n    return html`\n      ${!this.hidden\n        ? html` <div\n            part=\"base\"\n            class=${classMap({\n              option: true,\n              'option--single-select': !this.isMultipleSelect,\n              'option--current': this.selected && !this.isMultipleSelect,\n              'option--disabled': this.disabled,\n              'option--selected': this.selected && !this.isMultipleSelect,\n              'option--hover': this.hasHover,\n            })}\n            @mouseenter=${this.handleMouseEnter}\n            @mouseleave=${this.handleMouseLeave}\n          >\n\n          ${this.isMultipleSelect ? html`<nile-checkbox part=\"checkbox\" class=\"option--checkbox\" .checked=${this.selected}></nile-checkbox>` : ''}\n\n            <slot part=\"prefix\" name=\"prefix\" class=\"option__prefix\"></slot>\n            <slot\n              part=\"label\"\n              class=\"option__label\"\n              @slotchange=${this.handleDefaultSlotChange}\n            ></slot>\n            <slot part=\"suffix\" name=\"suffix\" class=\"option__suffix\"></slot>\n          </div>`\n        : ''}\n    `;\n  }\n}\n\nexport default NileOption;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-option': NileOption;\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1,58 @@
+/**
+* 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 `
+	.option-group-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: 12px;
+		font-weight: 500;
+		width: 100%;
+		box-sizing: border-box;
+		justify-content: space-between;
+	}
+
+	.content-container {
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+	}
+
+	.gap-18px {
+		gap: 14px;
+	}
+
+	.option-group-prefix,
+  .option-group-suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .option-group-prefix::slotted(*) {
+    margin-inline-end: 0.5rem;
+  }
+
+  .option-group-suffix::slotted(*) {
+    margin-inline-start: 0.5rem;
+  }
+
+  :host(.nile-group-hidden)::part(option-group-header) {
+	display: none !important;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-option-group.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-option-group.css.js","sourceRoot":"","sources":["../../../src/nile-option-group/nile-option-group.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CxB,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.option-group-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: 12px;\n\t\tfont-weight: 500;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tjustify-content: space-between;\n\t}\n\n\t.content-container {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\talign-items: center;\n\t}\n\n\t.gap-18px {\n\t\tgap: 14px;\n\t}\n\n\t.option-group-prefix,\n  .option-group-suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .option-group-prefix::slotted(*) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .option-group-suffix::slotted(*) {\n    margin-inline-start: 0.5rem;\n  }\n\n  :host(.nile-group-hidden)::part(option-group-header) {\n\tdisplay: none !important;\n  }\n`;\n\nexport default [styles];"]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=nile-option-group.interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-option-group.interface.js","sourceRoot":"","sources":["../../../src/nile-option-group/nile-option-group.interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface IconData {\n  name: string;\n  size?: string;\n  color?: string;\n  method?: string;\n}\n\nexport interface ImageData {\n  src?: string;\n  height?: string;\n  width?: string;\n}\n\nexport interface PrefixSuffixData {\n  icon?: IconData;\n  prefixText?: string;\n  suffixText?: string;\n  image?: ImageData;\n}\n\nexport interface OptionGroupData {\n  prefix?: PrefixSuffixData;\n  suffix?: PrefixSuffixData;\n  textContent?: string;\n}"]}

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

@@ -0,0 +1,76 @@
+/**
+ * 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-option-group.css';
+import NileElement from '../internal/nile-element';
+let NileOptionGroup = class NileOptionGroup extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.name = "";
+        this.data = null;
+    }
+    static get styles() {
+        return [styles];
+    }
+    checkForImageOrIcon() {
+        return this.data?.prefix?.icon?.name || this.data?.prefix?.image?.src || this.data?.prefix?.prefixText;
+    }
+    normalizeImageDimension(value) {
+        if (value === undefined || value === null || value === "") {
+            return "20";
+        }
+        const dimension = Number(value);
+        if (isNaN(dimension) || dimension <= 0) {
+            return "20";
+        }
+        return dimension > 40 ? "25" : dimension.toString();
+    }
+    render() {
+        return html `
+			<div part="option-group-header" class="option-group-header">
+				<div part="content-container" class="content-container ${this.checkForImageOrIcon() ? 'gap-18px' : ''}">
+					<!-- prefix content -->
+					${this.data?.prefix?.icon?.name
+            ? html `<nile-icon part="prefix-icon" name="${this.data?.prefix?.icon?.name}" size="${this.data?.prefix?.icon?.size || "16"}" color="${this.data?.prefix?.icon?.color || "var(--nile-colors-dark-500)"}" method="${this.data?.prefix?.icon?.method || "fill"}"></nile-icon>`
+            : this.data?.prefix?.prefixText
+                ? html `<span part="prefix-text">${this.data?.prefix?.prefixText}</span>`
+                : this.data?.prefix?.image?.src
+                    ? html `<img part="prefix-image" src="${this.data?.prefix?.image?.src}" width="${this.normalizeImageDimension(this.data?.prefix?.image?.width)}" height="${this.normalizeImageDimension(this.data?.prefix?.image?.height)}">`
+                    : html `<slot part="prefix" name="prefix" class="option-group-prefix"></slot>`}
+
+					<!-- main content -->
+					${this.data?.textContent
+            ? html `<span part="content-text">${this.data?.textContent}</span>`
+            : html `<slot part="content"></slot>`}
+				</div>
+
+				<!-- suffix content -->
+				${this.data?.suffix?.icon?.name
+            ? html `<nile-icon part="suffix-icon" name="${this.data?.suffix?.icon?.name}" size="${this.data?.suffix?.icon?.size || "16"}" color="${this.data?.suffix?.icon?.color || "var(--nile-colors-dark-500)"}" method="${this.data?.suffix?.icon?.method || "fill"}"></nile-icon>`
+            : this.data?.suffix?.suffixText
+                ? html `<span part="suffix-text">${this.data?.suffix?.suffixText}</span>`
+                : this.data?.suffix?.image?.src
+                    ? html `<img part="suffix-image" src="${this.data?.prefix?.image?.src}" width="${this.normalizeImageDimension(this.data?.suffix?.image?.width)}" height="${this.normalizeImageDimension(this.data?.suffix?.image?.height)}">`
+                    : html `<slot part="suffix" name="suffix" class="option-group-suffix"></slot>`}
+			</div>
+			`;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true, attribute: true })
+], NileOptionGroup.prototype, "name", void 0);
+__decorate([
+    property({ type: Object, reflect: true, attribute: true })
+], NileOptionGroup.prototype, "data", void 0);
+NileOptionGroup = __decorate([
+    customElement('nile-option-group')
+], NileOptionGroup);
+export { NileOptionGroup };
+export default NileOptionGroup;
+//# sourceMappingURL=nile-option-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-option-group.js","sourceRoot":"","sources":["../../../src/nile-option-group/nile-option-group.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 {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property} from 'lit/decorators.js';\nimport {styles} from './nile-option-group.css';\nimport NileElement from '../internal/nile-element';\nimport { OptionGroupData } from './nile-option-group.interface';\n\n@customElement('nile-option-group')\nexport class NileOptionGroup extends NileElement {\n\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t@property({type: String, reflect: true, attribute: true}) name: string = \"\";\n\t@property({ type: Object, reflect: true, attribute: true}) data: OptionGroupData | null = null;\n\n\tprivate checkForImageOrIcon() {\n\t\treturn this.data?.prefix?.icon?.name || this.data?.prefix?.image?.src || this.data?.prefix?.prefixText;\n\t}\n\n\tprivate normalizeImageDimension(value?: string | number): string {\n\t\tif (value === undefined || value === null || value === \"\") {\n\t\t\treturn \"20\";\n\t\t}\n\t\t\n\t\tconst dimension = Number(value);\n\t\tif (isNaN(dimension) || dimension <= 0) {\n\t\t\treturn \"20\";\n\t\t}\t\n\t\treturn dimension > 40 ? \"25\" : dimension.toString();\n\t}\t\n\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<div part=\"option-group-header\" class=\"option-group-header\">\n\t\t\t\t<div part=\"content-container\" class=\"content-container ${this.checkForImageOrIcon() ? 'gap-18px' : ''}\">\n\t\t\t\t\t<!-- prefix content -->\n\t\t\t\t\t${\n\t\t\t\t\t\tthis.data?.prefix?.icon?.name\n\t\t\t\t\t\t? html`<nile-icon part=\"prefix-icon\" name=\"${this.data?.prefix?.icon?.name}\" size=\"${this.data?.prefix?.icon?.size || \"16\"}\" color=\"${this.data?.prefix?.icon?.color || \"var(--nile-colors-dark-500)\"}\" method=\"${this.data?.prefix?.icon?.method || \"fill\"}\"></nile-icon>`\n\t\t\t\t\t\t: this.data?.prefix?.prefixText\n\t\t\t\t\t\t\t? html`<span part=\"prefix-text\">${this.data?.prefix?.prefixText}</span>`\n\t\t\t\t\t\t\t: this.data?.prefix?.image?.src\n\t\t\t\t\t\t\t\t? html`<img part=\"prefix-image\" src=\"${this.data?.prefix?.image?.src}\" width=\"${this.normalizeImageDimension(this.data?.prefix?.image?.width)}\" height=\"${this.normalizeImageDimension(this.data?.prefix?.image?.height)}\">`\n\t\t\t\t\t\t\t\t: html`<slot part=\"prefix\" name=\"prefix\" class=\"option-group-prefix\"></slot>`\n\t\t\t\t\t}\n\n\t\t\t\t\t<!-- main content -->\n\t\t\t\t\t${\n\t\t\t\t\t\tthis.data?.textContent\n\t\t\t\t\t\t? html`<span part=\"content-text\">${this.data?.textContent}</span>`\n\t\t\t\t\t\t: html`<slot part=\"content\"></slot>`\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t<!-- suffix content -->\n\t\t\t\t${\n\t\t\t\t\tthis.data?.suffix?.icon?.name\n\t\t\t\t\t? html`<nile-icon part=\"suffix-icon\" name=\"${this.data?.suffix?.icon?.name}\" size=\"${this.data?.suffix?.icon?.size || \"16\"}\" color=\"${this.data?.suffix?.icon?.color || \"var(--nile-colors-dark-500)\"}\" method=\"${this.data?.suffix?.icon?.method || \"fill\"}\"></nile-icon>`\n\t\t\t\t\t: this.data?.suffix?.suffixText\n\t\t\t\t\t\t? html`<span part=\"suffix-text\">${this.data?.suffix?.suffixText}</span>`\n\t\t\t\t\t\t: this.data?.suffix?.image?.src\n\t\t\t\t\t\t\t? html`<img part=\"suffix-image\" src=\"${this.data?.prefix?.image?.src}\" width=\"${this.normalizeImageDimension(this.data?.suffix?.image?.width)}\" height=\"${this.normalizeImageDimension(this.data?.suffix?.image?.height)}\">`\n\t\t\t\t\t\t\t: html`<slot part=\"suffix\" name=\"suffix\" class=\"option-group-suffix\"></slot>`\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t`;\n\t}\n}\n\nexport default NileOptionGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-option-group': NileOptionGroup;\n  }\n}"]}

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

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

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

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

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

@@ -0,0 +1,52 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+/**
+ * PageHeader CSS
+ */
+export const styles = css `
+  :host {
+    display: block;
+    width: 100%;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+  }
+
+  .header {
+    display: flex;
+    flex-direction: column;
+    text-align: start;
+    font-family: var(--nile-font-family-sans-serif);
+    font-style: normal;
+  }
+
+  .header__heading {
+    display: block;
+    color: var(--nile-page-header-heading-font-color);
+    font-size: var(--nile-page-header-heading-font-size);
+    font-style: normal;
+    font-weight: var(--nile-page-header-heading-font-weight);
+    line-height: var(--nile-page-header-heading-line-height);
+  }
+
+  .header__subheading {
+    display: block;
+    color: var(--nile-page-header-subheading-font-color);
+    font-size: var(--nile-page-header-subheading-font-size);
+    font-style: normal;
+    font-weight: var(--nile-page-header-subheading-font-weight);
+    line-height: var(--nile-page-header-subheading-line-height);
+    margin-top: var(--nile-spacing-xs);
+  }
+
+  [hidden] {
+    display: none;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-page-header.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-page-header.css.js","sourceRoot":"","sources":["../../../src/nile-page-header/nile-page-header.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCxB,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 * PageHeader CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    width: 100%;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .header {\n    display: flex;\n    flex-direction: column;\n    text-align: start;\n    font-family: var(--nile-font-family-sans-serif);\n    font-style: normal;\n  }\n\n  .header__heading {\n    display: block;\n    color: var(--nile-page-header-heading-font-color);\n    font-size: var(--nile-page-header-heading-font-size);\n    font-style: normal;\n    font-weight: var(--nile-page-header-heading-font-weight);\n    line-height: var(--nile-page-header-heading-line-height);\n  }\n\n  .header__subheading {\n    display: block;\n    color: var(--nile-page-header-subheading-font-color);\n    font-size: var(--nile-page-header-subheading-font-size);\n    font-style: normal;\n    font-weight: var(--nile-page-header-subheading-font-weight);\n    line-height: var(--nile-page-header-subheading-line-height);\n    margin-top: var(--nile-spacing-xs);\n  }\n\n  [hidden] {\n    display: none;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -0,0 +1,70 @@
+/**
+ * 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-page-header.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile page-header component.
+ *
+ * @tag nile-page-header
+ *
+ */
+let NilePageHeader = class NilePageHeader extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.heading = '';
+        this.subHeading = '';
+        /* #endregion */
+    }
+    /**
+     * The styles for nile-page-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 `<slot class="header">
+      <slot
+        name="header__heading"
+        class="header__heading"
+        part="header__heading"
+        ?hidden="${!this.heading}"
+      >
+        ${this.heading}
+      </slot>
+      <slot
+        name="header__subheading"
+        class="header__subheading"
+        part="header__subheading"
+        ?hidden="${!this.subHeading}"
+      >
+        ${this.subHeading}
+      </slot>
+    </slot>`;
+    }
+};
+__decorate([
+    property({ reflect: true, attribute: 'heading' })
+], NilePageHeader.prototype, "heading", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'sub-heading' })
+], NilePageHeader.prototype, "subHeading", void 0);
+NilePageHeader = __decorate([
+    customElement('nile-page-header')
+], NilePageHeader);
+export { NilePageHeader };
+export default NilePageHeader;
+//# sourceMappingURL=nile-page-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-page-header.js","sourceRoot":"","sources":["../../../src/nile-page-header/nile-page-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAc,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,WAAW;IAAxC;;QAS8C,YAAO,GAAG,EAAE,CAAC;QAET,eAAU,GAAG,EAAE,CAAC;QA+BvE,gBAAgB;IAClB,CAAC;IA1CC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;;;;;mBAKI,CAAC,IAAI,CAAC,OAAO;;UAEtB,IAAI,CAAC,OAAO;;;;;;mBAMH,CAAC,IAAI,CAAC,UAAU;;UAEzB,IAAI,CAAC,UAAU;;YAEb,CAAC;IACX,CAAC;CAGF,CAAA;AAlCoD;IAAlD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;+CAAc;AAET;IAAtD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;kDAAiB;AAX5D,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA2C1B;;AAED,eAAe,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 { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { styles } from './nile-page-header.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile page-header component.\n *\n * @tag nile-page-header\n *\n */\n@customElement('nile-page-header')\nexport class NilePageHeader extends NileElement {\n  /**\n   * The styles for nile-page-header\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ reflect: true, attribute: 'heading' }) heading = '';\n\n  @property({ reflect: true, attribute: 'sub-heading' }) subHeading = '';\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`<slot class=\"header\">\n      <slot\n        name=\"header__heading\"\n        class=\"header__heading\"\n        part=\"header__heading\"\n        ?hidden=\"${!this.heading}\"\n      >\n        ${this.heading}\n      </slot>\n      <slot\n        name=\"header__subheading\"\n        class=\"header__subheading\"\n        part=\"header__subheading\"\n        ?hidden=\"${!this.subHeading}\"\n      >\n        ${this.subHeading}\n      </slot>\n    </slot>`;\n  }\n\n  /* #endregion */\n}\n\nexport default NilePageHeader;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-page-header': NilePageHeader;\n  }\n}\n"]}

package/dist/src/nile-pagination/index.js

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

package/dist/src/nile-pagination/index.js.map

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

package/dist/src/nile-pagination/nile-pagination-utils.js

@@ -0,0 +1,41 @@
+export function calculateTotalPages(totalItems, pageSize) {
+    return Math.ceil(totalItems / pageSize);
+}
+export function getPaginationItems(totalPages, currentPage) {
+    if (totalPages <= 7) {
+        return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    const pages = [1];
+    if (currentPage <= 4) {
+        pages.push(2, 3, 4, 5, '…');
+    }
+    else if (currentPage >= totalPages - 3) {
+        pages.push('…', totalPages - 4, totalPages - 3, totalPages - 2, totalPages - 1);
+    }
+    else {
+        pages.push('…', currentPage - 1, currentPage, currentPage + 1, '…');
+    }
+    pages.push(totalPages);
+    return pages;
+}
+export function getHiddenPages(totalPages, items, currentPage, position) {
+    if (totalPages <= 7)
+        return [];
+    const all = Array.from({ length: totalPages }, (_, i) => i + 1);
+    const visible = items.filter(x => typeof x === 'number');
+    const hidden = all.filter(p => !visible.includes(p));
+    if (position === 'left') {
+        const firstAfterEllipsis = visible[1];
+        return hidden.filter(p => p < firstAfterEllipsis);
+    }
+    else {
+        const lastBeforeEllipsis = visible[visible.length - 2];
+        return hidden.filter(p => p > lastBeforeEllipsis);
+    }
+}
+export function getRangeText(totalItems, pageSize, currentPage) {
+    const start = (currentPage - 1) * pageSize + 1;
+    const end = Math.min(currentPage * pageSize, totalItems);
+    return `Showing ${start}–${end} of ${totalItems}`;
+}
+//# sourceMappingURL=nile-pagination-utils.js.map

package/dist/src/nile-pagination/nile-pagination-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-pagination-utils.js","sourceRoot":"","sources":["../../../src/nile-pagination/nile-pagination-utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CACjC,UAAkB,EAClB,QAAgB;IAEhB,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,UAAkB,EAClB,WAAmB;IAEnB,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;QACpB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC7D,CAAC;IAED,MAAM,KAAK,GAAwB,CAAC,CAAC,CAAC,CAAC;IACvC,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;QACrB,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;IAC9B,CAAC;SAAM,IAAI,WAAW,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;QACzC,KAAK,CAAC,IAAI,CACR,GAAG,EACH,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,CAAC,CACf,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IACtE,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACvB,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,UAAkB,EAClB,KAA0B,EAC1B,WAAmB,EACnB,QAA0B;IAE1B,IAAI,UAAU,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC;IAE/B,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAa,CAAC;IACrE,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAErD,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;QACxB,MAAM,kBAAkB,GAAG,OAAO,CAAC,CAAC,CAAW,CAAC;QAChD,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC;IACpD,CAAC;SAAM,CAAC;QACN,MAAM,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAW,CAAC;QACjE,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC;IACpD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,UAAkB,EAClB,QAAgB,EAChB,WAAmB;IAEnB,MAAM,KAAK,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC;IAC/C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,QAAQ,EAAE,UAAU,CAAC,CAAC;IACzD,OAAO,WAAW,KAAK,IAAI,GAAG,OAAO,UAAU,EAAE,CAAC;AACpD,CAAC","sourcesContent":["export function calculateTotalPages(\n  totalItems: number,\n  pageSize: number\n): number {\n  return Math.ceil(totalItems / pageSize);\n}\n\nexport function getPaginationItems(\n  totalPages: number,\n  currentPage: number\n): (number | string)[] {\n  if (totalPages <= 7) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const pages: (number | string)[] = [1];\n  if (currentPage <= 4) {\n    pages.push(2, 3, 4, 5, '…');\n  } else if (currentPage >= totalPages - 3) {\n    pages.push(\n      '…',\n      totalPages - 4,\n      totalPages - 3,\n      totalPages - 2,\n      totalPages - 1\n    );\n  } else {\n    pages.push('…', currentPage - 1, currentPage, currentPage + 1, '…');\n  }\n  pages.push(totalPages);\n  return pages;\n}\n\nexport function getHiddenPages(\n  totalPages: number,\n  items: (number | string)[],\n  currentPage: number,\n  position: 'left' | 'right'\n): number[] {\n  if (totalPages <= 7) return [];\n\n  const all = Array.from({ length: totalPages }, (_, i) => i + 1);\n  const visible = items.filter(x => typeof x === 'number') as number[];\n  const hidden = all.filter(p => !visible.includes(p));\n\n  if (position === 'left') {\n    const firstAfterEllipsis = visible[1] as number;\n    return hidden.filter(p => p < firstAfterEllipsis);\n  } else {\n    const lastBeforeEllipsis = visible[visible.length - 2] as number;\n    return hidden.filter(p => p > lastBeforeEllipsis);\n  }\n}\n\nexport function getRangeText(\n  totalItems: number,\n  pageSize: number,\n  currentPage: number\n): string {\n  const start = (currentPage - 1) * pageSize + 1;\n  const end = Math.min(currentPage * pageSize, totalItems);\n  return `Showing ${start}–${end} of ${totalItems}`;\n}\n"]}