@aquera/nile-elements 0.1.46-beta-1.8 → 0.1.46-beta-2.0

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

@@ -0,0 +1 @@
+export { NilePagination } from './nile-pagination';

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

@@ -0,0 +1,4 @@
+export declare function calculateTotalPages(totalItems: number, pageSize: number): number;
+export declare function getPaginationItems(totalPages: number, currentPage: number): (number | string)[];
+export declare function getHiddenPages(totalPages: number, items: (number | string)[], currentPage: number, position: 'left' | 'right'): number[];
+export declare function getRangeText(totalItems: number, pageSize: number, currentPage: number): string;

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

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

@@ -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 { CSSResultArray, TemplateResult } from 'lit';
+import NileElement from '../internal/nile-element';
+export declare class NilePagination extends NileElement {
+    static get styles(): CSSResultArray;
+    totalItems: number;
+    currentPage: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    variant: 'fluid' | 'compact';
+    disabled: boolean;
+    showTitle: boolean;
+    private _pageSizeOpen;
+    private _pageSizeDropdown;
+    firstUpdated(): void;
+    private get totalPages();
+    private goToPage;
+    private onPageSizeSelect;
+    private renderRangeText;
+    private renderPageSizeSelect;
+    private renderPrevButton;
+    private renderNextButton;
+    private renderPageItem;
+    private renderPageList;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-pagination': NilePagination;
+    }
+}

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

@@ -0,0 +1 @@
+export { NilePopover } from './nile-popover';

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

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

@@ -0,0 +1,58 @@
+/**
+ * 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-element';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-popover
+ *
+ */
+export declare class NilePopover extends NileElement {
+    /**
+     * The styles for Popover
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    /**
+     * The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip
+     * inside of the viewport.
+     */
+    placement: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+    /** The distance in pixels from which to offset the popover away from its target. */
+    distance: number;
+    preventOverlayClose: boolean;
+    arrow: boolean;
+    /** Gives the title to the popover */
+    title: string;
+    open: boolean;
+    isShow: boolean;
+    arrowPlacement: 'start' | 'end' | 'center' | 'anchor';
+    /**
+     * Enable this option to prevent the panel from being clipped when the component is placed inside a container with
+     * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
+     */
+    hoist: boolean;
+    flip: boolean;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    handleShowHide(): void;
+    render(): TemplateResult;
+    private handleClick;
+    private handleDocumentClick;
+}
+export default NilePopover;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-popover': NilePopover;
+    }
+}

package/dist/types/src/nile-popover/nile-popover.test.d.ts

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

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

@@ -0,0 +1 @@
+export { NilePopup } from './nile-popup';

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

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

