@aquera/nile-elements 1.3.3-beta-1.4 → 1.3.3-beta-1.6

package/dist/dist/types/src/nile-side-bar-header/nile-side-bar-header.d.ts

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

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

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

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

package/dist/dist/types/src/nile-side-bar-logo/nile-side-bar-logo.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 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-logo component.
+ *
+ * @tag nile-side-bar-logo
+ *
+ * @attr src - The image URL for the expanded (full) logo
+ * @attr collapsed-src - The image URL for the collapsed (icon) logo
+ */
+export declare class NileSideBarLogo extends NileElement {
+    /**
+     * Expanded logo (default full size)
+     */
+    src: string;
+    /**
+     * Collapsed logo (icon only)
+     */
+    collapsedSrc: string;
+    static get styles(): CSSResultArray;
+    render(): TemplateResult;
+}
+export default NileSideBarLogo;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-side-bar-logo': NileSideBarLogo;
+    }
+}

package/dist/dist/types/src/nile-slide-toggle/nile-slide-toggle.css.d.ts

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

package/dist/dist/types/src/nile-slide-toggle/nile-slide-toggle.d.ts

@@ -0,0 +1,17 @@
+import { CSSResultGroup } from 'lit';
+import NileElement from '../internal/nile-element';
+export declare class NileSlideToggle extends NileElement {
+    static styles: CSSResultGroup;
+    label: string;
+    sublabel: string;
+    textPosition: 'left' | 'right';
+    isChecked: boolean;
+    fullWidth: boolean;
+    disabled: boolean;
+    helpText: string;
+    errorMessage: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    toggleValue(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/dist/types/src/nile-slide-toggle/nile-slide-toggle.test.d.ts

@@ -0,0 +1 @@
+import './nile-slide-toggle';

package/dist/dist/types/src/nile-slider/index.d.ts

@@ -0,0 +1 @@
+export { NileSlider } from './nile-slider';

package/dist/dist/types/src/nile-slider/nile-slider.css.d.ts

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

package/dist/dist/types/src/nile-slider/nile-slider.d.ts

@@ -0,0 +1,48 @@
+/**
+ * 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 NileElement from '../internal/nile-element';
+import { CSSResultArray, TemplateResult } from 'lit';
+import { TooltipPosition } from './types/nile-slider.types';
+/**
+ * Nile slider component.
+ *
+ * @tag nile-slider
+ */
+export declare class NileSlider extends NileElement {
+    static get styles(): CSSResultArray;
+    minValue: number;
+    value: number;
+    maxValue: number;
+    rangeOneValue: number;
+    rangeTwoValue: number;
+    showLabel: boolean;
+    labelStart: string;
+    labelEnd: string;
+    rangeSlider: boolean;
+    labelPosition: string;
+    tooltipPosition: TooltipPosition;
+    buttonOne: HTMLElement;
+    buttonTwo: HTMLElement;
+    range: HTMLElement;
+    completed: HTMLElement;
+    activeThumb: 'one' | 'two' | null;
+    connectedCallback(): void;
+    firstUpdated(changedProps: Map<string, any>): void;
+    checkValueValidity(value: number, min: number, max: number): number;
+    checkRangeValidity(): void;
+    onMouseMove: (e: MouseEvent) => void;
+    onMouseUp: () => void;
+    onMouseDown: (e: MouseEvent) => void;
+    render(): TemplateResult;
+    disconnectedCallback(): void;
+}
+export default NileSlider;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-slider': NileSlider;
+    }
+}

package/dist/dist/types/src/nile-slider/nile-slider.template.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit';
+import NileSlider from './nile-slider';
+export declare const rangeSlider: (nileSlider: NileSlider) => TemplateResult;
+export declare const singleSlider: (nileSlider: NileSlider) => TemplateResult;
+export declare const lableContaier: (nileSlider: NileSlider) => TemplateResult;

package/dist/dist/types/src/nile-slider/types/nile-slider.enums.d.ts

