'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-d719496c.js');
require('./validator-4b0c6f59.js');
const inputCreator = require('./input-creator-4d75f526.js');

const InputContainer = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this._inputCreator = inputCreator.getInputCreator(this, err => (this.error = !!err));
    }
    async reset() {
        this._inputCreator.reset();
    }
    async validate(silent = false) {
        return this._inputCreator.validate(silent);
    }
    render() {
        const InputCreator = this._inputCreator;
        return (index.h(InputCreator, null, index.h("div", { class: "container" }, index.h("slot", null))));
    }
    static get style() { return ":host small{position:absolute;font-size:12px;bottom:-16px;left:12px;text-align:left;-webkit-transition:left 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:left 0.15s cubic-bezier(0.4, 0, 0.2, 1);color:var(--bce-con2-surface)}:host small:before{content:\"\";position:absolute;left:-6px;font-weight:100}:host([disabled]) small{color:var(--bce-con3-surface)}:host([focus]) small{color:var(--bce-con1-surface)}:host([error]) bce-label{color:var(--bce-c500-error)}:host([error]) small{color:var(--bce-c500-error)}\@media screen and (min-width: 1024px){:host(:not([compact])[label]) small{left:calc(25% + 12px)}}:host{position:relative;display:block}:host([label]) bce-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:40px}\@media screen and (min-width: 1024px){:host([label]) bce-label{display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;width:25%}:host([label]) .container{display:inline-block;width:75%}}"; }
};

exports.bce_input_container = InputContainer;
