@aquera/nile-elements 0.1.38-beta-1.4 → 0.1.38

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

@@ -1,232 +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 '../nile-icon';
-import '../nile-popup/nile-popup';
-import '../nile-tag/nile-tag';
-import NileElement from '../internal/nile-element';
-import type { CSSResultGroup } from 'lit';
-import type { NileFormControl } from '../internal/nile-element';
-import type NileOption from '../nile-option/nile-option';
-import type NilePopup from '../nile-popup/nile-popup';
-/**
- * Nile icon component.
- *
- * @tag nile-select
- *
- */
-/**
- * @summary Selects allow you to choose items from a menu of predefined options.
- * @status stable
- * @since 2.0
- *
- * @dependency nile-icon
- * @dependency nile-popup
- * @dependency nile-tag
- *
- * @slot - The listbox options. Must be `<nile-option>` elements. You can use `<nile-divider>` to group items visually.
- * @slot label - The input's label. Alternatively, you can use the `label` attribute.
- * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.
- * @slot clear-icon - An icon to use in lieu of the default clear icon.
- * @slot expand-icon - The icon to show when the control is expanded and collapsed. Rotates on open and close.
- * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
- *
- * @event nile-change - Emitted when the control's value changes.
- * @event nile-clear - Emitted when the control's value is cleared.
- * @event nile-input - Emitted when the control receives input.
- * @event nile-focus - Emitted when the control gains focus.
- * @event nile-blur - Emitted when the control loses focus.
- * @event nile-show - Emitted when the select's menu opens.
- * @event nile-after-show - Emitted after the select's menu opens and all animations are complete.
- * @event nile-hide - Emitted when the select's menu closes.
- * @event nile-after-hide - Emitted after the select's menu closes and all animations are complete.
- * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @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 select's wrapper.
- * @csspart form-control-help-text - The help text's wrapper.
- * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.
- * @csspart prefix - The container that wraps the prefix slot.
- * @csspart display-input - The element that displays the selected option's label, an `<input>` element.
- * @csspart listbox - The listbox container where options are slotted.
- * @csspart tags - The container that houses option tags when `multiselect` is used.
- * @csspart tag - The individual tags that represent each multiselect option.
- * @csspart tag__base - The tag's base part.
- * @csspart tag__content - The tag's content part.
- * @csspart tag__remove-button - The tag's remove button.
- * @csspart tag__remove-button__base - The tag's remove button base part.
- * @csspart clear-button - The clear button.
- * @csspart expand-icon - The container that wraps the expand icon.
- */
-export declare class NileSelect extends NileElement implements NileFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    private readonly hasSlotController;
-    private typeToSelectString;
-    private typeToSelectTimeout;
-    popup: NilePopup;
-    combobox: HTMLSlotElement;
-    displayInput: HTMLInputElement;
-    valueInput: HTMLInputElement;
-    listbox: HTMLSlotElement;
-    private hasFocus;
-    displayLabel: string;
-    currentOption: NileOption;
-    selectedOptions: NileOption[];
-    oldValue: string | string[];
-    /** The name of the select, submitted as a name/value pair with form data. */
-    name: string;
-    /**
-     * The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the
-     * value will be a space-delimited list of values based on the options selected.
-     */
-    value: string | string[];
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultValue: string | string[];
-    /** The select's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Placeholder text to show as a hint when the select is empty. */
-    placeholder: string;
-    /** Placeholder text to show as a hint when the select is empty. */
-    searchValue: string;
-    searchEnabled: boolean;
-    internalSearchPlaceHolder: string;
-    blockValueChange: boolean;
-    disableLocalSearch: boolean;
-    optionsLoading: boolean;
-    noWidthSync: boolean;
-    /** Allows more than one option to be selected. */
-    multiple: boolean;
-    helpText: string;
-    errorMessage: string;
-    /** 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;
-    /**
-     * The maximum number of selected options to show when `multiple` is true. After the maximum, "+n" will be shown to
-     * indicate the number of additional items that are selected. Set to 0 to remove the limit.
-     */
-    maxOptionsVisible: number;
-    /** Disables the select control. */
-    disabled: boolean;
-    /** Adds a clear button when the select is not empty. */
-    clearable: boolean;
-    /**
-     * Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can
-     * use the `show()` and `hide()` methods and this attribute will reflect the select's open state.
-     */
-    open: boolean;
-    /**
-     * Enable this option to prevent the listbox 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;
-    /** Draws a filled select. */
-    filled: boolean;
-    /** Draws a pill-style select with rounded edges. */
-    pill: boolean;
-    /** The select's label. If you need to display HTML, use the `label` slot instead. */
-    label: string;
-    /**
-     * The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox
-     * inside of the viewport.
-     */
-    placement: 'top' | 'bottom';
-    /**
-     * 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;
-    /** The select's required attribute. */
-    required: boolean;
-    showSelected: boolean;
-    oldMaxOptionsVisible: number;
-    showNoResults: boolean;
-    noResultsMessage: string;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private addOpenListeners;
-    private removeOpenListeners;
-    private handleFocus;
-    private handleBlur;
-    private handleDocumentFocusIn;
-    /**
-     * Handles the click event on the footer.
-     * @param event - The click event.
-     */
-    private handleFooterClick;
-    /**
-     * Toggles the display of selected options in the dropdown
-     * @param event - the event object
-     */
-    private toggleShowSelected;
-    /**
-     * Deselects all options and updates the value, selectedOptions, and displayLabel properties accordingly
-     */
-    private unSlectAll;
-    private handleDocumentKeyDown;
-    private handleDocumentMouseDown;
-    private handleLabelClick;
-    private handleComboboxMouseDown;
-    private handleComboboxKeyDown;
-    private handleClearClick;
-    private handleClearMouseDown;
-    private handleOptionClick;
-    private handleDefaultSlotChange;
-    private handleTagRemove;
-    private getAllOptions;
-    private getOptionPrefix;
-    private getFirstOption;
-    private setCurrentOption;
-    private setSelectedOptions;
-    private toggleOptionSelection;
-    private selectionChanged;
-    handleSearchFocus(): void;
-    handleSearchBlur(): void;
-    handleSearchChange(e: any): void;
-    filterOptions(searchValue: string): NileOption[];
-    private handleInvalid;
-    handleDisabledChange(): void;
-    handleValueChange(): void;
-    handleOpenChange(): Promise<void>;
-    /** Shows the listbox. */
-    show(): Promise<void>;
-    /** Hides the listbox. */
-    hide(): Promise<void>;
-    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-    checkValidity(): boolean;
-    /** Gets the associated form, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity(): boolean;
-    /** Sets a custom validation message. Pass an empty string to restore validity. */
-    setCustomValidity(message: string): void;
-    /** Sets focus on the control. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the control. */
-    blur(): void;
-    onInputChange(event: Event): void;
-    calculateWidthOfSelectTagsDiv(): number | undefined;
-    calculateTotalWidthOfTags(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    nileInput(value: any): void;
-    nileChange(value: any): void;
-}
-export default NileSelect;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-select': NileSelect;
-    }
-}

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

