[{"__symbolic":"module","version":4,"metadata":{"ResponseToolbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"f-response-toolbar","template":"<!-- <div class=\"border bg-primary\" style=\"height:40px;position: relative;\"> --> <div style=\"position:absolute;top:-87px;\" #auxiliaryContainer> <ng-container *ngFor=\"let dataItem of auxiliaryDatas\"> <div class=\"btn-group\" *ngIf=\"dataItem.isDP\" id=\"{{ dataItem.id }}\"> <button type=\"button\" class=\"btn dropdown-toggle dropdown-toggle-split f-btn-ml f-rt-toggle\" [ngClass]=\"dataItem.class\" > {{ dataItem.text }} </button> </div> <button type=\"button\" class=\"btn f-btn-ml f-rt-btn\" [ngClass]=\"dataItem.class\" id=\"{{ dataItem.id }}\" *ngIf=\"!dataItem.isDP\" > {{ dataItem.text }} </button> </ng-container> </div> <div fResized #resizedContainer (resizedEvent)=\"onResize($event)\" class=\"d-flex justify-content-end flex-nowrap\" > <div class=\"d-inline-block f-response-content\" style=\"white-space: nowrap;\" #resizedContent (click)=\"clickItem($event)\" > <ng-container *ngFor=\"let dataItem of toolbarDatas\"> <ng-container *ngIf=\"dataItem.isDP\"> <ng-container *ngTemplateOutlet=\"dropdownTmpl; context: { $implicit: dataItem }\" ></ng-container> </ng-container> <button *ngIf=\"!dataItem.isDP\" type=\"button\" class=\"btn f-rt-btn f-btn-ml\" id=\"{{ dataItem.id }}\" [ngClass]=\"dataItem.class\" [class.disabled]=\"dataItem.disabled\" > {{ dataItem.text }} </button> </ng-container> </div> </div> <!-- </div> --> <!--第一层下拉--> <ng-template #dropdownTmpl let-data> <div class=\"btn-group f-rt-dropdown\" fDropdown [placement]=\"data['placement'] ? data['placement'] : 'bottom-right'\" (dpChangeEvent)=\"dpSectionState($event)\" [forceState]=\"dpState\" [autoRectify]=\"true\" [ngClass]=\"data['dropdownCls']\" > <!--启用下拉分开按钮--> <ng-container *ngIf=\"data.split\"> <button type=\"button\" id=\"{{ data.id }}\" class=\"btn\" [ngClass]=\"data.split ? data.class : data.class + ' f-btn-ml'\" [class.disabled]=\"data.disabled\" > {{ data.text }} </button> <button class=\"btn f-rt-toggle dropdown-toggle dropdown-toggle-split\" [ngClass]=\"data.class\" fDropdownToggle [dpDisabled]=\"data.disabled\" ></button> </ng-container> <!--不启用下拉分开按钮--> <ng-container *ngIf=\"!data.split\"> <button type=\"button\" fDropdownToggle id=\"{{ data.id }}\" class=\"btn f-rt-toggle\" [ngClass]=\"data.class + ' dropdown-toggle f-btn-ml'\" [dpDisabled]=\"data.disabled\" > {{ data.text }} </button> </ng-container> <ul class=\"dropdown-menu\" fDropdownMenu [ngClass]=\"data.menuCls\"> <ng-container *ngFor=\"let item of data.children\"> <ng-container *ngIf=\"item.isDP\"> <ng-container *ngTemplateOutlet=\"dropdownSubTmpl; context: { $implicit: item }\" ></ng-container> </ng-container> <li *ngIf=\"!item.isDP\" class=\"dropdown-item  f-rt-btn\" id=\"{{ item.id }}\" [class.disabled]=\"item.disabled\" > {{ item.text }} </li> </ng-container> </ul> </div> </ng-template> <!--第二层下拉--> <ng-template #dropdownSubTmpl let-subData> <li class=\"dropdown-submenu f-rt-dropdown\" fDropdown [isSubDP]=\"true\" [placement]=\"subData['placement'] ? subData['placement'] : 'right'\" [autoRectify]=\"true\" [ngClass]=\"subData['dropdownCls']\" > <span class=\"dropdown-item  dropdown-toggle f-rt-toggle\" [dpDisabled]=\"subData['disabled']\" [ngClass]=\"subData['class']\" fDropdownToggle id=\"{{ subData.id }}\" >{{ subData.text }}</span > <ul class=\"dropdown-menu\" fDropdownMenu [ngClass]=\"subData.menuCls\"> <ng-container *ngFor=\"let subItem of subData.children\"> <ng-container *ngIf=\"subItem.isDP\"> <ng-container *ngTemplateOutlet=\"dropdownSubTmpl; context: { $implicit: subItem }\" ></ng-container> </ng-container> <li *ngIf=\"!subItem.isDP\" class=\"dropdown-item f-rt-btn\" id=\"{{ subItem.id }}\" [class.disabled]=\"subItem.disabled\" > {{ subItem.text }} </li> </ng-container> </ul> </li> </ng-template> ","styles":[""],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":19},"member":"OnPush"}}]}],"members":{"frtCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":3},"arguments":["class.f-response-toolbar"]}]}],"prCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":35,"character":3},"arguments":["class.position-relative"]}]}],"OverflowCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":3},"arguments":["class.farris-overflow-hidden"]}]}],"resizedContainerEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":3},"arguments":["resizedContainer"]}]}],"auxiliaryContainerEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":["auxiliaryContainer"]}]}],"resizedContentEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":["resizedContent"]}]}],"rtClickEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"groups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"datas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"btnState":[{"__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":"ElementRef","line":90,"character":8},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":91,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":92,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"dpSectionState":[{"__symbolic":"method"}],"changeState":[{"__symbolic":"method"}],"clickItem":[{"__symbolic":"method"}],"_getDistance":[{"__symbolic":"method"}],"_restitute":[{"__symbolic":"method"}],"_calculate":[{"__symbolic":"method"}],"_formatData":[{"__symbolic":"method"}],"_getFirstUnResponsedIndex":[{"__symbolic":"method"}],"_getLastResponseIndex":[{"__symbolic":"method"}],"_findIndexByID":[{"__symbolic":"method"}],"_findItemByID":[{"__symbolic":"method"}]}}}}]