@@ -0,0 +1,126 @@
+/**
+ * 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';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-popup
+ *
+ */
+export declare class NilePopup extends NileElement {
+    static styles: CSSResultGroup;
+    private anchorEl;
+    private cleanup;
+    /** A reference to the internal popup container. Useful for animating and styling the popup with JavaScript. */
+    popup: HTMLElement;
+    private arrowEl;
+    /**
+     * The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a
+     * reference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.
+     */
+    anchor: Element | string;
+    /**
+     * Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn
+     * down and the popup will be hidden.
+     */
+    active: boolean;
+    /**
+     * The preferred placement of the popup. Note that the actual placement will vary as configured to keep the
+     * panel inside of the viewport.
+     */
+    placement: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+    /**
+     * Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is
+     * clipped, using a `fixed` position strategy can often workaround it.
+     */
+    strategy: 'absolute' | 'fixed';
+    /** The distance in pixels from which to offset the panel away from its anchor. */
+    distance: number;
+    /** The distance in pixels from which to offset the panel along its anchor. */
+    skidding: number;
+    /**
+     * Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and
+     * `--arrow-color` custom properties. For additional customizations, you can also target the arrow using
+     * `::part(arrow)` in your stylesheet.
+     */
+    arrow: boolean;
+    /**
+     * The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the
+     * anchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will
+     * align the arrow to the start, end, or center of the popover instead.
+     */
+    arrowPlacement: 'start' | 'end' | 'center' | 'anchor';
+    /**
+     * The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,
+     * this will prevent it from overflowing the corners.
+     */
+    arrowPadding: number;
+    /**
+     * When set, placement of the popup will flip to the opposite site to keep it in view. You can use
+     * `flipFallbackPlacements` to further configure how the fallback placement is determined.
+     */
+    flip: boolean;
+    /**
+     * If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a
+     * string of any number of placements separated by a space, e.g. "top bottom left". If no placement fits, the flip
+     * fallback strategy will be used instead.
+     * */
+    flipFallbackPlacements: string;
+    /**
+     * When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether
+     * the popup should be positioned using the best available fit based on available space or as it was initially
+     * preferred.
+     */
+    flipFallbackStrategy: 'best-fit' | 'initial';
+    /**
+     * The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By
+     * default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
+     * change the boundary by passing a reference to one or more elements to this property.
+     */
+    flipBoundary: Element | Element[];
+    /** The amount of padding, in pixels, to exceed before the flip behavior will occur. */
+    flipPadding: number;
+    /** Moves the popup along the axis to keep it in view when clipped. */
+    shift: boolean;
+    /**
+     * The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By
+     * default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
+     * change the boundary by passing a reference to one or more elements to this property.
+     */
+    shiftBoundary: Element | Element[];
+    /** The amount of padding, in pixels, to exceed before the shift behavior will occur. */
+    shiftPadding: number;
+    /** When set, this will cause the popup to automatically resize itself to prevent it from overflowing. */
+    autoSize: 'horizontal' | 'vertical' | 'both';
+    /** Syncs the popup's width or height to that of the anchor element. */
+    sync: 'width' | 'height' | 'both';
+    /**
+     * The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By
+     * default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
+     * change the boundary by passing a reference to one or more elements to this property.
+     */
+    autoSizeBoundary: Element | Element[];
+    /** The amount of padding, in pixels, to exceed before the auto-size behavior will occur. */
+    autoSizePadding: number;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    updated(changedProps: Map<string, unknown>): Promise<void>;
+    private handleAnchorChange;
+    private start;
+    private stop;
+    /** Forces the popup to recalculate and reposition itself. */
+    reposition(): void;
+    render(): TemplateResult<1>;
+}
+export default NilePopup;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-popup': NilePopup;
+    }
+}

package/dist/types/src/nile-popup/nile-popup.test.d.ts

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

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

@@ -0,0 +1 @@
+export { NileProgressBar } from './nile-progress-bar';

package/dist/types/src/nile-progress-bar/nile-progress-bar.css.d.ts

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

package/dist/types/src/nile-progress-bar/nile-progress-bar.d.ts

@@ -0,0 +1,8 @@
+import { CSSResultGroup } from 'lit';
+import NileElement from '../internal/nile-element';
+export declare class NileProgressBar extends NileElement {
+    static styles: CSSResultGroup;
+    value: number;
+    updated(changedProperties: Map<string, any>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/types/src/nile-progress-bar/nile-progress-bar.test.d.ts

@@ -0,0 +1 @@
+import './nile-progress-bar';

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

@@ -0,0 +1 @@
+export { NileRadio } from './nile-radio';

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

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+/**
+ * Radio CSS
+ */
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,58 @@
+/**
+ * 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';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-radio
+ *
+ *
+* @dependency nile-icon
+ *
+ * @slot - The radio's label.
+ *
+ * @event blur - Emitted when the control loses focus.
+ * @event focus - Emitted when the control gains focus.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart control - The circular container that wraps the radio's checked state.
+ * @csspart control--checked - The radio control when the radio is checked.
+ * @csspart checked-icon - The checked icon, an `<nile-icon>` element.
+ * @csspart label - The container that wraps the radio's label.
+ */
+export declare class NileRadio extends NileElement {
+    static styles: CSSResultGroup;
+    checked: boolean;
+    protected hasFocus: boolean;
+    /** The radio's value. When selected, the radio group will receive this value. */
+    value: string;
+    /** The radio's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Disables the radio. */
+    disabled: boolean;
+    /** The radio's labelborder. */
+    islabelborder: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private addEventListeners;
+    private removeEventListeners;
+    private handleBlur;
+    private handleClick;
+    private handleFocus;
+    private setInitialAttributes;
+    handleCheckedChange(): void;
+    handleDisabledChange(): void;
+    render(): TemplateResult<1>;
+}
+export default NileRadio;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-radio': NileRadio;
+    }
+}