@@ -1,6 +0,0 @@
-import './nile-select';
-import '../nile-option/nile-option';
-import '../nile-input/nile-input';
-import '../nile-popup/nile-popup';
-import '../nile-tag/nile-tag';
-import '../nile-checkbox/nile-checkbox';

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

@@ -1,28 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * An nile-sidebar element.
- *
- * @fires count-changed - Indicates when the count changes
- * @slot - This element has a slot
- * @csspart button - The button
- */
-export declare class NileSidebar extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Button Lab
-     */
-    title: string;
-    /**
-     * Hide Sidebar
-     */
-    showSidebar: boolean;
-    get buttonClassMap(): {
-        'nds-menu--active': boolean;
-    };
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-sidebar': NileSidebar;
-    }
-}

package/dist/types/src/nile-sidebar-menu/index.d.ts

@@ -1 +0,0 @@
-export { NileSidebarMenu } from './nile-sidebar-menu';

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

package/dist/types/src/nile-sidebar-menu/nile-sidebar-menu.d.ts

@@ -1,37 +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 sidebar-menu component.
- *
- * @tag nile-sidebar-menu
- *
- */
-export declare class NileSidebarMenu extends NileElement {
-    /**
-     * The styles for nile-sidebar-menu
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    sidemenucollapsed: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    handleSidebarMenuCollapsed(): void;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render(): TemplateResult;
-}
-export default NileSidebarMenu;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-sidebar-menu': NileSidebarMenu;
-    }
-}

package/dist/types/src/nile-sidebar-menu-items/index.d.ts

@@ -1 +0,0 @@
-export { NileSidebarMenuItems } from './nile-sidebar-menu-items';

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

package/dist/types/src/nile-sidebar-menu-items/nile-sidebar-menu-items.d.ts

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

package/dist/types/src/nile-sidebar-wrapper/index.d.ts

@@ -1 +0,0 @@
-export { NileSidebarWrapper } from './nile-sidebar-wrapper';

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

package/dist/types/src/nile-sidebar-wrapper/nile-sidebar-wrapper.d.ts

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

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

@@ -1 +0,0 @@
-export { NileSlideToggle } from './nile-slide-toggle';

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

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

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

@@ -1,17 +0,0 @@
-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/types/src/nile-slide-toggle/nile-slide-toggle.test.d.ts

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

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

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

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

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

@@ -1,31 +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 { 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/types/src/nile-split-panel/index.d.ts

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

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

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

@@ -1,78 +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 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/types/src/nile-stepper/index.d.ts

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

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

package/dist/types/src/nile-stepper/nile-stepper.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, 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;
-    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/types/src/nile-stepper-item/index.d.ts

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