@blueprintui/cli 0.0.11 → 0.0.12

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

@@ -1,101 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { baseStyles, interactionResponsive, associateInputAndLabel, associateInputToDatalist, associateAriaDescribedBy } from '@blueprintui/components/internals';
-import { setupFieldMessageStatusUpdates, syncHTML5Validation } from '../utils/utils.js';
-import styles from './element.css' assert { type: 'css' };
-/**
- *
- * ```typescript
- * import '@blueprintui/components/include/forms.js';
- * ```
- *
- * ```html
- * <bp-field>
- *   <label>field</label>
- *   <input type="text" />
- * </bp-field>
- * ```
- *
- * @element bp-field
- * @slot
- * @cssprop --background
- */
-let BpField = class BpField extends LitElement {
-    layout = 'vertical';
-    controlWidth;
-    static styles = [baseStyles, styles];
-    get inputControl() {
-        return this.querySelector('*:not(label):not(bp-field-message)');
-    }
-    get #label() {
-        return this.querySelector('label');
-    }
-    get #messages() {
-        return this.querySelectorAll('bp-field-message');
-    }
-    get #datalist() {
-        return this.querySelector('datalist');
-    }
-    get #isInline() {
-        return this.inputControl.getAttribute('bp-field') === ' inline' || this.inputControl.tagName === 'BP-CHECKBOX' || this.inputControl.tagName === 'BP-SWITCH';
-    }
-    get prefixTemplate() {
-        return null;
-    }
-    get suffixTemplate() {
-        return null;
-    }
-    /** @private */
-    _internals = this.attachInternals();
-    render() {
-        return html `
-    <div class="private-host${this.#messages?.length ? '' : ' no-message'}${this.#label ? '' : ' no-label'}${this.#isInline ? ' inline-control' : ''}">
-      ${this.#label ? html `<slot name="label"></slot>` : ''}
-      <div class="input-container">
-        ${this.prefixTemplate}
-        <slot class="input-slot"></slot>
-        ${this.suffixTemplate}
-      </div>
-      ${this.#messages?.length ? html `<slot name="message"></slot>` : ''}
-      ${this.#datalist ? html `<slot name="datalist"></slot>` : ''}
-    </div>
-    `;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('bp-field', '');
-    }
-    async firstUpdated(props) {
-        super.firstUpdated(props);
-        await this.updateComplete;
-        this.inputControl.setAttribute('input', '');
-        this.#label ? this.#label.slot = 'label' : null;
-        this.#datalist ? this.#datalist.slot = 'datalist' : null;
-        setupFieldMessageStatusUpdates(Array.from(this.#messages), this);
-        syncHTML5Validation(this, Array.from(this.#messages));
-        associateInputAndLabel(this.inputControl, this.#label);
-        associateInputToDatalist(this.inputControl, this.#datalist);
-        associateAriaDescribedBy(this.inputControl, Array.from(this.#messages));
-        this.shadowRoot.addEventListener('slotchange', (e) => {
-            if (e.target.name === 'label') {
-                associateInputAndLabel(this.inputControl, this.#label);
-            }
-            else if (e.target.name === 'datalist') {
-                associateInputToDatalist(this.inputControl, this.#datalist);
-            }
-            else if (e.target.name === 'message') {
-                associateAriaDescribedBy(this.inputControl, Array.from(this.#messages));
-            }
-        });
-    }
-};
-__decorate([
-    property({ type: String, reflect: true })
-], BpField.prototype, "layout", void 0);
-__decorate([
-    property({ type: String, reflect: true, attribute: 'control-width' })
-], BpField.prototype, "controlWidth", void 0);
-BpField = __decorate([
-    interactionResponsive()
-], BpField);
-export { BpField };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/field-message/element.d.ts

@@ -1,33 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Control Message
- *
- * ```typescript
- * import '@blueprintui/components/include/forms.js';
- * ```
- *
- * ```html
- * <bp-field>
- *   <label>Test</label>
- *   <input type="text" />
- *   <bp-field-message>helper text</bp-field-message>
- * </bp-field>
- * ```
- *
- * @element bp-field-message
- * @slot - For projecting helper message text
- * @cssprop --color
- * @cssprop --font-size
- * @cssprop --font-weight
- * @cssprop --max-width
- * @cssprop --min-width
- */
-export declare class BpFieldMessage extends LitElement {
-    /** Set the status of field message validation */
-    status: 'error' | 'success';
-    /** HTML5 ValidityState https://developer.mozilla.org/en-US/docs/Web/API/ValidityState */
-    error: keyof ValidityState;
-    static styles: CSSStyleSheet[];
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/field-message/element.js

@@ -1,52 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { baseStyles } from '@blueprintui/components/internals';
-import { getStatusIcon } from '../utils/utils.js';
-import styles from './element.css' assert { type: 'css' };
-/**
- * Control Message
- *
- * ```typescript
- * import '@blueprintui/components/include/forms.js';
- * ```
- *
- * ```html
- * <bp-field>
- *   <label>Test</label>
- *   <input type="text" />
- *   <bp-field-message>helper text</bp-field-message>
- * </bp-field>
- * ```
- *
- * @element bp-field-message
- * @slot - For projecting helper message text
- * @cssprop --color
- * @cssprop --font-size
- * @cssprop --font-weight
- * @cssprop --max-width
- * @cssprop --min-width
- */
-export class BpFieldMessage extends LitElement {
-    /** Set the status of field message validation */
-    status;
-    /** HTML5 ValidityState https://developer.mozilla.org/en-US/docs/Web/API/ValidityState */
-    error;
-    static styles = [baseStyles, styles];
-    render() {
-        return html `
-      <div class="private-host">
-        ${getStatusIcon(this.status)}<slot></slot>
-      </div>
-    `;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.slot = 'message';
-    }
-}
-__decorate([
-    property({ type: String })
-], BpFieldMessage.prototype, "status", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], BpFieldMessage.prototype, "error", void 0);

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

@@ -1,36 +0,0 @@
-import { LitElement, PropertyValues } from 'lit';
-import { FormLayout } from '../utils/interfaces.js';
-/**
- * Control Group
- *
- * ```typescript
- * import '@blueprintui/components/include/forms.js';
- * ```
- *
- * ```html
- * <bp-fieldset>
- *   <label>...</label>
- *
- *   <label></label>
- *   <input ... />
- *
- *   <label></label>
- *   <input ... />
- * </bp-fieldset>
- * ```
- *
- * @element bp-fieldset
- * @property layoutChange
- * @slot
- */
-export declare class BpFieldset extends LitElement {
-    #private;
-    responsive: boolean;
-    layout: FormLayout;
-    static styles: CSSStyleSheet[];
-    /** @private */
-    _internals: ElementInternals;
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-    firstUpdated(props: PropertyValues<this>): void;
-}

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

@@ -1,99 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { associateAriaDescribedBy, associateInputAndLabel, baseStyles, createId, interactionResponsive } from '@blueprintui/components/internals';
-import styles from './element.css' assert { type: 'css' };
-/**
- * Control Group
- *
- * ```typescript
- * import '@blueprintui/components/include/forms.js';
- * ```
- *
- * ```html
- * <bp-fieldset>
- *   <label>...</label>
- *
- *   <label></label>
- *   <input ... />
- *
- *   <label></label>
- *   <input ... />
- * </bp-fieldset>
- * ```
- *
- * @element bp-fieldset
- * @property layoutChange
- * @slot
- */
-let BpFieldset = class BpFieldset extends LitElement {
-    responsive = true;
-    layout = 'vertical';
-    get #inputs() {
-        return Array.from(this.querySelectorAll('[bp-field], input, bp-radio, bp-checkbox, bp-switch'));
-    }
-    get #labels() {
-        return Array.from(this.querySelectorAll('label'));
-    }
-    get #messages() {
-        return this.querySelectorAll('bp-field-message');
-    }
-    get #isAssociatedGroup() {
-        const inputs = this.#inputs;
-        const isAssociated = !!inputs.filter(i => i !== inputs[0] && i.name?.length).find(i => i.name === inputs[0].name);
-        const isRadio = inputs.every(i => i.tagName === 'BP-RADIO' || i.type === 'radio');
-        return isAssociated || isRadio;
-    }
-    get #isInlineGroup() {
-        return !!this.#inputs.find(i => i.getAttribute('bp-field') === 'inline' || i.tagName === 'BP-SWITCH' || i.tagName === 'BP-CHECKBOX' || i.tagName === 'BP-RADIO');
-    }
-    static styles = [baseStyles, styles];
-    /** @private */
-    _internals = this.attachInternals();
-    render() {
-        return html `
-      <div class="private-host ${this.#messages?.length ? '' : 'no-message'} ${this.#isInlineGroup ? 'inline-group' : ''}">
-        <slot name="label"></slot>
-        <div class="input-slot-group">
-          ${this.#inputs.map((_i, i) => html `<slot name="input-${i}"></slot>`)}
-          <slot></slot>
-        </div>
-        <slot name="message" @slotchange=${() => associateAriaDescribedBy(this, Array.from(this.#messages))}></slot>
-      </div>
-    `;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('bp-fieldset', '');
-        this._internals.role = 'group';
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this.#labels[0].slot = 'label';
-        if (!this.#labels[0].id) {
-            this.#labels[0].id = createId();
-            this.setAttribute('aria-labelledby', this.#labels[0].id);
-        }
-        if (this.#isAssociatedGroup) {
-            this._internals.role = 'radiogroup';
-            this.addEventListener('change', e => this.#inputs.filter(i => i !== e.target).forEach(i => i.checked = false));
-        }
-        const labels = [...this.#labels];
-        const inputs = [...this.#inputs];
-        labels.shift();
-        labels.forEach((l, i) => {
-            associateInputAndLabel(inputs[i], l);
-            l.slot = `input-${i}`;
-            inputs[i].slot = `input-${i}`;
-        });
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], BpFieldset.prototype, "responsive", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], BpFieldset.prototype, "layout", void 0);
-BpFieldset = __decorate([
-    interactionResponsive()
-], BpFieldset);
-export { BpFieldset };

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/form-control/element.d.ts

@@ -1,29 +0,0 @@
-import { LitElement } from 'lit';
-import { TypeFormControl, TypeFormControlController } from '../controllers/type-form-control.controller.js';
-export interface FormControl extends TypeFormControl {
-}
-export declare class FormControl extends LitElement {
-    value: string | FormData;
-    disabled: boolean;
-    required: boolean;
-    readonly: boolean;
-    multiple: boolean;
-    autocomplete: string;
-    type: string;
-    pattern: string;
-    placeholder: string;
-    minLength: number;
-    maxLength: number;
-    min: string;
-    max: string;
-    size: string;
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode;
-    };
-    static formAssociated: boolean;
-    protected typeFormControlController: TypeFormControlController<FormControl>;
-    protected onChange(e: any): void;
-    protected onInput(e: any): void;
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/form-control/element.js

@@ -1,72 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement } from 'lit';
-import { TypeFormControlController } from '../controllers/type-form-control.controller.js';
-export class FormControl extends LitElement {
-    value = null;
-    disabled;
-    required;
-    readonly;
-    multiple;
-    autocomplete;
-    type;
-    pattern;
-    placeholder;
-    minLength;
-    maxLength;
-    min;
-    max;
-    size;
-    static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };
-    static formAssociated = true;
-    typeFormControlController = new TypeFormControlController(this);
-    onChange(e) {
-        this.value = e.target.value;
-        this.typeFormControlController.dispatchChange(e);
-    }
-    onInput(e) {
-        this.value = e.target.value;
-        this.typeFormControlController.dispatchInput(e);
-    }
-}
-__decorate([
-    property({ type: String })
-], FormControl.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FormControl.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FormControl.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FormControl.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FormControl.prototype, "multiple", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], FormControl.prototype, "autocomplete", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], FormControl.prototype, "type", void 0);
-__decorate([
-    property({ type: String })
-], FormControl.prototype, "pattern", void 0);
-__decorate([
-    property({ type: String })
-], FormControl.prototype, "placeholder", void 0);
-__decorate([
-    property({ type: Number })
-], FormControl.prototype, "minLength", void 0);
-__decorate([
-    property({ type: Number })
-], FormControl.prototype, "maxLength", void 0);
-__decorate([
-    property({ type: String })
-], FormControl.prototype, "min", void 0);
-__decorate([
-    property({ type: String })
-], FormControl.prototype, "max", void 0);
-__decorate([
-    property({ type: String })
-], FormControl.prototype, "size", void 0);

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/form-group/element.d.ts

@@ -1,37 +0,0 @@
-import { LitElement, PropertyValues } from 'lit';
-import { FormLayout } from '../utils/interfaces';
-/**
- * Form
- *
- * ```typescript
- * import '@blueprintui/components/include/forms.js';
- * ```
- *
- * ```html
- * <bp-form-group layout="horizontal">
- *   <bp-input>
- *     <label>Test</label>
- *     <input type="text" />
- *   </bp-input>
- *
- *   <bp-input>
- *     <label>Test</label>
- *     <input type="text" />
- *   </bp-input>
- * </bp-form-group>
- * ```
- *
- * @element bp-form-group
- * @slot - For projecting input fields
- * @cssprop --label-width
- */
-export declare class BpFormGroup extends LitElement {
-    #private;
-    /** @type {horizontal | horizontal-inline | vertical | vertical-inline | compact} */
-    layout: FormLayout;
-    static styles: CSSStyleSheet[];
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(props: PropertyValues<this>): Promise<void>;
-    updated(props: PropertyValues<this>): void;
-    disconnectedCallback(): void;
-}

package/src/.rollup.cache/@blueprintui/components/Users/coryrylan/Repos/blueprintui/components/lib/dist/lib/forms/form-group/element.js

@@ -1,111 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { baseStyles, childrenUpdateComplete, elementVisible, interactionResponsive } from '@blueprintui/components/internals';
-import styles from './element.css' assert { type: 'css' };
-/**
- * Form
- *
- * ```typescript
- * import '@blueprintui/components/include/forms.js';
- * ```
- *
- * ```html
- * <bp-form-group layout="horizontal">
- *   <bp-input>
- *     <label>Test</label>
- *     <input type="text" />
- *   </bp-input>
- *
- *   <bp-input>
- *     <label>Test</label>
- *     <input type="text" />
- *   </bp-input>
- * </bp-form-group>
- * ```
- *
- * @element bp-form-group
- * @slot - For projecting input fields
- * @cssprop --label-width
- */
-let BpFormGroup = class BpFormGroup extends LitElement {
-    /** @type {horizontal | horizontal-inline | vertical | vertical-inline | compact} */
-    layout = 'vertical';
-    get #fields() {
-        return this.querySelectorAll('[bp-field]');
-    }
-    get #groups() {
-        return this.querySelectorAll('[bp-fieldset]');
-    }
-    #observers = [];
-    get #fieldsAndFieldsets() {
-        return [...Array.from(this.#groups), ...Array.from(this.#fields)];
-    }
-    static styles = [baseStyles, styles];
-    render() {
-        return html `
-      <div class="private-host">
-        <slot></slot>
-      </div>
-    `;
-    }
-    #internals = this.attachInternals();
-    #initialLayout;
-    async firstUpdated(props) {
-        super.firstUpdated(props);
-        this.#internals.role = 'group';
-        this.#setControlLabelWidths();
-        this.#observers.push(elementVisible(this, () => this.#setControlLabelWidths()));
-        const weights = {
-            'vertical': 0,
-            'vertical-inline': 1,
-            'horizontal': 2,
-            'horizontal-inline': 3,
-            'compact': 4
-        };
-        await this.updateComplete;
-        this.#initialLayout = this.layout;
-        this.addEventListener('bpResizeChange', e => {
-            const width = e.detail.width;
-            if (width < 300) {
-                this.layout = 'vertical';
-            }
-            else if (width < 400 && (weights[this.layout] > weights['vertical'])) {
-                this.layout = 'vertical-inline';
-            }
-            else if (width < 500 && (weights[this.layout] > weights['vertical-inline'])) {
-                this.layout = 'horizontal';
-            }
-            else if (width < 600 && (weights[this.layout] > weights['horizontal'])) {
-                this.layout = 'horizontal-inline';
-            }
-            else if (width < 700 && (weights[this.layout] > weights['compact'])) {
-                this.layout = 'compact';
-            }
-            else {
-                this.layout = this.#initialLayout;
-            }
-        });
-    }
-    updated(props) {
-        super.updated(props);
-        this.#fieldsAndFieldsets.forEach(c => c.layout = this.layout);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.#observers.forEach(o => o.disconnect());
-    }
-    async #setControlLabelWidths() {
-        if (this.layout === 'horizontal' || this.layout === 'horizontal-inline' || this.layout === 'compact') {
-            await childrenUpdateComplete(this.#fieldsAndFieldsets);
-            const width = `${Math.max(...Array.from(this.querySelectorAll('label')).map(c => c.getBoundingClientRect().width + 12))}px`;
-            this.style.setProperty('--group-label-width', width);
-        }
-    }
-};
-__decorate([
-    property({ type: String, reflect: true })
-], BpFormGroup.prototype, "layout", void 0);
-BpFormGroup = __decorate([
-    interactionResponsive()
-], BpFormGroup);
-export { BpFormGroup };

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

@@ -1,11 +0,0 @@
-export * from './field/element.js';
-export * from './fieldset/element.js';
-export * from './field-message/element.js';
-export * from './form-group/element.js';
-export * from './form-control/element.js';
-export * from './utils/utils.js';
-export * from './utils/validity.js';
-export * from './controllers/state-form-control.controller.js';
-export * from './controllers/type-form-control.controller.js';
-export * from './controllers/type-form-radio.controller.js';
-export * from './controllers/type-form-checkbox.controller.js';

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

@@ -1,11 +0,0 @@
-export * from './field/element.js';
-export * from './fieldset/element.js';
-export * from './field-message/element.js';
-export * from './form-group/element.js';
-export * from './form-control/element.js';
-export * from './utils/utils.js';
-export * from './utils/validity.js';
-export * from './controllers/state-form-control.controller.js';
-export * from './controllers/type-form-control.controller.js';
-export * from './controllers/type-form-radio.controller.js';
-export * from './controllers/type-form-checkbox.controller.js';

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

@@ -1,4 +0,0 @@
-export declare type FormLayout = 'horizontal' | 'horizontal-inline' | 'vertical' | 'vertical-inline' | 'compact';
-export declare type ControlLayout = 'vertical' | 'horizontal' | 'compact';
-export declare type ControlStatus = 'neutral' | 'error' | 'success';
-export declare type ControlWidth = 'shrink' | 'stretch' | undefined;

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,8 +0,0 @@
-import { FormLayout } from './interfaces.js';
-import { BpField } from '../field/element.js';
-import { BpFieldMessage } from '../field-message/element.js';
-export declare const formLayouts: FormLayout[];
-export declare function setupFieldMessageStatusUpdates(messages: BpFieldMessage[], field: BpField): void;
-export declare function updateFieldStatusState(message: BpFieldMessage, field: BpField): void;
-export declare function syncHTML5Validation(field: BpField, messages: BpFieldMessage[]): void;
-export declare function getStatusIcon(status: '' | 'error' | 'success'): "" | import("lit-html").TemplateResult<1>;

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

@@ -1,58 +0,0 @@
-import { html } from 'lit';
-import { listenForAttributeListChange } from '@blueprintui/components/internals';
-export const formLayouts = ['vertical', 'vertical-inline', 'horizontal', 'horizontal-inline', 'compact'];
-export function setupFieldMessageStatusUpdates(messages, field) {
-    const message = Array.from(messages).find(m => !m.hidden);
-    if (message) {
-        updateFieldStatusState(message, field);
-    }
-    listenForAttributeListChange(field, ['hidden', 'status'], ({ target }) => {
-        if (target.tagName === 'bp-field-message') {
-            updateFieldStatusState(target, field);
-        }
-    });
-}
-export function updateFieldStatusState(message, field) {
-    const inputState = field.inputControl._internals?.states;
-    const fieldState = field._internals.states;
-    if (inputState) {
-        fieldState?.delete('--error');
-        fieldState?.delete('--success');
-        inputState?.delete('--error');
-        inputState?.delete('--success');
-        if (!message.hidden && message.status?.length) {
-            inputState.add(`--${message.status}`);
-            fieldState.add(`--${message.status}`);
-        }
-    }
-}
-export function syncHTML5Validation(field, messages) {
-    if (!field.inputControl?.form?.noValidate) {
-        messages
-            .filter(m => m.hasAttribute('error'))
-            .forEach(m => {
-            m.setAttribute('hidden', '');
-            m.status = 'error';
-        });
-        field.inputControl.addEventListener('invalid', () => {
-            messages.forEach(message => message.setAttribute('hidden', ''));
-            messages.find(message => field.inputControl.validity[message.error])?.removeAttribute('hidden');
-        });
-        field.inputControl.addEventListener('input', () => {
-            if (field.inputControl.validity.valid) {
-                messages.filter(m => !m.hasAttribute('error')).forEach(m => m.removeAttribute('hidden'));
-            }
-            messages
-                .filter(m => field.inputControl.validity.valid && m.error && !field.inputControl.validity[m.error])
-                .forEach(message => message.setAttribute('hidden', ''));
-        });
-    }
-}
-export function getStatusIcon(status) {
-    return status ? html `
-    <bp-button-icon readonly class="status">
-      ${status === 'error' ? html `<bp-icon status="danger" shape="exclamation-circle" size="sm" inner-offset="2"></bp-icon>` : ''}
-      ${status === 'success' ? html `<bp-icon status="success" shape="check-circle" size="sm" inner-offset="2"></bp-icon>` : ''}
-    </bp-button-icon>
-  ` : '';
-}