tinkiet 0.9.12 → 0.10.0

package/umd/tinkiet.min.d.ts

@@ -1,660 +0,0 @@
-import { LitElement, CSSResultGroup, PropertyValueMap, TemplateResult } from "lit";
-declare const colors: readonly [
-    "primary-lighter",
-    "primary-light",
-    "primary",
-    "primary-dark",
-    "primary-darker",
-    "on-primary-lighter",
-    "on-primary-light",
-    "on-primary",
-    "on-primary-dark",
-    "on-primary-darker",
-    "accent-lighter",
-    "accent-light",
-    "accent",
-    "accent-dark",
-    "accent-darker",
-    "on-accent-lighter",
-    "on-accent-light",
-    "on-accent",
-    "on-accent-dark",
-    "on-accent-darker",
-    "error-lighter",
-    "error-light",
-    "error",
-    "error-dark",
-    "error-darker",
-    "on-error-lighter",
-    "on-error-light",
-    "on-error",
-    "on-error-dark",
-    "on-error-darker",
-    "shade-lighter",
-    "shade-light",
-    "shade",
-    "shade-dark",
-    "shade-darker",
-    "on-shade-lighter",
-    "on-shade-light",
-    "on-shade",
-    "on-shade-dark",
-    "on-shade-darker"
-];
-type Color = typeof colors;
-/**
- * A container that lays out its contents in one direction
- *
- * @attr {"none" | "small" | "medium" | "large" | "xlarge" | "circle" | "pill" } radius - border radius
- * @attr {"around" | "between" | "center" | "end" | "start" | "stretch"} align-content - How to align the contents when there is extra space in the cross axis.
- * @attr [align-content="stretch"]
- * @attr {"baseline" | "center" | "end" | "start" | "stretch"} align-items - How to align the contents along the cross axis.
- * @attr {"center" | "end" | "start" | "stretch"} align-self - How to align along the cross axis when contained in a Box or along the column axis when contained in a Grid.
- * @attr {"row" | "column"} direction - The orientation to layout the child components in.
- * @attr [direction="column"]
- * @attr {1|2|3} elevation - Elevated height above the underlying context, indicated via a drop shadow.
- * @attr {"horizontal" | "vertical" | "true" | "false"} fill - Whether the width and/or height should fill the container.
- * @attr {"grow" | "shrink" | "true" | "false"} flex - flex-grow and/or flex-shrink
- * @attr {"xsmall" | "small" | "medium" | "large" | "xlarge"} gap - The amount of spacing between child elements. This should not be used in conjunction with 'wrap' as the gap elements will not wrap gracefully. If a child is a Fragment, Box will not add a gap between the children of the Fragment.
- * @attr {"around" | "between" | "center" | "end" | "evenly" | "start" | "stretch"} justify - How to align the contents along the main axis.
- * @attr [justify="stretch"]
- * @attr {"xsmall" | "small" | "medium" | "large" | "xlarge"} margin - The amount of margin around the component. An object can be specified to distinguish horizontal margin, vertical margin, and margin on a particular side.
- * @attr {"xsmall" | "small" | "medium" | "large" | "xlarge"} vmargin - The amount of vertical margin around the component. An object can be specified to distinguish horizontal margin, vertical margin, and margin on a particular side.
- * @attr {"xsmall" | "small" | "medium" | "large" | "xlarge"} hmargin - The amount of horizontal margin around the component. An object can be specified to distinguish horizontal margin, vertical margin, and margin on a particular side.
- * @attr {"xsmall" | "small" | "medium" | "large" | "xlarge"} padding - The amount of padding around the box contents. An object can be specified to distinguish horizontal padding, vertical padding, and padding on a particular side of the box.
- * @attr {"xsmall" | "small" | "medium" | "large" | "xlarge"} vpadding - The amount of vertical padding around the box contents. An object can be specified to distinguish horizontal padding, vertical padding, and padding on a particular side of the box.
- * @attr {"xsmall" | "small" | "medium" | "large" | "xlarge"} hpadding - The amount of horizontal padding around the box contents. An object can be specified to distinguish horizontal padding, vertical padding, and padding on a particular side of the box.
- * @attr {"center" | "justify" | "left" | "right"} text - Text align
- * @attr {"xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge"} width - A fixed width.
- * @attr {"xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge"} height - A fixed height.
- * @attr {"auto" | "hidden" | "scroll" | "visible"} overflow - box overflow.
- * @attr { "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "lighter" | "bold" | "bolder"} weight - Font weight.
- * @attr {"true" | "false" | "reverse"} wrap - Whether children can wrap if they can't all fit.
- * @attr [wrap="false"]
- */
-declare class TkBox extends LitElement {
-    static get styles(): import("lit").CSSResult[];
-    /**
-     * Activate ripple
-     */
-    ripple: boolean;
-    /**
-     * Set background color.
-     */
-    background: Color | string;
-    /**
-     * Set color.
-     */
-    color: Color | "foreground" | "background" | string;
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(props: any): void;
-    private showRipple;
-    private hideRipple;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-box": TkBox;
-    }
-}
-declare class TkFocusableBox extends TkBox {
-    /**
-     * Element random id
-     */
-    protected _id: string;
-    /**
-     * disabled atribute
-     */
-    disabled: boolean;
-    updated(props: any): void;
-}
-declare class TkAccordion extends TkFocusableBox {
-    static get styles(): import("lit").CSSResult[];
-    name: string;
-    checked: boolean;
-    rippleHeader: boolean;
-    protected $input: HTMLInputElement;
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): void;
-    protected onKeyDown(e: KeyboardEvent): void;
-    protected handleClick(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-accordion": TkAccordion;
-    }
-}
-/**
- * A badge WebComponent
- * @cssprop --tk-badge-color - Color of widget default to --primary
- * @cssprop --tk-badge-text-color - Text color of widget to --on-primary
- */
-declare class TkBadge extends LitElement {
-    static get styles(): import("lit").CSSResult;
-    label: string;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-badge": TkBadge;
-    }
-}
-/**
- * A button web component
- *
- * @cssprop --tk-badge-color - Color of widget
- * @cssprop [--tk-badge-color=--primary]
- * @cssprop --tk-badge-text-color - Text color of widget to --on-primary-color
- *
- * @attr {Boolean} accent - accent colors
- * @attr {Boolean} disabled - Disable this element
- * @attr {Boolean} inverted - color and text-color are inverted
- * @attr {Boolean} outlined - outlined
- * @attr {Boolean} pill - rounded corner
- * @attr {Boolean} ripple - display ripple when active
- * @attr {Boolean} small - mini button
- */
-declare class TkButton extends TkBox {
-    static get styles(): import("lit").CSSResult[];
-    private _id;
-    href: string | null;
-    target: "_blank" | "_parent" | "_self" | "_top";
-    type: "submit" | "reset" | "button";
-    disabled: boolean;
-    fab: boolean;
-    iconPath: string;
-    ripple: boolean;
-    protected $ahref: HTMLAnchorElement;
-    protected $button: HTMLButtonElement;
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(props: any): void;
-    protected onKeyDown(e: KeyboardEvent): void;
-    firstUpdated(): void;
-    protected handleClick(e: Event): void;
-    slotChanged(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-button": TkButton;
-    }
-}
-declare class TkCheckbox extends LitElement {
-    static styles: import("lit").CSSResult;
-    private _id;
-    name: string;
-    value: string;
-    checked: boolean;
-    disabled: boolean;
-    private $input;
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    protected onKeyDown(e: KeyboardEvent): void;
-    protected handleClick(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-checkbox": TkCheckbox;
-    }
-}
-declare class TkChip extends LitElement {
-    static styles: import("lit").CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-chip": TkChip;
-    }
-}
-declare class TkDialog extends LitElement {
-    static styles: CSSResultGroup;
-    modal: boolean;
-    open: boolean;
-    blurOverlay: boolean;
-    private resolve;
-    render(): import("lit-html").TemplateResult<1>;
-    protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    show(): Promise<string | boolean | null>;
-    hide(value?: boolean | string | null): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-dialog": TkDialog;
-    }
-}
-declare class TkDrawer extends LitElement {
-    static styles: import("lit").CSSResult;
-    _open: boolean;
-    set open(value: boolean);
-    get open(): boolean;
-    over: boolean;
-    openQuery: string;
-    overQuery: string;
-    right: boolean;
-    swipeable: boolean;
-    private $drawer;
-    private mql;
-    render(): import("lit-html").TemplateResult<1>;
-    updated(props: any): void;
-    protected overMediaQuery(): void;
-    private overMediaQueryListener;
-    hideIfOver(): void;
-    show(): void;
-    hide(): void;
-    toggle(): void;
-    swipeX: number;
-    swipeY: number;
-    isHorizontalSwipe: boolean;
-    touchStart(event: TouchEvent): void;
-    touchMove(event: TouchEvent): void;
-    touchEnd(event: TouchEvent): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-drawer": TkDrawer;
-    }
-}
-declare class TkForm extends LitElement {
-    value: any;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    submit(e: Event): void;
-    getFormDataAsObject(): any;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-form": TkForm;
-    }
-}
-declare class TkIcon extends TkBox {
-    static get styles(): import("lit").CSSResult[];
-    name: string;
-    library: string;
-    path: string;
-    private svg;
-    render(): import("lit-html").TemplateResult<1>;
-    updated(props: any): void;
-    loadIcon(): Promise<void>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-icon": TkIcon;
-    }
-}
-declare class TkIcons extends LitElement {
-    resolve: Function;
-    library: string;
-    firstUpdated(): void;
-}
-declare class TkListItem extends TkBox {
-    static get styles(): import("lit").CSSResult[];
-    href: string;
-    target: string;
-    ariaLabel: string;
-    protected $ahref: HTMLAnchorElement;
-    render(): import("lit-html").TemplateResult<1>;
-    constructor();
-    firstUpdated(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected onKeyDown(e: KeyboardEvent): void;
-    protected handleClick(e: Event): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-list-item": TkListItem;
-    }
-}
-declare class TkLoading extends TkBox {
-    static get styles(): import("lit").CSSResult[];
-    circle: boolean;
-    indeterminate: boolean;
-    percent: number;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-loading": TkLoading;
-    }
-}
-declare class TkNavigationBar extends LitElement {
-    static styles: import("lit").CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-navigation-bar": TkNavigationBar;
-    }
-}
-declare class TkNavigationItem extends LitElement {
-    static styles: import("lit").CSSResult;
-    label: string;
-    iconPath: string;
-    activeIconPath: string;
-    active: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-navigation-item": TkNavigationItem;
-    }
-}
-declare class TkTopbar extends TkBox {
-    static get styles(): import("lit").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-topbar": TkTopbar;
-    }
-}
-interface NotieOptions {
-    background?: string;
-    level?: NotieLevel;
-    color?: string;
-    text?: string;
-    delay?: number;
-    zIndex?: number;
-    template?: TemplateResult;
-    container?: HTMLElement;
-    position?: "bottom" | "top";
-}
-interface NotieForceOptions extends NotieOptions {
-    buttonText?: string;
-}
-interface NotieConfirmOptions extends NotieOptions {
-    confirmText?: string;
-    cancelText?: string;
-}
-interface NotieInputOptions extends NotieConfirmOptions {
-    password?: boolean;
-    inputType?: string;
-}
-declare enum NotieType {
-    show = "show",
-    force = "force",
-    confirm = "confirm",
-    input = "input"
-}
-declare enum NotieLevel {
-    success = "success",
-    warning = "warning",
-    error = "error",
-    info = "info",
-    neutral = "neutral"
-}
-declare class TkNotie extends TkBox {
-    static get styles(): import("lit").CSSResult[];
-    persistent: boolean;
-    open: boolean;
-    position: NotieOptions["position"];
-    type: NotieType;
-    level: NotieLevel;
-    delay: number;
-    animationDelay: number;
-    text: string;
-    inputType: string;
-    buttonText: string;
-    confirmText: string;
-    cancelText: string;
-    template: TemplateResult;
-    private $input;
-    private $container;
-    private resolve;
-    render(): TemplateResult<1>;
-    show(): Promise<string | boolean | null>;
-    hide(value: boolean | string | null): void;
-    constructor(text?: string);
-    static show(options: NotieOptions): Promise<boolean | string | null>;
-    static force(options: NotieForceOptions): Promise<boolean | string | null>;
-    static confirm(options: NotieConfirmOptions): Promise<boolean | string | null>;
-    static input(options: NotieInputOptions): Promise<boolean | string | null>;
-    private static getNotie;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-notie": TkNotie;
-    }
-}
-declare class TkPages extends LitElement {
-    static styles: import("lit").CSSResult;
-    private _page;
-    set page(val: string);
-    get page(): string;
-    selected: string;
-    handleScroll: boolean;
-    private scrollHistory;
-    render(): import("lit-html").TemplateResult<1>;
-    updated(props: any): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-pages": TkPages;
-    }
-}
-declare class TkRadio extends LitElement {
-    static styles: import("lit").CSSResult;
-    private _id;
-    name: string;
-    checked: boolean;
-    required: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    value: string;
-    private $input;
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    protected onKeyDown(e: KeyboardEvent): void;
-    protected handleClick(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-radio": TkRadio;
-    }
-}
-declare class TkSelect extends LitElement {
-    static styles: import("lit").CSSResult;
-    private _id;
-    set value(value: string);
-    get value(): string;
-    name: string;
-    list: string;
-    type: "email" | "number" | "password" | "text" | "search";
-    required: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    autocomplete: "on" | "off";
-    pattern: string;
-    initialValue: string;
-    label: string;
-    min: number;
-    max: number;
-    minLength: number;
-    maxLength: number;
-    private $select;
-    render(): import("lit-html").TemplateResult<1>;
-    private handleChange;
-    firstUpdated(): void;
-    private refreshAttributes;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-select": TkSelect;
-    }
-}
-declare class TkSlider extends LitElement {
-    static styles: import("lit").CSSResult;
-    private _id;
-    name: string;
-    list: string;
-    required: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    autocomplete: "on" | "off";
-    thumbLabel: boolean;
-    thumbLabelPersist: boolean;
-    label: string;
-    min: number;
-    value: number;
-    max: number;
-    step: number;
-    private $slider;
-    private $input;
-    render(): import("lit-html").TemplateResult<1>;
-    private handleChange;
-    firstUpdated(): void;
-    updated(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-slider": TkSlider;
-    }
-}
-declare class TkSwitch extends LitElement {
-    static styles: import("lit").CSSResult;
-    private _id;
-    name: string;
-    checked: boolean;
-    required: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    value: string;
-    private $input;
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    protected onKeyDown(e: KeyboardEvent): void;
-    protected handleClick(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-switch": TkSwitch;
-    }
-}
-declare class TkTabGroup extends LitElement {
-    static styles: import("lit").CSSResult;
-    secondary: boolean;
-    observe: string;
-    selected: string;
-    private $underline;
-    private $circle;
-    render(): import("lit-html").TemplateResult<1>;
-    constructor();
-    firstUpdated(): void;
-    updated(props: any): void;
-    protected clickOnTab(tab: HTMLElement): void;
-    protected updateUnderline(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-tab-group": TkTabGroup;
-    }
-}
-declare class TkTextarea extends LitElement {
-    static styles: import("lit").CSSResult;
-    private _id;
-    set value(value: string);
-    get value(): string;
-    name: string;
-    list: string;
-    type: "email" | "number" | "password" | "text";
-    required: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    autocomplete: "on" | "off";
-    autocapitalize: "off" | "none" | "on" | "sentences" | "words" | "characters";
-    pattern: string;
-    initialValue: string;
-    label: string;
-    minLength: number;
-    maxLength: number;
-    rows: number;
-    private $input;
-    render(): import("lit-html").TemplateResult<1>;
-    private handleChange;
-    firstUpdated(): void;
-    private refreshAttributes;
-    focus(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-textarea": TkTextarea;
-    }
-}
-declare class TkTextfield extends LitElement {
-    static styles: import("lit").CSSResult;
-    private _id;
-    set value(value: string);
-    get value(): string;
-    name: string;
-    list: string;
-    type: "email" | "number" | "password" | "text" | "search";
-    required: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    autocomplete: "on" | "off";
-    autocapitalize: "off" | "none" | "on" | "sentences" | "words" | "characters";
-    pattern: string;
-    initialValue: string;
-    label: string;
-    min: number;
-    max: number;
-    minLength: number;
-    maxLength: number;
-    private $input;
-    render(): import("lit-html").TemplateResult<1>;
-    private handleChange;
-    firstUpdated(): void;
-    private refreshAttributes;
-    focus(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-textfield": TkTextfield;
-    }
-}
-declare class TkTheme extends LitElement {
-    static styles: import("lit").CSSResult;
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    error: string;
-    neutral: string;
-    neutralVariant: string;
-    forceBody: boolean;
-    inverted: boolean;
-    private primary_hsl;
-    private secondary_hsl;
-    private tertiary_hsl;
-    private error_hsl;
-    private neutral_hsl;
-    private neutral_variant_hsl;
-    render(): import("lit-html").TemplateResult<1>;
-    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    private hexToHSL;
-    private setThemeColor;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-theme": TkTheme;
-    }
-}
-declare class TkTooltip extends LitElement {
-    static styles: import("lit").CSSResult;
-    position: "bottom" | "top" | "right" | "left";
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-tooltip": TkTooltip;
-    }
-}
-export { TkAccordion, TkBadge, TkBox, TkButton, TkCheckbox, TkChip, TkDialog, TkDrawer, TkForm, TkIcon, TkIcons, TkListItem, TkLoading, TkNavigationBar, TkNavigationItem, TkTopbar, NotieOptions, NotieForceOptions, NotieConfirmOptions, NotieInputOptions, NotieLevel, TkNotie, TkPages, TkRadio, TkSelect, TkSlider, TkSwitch, TkTabGroup, TkTextarea, TkTextfield, TkTheme, TkTooltip };
-//# sourceMappingURL=tinkiet.min.d.ts.map

