@aquera/nile-elements 1.3.2-beta-1.5 → 1.3.3-beta-1.0

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

@@ -1,51 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { TemplateResult } from 'lit';
-import '../nile-icon-button/nile-icon-button';
-import NileElement from '../internal/nile-element';
-import type { CSSResultGroup } from 'lit';
-/**
- * Nile icon component.
- *
- * @tag nile-tag
- *
- */
-/**
- * @summary Tags are used as labels to organize things or to indicate a selection.
- * @status stable
- *
- * @dependency nile-icon-button
- *
- * @slot - The tag's content.
- *
- * @event nile-remove - Emitted when the remove button is activated.
- *
- * @csspart base - The component's base wrapper.
- * @csspart content - The tag's content.
- * @csspart remove-button - The tag's remove button, an `<nile-icon-button>`.
- * @csspart remove-button__base - The remove button's exported `base` part.
- */
-export declare class NileTag extends NileElement {
-    static styles: CSSResultGroup;
-    /** The tag's theme variant. */
-    variant: 'primary' | 'success' | 'normal' | 'warning' | 'error' | 'info';
-    /** The tag's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Draws a pill-style tag with rounded edges. */
-    pill: boolean;
-    /** Makes the tag removable and shows a remove button. */
-    removable: boolean;
-    private handleRemoveClick;
-    getCloseButtonColor(): string;
-    render(): TemplateResult<1>;
-}
-export default NileTag;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-tag': NileTag;
-    }
-}

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

@@ -1 +0,0 @@
-export { NileTextarea } from './nile-textarea';

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

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

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

@@ -1,139 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-import type { CSSResultGroup } from 'lit';
-/**
- * @summary Textareas collect data from the user and allow multiple lines of text.
- * @tag nile-text-area
-
- *
- * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.
- * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
- *
- * @event nile-blur - Emitted when the control loses focus.
- * @event nile-change - Emitted when an alteration to the control's value is committed by the user.
- * @event nile-focus - Emitted when the control gains focus.
- * @event nile-input - Emitted when the control receives input.
- *
- * @csspart form-control - The form control that wraps the label, input, and help text.
- * @csspart form-control-label - The label's wrapper.
- * @csspart form-control-input - The input's wrapper.
- * @csspart form-control-help-text - The help text's wrapper.
- * @csspart base - The component's base wrapper.
- * @csspart textarea - The internal `<textarea>` control.
- */
-export declare class NileTextarea extends NileElement {
-    static styles: CSSResultGroup;
-    private readonly hasSlotController;
-    private resizeObserver;
-    input: HTMLTextAreaElement;
-    private hasFocus;
-    title: string;
-    /** The name of the textarea, submitted as a name/value pair with form data. */
-    name: string;
-    /** The current value of the textarea, submitted as a name/value pair with form data. */
-    value: string;
-    /** The textarea's size. */
-    size: string;
-    /** Draws a filled textarea. */
-    filled: boolean;
-    /** The textarea's label. If you need to display HTML, use the `label` slot instead. */
-    label: string;
-    helpText: string;
-    errorMessage: string;
-    /** Placeholder text to show as a hint when the input is empty. */
-    placeholder: string;
-    /** The number of rows to display by default. */
-    rows: number;
-    /** Controls how the textarea can be resized. */
-    resize: 'none' | 'vertical' | 'auto';
-    /** Disables the textarea. */
-    disabled: boolean;
-    /** Makes the textarea readonly. */
-    readonly: boolean;
-    /**
-     * 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;
-    /** Makes the textarea a required field. */
-    required: boolean;
-    minlength: number;
-    maxlength: number;
-    /** Sets the input to a warning state, changing its visual appearance. */
-    warning: boolean;
-    /** Sets the input to an error state, changing its visual appearance. */
-    error: boolean;
-    /** Sets the input to a success state, changing its visual appearance. */
-    success: boolean;
-    /** Controls whether and how text input is automatically capitalized as it is entered by the user. */
-    autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
-    /** Indicates whether the browser's autocorrect feature is on or off. */
-    autocorrect: string;
-    /**
-     * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
-     * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
-     */
-    autocomplete: string;
-    /** Indicates that the input should receive focus on page load. */
-    autofocus: boolean;
-    /** Used to customize the label or icon of the Enter key on virtual keyboards. */
-    enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-    /** Enables spell checking on the textarea. */
-    spellcheck: boolean;
-    /**
-     * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
-     * keyboard on supportive devices.
-     */
-    inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultValue: string;
-    fullHeight: boolean;
-    checkNonPrintableChar: boolean;
-    hasPrintableCharacters: boolean;
-    markedValue: string;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private handleBlur;
-    private handleChange;
-    private handleFocus;
-    private handleInput;
-    private setTextareaHeight;
-    handleRowsChange(): void;
-    handleValueChange(): Promise<void>;
-    /** checks non printable characters in the value. */
-    markNonPrintableCharacters(): void;
-    /** Removes all non printable characters from the value. */
-    removeAllNonPrintableCharacters(): void;
-    /** Sets focus on the textarea. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the textarea. */
-    blur(): void;
-    /** Selects all the text in the textarea. */
-    select(): void;
-    /** Gets or sets the textarea's scroll position. */
-    scrollPosition(position?: {
-        top?: number;
-        left?: number;
-    }): {
-        top: number;
-        left: number;
-    } | undefined;
-    /** Sets the start and end positions of the text selection (0-based). */
-    setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none'): void;
-    /** Replaces a range of text with a new string. */
-    setRangeText(replacement: string, start?: number, end?: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): void;
-    render(): TemplateResult<1>;
-}
-export default NileTextarea;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-textarea': NileTextarea;
-    }
-}

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

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

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

