ng-devui
Version:
DevUI components based on Angular
39 lines • 9.55 kB
JavaScript
import { ChangeDetectionStrategy, Component, HostBinding, Input, TemplateRef } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ToggleMenuInputComponent {
constructor() {
this.disabled = false;
this.readonly = false;
this.isDisabledCustomTemplate = false;
}
get width() {
return this.inputWidth || 'inherit';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToggleMenuInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToggleMenuInputComponent, selector: "d-toggle-menu-input", inputs: { value: "value", inputValue: "inputValue", inputWidth: "inputWidth", disabled: "disabled", readonly: "readonly", filterKey: "filterKey", isDisabledCustomTemplate: "isDisabledCustomTemplate", customTemplate: "customTemplate" }, host: { properties: { "style.width": "this.width" } }, ngImport: i0, template: "<ng-container *ngIf=\"!isDisabledCustomTemplate; else defaultInputTemplate\">\n <div class=\"devui-toggle-menu-input-template-container\">\n <ng-template\n [ngTemplateOutlet]=\"customTemplate\"\n [ngTemplateOutletContext]=\"{\n option: value,\n filterKey: filterKey,\n position: 'result',\n inputValue: inputValue\n }\"\n ></ng-template>\n </div>\n</ng-container>\n\n<ng-template #defaultInputTemplate>\n <input\n type=\"text\"\n class=\"devui-form-control devui-select-input devui-input\"\n autocomplete=\"off\"\n [disabled]=\"disabled\"\n [minLength]=\"0\"\n [tabindex]=\"-1\"\n [readonly]=\"readonly\"\n [value]=\"inputValue || ''\"\n />\n</ng-template>\n", styles: [".devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:var(--devui-font-content-weight, normal);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}:host .devui-toggle-menu-input-template-container{height:24px;line-height:24px;padding:0 10px}:host input.devui-select-input{cursor:pointer;font-size:inherit;height:inherit;min-height:inherit;line-height:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:none!important;padding:0 10px;margin:0;outline:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToggleMenuInputComponent, decorators: [{
type: Component,
args: [{ selector: 'd-toggle-menu-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!isDisabledCustomTemplate; else defaultInputTemplate\">\n <div class=\"devui-toggle-menu-input-template-container\">\n <ng-template\n [ngTemplateOutlet]=\"customTemplate\"\n [ngTemplateOutletContext]=\"{\n option: value,\n filterKey: filterKey,\n position: 'result',\n inputValue: inputValue\n }\"\n ></ng-template>\n </div>\n</ng-container>\n\n<ng-template #defaultInputTemplate>\n <input\n type=\"text\"\n class=\"devui-form-control devui-select-input devui-input\"\n autocomplete=\"off\"\n [disabled]=\"disabled\"\n [minLength]=\"0\"\n [tabindex]=\"-1\"\n [readonly]=\"readonly\"\n [value]=\"inputValue || ''\"\n />\n</ng-template>\n", styles: [".devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:var(--devui-font-content-weight, normal);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}:host .devui-toggle-menu-input-template-container{height:24px;line-height:24px;padding:0 10px}:host input.devui-select-input{cursor:pointer;font-size:inherit;height:inherit;min-height:inherit;line-height:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:none!important;padding:0 10px;margin:0;outline:0}\n"] }]
}], propDecorators: { value: [{
type: Input
}], inputValue: [{
type: Input
}], inputWidth: [{
type: Input
}], disabled: [{
type: Input
}], readonly: [{
type: Input
}], filterKey: [{
type: Input
}], isDisabledCustomTemplate: [{
type: Input
}], customTemplate: [{
type: Input
}], width: [{
type: HostBinding,
args: ['style.width']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLW1lbnUtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZGV2dWkvdG9nZ2xlLW1lbnUvdG9nZ2xlLW1lbnUtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZGV2dWkvdG9nZ2xlLW1lbnUvdG9nZ2xlLW1lbnUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUXBHLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFVVyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsNkJBQXdCLEdBQUcsS0FBSyxDQUFDO0tBTTNDO0lBSkMsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsVUFBVSxJQUFJLFNBQVMsQ0FBQztJQUN0QyxDQUFDOytHQVpVLHdCQUF3QjttR0FBeEIsd0JBQXdCLDhWQ1JyQyxpdUJBMEJBOzs0RkRsQmEsd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLHdCQUF3QjtzQkFBaEMsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUVGLEtBQUs7c0JBRFIsV0FBVzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkLXRvZ2dsZS1tZW51LWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvZ2dsZS1tZW51LWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbYC4vdG9nZ2xlLW1lbnUtaW5wdXQuY29tcG9uZW50LnNjc3NgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFRvZ2dsZU1lbnVJbnB1dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHZhbHVlOiBhbnk7XG4gIEBJbnB1dCgpIGlucHV0VmFsdWU6IGFueTtcbiAgQElucHV0KCkgaW5wdXRXaWR0aDogc3RyaW5nO1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSByZWFkb25seSA9IGZhbHNlO1xuICBASW5wdXQoKSBmaWx0ZXJLZXk6IHN0cmluZztcbiAgQElucHV0KCkgaXNEaXNhYmxlZEN1c3RvbVRlbXBsYXRlID0gZmFsc2U7XG4gIEBJbnB1dCgpIGN1c3RvbVRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLndpZHRoJylcbiAgZ2V0IHdpZHRoKCkge1xuICAgIHJldHVybiB0aGlzLmlucHV0V2lkdGggfHwgJ2luaGVyaXQnO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzRGlzYWJsZWRDdXN0b21UZW1wbGF0ZTsgZWxzZSBkZWZhdWx0SW5wdXRUZW1wbGF0ZVwiPlxuICA8ZGl2IGNsYXNzPVwiZGV2dWktdG9nZ2xlLW1lbnUtaW5wdXQtdGVtcGxhdGUtY29udGFpbmVyXCI+XG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJjdXN0b21UZW1wbGF0ZVwiXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwie1xuICAgICAgICBvcHRpb246IHZhbHVlLFxuICAgICAgICBmaWx0ZXJLZXk6IGZpbHRlcktleSxcbiAgICAgICAgcG9zaXRpb246ICdyZXN1bHQnLFxuICAgICAgICBpbnB1dFZhbHVlOiBpbnB1dFZhbHVlXG4gICAgICB9XCJcbiAgICA+PC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNkZWZhdWx0SW5wdXRUZW1wbGF0ZT5cbiAgPGlucHV0XG4gICAgdHlwZT1cInRleHRcIlxuICAgIGNsYXNzPVwiZGV2dWktZm9ybS1jb250cm9sIGRldnVpLXNlbGVjdC1pbnB1dCBkZXZ1aS1pbnB1dFwiXG4gICAgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFttaW5MZW5ndGhdPVwiMFwiXG4gICAgW3RhYmluZGV4XT1cIi0xXCJcbiAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgIFt2YWx1ZV09XCJpbnB1dFZhbHVlIHx8ICcnXCJcbiAgLz5cbjwvbmctdGVtcGxhdGU+XG4iXX0=