@blueprintui/cli 0.0.11 → 0.0.12

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/events.js

@@ -1,78 +0,0 @@
-export function stopEvent(event) {
-    event?.preventDefault();
-    event?.stopPropagation();
-}
-export function onKeys(events, event, fn) {
-    if (events.find(e => e === event.code)) {
-        fn();
-    }
-}
-export const getElementUpdates = (element, propertyKey, fn) => {
-    if (element.hasAttribute(propertyKey)) {
-        fn(element.getAttribute(propertyKey));
-    }
-    else if (element[propertyKey] !== undefined) {
-        fn(element[propertyKey]);
-    }
-    const updatedProp = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), propertyKey);
-    if (updatedProp) {
-        try {
-            Object.defineProperty(element, propertyKey, {
-                get: updatedProp.get,
-                set: val => {
-                    fn(val);
-                    updatedProp.set.call(element, val);
-                },
-            });
-        }
-        catch {
-            return null;
-        }
-    }
-    return listenForAttributeChange(element, propertyKey, val => fn(val));
-};
-export function listenForAttributeChange(element, attrName, fn) {
-    const observer = new MutationObserver(mutations => {
-        if (mutations.find(m => m.attributeName === attrName)) {
-            fn(element.getAttribute(attrName));
-        }
-    });
-    observer.observe(element, { attributes: true });
-    return observer;
-}
-export function onChildListMutation(element, fn) {
-    const observer = new MutationObserver(mutations => {
-        for (const mutation of mutations) {
-            if (mutation.type === 'childList') {
-                fn(mutation);
-            }
-        }
-    });
-    observer.observe(element, { childList: true });
-    return observer;
-}
-export function listenForAttributeListChange(element, attrNames, fn) {
-    const observer = new MutationObserver(mutations => {
-        const mutation = mutations.find(m => attrNames.find(i => m.attributeName === i));
-        if (mutation) {
-            fn(mutation);
-        }
-    });
-    observer.observe(element, { attributes: true, attributeFilter: attrNames, subtree: true });
-    return observer;
-}
-export function onFirstInteraction(element) {
-    return new Promise(resolve => {
-        const update = () => {
-            resolve(null);
-            element.__bpTouched = true;
-        };
-        if (element.__bpTouched) {
-            resolve(null);
-        }
-        element.addEventListener('touchstart', update, { once: true, passive: true }); // prevent SRs like NVDA from anouncing "clickable" https://github.com/nvaccess/nvda/issues/5830
-        element.addEventListener('mouseover', update, { once: true, passive: true });
-        element.addEventListener('keydown', update, { once: true, passive: true });
-        element.addEventListener('focus', update, { once: true, passive: true });
-    });
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/focus.d.ts

@@ -1,9 +0,0 @@
-export declare function focusable(element: Element): boolean;
-/** focus primitives, any interactive element does not requiring advanced keyboard interactions like arrow/navigation */
-export declare function simpleFocusable(element: Element): boolean;
-export declare function getActiveElement(root?: Document | ShadowRoot): Element | null;
-export declare function focusElement(element: HTMLElement): void;
-export declare function onFocusOut(element: HTMLElement, fn: () => void): void;
-export declare function onEscape(element: HTMLElement, fn: () => void): void;
-export declare function setActiveKeyListItem(items: NodeListOf<HTMLElement> | HTMLElement[], item: HTMLElement): void;
-export declare function initializeKeyListItems(items: NodeListOf<HTMLElement> | HTMLElement[]): void;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/focus.js

@@ -1,71 +0,0 @@
-import { stopEvent } from './events.js';
-export function focusable(element) {
-    return element.matches([
-        'a[href]',
-        'area[href]',
-        'input:not([disabled])',
-        'button:not([disabled])',
-        'select:not([disabled])',
-        'textarea:not([disabled])',
-        'iframe',
-        'object',
-        'embed',
-        '*[tabindex]',
-        '*[contenteditable=true]',
-        '[role=button]:not([disabled])',
-    ].join(','));
-}
-/** focus primitives, any interactive element does not requiring advanced keyboard interactions like arrow/navigation */
-export function simpleFocusable(element) {
-    return element.matches([
-        'a[href]',
-        'button:not([disabled])',
-        'input[type=checkbox]',
-        'input[type=radio]',
-        'object',
-        'embed',
-        '*[tabindex]',
-        '[role=button]:not([disabled])',
-    ].join(','));
-}
-export function getActiveElement(root = document) {
-    if (root.activeElement && root.activeElement.shadowRoot) {
-        return getActiveElement(root.activeElement.shadowRoot) ?? root.activeElement;
-    }
-    else {
-        return root.activeElement;
-    }
-}
-export function focusElement(element) {
-    if (element && !focusable(element)) {
-        element.setAttribute('tabindex', '-1');
-        element.focus();
-        element.addEventListener('blur', () => element.removeAttribute('tabindex'), { once: true });
-    }
-    else {
-        element?.focus();
-    }
-}
-export function onFocusOut(element, fn) {
-    element.addEventListener('focusout', (event) => {
-        if (!element.contains(event.relatedTarget) && document.hasFocus()) {
-            fn();
-        }
-    });
-}
-export function onEscape(element, fn) {
-    element.addEventListener('keyup', (e) => {
-        if (e.code === 'Escape') {
-            stopEvent(e);
-            fn();
-        }
-    });
-}
-export function setActiveKeyListItem(items, item) {
-    items.forEach(i => (i.tabIndex = -1));
-    item.tabIndex = 0;
-}
-export function initializeKeyListItems(items) {
-    items.forEach(i => (i.tabIndex = -1));
-    items[0].tabIndex = 0;
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/i18n.d.ts

@@ -1,2 +0,0 @@
-export declare function matchInterpolate(template: string, obj?: any): string;
-export declare function getElementLanguageDirection(element: HTMLElement): string;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/i18n.js

@@ -1,7 +0,0 @@
-import { getFromObjectPath } from './string.js';
-export function matchInterpolate(template, obj = {}) {
-    return template.replace(/\$\{.+?\}/g, match => getFromObjectPath(match.substring(2, match.length - 1).trim(), obj));
-}
-export function getElementLanguageDirection(element) {
-    return getComputedStyle(element).getPropertyValue('direction').trim();
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/keynav.d.ts

@@ -1,11 +0,0 @@
-export declare function validKeyNavigationCode(e: KeyboardEvent): boolean;
-export declare enum KeyNavigationCode {
-    ArrowUp = "ArrowUp",
-    ArrowDown = "ArrowDown",
-    ArrowLeft = "ArrowLeft",
-    ArrowRight = "ArrowRight",
-    End = "End",
-    Home = "Home",
-    PageUp = "PageUp",
-    PageDown = "PageDown"
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/keynav.js

@@ -1,21 +0,0 @@
-export function validKeyNavigationCode(e) {
-    return (e.code === KeyNavigationCode.ArrowUp ||
-        e.code === KeyNavigationCode.ArrowDown ||
-        e.code === KeyNavigationCode.ArrowLeft ||
-        e.code === KeyNavigationCode.ArrowRight ||
-        e.code === KeyNavigationCode.End ||
-        e.code === KeyNavigationCode.Home ||
-        e.code === KeyNavigationCode.PageUp ||
-        e.code === KeyNavigationCode.PageDown);
-}
-export var KeyNavigationCode;
-(function (KeyNavigationCode) {
-    KeyNavigationCode["ArrowUp"] = "ArrowUp";
-    KeyNavigationCode["ArrowDown"] = "ArrowDown";
-    KeyNavigationCode["ArrowLeft"] = "ArrowLeft";
-    KeyNavigationCode["ArrowRight"] = "ArrowRight";
-    KeyNavigationCode["End"] = "End";
-    KeyNavigationCode["Home"] = "Home";
-    KeyNavigationCode["PageUp"] = "PageUp";
-    KeyNavigationCode["PageDown"] = "PageDown";
-})(KeyNavigationCode || (KeyNavigationCode = {}));

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/lit.d.ts

@@ -1,14 +0,0 @@
-import { LitElement } from 'lit';
-export declare function childrenUpdateComplete(elements: LitElement[] | NodeListOf<LitElement>): Promise<boolean[]>;
-export declare function syncProps(target: {
-    [prop: string]: any;
-}, source: {
-    [prop: string]: any;
-}, conditions: {
-    [prop: string]: boolean;
-}): void;
-export declare function syncUpdatedProps(source: {
-    [prop: string]: any;
-}, values: {
-    [prop: string]: any;
-}): void;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/lit.js

@@ -1,14 +0,0 @@
-export function childrenUpdateComplete(elements) {
-    return Promise.all(Array.from(elements).map(e => e.updateComplete));
-}
-export function syncProps(target, source, conditions) {
-    Object.keys(conditions).filter(c => conditions[c]).forEach(c => (target[c] = source[c]));
-}
-export function syncUpdatedProps(source, values) {
-    Object.keys(values)
-        .filter(k => values[k] !== undefined)
-        .filter(k => values[k] !== source[k])
-        .forEach((key) => {
-        source[key] = values[key];
-    });
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/responsive.d.ts

@@ -1,17 +0,0 @@
-import { LitElement } from 'lit';
-export declare function elementVisible(element: HTMLElement, fn: () => void): IntersectionObserver;
-export declare function elementResize(element: HTMLElement, fn: () => void, async?: boolean): ResizeObserver;
-export declare type ResponsiveComponent = LitElement & {
-    layout: string;
-    responsive: boolean;
-    layoutStable: boolean;
-};
-export interface LayoutConfig {
-    layouts: string[];
-    initialLayout: string;
-}
-/**
- * This function loops through a list of layout options and changes the layout
- * of ResponsiveComponent until the component layout condition is met.
- */
-export declare function calculateOptimalLayout(component: ResponsiveComponent, layoutConfig: LayoutConfig): Promise<boolean>;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/responsive.js

@@ -1,46 +0,0 @@
-export function elementVisible(element, fn) {
-    const observer = new IntersectionObserver(entries => {
-        if (entries[0].isIntersecting === true) {
-            fn();
-        }
-    }, { threshold: [0] });
-    observer.observe(element);
-    return observer;
-}
-export function elementResize(element, fn, async = true) {
-    const observer = new ResizeObserver(() => {
-        if (async) {
-            window.requestAnimationFrame(() => fn()); // prevents "ResizeObserver loop limit exceeded" error
-        }
-        else {
-            fn();
-        }
-    });
-    observer.observe(element);
-    return observer;
-}
-/**
- * This function loops through a list of layout options and changes the layout
- * of ResponsiveComponent until the component layout condition is met.
- */
-export function calculateOptimalLayout(component, layoutConfig) {
-    return component.updateComplete.then(() => {
-        const currentLayout = component.layout;
-        component.layout = layoutConfig.layouts[0];
-        return component.responsive ? layoutConfig.layouts
-            .reduce((prev, next) => prev.then(() => {
-            if (component.layout === layoutConfig.initialLayout) {
-                return next;
-            }
-            else {
-                const prev = component.layout;
-                component.layout = next;
-                return component.updateComplete.then(() => {
-                    component.layout = component.layoutStable ? component.layout : prev;
-                    return next;
-                });
-            }
-        }), Promise.resolve(layoutConfig.layouts[0]))
-            .then(() => currentLayout !== component.layout) : true;
-    });
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/string.d.ts

@@ -1,4 +0,0 @@
-export declare function camelCaseToKebabCase(value: string): string;
-export declare function isNumericString(val: string): boolean;
-export declare function createId(prefix?: string): string;
-export declare function getFromObjectPath(path: string, dataObj: any, fallback?: string): any;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/string.js

@@ -1,25 +0,0 @@
-export function camelCaseToKebabCase(value) {
-    return value.replace(/[A-Z]/g, l => `-${l.toLowerCase()}`);
-}
-export function isNumericString(val) {
-    return (typeof val === 'string') && (val.trim() !== '') && +val === +val;
-}
-export function createId(prefix = '_') {
-    return `${prefix}${Math.random().toString(36).substring(2, 9)}`;
-}
-export function getFromObjectPath(path, dataObj, fallback = `$\{${path}}`) {
-    return path.split('.').reduce((res, key) => {
-        try {
-            const value = res[key];
-            if (value === null || value === false || value === '' || value === 0) {
-                return value;
-            }
-            else {
-                return value || fallback;
-            }
-        }
-        catch {
-            return fallback;
-        }
-    }, dataObj);
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/time.d.ts

@@ -1,3 +0,0 @@
-export declare function getMonths(format?: 'long' | 'numeric' | '2-digit' | 'short' | 'narrow'): string[];
-/** returns next decade of the given year */
-export declare function getYearSelection(year: number): number[];

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/time.js

@@ -1,13 +0,0 @@
-export function getMonths(format = 'long') {
-    return Array.from(Array(12).keys()).map((_i, i) => {
-        const date = new Date();
-        date.setDate(1);
-        date.setMonth(i);
-        return date.toLocaleString('en-us', { month: format });
-    });
-}
-/** returns next decade of the given year */
-export function getYearSelection(year) {
-    let y = year;
-    return [year - 1, ...Array.from(Array(9).keys()).map(() => y++)];
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/traversal.d.ts

@@ -1,5 +0,0 @@
-export declare function getFlattenedFocusableItems(element: Node, depth?: number): HTMLElement[];
-export declare function getFlattenedDOMTree(node: Node, depth?: number): HTMLElement[];
-export declare function getChildren(node: any): any;
-export declare function isObject(val: any): boolean;
-export declare function mergeObjects(...objs: object[]): object;

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/internals/utils/traversal.js

@@ -1,47 +0,0 @@
-import { focusable } from './focus.js';
-export function getFlattenedFocusableItems(element, depth = 10) {
-    return getFlattenedDOMTree(element, depth).filter((e) => focusable(e));
-}
-export function getFlattenedDOMTree(node, depth = 10) {
-    return Array.from(getChildren(node))
-        .reduce((prev, next) => {
-        return [...prev, [next, [...Array.from(getChildren(next)).map((i) => [i, getFlattenedDOMTree(i, depth)])]]];
-    }, [])
-        .flat(depth);
-}
-export function getChildren(node) {
-    if (node.documentElement) {
-        return node.documentElement.children;
-    }
-    else if (node.shadowRoot) {
-        return node.shadowRoot.children;
-    }
-    else if (node.assignedElements) {
-        const slotted = node.assignedElements(); // slotted elements
-        return slotted.length ? slotted : node.children; // else slot fallback
-    }
-    else {
-        return node.children;
-    }
-}
-export function isObject(val) {
-    return val?.constructor === Object;
-}
-export function mergeObjects(...objs) {
-    const clone = {};
-    objs.map(o => isObject(o) ? { ...o } : {}).forEach((obj) => {
-        Object.keys(obj).forEach(prop => {
-            const propVal = obj[prop];
-            if (Array.isArray(propVal)) {
-                clone[prop] = Array.from(propVal);
-            }
-            else if (isObject(propVal)) {
-                clone[prop] = mergeObjects(clone[prop] || {}, propVal);
-            }
-            else {
-                clone[prop] = propVal;
-            }
-        });
-    });
-    return clone;
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/menu/element.d.ts

@@ -1,26 +0,0 @@
-import { LitElement } from 'lit';
-import { BpMenuItem } from './item/element.js';
-/**
- * Menu
- *
- * ```typescript
- * import '@blueprintui/components/include/menu.js';
- * ```
- *
- * ```html
- * <bp-menu>
- *
- * </bp-menu>
- * ```
- *
- * @element bp-menu
- * @slot - content
- * @cssprop --background
- */
-export declare class BpMenu extends LitElement {
-    static styles: CSSStyleSheet[];
-    get ref(): {
-        items: NodeListOf<BpMenuItem>;
-    };
-    render(): import("lit-html").TemplateResult<1>;
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/menu/element.js

@@ -1,41 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { ariaMenu, baseStyles, keyList } from '@blueprintui/components/internals';
-import styles from './element.css' assert { type: 'css' };
-/**
- * Menu
- *
- * ```typescript
- * import '@blueprintui/components/include/menu.js';
- * ```
- *
- * ```html
- * <bp-menu>
- *
- * </bp-menu>
- * ```
- *
- * @element bp-menu
- * @slot - content
- * @cssprop --background
- */
-let BpMenu = class BpMenu extends LitElement {
-    static styles = [baseStyles, styles];
-    get ref() {
-        return {
-            items: this.querySelectorAll('bp-menu-item')
-        };
-    }
-    render() {
-        return html `
-      <div class="private-host">
-        <slot></slot>
-      </div>
-    `;
-    }
-};
-BpMenu = __decorate([
-    ariaMenu(),
-    keyList({ layout: 'both', loop: true })
-], BpMenu);
-export { BpMenu };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/menu/index.d.ts

@@ -1,2 +0,0 @@
-export * from './element.js';
-export * from './item/element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/menu/index.js

@@ -1,2 +0,0 @@
-export * from './element.js';
-export * from './item/element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/menu/item/element.d.ts

@@ -1,11 +0,0 @@
-import { BaseButton } from '@blueprintui/components/internals';
-/**
- * Menu Item
- *
- * @element bp-menu-item
- * @slot - content
- * @cssprop --background
- */
-export declare class BpMenuItem extends BaseButton {
-    static styles: CSSStyleSheet[];
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/menu/item/element.js

@@ -1,18 +0,0 @@
-import { __decorate } from "tslib";
-import { baseStyles, interactionStyles, BaseButton } from '@blueprintui/components/internals';
-import { ariaMenuItem } from '@blueprintui/components/internals';
-import styles from './element.css' assert { type: 'css' };
-/**
- * Menu Item
- *
- * @element bp-menu-item
- * @slot - content
- * @cssprop --background
- */
-let BpMenuItem = class BpMenuItem extends BaseButton {
-    static styles = [baseStyles, interactionStyles, styles];
-};
-BpMenuItem = __decorate([
-    ariaMenuItem()
-], BpMenuItem);
-export { BpMenuItem };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/month/element.d.ts

@@ -1,25 +0,0 @@
-import { BpInput } from '@blueprintui/components/input';
-/**
- * Month Input
- *
- * ```typescript
- * import '@blueprintui/components/include/month.js';
- * ```
- *
- * ```html
- * <bp-field>
- *   <label>time</label>
- *   <bp-month></bp-month>
- *   <bp-field-message>message text</bp-field-message>
- * </bp-field>
- * ```
- *
- * @beta
- * @element bp-month
- * @slot
- */
-export declare class BpMonth extends BpInput {
-    type: string;
-    static get styles(): CSSStyleSheet[];
-    protected get suffixTemplate(): import("lit-html").TemplateResult<1>;
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/month/element.js

@@ -1,36 +0,0 @@
-import { __decorate } from "tslib";
-import { html } from 'lit';
-import { baseStyles } from '@blueprintui/components/internals';
-import { BpInput, styles as inputStyles } from '@blueprintui/components/input';
-import styles from './element.css' assert { type: 'css' };
-/**
- * Month Input
- *
- * ```typescript
- * import '@blueprintui/components/include/month.js';
- * ```
- *
- * ```html
- * <bp-field>
- *   <label>time</label>
- *   <bp-month></bp-month>
- *   <bp-field-message>message text</bp-field-message>
- * </bp-field>
- * ```
- *
- * @beta
- * @element bp-month
- * @slot
- */
-export class BpMonth extends BpInput {
-    type = 'month';
-    static get styles() {
-        return [baseStyles, inputStyles, styles];
-    }
-    get suffixTemplate() {
-        return html `<bp-button-icon shape="calendar" .disabled=${this.disabled} @click=${() => this.input.showPicker()}></bp-button-icon>`;
-    }
-}
-__decorate([
-    property({ type: String, reflect: true })
-], BpMonth.prototype, "type", void 0);

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/month/index.d.ts

@@ -1 +0,0 @@
-export * from './element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/month/index.js

@@ -1 +0,0 @@
-export * from './element.js';

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/nav/element.d.ts

@@ -1,55 +0,0 @@
-import { LitElement, PropertyValues } from 'lit';
-import { BpNavItem } from './item/element.js';
-/**
- * ```typescript
- * import '@blueprintui/components/include/nav.js';
- * ```
- *
- * ```html
- * <bp-nav></bp-nav>
- * ```
- *
- * @element bp-nav
- * @slot - content
- * @event change
- */
-export declare class BpNav extends LitElement {
-    #private;
-    expanded: boolean;
-    expandable: boolean;
-    i18n: {
-        sort: string;
-        expand: string;
-        close: string;
-        resize: string;
-        filter: string;
-        loading: string;
-        show: string;
-        hide: string;
-        previous: string;
-        next: string;
-        first: string;
-        last: string;
-        today: string;
-        browse: string;
-        removeFile: string;
-        files: string;
-        resizeColumn: string;
-        closeDetails: string;
-        noData: string;
-        action: string;
-        dropTarget: string;
-        firstPage: string;
-        previousPage: string;
-        nextPage: string;
-        lastPage: string;
-        pageSize: string;
-    };
-    get ref(): {
-        items: NodeListOf<BpNavItem>;
-    };
-    static get styles(): CSSStyleSheet[];
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): Promise<void>;
-    updated(props: PropertyValues<this>): void;
-}