@@ -0,0 +1,10 @@
+export declare const enum NileSliderEvents {
+    NILE_INIT = "nile-init",
+    NILE_CHANGE = "nile-change",
+    NILE_CHANGE_END = "nile-change-end",
+    NILE_BUTTON_FIRST_CHANGE = "nile-button-first-change",
+    NILE_BUTTON_LAST_CHANGE = "nile-button-last-change",
+    NILE_BUTTON_FIRST_CHANGE_END = "nile-button-first-change-end",
+    NILE_BUTTON_LAST_CHANGE_END = "nile-button-last-change-end",
+    NILE_DESTROY = "nile-destroy"
+}

package/dist/dist/types/src/nile-slider/types/nile-slider.types.d.ts

@@ -0,0 +1 @@
+export type TooltipPosition = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';

package/dist/dist/types/src/nile-slider/utils/nile-slider.utils.d.ts

@@ -0,0 +1,11 @@
+import NileSlider from '../nile-slider';
+export declare const getClampedPercent: (rect: DOMRect, x: number) => number;
+export declare const percentToValue: (percent: number, nileSlider: NileSlider) => number;
+export declare const valueToPercent: (value: number, nileSlider: NileSlider) => number;
+export declare const handleSingleSlider: (e: MouseEvent, rect: DOMRect, nileSlider: NileSlider) => void;
+export declare const handleRangeOne: (e: MouseEvent, rect: DOMRect, nileSlider: NileSlider) => void;
+export declare const handleRangeTwo: (e: MouseEvent, rect: DOMRect, nileSlider: NileSlider) => void;
+export declare const getHtmlElements: (nileSlider: NileSlider) => void;
+export declare const addMoveListeners: (nileSlider: NileSlider) => void;
+export declare const removeMoveListeners: (nileSlider: NileSlider) => void;
+export declare const handleTwoThumbClick: (value: number, nileSlider: NileSlider) => void;

package/dist/dist/types/src/nile-spinner/index.d.ts

@@ -0,0 +1 @@
+export { NileSpinner } from './nile-spinner';

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

package/dist/dist/types/src/nile-spinner/nile-spinner.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 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 { LitElement, CSSResultArray, TemplateResult } from 'lit';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-spinner
+ *
+ */
+export declare class NileSpinner extends LitElement {
+    /**
+     * The styles for Spinner
+     * @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 NileSpinner;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-spinner': NileSpinner;
+    }
+}

package/dist/dist/types/src/nile-split-panel/index.d.ts

@@ -0,0 +1 @@
+export { NileSplitPanel } from './nile-split-panel';

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

package/dist/dist/types/src/nile-split-panel/nile-split-panel.d.ts

@@ -0,0 +1,78 @@
+/**
+ * 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 { TemplateResult } from 'lit';
+import NileElement from '../internal/nile-element';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary Split panels display two adjacent panels, allowing the user to reposition them.
+ *
+ * @event nile-reposition - Emitted when the divider's position changes.
+ *
+ * @slot start - Content to place in the start panel.
+ * @slot end - Content to place in the end panel.
+ * @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.
+ *
+ * @csspart start - The start panel.
+ * @csspart end - The end panel.
+ * @csspart panel - Targets both the start and end panels.
+ * @csspart divider - The divider that separates the start and end panels.
+ *
+ * @cssproperty [--divider-width=4px] - The width of the visible divider.
+ * @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is
+ *  usually wider than the divider to facilitate easier dragging.
+ * @cssproperty [--min=0] - The minimum allowed size of the primary panel.
+ * @cssproperty [--max=100%] - The maximum allowed size of the primary panel.
+ */
+export declare class NileSplitPanel extends NileElement {
+    static styles: CSSResultGroup;
+    private cachedPositionInPixels;
+    private resizeObserver;
+    private size;
+    divider: HTMLElement;
+    /**
+     * The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the
+     * container's initial size.
+     */
+    position: number;
+    /** The current position of the divider from the primary panel's edge in pixels. */
+    positionInPixels: number;
+    /** Draws the split panel in a vertical orientation with the start and end panels stacked. */
+    vertical: boolean;
+    /** Disables resizing. Note that the position may still change as a result of resizing the host element. */
+    disabled: boolean;
+    /**
+     * If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a
+     * primary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the
+     * host element is resized.
+     */
+    primary?: 'start' | 'end';
+    /**
+     * One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.
+     * `"100px 50%"`.
+     */
+    snap?: string;
+    /** How close the divider must be to a snap point until snapping occurs. */
+    snapThreshold: number;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private detectSize;
+    private percentageToPixels;
+    private pixelsToPercentage;
+    private handleDrag;
+    private handleKeyDown;
+    private handleResize;
+    handlePositionChange(): void;
+    handlePositionInPixelsChange(): void;
+    handleVerticalChange(): void;
+    render(): TemplateResult<1>;
+}
+export default NileSplitPanel;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-split-panel': NileSplitPanel;
+    }
+}