package/umd/tinkiet.min.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tinkiet.min.d.ts","sourceRoot":"","sources":["../../tinkiet/index.ts","../../tinkiet/box/box.ts","../../tinkiet/box/index.ts","../../tinkiet/utils/unique.ts","../../tinkiet/box/focusable-box.ts","../../tinkiet/accordion/accordion.ts","../../tinkiet/accordion/index.ts","../../tinkiet/badge/badge.ts","../../tinkiet/badge/index.ts","../../tinkiet/button/button.ts","../../tinkiet/button/index.ts","../../tinkiet/checkbox/checkbox.ts","../../tinkiet/checkbox/index.ts","../../tinkiet/chip/chip.ts","../../tinkiet/chip/index.ts","../../tinkiet/dialog/dialog.ts","../../tinkiet/dialog/index.ts","../../tinkiet/drawer/drawer.ts","../../tinkiet/drawer/index.ts","../../tinkiet/form/form.ts","../../tinkiet/form/index.ts","../../tinkiet/icon/icons.ts","../../tinkiet/icon/icon.ts","../../tinkiet/icon/index.ts","../../tinkiet/list-item/list-item.ts","../../tinkiet/list-item/index.ts","../../tinkiet/loading/loading.ts","../../tinkiet/loading/index.ts","../../tinkiet/navigation/navigation-bar.ts","../../tinkiet/navigation/navigation-item.ts","../../tinkiet/navigation/index.ts","../../tinkiet/topbar/topbar.ts","../../tinkiet/topbar/index.ts","../../tinkiet/textfield/textfield.ts","../../tinkiet/textfield/index.ts","../../tinkiet/notie/notie.ts","../../tinkiet/notie/index.ts","../../tinkiet/pages/pages.ts","../../tinkiet/pages/index.ts","../../tinkiet/radio/radio.ts","../../tinkiet/radio/index.ts","../../tinkiet/select/select.ts","../../tinkiet/select/index.ts","../../tinkiet/slider/slider.ts","../../tinkiet/slider/index.ts","../../tinkiet/switch/switch.ts","../../tinkiet/switch/index.ts","../../tinkiet/tab-group/tab-group.ts","../../tinkiet/tab-group/index.ts","../../tinkiet/textarea/textarea.ts","../../tinkiet/textarea/index.ts","../../tinkiet/theme/theme.ts","../../tinkiet/theme/index.ts","../../tinkiet/tooltip/tooltip.ts","../../tinkiet/tooltip/index.ts"],"names":[],"mappings":""}

package/utils/unique.js

@@ -1,12 +0,0 @@
-/**
- * Returns a unique ID.
- * @param {number} length
- * @returns {string}
- */
-function uniqueID(length = 10) {
-    return `_${Math.random()
-        .toString(36)
-        .substr(2, length)}`;
-}
-
-export { uniqueID };