package/dist/types/src/nile-radio/nile-radio.test.d.ts

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

package/dist/types/src/nile-radio-group/index.d.ts

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

package/dist/types/src/nile-radio-group/nile-radio-group.css.d.ts

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

package/dist/types/src/nile-radio-group/nile-radio-group.d.ts

@@ -0,0 +1,68 @@
+import NileElement from '../internal/nile-element';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
+ *
+ * @dependency nile-button-group
+ *
+ * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.
+ * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
+ *  attribute.
+ *
+ * @event change - Emitted when the radio group's selected value changes.
+ * @event input - Emitted when the radio group receives user input.
+ * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+ * @csspart button-group - The button group that wraps radio buttons.
+ * @csspart button-group__base - The button group's `base` part.
+ */
+export declare class NileRadioGroup extends NileElement {
+    static styles: CSSResultGroup;
+    private readonly hasSlotController;
+    private customValidityMessage;
+    defaultSlot: HTMLSlotElement;
+    private hasButtonGroup;
+    defaultValue: string;
+    /**
+     * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
+     * instead.
+     */
+    label: string;
+    /** The name of the radio group, submitted as a name/value pair with form data. */
+    name: string;
+    /** The current value of the radio group, submitted as a name/value pair with form data. */
+    value: string;
+    /**
+     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+     * the same document or shadow root for this to work.
+     */
+    form: string;
+    /** Ensures a child radio is checked before allowing the containing form to submit. */
+    required: boolean;
+    /** Used to show radio in inline or not */
+    labelInline: boolean;
+    /** Used to disabled or not */
+    disabled: boolean;
+    helpText: string;
+    errorMessage: string;
+    /** The radio's labelborder for whole gp. */
+    islabelborder: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private getAllRadios;
+    private handleRadioClick;
+    handleDisabledChange(): void;
+    private handleInitialDisabledState;
+    private handleKeyDown;
+    private handleLabelClick;
+    private handleSlotChange;
+    private updateCheckedRadio;
+    handleValueChange(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default NileRadioGroup;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-radio-group': NileRadioGroup;
+    }
+}

package/dist/types/src/nile-radio-group/nile-radio-group.test.d.ts

@@ -0,0 +1,2 @@
+import './nile-radio-group';
+import '../nile-radio/nile-radio';

package/dist/types/src/nile-section-message/index.d.ts

@@ -0,0 +1 @@
+export { NileSectionMessage } from './nile-section-message';

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

package/dist/types/src/nile-section-message/nile-section-message.d.ts

@@ -0,0 +1,26 @@
+import { CSSResultArray, TemplateResult } from 'lit';
+import NileElement from '../internal/nile-element';
+export declare class NileSectionMessage extends NileElement {
+    static get styles(): CSSResultArray;
+    private readonly hasSlotController;
+    heading: string;
+    description: string;
+    iconSize: number;
+    /** The section message theme variant. */
+    variant: 'primary' | 'success' | 'warning' | 'error';
+    iconMap: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    connectedCallback(): void;
+    private addActionSeparators;
+    render(): TemplateResult;
+}
+export default NileSectionMessage;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-section-message': NileSectionMessage;
+    }
+}

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

@@ -0,0 +1 @@
+export { NileSelect } from './nile-select';

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