@@ -1 +0,0 @@
-export { NileTitle } from './nile-title';

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

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

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

@@ -1,42 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { CSSResultArray, TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-/**
- * Nile title component.
- *
- * @tag nile-title
- *
- */
-export declare class NileTitle extends NileElement {
-    headerText: string;
-    pageTitle: string;
-    /**
-     * The styles for nile-title
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    /**
-     * Called when the component is updated
-     */
-    protected updated(_changedProperties: Map<string | number | symbol, unknown>): void;
-    /**
-     * Updates the document title based on pageTitle or headerText
-     */
-    private updateDocumentTitle;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render(): TemplateResult;
-}
-export default NileTitle;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-title': NileTitle;
-    }
-}

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

@@ -1 +0,0 @@
-export { NileToast } from './nile-toast';

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

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

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

@@ -1,90 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { TemplateResult } from 'lit';
-import '../nile-icon-button/nile-icon-button';
-import NileElement from '../internal/nile-element';
-import type { CSSResultGroup } from 'lit';
-/**
- * Nile icon component.
- *
- * @tag nile-toast
- *
- * @dependency nile-icon-button
- *
- * @slot - The alert's main content.
- * @slot icon - An icon to show in the alert. Works best with `<nile-icon>`.
- *
- * @event nile-show - Emitted when the alert opens.
- * @event nile-after-show - Emitted after the alert opens and all animations are complete.
- * @event nile-hide - Emitted when the alert closes.
- * @event nile-after-hide - Emitted after the alert closes and all animations are complete.
- *
- * @csspart base - The component's base wrapper.
- * @csspart icon - The container that wraps the optional icon.
- * @csspart message - The container that wraps the alert's main content.
- * @csspart close-button - The close button, an `<nile-icon-button>`.
- * @csspart close-button__base - The close button's exported `base` part.
- *
- * @animation alert.show - The animation to use when showing the alert.
- * @animation alert.hide - The animation to use when hiding the alert.
- */
-export declare class NileToast extends NileElement {
-    static styles: CSSResultGroup;
-    private autoHideTimeout;
-    private readonly hasSlotController;
-    base: HTMLElement;
-    /**
-     * Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
-     * use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.
-     */
-    open: boolean;
-    noIcon: boolean;
-    /** Enables a close button that allows the user to dismiss the alert. */
-    closable: boolean;
-    hasSlottedContent: boolean;
-    hasSlottedIcon: boolean;
-    prefixImageUrl: string;
-    closeIconName: string;
-    /** The alert's theme variant. */
-    variant: 'success' | 'info' | 'warning' | 'error' | 'gray' | 'black';
-    /**
-     * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with
-     * the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning
-     * the alert will not close on its own.
-     */
-    duration: number;
-    title: string;
-    content: string;
-    tags: any[];
-    firstUpdated(): void;
-    private restartAutoHide;
-    private handleCloseClick;
-    private handleMouseMove;
-    handleOpenChange(): Promise<void>;
-    handleDurationChange(): void;
-    /** Shows the alert. */
-    show(): Promise<void>;
-    /** Hides the alert */
-    hide(): Promise<void>;
-    getIconNameByVariant(): "var(--nile-icon-check-circle, var(--ng-icon-check-circle))" | "var(--nile-icon-info, var(--ng-icon-info-circle))" | "var(--nile-icon-alert-circle, var(--ng-icon-alert-circle))";
-    getIconColorByVariant(): "var(--nile-toast-color-icon-color-success, var(--ng-colors-fg-success-primary))" | "var(--nile-toast-color-icon-color-info, var(--ng-colors-fg-brand-primary-600))" | "var(--nile-toast-color-icon-color-warning, var(--ng-colors-fg-warning-primary))" | "var(--nile-toast-color-icon-color-error, var(--ng-colors-fg-error-primary))" | "var(--nile-toast-color-icon-color-gray, var(--ng-colors-fg-tertiary-600))" | "var(--nile-toast-color-icon-color-black)";
-    handleSlotChange(e: any): void;
-    /**
-     * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
-     * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
-     * calling this method again. The returned promise will resolve after the alert is hidden.
-     */
-    toast(): Promise<void>;
-    private toastTags;
-    render(): TemplateResult<1>;
-}
-export default NileToast;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-toast': NileToast;
-    }
-}

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

@@ -1 +0,0 @@
-export { NileToolbar } from './nile-toolbar';

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

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

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

