@ngx-performance-ui/ui/ngx-performance-ui-ui.metadata.json

Ngx Performance UI - UI

{"__symbolic":"module","version":4,"exports":[{"from":"./lib/node-utils"}],"metadata":{"UiModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":36,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"CoreModule","line":38,"character":4},{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"CoreModule","line":39,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":40,"character":4},{"__symbolic":"reference","module":"ng2-datepicker","name":"NgDatepickerModule","line":41,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngxs/store","name":"NgxsModule","line":42,"character":4},"member":"forFeature"},"arguments":[[{"__symbolic":"reference","name":"ɵa"}]]},{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"PerfectScrollbarModule","line":43,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"}],"entryComponents":[{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"}],"exports":[{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":79,"character":4},{"__symbolic":"reference","module":"ng2-datepicker","name":"NgDatepickerModule","line":80,"character":4},{"__symbolic":"reference","module":"ngx-slickjs","name":"NgxSlickJsModule","line":81,"character":4},{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"PerfectScrollbarModule","line":82,"character":4},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngxs/store","name":"State","line":3,"character":1},"arguments":[{"name":"ToasterState"}]}],"members":{}},"ɵb":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"AbstractNgModelComponent","line":6,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"template":""}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"autofocusDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"labelText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"labelClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"keyup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"p-annotation-chart","template":"\n    <p-google-chart\n      #annotationChart\n      chartType=\"AnnotationChart\"\n      [columns]=\"annotationChartColumns\"\n      [rows]=\"annotationChartRows\"\n      [options]=\"annotationChartOptions\"\n      (ready)=\"rangeChangeHandler()\"\n    ></p-google-chart>\n\n    <div *ngIf=\"chart\" class=\"row mt-2\">\n      <div class=\"col-12\">\n        <h4>Methods</h4>\n        <button (click)=\"clearChart()\" class=\"btn btn-sm btn-secondary m-1\">clearChart()</button>\n        <button (click)=\"hideDataColumns([1, 2, 3])\" class=\"btn btn-sm btn-secondary m-1\">\n          hideDataColumns(columnIndexes)\n        </button>\n        <button (click)=\"showDataColumns([1, 2, 3])\" class=\"btn btn-sm btn-secondary m-1\">\n          showDataColumns(columnIndexes)\n        </button>\n        <button (click)=\"getContainer()\" class=\"btn btn-sm btn-secondary m-1\">getContainer()</button>\n        <button (click)=\"getSelection()\" class=\"btn btn-sm btn-secondary m-1\">getSelection()</button>\n        <button (click)=\"getVisibleChartRange()\" class=\"btn btn-sm btn-secondary m-1\">getVisibleChartRange()</button>\n        <button\n          (click)=\"setVisibleChartRange(annotationChartRows[0][0], annotationChartRows[1][0])\"\n          class=\"btn btn-sm btn-secondary m-1\"\n        >\n          setVisibleChartRange(start, end)\n        </button>\n      </div>\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":42,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":43,"character":17},"member":"None"}}]}],"members":{"annotationChart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":78,"character":3},"arguments":["annotationChart"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngxs/store","name":"Store","line":84,"character":29}]}],"rangeChangeHandler":[{"__symbolic":"method"}],"clearChart":[{"__symbolic":"method"}],"getContainer":[{"__symbolic":"method"}],"getSelection":[{"__symbolic":"method"}],"getVisibleChartRange":[{"__symbolic":"method"}],"hideDataColumns":[{"__symbolic":"method"}],"showDataColumns":[{"__symbolic":"method"}],"setVisibleChartRange":[{"__symbolic":"method"}],"showToaster":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵe"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"p-autocomplete","template":"\n    <div class=\"autocomplete-container {{ containerClasses }}\">\n      <label *ngIf=\"labelText\" class=\"{{ labelClasses }}\" [attr.for]=\"id\" [innerHTML]=\"labelText\"></label>\n      <p-input\n        [(ngModel)]=\"inputValue\"\n        (ngModelChange)=\"onChangeInputValue($event)\"\n        class=\"w-100 {{ classes }}\"\n        [id]=\"id\"\n        [attr.type]=\"type\"\n        [attr.placeholder]=\"placeholder\"\n        [hidden]=\"hidden\"\n        [name]=\"name\"\n        [disabled]=\"disabled\"\n        [attr.tabindex]=\"tabindex\"\n        [required]=\"required\"\n        [autofocus]=\"autofocus\"\n        [autofocusDelay]=\"autofocusDelay\"\n        autocomplete=\"nop\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n        (click)=\"click.emit($event)\"\n      ></p-input>\n      <fa-icon *ngIf=\"value\" [icon]=\"['fas', 'times']\" class=\"text-secondary\" (click)=\"clear()\"></fa-icon>\n      <div *ngIf=\"showList\" class=\"list-group\">\n        <a\n          [pHighlight]=\"inputValue\"\n          [pHighlightHide]=\"true\"\n          *ngFor=\"let item of items; trackBy: trackByFn\"\n          class=\"list-group-item list-group-item-action\"\n          [class.list-group-item-secondary]=\"value?.text === item.text\"\n          (click)=\"onSelect(item)\"\n        >\n          {{ item.text }}\n        </a>\n      </div>\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":62,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":63,"character":17},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":66,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵd"},"multi":true}]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"containerClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"delay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":83,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":83,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":100,"character":31}]}],"ngOnDestroy":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"onChangeInputValue":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵe"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"p-checkbox","template":"\n    <div class=\"form-group form-checkbox {{ classes }}\">\n      <input\n        type=\"checkbox\"\n        [(ngModel)]=\"value\"\n        [id]=\"id\"\n        [attr.name]=\"name\"\n        [hidden]=\"hidden\"\n        [disabled]=\"disabled\"\n        class=\"form-check-input {{ classes }}\"\n        [required]=\"required\"\n        (keyup)=\"keyup.emit($event)\"\n        (focus)=\"focus.emit($event)\"\n        (blur)=\"blur.emit($event)\"\n      />\n\n      <label\n        *ngIf=\"labelText\"\n        [htmlFor]=\"id\"\n        (keyup.space)=\"onKeyup()\"\n        (click)=\"onChangeValue($event)\"\n        tabindex=\"0\"\n        class=\"form-check-label {{ labelClasses }}\"\n      >\n        <p class=\"mb-0\">{{ labelText }}</p>\n      </label>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":36,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵf"},"multi":true}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":41,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":42,"character":17},"member":"None"}}]}],"members":{"onKeyup":[{"__symbolic":"method"}],"onChangeValue":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"p-google-chart","template":"\n    <div #chartContainer class=\"{{ containerClasses }}\" [ngStyle]=\"style\"></div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"}}]}],"members":{"chartType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"dataTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"containerClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"drawFn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"ready":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":67,"character":3}}]}],"chartContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":["chartContainer"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"LazyLoadScriptService","line":82,"character":45}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"AbstractNgModelComponent","line":32,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"p-datepicker","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":26,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵh"},"multi":true}],"template":"<div class=\"datepicker-container\">\n  <label class=\"{{ labelClass }}\" [attr.for]=\"options.fieldId\">{{ label }}</label>\n  <div #group class=\"input-group\">\n    <input\n      type=\"text\"\n      class=\"form-control bg-white\"\n      [readonly]=\"true\"\n      [attr.placeholder]=\"placeholder\"\n      [value]=\"date | date: displayFormat\"\n      (click)=\"onClick()\"\n    />\n    <fa-icon *ngIf=\"value\" [icon]=\"['fas', 'times']\" class=\"text-secondary\" (click)=\"clear()\"></fa-icon>\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text bg-white\" (click)=\"toggle()\">\n        <fa-icon *ngIf=\"value\" [icon]=\"['fas', 'calendar-day']\"></fa-icon>\n      </span>\n    </div>\n  </div>\n  <ng-datepicker\n    id=\"datepicker\"\n    #datePicker\n    [headless]=\"true\"\n    [position]=\"position\"\n    [options]=\"options\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"destroy$.next()\"\n  >\n  </ng-datepicker>\n</div>\n"}]}],"members":{"locale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"barTitleIfEmpty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"addClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"labelClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"click$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngxs/store","name":"Select","line":47,"character":3},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"EventListenerState","line":47,"character":10},"member":"getOne"},"arguments":["click"]}]}]}],"datePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":["datePicker"]}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":3},"arguments":["group",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":52,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":82,"character":31}]}],"subscribeToEvents":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"flip":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵe"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"p-input","template":"\n    <label *ngIf=\"labelText\" class=\"{{ labelClasses }}\" [attr.for]=\"id\" [innerHTML]=\"labelText\"></label>\n    <input\n      #input\n      class=\"form-control {{ classes }}\"\n      [(ngModel)]=\"value\"\n      [id]=\"id\"\n      [attr.type]=\"type\"\n      [attr.placeholder]=\"placeholder\"\n      [textMask]=\"textMask\"\n      [hidden]=\"hidden\"\n      [name]=\"name\"\n      [disabled]=\"disabled\"\n      [min]=\"'' + min\"\n      [max]=\"'' + max\"\n      [minlength]=\"minlength\"\n      [maxlength]=\"maxlength\"\n      [attr.tabindex]=\"tabindex\"\n      [attr.autocomplete]=\"autocomplete\"\n      [attr.autocorrect]=\"autocorrect\"\n      [attr.spellcheck]=\"spellcheck\"\n      [required]=\"required\"\n      [autofocus]=\"autofocus\"\n      [autofocusDelay]=\"autofocusDelay\"\n      (keyup)=\"keyup.emit($event)\"\n      (focus)=\"focus.emit($event)\"\n      (blur)=\"blur.emit($event)\"\n      (click)=\"click.emit($event)\"\n    />\n    <small *ngIf=\"helpText\" class=\"form-text text-muted {{ helpTextClasses }}\" [innerHTML]=\"helpText\"></small>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":46,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":47,"character":17},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":50,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵi"},"multi":true}]}]}],"members":{"textMask":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"helpText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"helpTextClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"minlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"maxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"autocorrect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"spellcheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":96,"character":3}}]}],"keyup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":98,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":100,"character":3}}]}]}},"ɵj":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"AbstractNgModelComponent","line":71,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"p-listbox","template":"\n    <div class=\"card\">\n      <div class=\"card-header\">\n        <div class=\"col-12 px-0\">\n          <h5>{{ title }}</h5>\n        </div>\n        <div *ngIf=\"isFilterShow\" class=\"col-12 px-0 mt-2\">\n          <div class=\"input-group mb-3\">\n            <div class=\"input-group-prepend\">\n              <span class=\"input-group-text\"><fa-icon [icon]=\"['fas', 'search']\"></fa-icon></span>\n            </div>\n            <p-input\n              [(ngModel)]=\"filterValue\"\n              [attr.placeholder]=\"filterPlaceholder\"\n              classes=\"bg-transparent\"\n              class=\"w-75\"\n            ></p-input>\n          </div>\n        </div>\n      </div>\n      <ul class=\"list-group  list-group-flush {{ classes }}\">\n        <li\n          *pFor=\"\n            let item of items;\n            filterValue: filterValue;\n            filterContain: true;\n            filterKey: 'text';\n            trackBy: trackByFn\n          \"\n          [ngClass]=\"[isActive(item) ? activeClass : '']\"\n          (click)=\"onClick(item)\"\n          style=\"cursor: pointer\"\n          class=\"list-group-item {{ item.classes }}\"\n        >\n          {{ item.text }}\n        </li>\n      </ul>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":61,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":62,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":65,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵj"},"multi":true}]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"activeClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"isFilterShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"filterPlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":91,"character":31}]}],"onClick":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"p-modal","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"},"template":"<!-- Modal -->\n<div\n  id=\"p-modal\"\n  tabindex=\"-1\"\n  class=\"modal fade {{ modalClass }}\"\n  [class.show]=\"visible\"\n  [style.display]=\"visible ? 'block' : 'none'\"\n  [style.padding-right.px]=\"'15'\"\n>\n  <perfect-scrollbar style=\"max-height: auto;\" [config]=\"{ suppressScrollX: true }\">\n    <div\n      style=\"position: relative; max-width: 600px;\"\n      id=\"p-modal-container\"\n      class=\"modal-dialog modal-{{ size }} fade-in-top\"\n      [class.modal-dialog-centered]=\"centered\"\n      #pModalContent\n    >\n      <div #content id=\"p-modal-content\" class=\"modal-content\">\n        <div id=\"p-modal-header\" class=\"modal-header\">\n          <ng-container *ngTemplateOutlet=\"pHeader\"></ng-container>\n\n          <button id=\"p-modal-close-button\" type=\"button\" class=\"close\" (click)=\"visible = false\">\n            <span aria-hidden=\"true\">&times;</span>\n          </button>\n        </div>\n        <div id=\"p-modal-body\" class=\"modal-body\">\n          <ng-container *ngTemplateOutlet=\"pBody\"></ng-container>\n\n          <div id=\"p-modal-footer\" class=\"modal-footer\">\n            <ng-container *ngTemplateOutlet=\"pFooter\"></ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  </perfect-scrollbar>\n\n  <ng-content></ng-content>\n</div>\n"}]}],"members":{"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"centered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"modalClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"visibleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"pHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":57,"character":3},"arguments":["pHeader"]}]}],"pBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":59,"character":3},"arguments":["pBody"]}]}],"pFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":61,"character":3},"arguments":["pFooter"]}]}],"modalContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":3},"arguments":["pModalContent"]}]}],"click$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngxs/store","name":"Select","line":65,"character":3},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"EventListenerState","line":65,"character":10},"member":"getOne"},"arguments":["click"]}]}]}],"keyup$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngxs/store","name":"Select","line":68,"character":3},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"EventListenerState","line":68,"character":10},"member":"getOne"},"arguments":["keyup"]}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":79,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":79,"character":59}]}],"ngOnDestroy":[{"__symbolic":"method"}],"setVisible":[{"__symbolic":"method"}],"listen":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"AbstractNgModelComponent","line":34,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"p-pagination","template":"\n    <ul class=\"pagination pagination-{{ size }} justify-content-{{ alignment }}\">\n      <li [class.disabled]=\"value === 1\" (click)=\"change(value - 1)\" class=\"page-item\">\n        <span class=\"page-link\">{{ previousLabel }}</span>\n      </li>\n      <li\n        *ngFor=\"let page of pages\"\n        [class.active]=\"page.value === value\"\n        (click)=\"change(page.value)\"\n        class=\"page-item\"\n      >\n        <span class=\"page-link\">{{ page.label || page.value }}</span>\n      </li>\n      <li [class.disabled]=\"value === totalPages\" (click)=\"change(value + 1)\" class=\"page-item\">\n        <span class=\"page-link\">{{ nextLabel }}</span>\n      </li>\n    </ul>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":25,"character":17},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":28,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵl"},"multi":true}]}]}],"members":{"alignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"paginationRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"totalPages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"previousLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"nextLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵn"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"p-popover","template":"\n    <div #container [ngStyle]=\"style\" class=\"{{ classes }}\">\n      <div [ngStyle]=\"arrowStyle\" class=\"arrow\"></div>\n      <h3 class=\"popover-header\"><ng-content></ng-content></h3>\n      <div class=\"popover-body\"><ng-content></ng-content></div>\n    </div>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":15},"arguments":["POPOVER_PROVIDER"]}],null],"parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵo"},"member":"Config"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":23,"character":91}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"p-tooltip","host":{"role":"tooltip"},"template":"\n    <div #container class=\"{{ classes }}\" [ngStyle]=\"style\">\n      <div class=\"tooltip-arrow arrow\"></div>\n      <div class=\"tooltip-inner\"><ng-content></ng-content></div>\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"}}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":15},"arguments":["TOOLTIP_PROVIDER"]}],null],"parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵo"},"member":"Config"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":36,"character":91}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"setY":[{"__symbolic":"method"}],"setX":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"p-progress-bar","template":"\n    <div *ngIf=\"show\" class=\"progress\" [style.height]=\"height\">\n      <div [ngStyle]=\"{ width: value + '%' }\" class=\"{{ classes }}\"></div>\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":13,"character":17},"member":"None"}}]}],"members":{"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"show$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngxs/store","name":"Select","line":19,"character":3},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"LoaderState","line":19,"character":10},"member":"progress"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":32,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"showFn":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"AbstractNgModelComponent","line":30,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"p-radio","template":"\n    <div class=\"custom-control custom-radio custom-control-inline {{ classes }}\">\n      <input\n        [attr.id]=\"id\"\n        [attr.name]=\"name\"\n        [value]=\"radioValue\"\n        [disabled]=\"disabled\"\n        [(ngModel)]=\"value\"\n        type=\"radio\"\n        class=\"custom-control-input\"\n      />\n      <label class=\"custom-control-label\" [attr.for]=\"id\"><ng-content></ng-content></label>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":22,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵq"},"multi":true}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"Default"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"}}]}],"members":{"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"id":[{"__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":37,"character":3}}]}],"radioValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}]}},"ɵr":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-performance-ui/core","name":"AbstractNgModelComponent","line":47,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"p-select","template":"\n    <label [attr.for]=\"selectId\">{{ label }}</label>\n    <select\n      class=\"custom-select {{ selectClass }}\"\n      [(ngModel)]=\"value\"\n      [attr.id]=\"selectId\"\n      [compareWith]=\"compareFn\"\n      (ngModelChange)=\"onSelect($event)\"\n    >\n      <option [ngValue]=\"undefined\" *ngIf=\"placeholder\">{{ placeholder }}</option>\n      <option *ngFor=\"let option of options; trackBy: trackByFn\" [ngValue]=\"getOptionValue(option)\"\n        >{{ getOptionLabel(option) }}\n      </option>\n    </select>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":39,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵr"},"multi":true}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":44,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":45,"character":17},"member":"None"}}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"selectId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"selectClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"compareFn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"onSelect":[{"__symbolic":"method"}],"getOptionLabel":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"getOptionValue":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵe"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"p-spinner","template":"\n    <div class=\"input-group mb-3\">\n      <div class=\"input-group-prepend\">\n        <button type=\"button\" class=\"{{ buttonClass }}\" (click)=\"onClick(value - step)\" [disabled]=\"disabled\">\n          {{ decreaseLabel }}\n        </button>\n      </div>\n      <input\n        type=\"number\"\n        class=\"form-control text-center {{ classes }}\"\n        [(ngModel)]=\"value\"\n        [id]=\"id\"\n        [hidden]=\"hidden\"\n        [name]=\"name\"\n        [disabled]=\"disabled\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [attr.tabindex]=\"tabindex\"\n        [required]=\"required\"\n        [autofocus]=\"autofocus\"\n        [autofocusDelay]=\"autofocusDelay\"\n        (keyup)=\"keyup.emit($event)\"\n        (focus)=\"focus.emit($event)\"\n        (blur)=\"blur.emit($event)\"\n      />\n      <div class=\"input-group-append\">\n        <button type=\"button\" class=\"{{ buttonClass }}\" (click)=\"onClick(value + step)\" [disabled]=\"disabled\">\n          {{ increaseLabel }}\n        </button>\n      </div>\n    </div>\n  ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":40,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵs"},"multi":true}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":46,"character":17},"member":"None"}}]}],"members":{"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"r