TInput = function(param) {
    return {
        html: `<style>
    .BBBblockNameBBB .form-group {
        margin-bottom: 15px;
        position: relative;
    }

    div[data-id="blockBBBblockNameBBB"]
    input.input-error
    {
        border: solid 3px var(--colorAttention, red);
    }

    .BBBblockNameBBB .has-feedback {
        position: relative;
    }

    .BBBblockNameBBB .form-control__wrap {
        position: relative;
    }
    .BBBblockNameBBB .form-control__wrap .adr_input {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 1000;
        display: none;
        padding: 5px 0;
        max-height: 310px;
        overflow: auto;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        text-align: left;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
    }
    .BBBblockNameBBB .has-feedback .form-control,
    .BBBblockNameBBB .has-feedback .navigator .middle_arrow>input,
    .BBBblockNameBBB .navigator .has-feedback .middle_arrow>input {
        padding-right: 42.5px;
    }
    .BBBblockNameBBB input.form-control {
        font-size: inherit;
        line-height: inherit;
        font-family: inherit;
        color: inherit;
        font: inherit;
        margin: 0;
        color: var(--colorText, #555555);
        font-size: var(--fontLarge, 18px);
    }
    .BBBblockNameBBB input.form-control {
        line-height: normal;
    }
    .BBBblockNameBBB .form-control,
    .BBBblockNameBBB .navigator .middle_arrow>input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857;
        color: #555555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }
    .BBBblockNameBBB .pole-no {
        border-color: #ee3124 !important;
        background-image: url(../images/glyphicon-remove.png);
        background-position: 100% 13px;
        background-repeat: no-repeat;
        background-size: auto;
    }
    .BBBblockNameBBB .form-control {
        height: 55px;
        border-radius: 2px;
        padding-top: 12px;
        font-size: 18px;
        color: #000000;
        font-weight: 300;
    }
    .BBBblockNameBBB input.form-control {
        padding-top: 5px;
    }

    div[data-id="blockserviceAddress"]
    div.comment {
        margin-top: 0px;
        margin-bottom: 8px;
        font-size: var(--fontSmall, 14px);
        color: var(--colorMain, #5b8632)
    }

</style>
<div class="BBBblockNameBBB form-group has-feedback" data-id="blockBBBblockNameBBB">
    <label class="label_open_sans_12" for="region" BBBlabelDopBBB>BBBheaderBBB</label>
    <div class="anktFormInstr" BBBcommentDopBBB>BBBinfoBBB</div>
    <div class="BBBblockNameBBB form-control__wrap">
        <input 
            type="text"
            class="form-control form-control-region form-control-verify pole-yes"
            name="BBBblockNameBBB_BBBelementNameBBB"
            id="BBBblockNameBBB_BBBelementNameBBB"
            placeholder="BBBplaceholderBBB"
            onclick="BBBobjNameBBB.click(window.event, this);"
            onkeydown="BBBobjNameBBB.keydown(window.event, this);"
            oninput="BBBobjNameBBB.input(window.event, this);"
            onfocus="BBBobjNameBBB.focus(window.event, this);"
            onblur="BBBobjNameBBB.blur(window.event, this);"
            autocomplete="off"
            title="BBBtitleBBB"
            data-block-id="BBBblockNameBBB"
            data-element-id="BBBelementNameBBB"
            data-old-value=""
            data-element-obj="BBBelementObjBBB"
            data-element-type="BBBelementTypeBBB"
            data-txt-value="BBBdatasetTxtValueBBB"
            data-value="BBBdatasetValueBBB"
            value="BBBdatasetTxtValueBBB"
            BBBdopAttributeBBB
            >
        <div id="BBBblockNameBBB_BBBelementNameBBB_res" class="adr_input" style="display: none;"></div>
    </div>
    <span id="span_valid_region_text" class="span_valid glyphicon form-control-feedback"></span>
</div>
`,
        objName: param.objName,
        blockName: param.blockName,
        elementName: param.elementName,
        elementType: param.elementType,
        infoId: param.infoId,
        header: param.header,
        title: param.title,
        valueMask: param.valueMask,
        placeholder: param.placeholder,
        dopAttribute: param.dopAttribute,
        isRequired: (('isRequired' in param) ? param.isRequired : false),

        getHtml: function(){

            let infoIdContent = '';
            let infoIdDom = document.getElementById(this.infoId);
            if (infoIdDom) {
                infoIdContent = infoIdDom.innerHTML;
            }

            let labelDop = ((this.header) ? '' : 'style="display:none;"');
            let commentDop = ((infoIdContent) ? '' : 'style="display:none;"');
            return this.html
                .replace(new RegExp('BBBobjNameBBB', 'gim'), this.objName)
                .replace(new RegExp('BBBblockNameBBB', 'gim'), this.blockName)
                .replace(new RegExp('BBBelementNameBBB', 'gim'), this.elementName)
                .replace(new RegExp('BBBelementObjBBB', 'gim'), this.objName)
                .replace(new RegExp('BBBelementTypeBBB', 'gim'), this.elementType)
                .replace(new RegExp('BBBinfoBBB', 'gim'), infoIdContent)
                .replace(new RegExp('BBBheaderBBB', 'gim'), this.header)
                .replace(new RegExp('BBBtitleBBB', 'gim'), this.title)
                .replace(new RegExp('BBBvalueMaskBBB', 'gim'), this.valueMask)
                .replace(new RegExp('BBBplaceholderBBB', 'gim'), this.placeholder)
                .replace(new RegExp('BBBdopAttributeBBB', 'gim'), this.dopAttribute)
                .replace(new RegExp('BBBlabelDopBBB', 'gim'), labelDop)
                .replace(new RegExp('BBBcommentDopBBB', 'gim'), commentDop)
                .replace(new RegExp('BBBdatasetValueBBB', 'gim'), ((param.datasetValue) ? param.datasetValue : ''))
                .replace(new RegExp('BBBdatasetTxtValueBBB', 'gim'), ((param.datasetTxtValue) ? param.datasetTxtValue : ''))
                .replace(new RegExp('BBBdisabledBBB', 'gim'), ((param.disabled) ? param.disabled : ''))

            ;
        },

        input: function(ev, t){
            t.dataset.value = encodeURIComponent(JSON.stringify({
                id: t.value,
                name: t.value,
            }));
            let e = new CustomEvent(this.blockName + 'SetData', {
                bubbles: true,
                cancelable: true,
                composed: true,
                detail: {
                    'event': ev,
                    'blockName': this.blockName,
                    'elementName':this.elementName,
                    'elementType':this.elementType,
                    'element': t,
                },
            });
            document.dispatchEvent(e);
        },

        focus: function(ev, t){
            t.classList.remove('input-error');
            t.select();
        },

        blur: function(ev, t){
            window.setTimeout(() => {
                if ((!t.value) && (this.isRequired)) {
                    t.classList.add('input-error');
                }
            }, 500);
        },

        click: function (ev, t){
        },

        keydown: function (ev, t){
        },

    };
};