@@ -1,34 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { CSSResultArray, TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-/**
- * Nile toolbar component.
- *
- * @tag nile-toolbar
- *
- */
-export declare class NileToolbar extends NileElement {
-    color: string;
-    background: string;
-    /**
-     * The styles for nile-toolbar
-     * @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 NileToolbar;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-toolbar': NileToolbar;
-    }
-}

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

@@ -1 +0,0 @@
-export { NileTooltip } from './nile-tooltip';

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

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

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

@@ -1,83 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { CSSResultArray, TemplateResult } from 'lit';
-import '../nile-popup/nile-popup';
-import NileElement from '../internal/nile-element';
-import type NilePopup from '../nile-popup/nile-popup';
-/**
- * Nile icon component.
- *
- * @tag nile-tooltip
- *
- */
-export declare class NileTooltip extends NileElement {
-    /**
-     * The styles for Tooltip
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    private hoverTimeout;
-    defaultSlot: HTMLSlotElement;
-    body: HTMLElement;
-    popup: NilePopup;
-    /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */
-    content: string;
-    /** Size Property to decide the tool tip size */
-    size: 'small' | 'large';
-    /**
-     * The preferred placement of the tooltip. 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';
-    /** Disables the tooltip so it won't show when triggered. */
-    disabled: boolean;
-    /** The distance in pixels from which to offset the tooltip away from its target. */
-    distance: number;
-    /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */
-    open: boolean;
-    /** The distance in pixels from which to offset the tooltip along its target. */
-    skidding: number;
-    /**
-     * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
-     * options can be passed by separating them with a space. When manual is used, the tooltip must be activated
-     * programmatically.
-     */
-    trigger: string;
-    /**
-     * Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with
-     * `overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,
-     * scenarios.
-     */
-    hoist: boolean;
-    private visibilityManager?;
-    enableVisibilityEffect: boolean;
-    enableTabClose: boolean;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    disconnectedCallback(): void;
-    private handleBlur;
-    private handleClick;
-    private handleFocus;
-    private handleKeyDown;
-    private handleMouseOver;
-    private handleMouseOut;
-    private hasTrigger;
-    handleOpenChange(): Promise<void>;
-    handleOptionsChange(): Promise<void>;
-    handleDisabledChange(): void;
-    /** Shows the tooltip. */
-    show(): Promise<void>;
-    /** Hides the tooltip */
-    hide(): Promise<void>;
-    render(): TemplateResult<1>;
-}
-export default NileTooltip;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-tooltip': NileTooltip;
-    }
-}

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

@@ -1 +0,0 @@
-export { NileTree } from './nile-tree';

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

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

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

@@ -1,69 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-import NileTreeItem from '../nile-tree-item/nile-tree-item';
-import type { CSSResultGroup } from 'lit';
-/**
- * @summary Trees allow you to display a hierarchical list of selectable [tree items](/components/tree-item). Items with children can be expanded and collapsed as desired by the user.
- *
- * @event {{ selection: NileTreeItem[] }} nile-selection-change - Emitted when a tree item is selected or deselected.
- *
- * @slot - The default slot.
- * @slot expand-icon - The icon to show when the tree item is expanded. Works best with `<nile-icon>`.
- * @slot collapse-icon - The icon to show when the tree item is collapsed. Works best with `<nile-icon>`.
- *
- * @csspart base - The component's base wrapper.
- *
- * @cssproperty [--indent-size=var(--nile-spacing-medium)] - The size of the indentation for nested items.
- * @cssproperty [--indent-guide-color=var(--nile-color-neutral-200)] - The color of the indentation line.
- * @cssproperty [--indent-guide-offset=0] - The amount of vertical spacing to leave between the top and bottom of the
- *  indentation line's starting position.
- * @cssproperty [--indent-guide-style=solid] - The style of the indentation line, e.g. solid, dotted, dashed.
- * @cssproperty [--indent-guide-width=0] - The width of the indentation line.
- */
-export declare class NileTree extends NileElement {
-    static styles: CSSResultGroup;
-    defaultSlot: HTMLSlotElement;
-    expandedIconSlot: HTMLSlotElement;
-    collapsedIconSlot: HTMLSlotElement;
-    /**
-     * The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple
-     * displays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.
-     */
-    selection: 'single' | 'multiple' | 'leaf';
-    private lastFocusedItem;
-    private mutationObserver;
-    private clickTarget;
-    connectedCallback(): Promise<void>;
-    disconnectedCallback(): void;
-    private getExpandButtonIcon;
-    private initTreeItem;
-    private handleTreeChanged;
-    private syncTreeItems;
-    private selectItem;
-    private getAllTreeItems;
-    private focusItem;
-    private handleKeyDown;
-    private handleClick;
-    handleMouseDown(event: MouseEvent): void;
-    private handleFocusOut;
-    private handleFocusIn;
-    private handleSlotChange;
-    handleSelectionChange(): Promise<void>;
-    /** @internal Returns the list of tree items that are selected in the tree. */
-    get selectedItems(): NileTreeItem[];
-    /** @internal Gets focusable tree items in the tree. */
-    getFocusableItems(): NileTreeItem[];
-    render(): TemplateResult<1>;
-}
-export default NileTree;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-tree': NileTree;
-    }
-}

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

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

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

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