package/dist/dist/types/src/nile-stepper/index.d.ts

@@ -0,0 +1 @@
+export { NileStepper } from './nile-stepper';

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

package/dist/dist/types/src/nile-stepper/nile-stepper.d.ts

@@ -0,0 +1,43 @@
+/**
+ * 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, PropertyValueMap } from 'lit';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile stepper component.
+ *
+ * @tag nile-stepper
+ *
+ */
+export declare class NileStepper extends NileElement {
+    isVertical: boolean;
+    contentBelow: boolean;
+    currentStep: number;
+    completedStep: number;
+    size: 'sm' | 'lg';
+    icon: string;
+    manual: boolean;
+    protected update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    handleCurrentStepChanges(): void;
+    handleCompletedStepChanges(): void;
+    private updateItems;
+    /**
+     * The styles for nile-stepper
+     * @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 NileStepper;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-stepper': NileStepper;
+    }
+}

package/dist/dist/types/src/nile-stepper/stepper-utils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export interface StepperConfig {
+    icon: string;
+    size: 'sm' | 'lg';
+    contentBelow: boolean;
+    manual: boolean;
+    isVertical: boolean;
+}
+/**
+ * Updates stepper items in manual mode
+ * @param items - Array of stepper item elements
+ * @param config - Stepper configuration
+ * @param haveFlex - Whether items should have flex layout
+ */
+export declare function updateItemsInManualMode(items: any[], config: StepperConfig, haveFlex: boolean): void;

package/dist/dist/types/src/nile-stepper-item/index.d.ts

@@ -0,0 +1 @@
+export { NileStepperItem } from './nile-stepper-item';

package/dist/dist/types/src/nile-stepper-item/nile-stepper-item.css.d.ts

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

package/dist/dist/types/src/nile-stepper-item/nile-stepper-item.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { CSSResultArray, TemplateResult, PropertyValues } from 'lit';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile stepper-item component.
+ *
+ * @tag nile-stepper-item
+ *
+ */
+export declare class NileStepperItem extends NileElement {
+    absoluteTitle: HTMLDivElement;
+    absoluteSubtitle: HTMLDivElement;
+    title: string;
+    subtitle: string;
+    completed: boolean;
+    current: boolean;
+    private contentBelow;
+    private size;
+    private icon;
+    private isFirst;
+    private isLast;
+    private isComplete;
+    private isCurrent;
+    private isManualMode;
+    private currentStepValue;
+    private completedStepValue;
+    private calculatedCompletedStepValue;
+    private value;
+    private haveFlex;
+    /**
+     * The styles for nile-stepper-item
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    protected updated(_changedProperties: PropertyValues): void;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+    getSvg(): TemplateResult;
+}
+export default NileStepperItem;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-stepper-item': NileStepperItem;
+    }
+}

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

package/dist/dist/types/src/nile-switcher/nile-switcher.d.ts

@@ -0,0 +1,110 @@
+/**
+ * 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 { TemplateResult } from 'lit';
+import NileElement from '../internal/nile-element';
+import { CSSResultGroup } from 'lit';
+/**
+ * @summary Allows you to switch between nile elements
+ *
+ * @dependency nile-icon
+ * @dependency nile-input
+ * @dependency nile-checkbox
+ * @dependency nile-dropdown
+ * @dependency nile-textarea
+ *
+ * @event nile-change - Emitted when the control's value changes.
+ * @event nile-switch - Emitted when the nile component is being switched.
+ */
+export interface switchconfig {
+    [key: string]: any;
+    toggleSwitch: boolean;
+    disable?: boolean;
+    confirmation?: boolean;
+    align: 'block' | 'inline';
+    inputs: switchInputType[];
+}
+export interface switchInputType {
+    inputType: INPUT_TYPE_NAMES.DROPDOWN | INPUT_TYPE_NAMES.TEXT | INPUT_TYPE_NAMES.CHECKBOX | INPUT_TYPE_NAMES.TEXTAREA | INPUT_TYPE_NAMES.RADIO | INPUT_TYPE_NAMES.CONTENTEDITOR | INPUT_TYPE_NAMES.OBJECT_MAPPER | INPUT_TYPE_NAMES.CODE_EDITOR;
+    value?: String | boolean;
+    label?: String;
+    readonly?: boolean;
+    type?: string;
+    icon: string;
+    mode?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    options?: Array<any>;
+    customAutoCompletions?: any;
+    helperText?: string;
+    multiple?: boolean;
+    noborder?: boolean;
+    multiLine?: boolean;
+    expand?: boolean;
+    updateValue?: false;
+}
+export declare enum POSITIONS {
+    INLINE = "inline",
+    BLOCK = "block"
+}
+export declare enum INPUT_TYPE {
+    DEFAULT = "defaultInput",
+    SWITCH = "switchInput"
+}
+export declare enum INPUT_TYPE_NAMES {
+    DROPDOWN = "dropdown",
+    TEXT = "text",
+    CHECKBOX = "checkbox",
+    TEXTAREA = "text-area",
+    RADIO = "radio",
+    CONTENTEDITOR = "content-editor",
+    OBJECT_MAPPER = "object-mapper",
+    CODE_EDITOR = "code-editor"
+}
+export declare enum MODE {
+    CREATE = "create",
+    EDIT = "edit"
+}
+export declare class NileSwitcher extends NileElement {
+    /**
+     * The styles for nile switcher
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static styles: CSSResultGroup;
+    private readonly hasSlotController;
+    nileSwitchConfig: switchconfig;
+    current: Number;
+    currentInput: switchInputType;
+    connectedCallback(): void;
+    handleSwitcherChange(): void;
+    setCurrentInput(): void;
+    disconnectedCallback(): void;
+    renderNileText(Input: switchInputType): TemplateResult<1>;
+    renderDropdown(Input: switchInputType): TemplateResult<1>;
+    renderNileTextArea(Input: switchInputType): TemplateResult<1>;
+    renderNileCheckBox(Input: switchInputType): TemplateResult<1>;
+    renderNileRadio(Input: switchInputType): TemplateResult<1>;
+    renderErrorMessage(errorMessage: string): TemplateResult<1>;
+    renderContentEditor(Input: switchInputType): TemplateResult<1>;
+    renderObjectMapper(Input: switchInputType): TemplateResult<1>;
+    renderCodeEditor(Input: switchInputType): TemplateResult<1>;
+    handleExpand(event: CustomEvent, inputType: string): void;
+    handleChange(event: CustomEvent, inputType: string): void;
+    renderIcon(): TemplateResult<1>;
+    isToggleSwitch: (item: any) => any;
+    toggleField(currentInput: switchInputType, index: Number): void;
+    singleFieldSwitcher(): TemplateResult<1>;
+    render(): TemplateResult;
+}
+export default NileSwitcher;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-switcher': NileSwitcher;
+    }
+}

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