@douglas-serena/ng-inputs/douglas-serena-ng-inputs.metadata.json

angular entry library

{"__symbolic":"module","version":4,"metadata":{"NgCoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":10,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":47},{"__symbolic":"reference","name":"NgPipeModule"}],"exports":[{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":11,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":33},{"__symbolic":"reference","name":"NgPipeModule"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"NgCoreModule"},"providers":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"NgInputMasksService"},{"__symbolic":"reference","name":"NgPipeModule"}]}}}},"ɵa":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":38,"character":40},"arguments":["forRoot() NgInputConfigService() configuration."]},"ɵb":{"__symbolic":"function"},"NgInputsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"NgSelectModule"},{"__symbolic":"reference","name":"NgInputModule"},{"__symbolic":"reference","name":"NgCheckboxModule"},{"__symbolic":"reference","name":"NgCoreModule"}],"providers":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"NgInputMasksService"}],"exports":[{"__symbolic":"reference","name":"NgSelectModule"},{"__symbolic":"reference","name":"NgInputModule"},{"__symbolic":"reference","name":"NgCheckboxModule"},{"__symbolic":"reference","name":"NgCoreModule"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["options"],"value":{"ngModule":{"__symbolic":"reference","name":"NgInputsModule"},"providers":[{"__symbolic":"reference","name":"NgInputMasksService"},{"provide":{"__symbolic":"reference","name":"ɵa"},"useValue":{"__symbolic":"reference","name":"options"}},{"provide":{"__symbolic":"reference","name":"ɵc"},"useFactory":{"__symbolic":"reference","name":"ɵb"},"deps":[{"__symbolic":"reference","name":"ɵa"}]}]}}}},"NgInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵk"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":12},{"__symbolic":"reference","name":"NgCoreModule"}],"exports":[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"NgCoreModule"}]}]}],"members":{}},"NgCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵm"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","name":"NgCoreModule"}],"exports":[{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"NgCoreModule"}]}]}],"members":{}},"NgSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵf"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":12},{"__symbolic":"reference","name":"NgCoreModule"},{"__symbolic":"reference","name":"ɵh"}],"exports":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"NgCoreModule"}]}]}],"members":{}},"NgInputMasksService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":16,"character":22}]}],"format":[{"__symbolic":"method"}],"set":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"NgPipeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"declarations":[{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"ɵd"}],"providers":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":9,"character":26}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"NgPipeModule"},"providers":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":15,"character":30}]}}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"INgInputConfig":{"__symbolic":"interface"},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"dssMask"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgInputMasksService"}]}],"transform":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"dss-search","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":24,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵe"}}],"template":"<div\r\n  class=\"form-group form-control-search\"\r\n  [ngClass]=\"{\r\n    invalid: control.invalid && control.touched,\r\n    valid: control.valid && control.touched,\r\n    'form-group-label': !!label,\r\n    active: !!control?.value\r\n  }\"\r\n>\r\n  <div class=\"form-content\">\r\n    <i\r\n      class=\"form-icon-floating icon-background left\"\r\n      [ngClass]=\"{ search: !loading, loading: loading }\"\r\n    ></i>\r\n\r\n    <input\r\n      #inputRef\r\n      type=\"search\"\r\n      class=\"form-control browser-default\"\r\n      [placeholder]=\"_placeholder\"\r\n      [id]=\"name\"\r\n      [formControl]=\"control\"\r\n      [readonly]=\"readonly\"\r\n      autocomplete=\"off\"\r\n      autocapitalize=\"off\"\r\n      (blur)=\"onBlur($event)\"\r\n      (focus)=\"onFocus($event)\"\r\n      [ngClass]=\"{\r\n        readonly: readonly,\r\n        'is-invalid': !readonly && control.invalid && control.touched\r\n      }\"\r\n    />\r\n\r\n    <!-- BORDER -->\r\n    <span class=\"focus-border\">\r\n      <i></i>\r\n    </span>\r\n\r\n    <!-- LABEL -->\r\n    <label *ngIf=\"!!label\" [for]=\"name\">\r\n      {{ label }}<span *ngIf=\"required\" class=\"required\">*</span>\r\n    </label>\r\n\r\n    <ul\r\n      class=\"options-list hidden\"\r\n      [class.hidden]=\"control.value?.length === 0 || loading || !focused\"\r\n    >\r\n      <ng-content *ngIf=\"options.length === 0\"> </ng-content>\r\n      <li\r\n        *ngIf=\"options.length === 0; else template_options\"\r\n        class=\"not-found option-item\"\r\n      >\r\n        {{ notFound }}\r\n      </li>\r\n\r\n      <ng-template #template_options>\r\n        <li\r\n          *ngFor=\"let option of options; let index = index\"\r\n          role=\"listitem\"\r\n          class=\"option-item\"\r\n          [class.hover]=\"option.dssSelect\"\r\n          [class.select]=\"itemSelect === index\"\r\n          (click)=\"inputChange(option); itemSelect = index\"\r\n        >\r\n          {{ option.dssLabel }}\r\n        </li>\r\n      </ng-template>\r\n    </ul>\r\n  </div>\r\n\r\n  <ng-container *ngFor=\"let error of getKeys(errors)\">\r\n    <!-- MESSAGE ERROR -->\r\n    <div *ngIf=\"getError(error)\" class=\"message error\">\r\n      {{ errors[error] }}\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- MESSAGE HELp -->\r\n  <div *ngIf=\"!!help\" class=\"message\">\r\n    {{ help }}\r\n  </div>\r\n</div>\r\n"}]}],"members":{"inputRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["inputRef"]}]}],"notFound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"pathLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"uri":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"responseData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"return":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":48,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":49,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":50,"character":24},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":51,"character":24},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":53,"character":23}]}],"onInput":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":65,"character":3},"arguments":["input",["$event"]]}]}],"createUrl":[{"__symbolic":"method"}],"handleKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":105,"character":3},"arguments":["keydown",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":186,"character":3}}]}],"onBlur":[{"__symbolic":"method"}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":196,"character":3}}]}],"onFocus":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"inputChange":[{"__symbolic":"method"}],"format":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/forms","name":"SelectControlValueAccessor","line":31,"character":10},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"","template":""}]}],"members":{"formControlDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"FormControlDirective","line":34,"character":13},{"static":true}]}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"formControlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"help":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"cols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"errors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"classCols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":90,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":114,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":115,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":116,"character":24},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":118,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnInitSuper":[{"__symbolic":"method"}],"getMultiLabels":[{"__symbolic":"method"}],"getKeys":[{"__symbolic":"method"}],"getError":[{"__symbolic":"method"}],"validRequired":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"dss-select","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":28,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵg"}}],"template":"<div\r\n  class=\"form-group form-control-select active\"\r\n  [ngClass]=\"{\r\n    invalid: control.invalid && control.touched,\r\n    valid: control.valid && control.touched,\r\n    'form-group-label': !!label\r\n  }\"\r\n>\r\n  <div class=\"form-content input-field\">\r\n    <!-- SELECT -->\r\n    <select\r\n      #select\r\n      (change)=\"change.emit($event)\"\r\n      (blur)=\"blur.emit($event)\"\r\n      (focus)=\"focus.emit($event)\"\r\n      [class.readonly]=\"readonly\"\r\n      class=\"form-select\"\r\n      [MSelect]=\"MSelectSettings\"\r\n      [options]=\"options\"\r\n      [tabIndex]=\"readonly ? '-1' : ''\"\r\n      [id]=\"name\"\r\n      [formControl]=\"control\"\r\n      [ngClass]=\"className\"\r\n    >\r\n      <option\r\n        *ngFor=\"let option of options\"\r\n        [hidden]=\"option.hide\"\r\n        [value]=\"option.value\"\r\n        [attr.data-icon]=\"option?.icon\"\r\n      >\r\n        {{ option.label }}\r\n      </option>\r\n    </select>\r\n\r\n    <!-- BORDER -->\r\n    <span class=\"focus-border\">\r\n      <i></i>\r\n    </span>\r\n\r\n    <!-- LABEL -->\r\n    <label\r\n      *ngIf=\"label\"\r\n      [for]=\"name\"\r\n      [class.active]=\"control.value?.length > 0\"\r\n    >\r\n      {{ label }}<span *ngIf=\"required\" class=\"required\">*</span>\r\n    </label>\r\n  </div>\r\n  <ng-container *ngFor=\"let error of getKeys(errors)\">\r\n    <!-- MESSAGE ERROR -->\r\n    <div *ngIf=\"getError(error)\" class=\"message error\">\r\n      {{ errors[error] }}\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- MESSAGE HELp -->\r\n  <div *ngIf=\"!!help\" class=\"message\">\r\n    {{ help }}\r\n  </div>\r\n</div>\r\n"}]}],"members":{"elementSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":["select",{"static":true}]}]}],"MSelectSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"optionDefault":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"path":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":51,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":52,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":53,"character":24},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":55,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"formatOptions":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":5,"character":12}],"declarations":[{"__symbolic":"reference","name":"ɵi"}],"exports":[{"__symbolic":"reference","name":"ɵi"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ɵh"},"providers":[]}}}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":16,"character":1},"arguments":[{"selector":"[MSelect]"}]}],"members":{"MSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":27,"character":35,"context":{"typeName":"HTMLSelectElement"},"module":"./lib/core/directive/select.directive"}]},{"__symbolic":"reference","name":"ɵc"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"initSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵk"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"selector":"dss-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":42,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵj"}}],"template":"<div\r\n  class=\"form-group form-control-input\"\r\n  [ngClass]=\"{\r\n    invalid: control.invalid && control.touched && control.dirty,\r\n    valid: control.valid && control.touched,\r\n    'form-group-label': !!label,\r\n    active: activeField\r\n  }\"\r\n>\r\n  <div class=\"form-content\">\r\n    <!-- ICON -->\r\n    <i\r\n      (click)=\"onClickIcon($event)\"\r\n      *ngIf=\"(isFieldPassword || !!_icon?.icon) && !_icon?.hide\"\r\n      [class]=\"_icon.class\"\r\n      [ngClass]=\"{\r\n        'icon-background': !_icon.icon && isFieldPassword,\r\n        eye: !_icon.icon && isFieldPassword && type === 'password',\r\n        'eye-close': !_icon.icon && isFieldPassword && type === 'text'\r\n      }\"\r\n    ></i>\r\n\r\n    <!-- INPUT -->\r\n    <input\r\n      #input\r\n      [type]=\"type\"\r\n      [id]=\"name\"\r\n      class=\"form-control browser-default\"\r\n      [autocomplete]=\"autocomplete\"\r\n      [formControl]=\"control\"\r\n      [placeholder]=\"placeholder\"\r\n      (blur)=\"blur.emit($event)\"\r\n      (focus)=\"onFocus($event)\"\r\n      [readonly]=\"readonly\"\r\n      [ngClass]=\"className\"\r\n      [ngStyle]=\"{ 'text-align': align }\"\r\n    />\r\n\r\n    <!-- BORDER -->\r\n    <span\r\n      class=\"focus-border\"\r\n      [class.disabled]=\"isFieldPassword && validate !== 'NONE'\"\r\n    >\r\n      <i></i>\r\n    </span>\r\n\r\n    <!-- LABEL -->\r\n    <label *ngIf=\"label\" [for]=\"name\">\r\n      {{ label }}<span *ngIf=\"required\" class=\"required\">*</span>\r\n    </label>\r\n  </div>\r\n\r\n  <ng-container *ngFor=\"let error of getKeys(errors)\">\r\n    <!-- MESSAGE ERROR -->\r\n    <div *ngIf=\"getError(error)\" class=\"message error\">\r\n      {{ errors[error] }}\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- MESSAGE HELp -->\r\n  <div *ngIf=\"!!help\" class=\"message\">\r\n    {{ help }}\r\n  </div>\r\n</div>\r\n"}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":3},"arguments":["input",{"static":true}]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"date":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"mask":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"allowNegative":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"validate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"number":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"clickIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":110,"character":30},{"__symbolic":"reference","name":"NgInputMasksService"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":113,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"formatDate":[{"__symbolic":"method"}],"onClickIcon":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"","template":""}]}],"members":{"formControlDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"FormControlDirective","line":31,"character":13},{"static":true}]}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"formControlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"help":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"cols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"errors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"classCols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":110,"character":31},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":112,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnInitSuper":[{"__symbolic":"method"}],"getKeys":[{"__symbolic":"method"}],"getError":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵk"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"dss-text-area","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":18,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵl"}}],"template":"<div\r\n  class=\"form-group form-control-text-area\"\r\n  [ngClass]=\"{\r\n    invalid: control.invalid && control.touched,\r\n    valid: control.valid && control.touched,\r\n    'form-group-counter': !!length,\r\n    'form-group-help': !!help,\r\n    'form-group-label': !!label,\r\n    active: !!control?.value\r\n  }\"\r\n>\r\n  <div class=\"form-content\">\r\n    <!-- TEXT AREA -->\r\n    <textarea\r\n      #textarea\r\n      [id]=\"name\"\r\n      [readonly]=\"readonly\"\r\n      [formControl]=\"control\"\r\n      class=\"form-control\"\r\n      [cols]=\"cols\"\r\n      [maxlength]=\"length\"\r\n      [ngStyle]=\"{ height: rows + 'px' }\"\r\n      [ngClass]=\"className\"\r\n      (blur)=\"blur.emit($event)\"\r\n      (focus)=\"focus.emit($event)\"\r\n    ></textarea>\r\n\r\n    <!-- BORDER -->\r\n    <span class=\"focus-border\">\r\n      <i></i>\r\n    </span>\r\n\r\n    <!-- LABEL -->\r\n    <label *ngIf=\"label\" [for]=\"name\">\r\n      {{ label }}<span *ngIf=\"required\" class=\"required\">*</span>\r\n    </label>\r\n  </div>\r\n\r\n  <ng-container *ngFor=\"let error of getKeys(errors)\">\r\n    <!-- MESSAGE ERROR -->\r\n    <div *ngIf=\"getError(error)\" class=\"message error\">\r\n      {{ errors[error] }}\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- MESSAGE HELp -->\r\n  <div *ngIf=\"!!help\" class=\"message\">\r\n    {{ help }}\r\n  </div>\r\n\r\n  <!-- COUNTER CHARACTER -->\r\n  <div class=\"counter\" *ngIf=\"!!length\">\r\n    {{ !!control.value ? control.value.length : 0 }}/{{ length }}\r\n  </div>\r\n</div>\r\n"}]}],"members":{"textarea":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["textarea",{"static":true}]}]}],"length":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":31,"character":32},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":33,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/forms","name":"CheckboxControlValueAccessor","line":37,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"dss-checkbox","host":{"(change)":"onChange($event.target.checked)","(blur)":"onTouched()","$quoted$":["(change)","(blur)"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":31,"character":15},"multi":true,"useExisting":{"__symbolic":"reference","name":"ɵm"}}],"template":"<div\r\n  class=\"form-group form-control-checkbox\"\r\n  [class.form-switch]=\"type === 'switch'\"\r\n  [class.form-check-inline]=\"line\"\r\n  [ngClass]=\"{\r\n    invalid: control.invalid && control.touched,\r\n    valid: control.valid && control.touched\r\n  }\"\r\n>\r\n  <div\r\n    class=\"form-content\"\r\n    [class.switch]=\"type === 'switch' || type === 'button-switch'\"\r\n  >\r\n    <label\r\n      class=\"form-check-label\"\r\n      [class]=\"\r\n        type === 'button-checkbox' || type === 'button-switch'\r\n          ? 'btn btn-light w-100'\r\n          : ''\r\n      \"\r\n    >\r\n      <input\r\n        type=\"checkbox\"\r\n        class=\"form-check-input filled-in\"\r\n        [formControl]=\"control\"\r\n        [readonly]=\"readonly\"\r\n        [class.is-invalid]=\"!readonly && control.invalid && control.touched\"\r\n        [class.readonly]=\"readonly\"\r\n      />\r\n      <span [class.lever]=\"type === 'switch'\"> </span>\r\n      {{ label }}\r\n    </label>\r\n  </div>\r\n\r\n  <ng-container *ngFor=\"let error of getKeys(errors)\">\r\n    <!-- MESSAGE ERROR -->\r\n    <div *ngIf=\"getError(error)\" class=\"message error\">\r\n      {{ errors[error] }}\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- MESSAGE HELp -->\r\n  <div *ngIf=\"!!help\" class=\"message\">\r\n    {{ help }}\r\n  </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"line":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"help":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"errors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"suffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"prefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"cols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"classCols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"ControlContainer","line":87,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":88,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":89,"character":22},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"formControlDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":104,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"FormControlDirective","line":104,"character":13},{"static":true}]}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"formControlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"getKeys":[{"__symbolic":"method"}],"getError":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}}},"origins":{"NgCoreModule":"./lib/core/ng-core.module","ɵa":"./lib/ng-inputs.module","ɵb":"./lib/ng-inputs.module","NgInputsModule":"./lib/ng-inputs.module","NgInputModule":"./lib/ng-input/ng-input.module","NgCheckboxModule":"./lib/ng-checkbox/ng-checkbox.module","NgSelectModule":"./lib/ng-select/ng-select.module","NgInputMasksService":"./lib/core/ng-input-masks.service","NgPipeModule":"./lib/core/pipe/ng-pipe.module","ɵc":"./lib/core/ng-input-config.service","INgInputConfig":"./lib/core/ng-input-config.service","ɵd":"./lib/core/pipe/ng-mask.pipe","ɵe":"./lib/ng-select/ng-search/ng-search.component","ɵf":"./lib/ng-select/select-custom-control-value-accessor.domain","ɵg":"./lib/ng-select/ng-select/ng-select.component","ɵh":"./lib/core/directive/ng-directive.module","ɵi":"./lib/core/directive/select.directive","ɵj":"./lib/ng-input/ng-input/ng-input.component","ɵk":"./lib/ng-input/input-custom-control-value-accessor.domain","ɵl":"./lib/ng-input/ng-text-area/ng-text-area.component","ɵm":"./lib/ng-checkbox/ng-checkbox.component"},"importAs":"@douglas-serena/ng-inputs"}