UNPKG

@lucasferreiralsf/angular-frontend-library

Version:

This is a set of custom angular components to easy the development of any Subway frontend project.

1 lines 47.5 kB
{"__symbolic":"module","version":4,"metadata":{"SubwayComponentsLibraryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":31,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ViewContainerComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"MatFormFieldComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"DataTableComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"DialogComponent"},{"__symbolic":"reference","name":"ViewEditContainerComponent"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"HeaderComponent"},{"__symbolic":"reference","name":"HeaderDirective"},{"__symbolic":"reference","name":"SideNavComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":51,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":52,"character":4},{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"PerfectScrollbarModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":54,"character":4},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":56,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":57,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":58,"character":4}],"exports":[{"__symbolic":"reference","name":"ViewContainerComponent"},{"__symbolic":"reference","name":"MatFormFieldComponent"},{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ViewEditContainerComponent"},{"__symbolic":"reference","name":"DialogComponent"},{"__symbolic":"reference","name":"HeaderComponent"},{"__symbolic":"reference","name":"HeaderDirective"},{"__symbolic":"reference","name":"SideNavComponent"}],"providers":[{"provide":{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"PERFECT_SCROLLBAR_CONFIG","line":72,"character":15},"useValue":{}}]}]}],"members":{}},"DialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":14,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"getTabs":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"DataTableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"setDataSource":[{"__symbolic":"method"}],"setInputData":[{"__symbolic":"method"}],"buttonRowClick":[{"__symbolic":"method"}],"topButtonClick":[{"__symbolic":"method"}],"filterLimparButtonClick":[{"__symbolic":"method"}],"filterPesquisarButtonClick":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"PopoverService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"closeDropdown":[{"__symbolic":"method"}],"buttonClickEmit":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"SidenavService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"isExpandStatus":[{"__symbolic":"method"}],"expandEmit":[{"__symbolic":"method"}],"showEmit":[{"__symbolic":"method"}],"hideToggleEmit":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ViewContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"sb-view-container","template":"<div class=\"view-container mat-elevation-z3\">\r\n <sb-data-table [selectColumn]=\"tableSelectColumn\" [columnNames]=\"columnNames\" [actions]=\"actions\" [inputData]=\"inputData\" [topActionButtons]=\"topActionButtons\">\r\n <ng-content select=\".filters\" class=\"sb-data-table-content\"></ng-content>\r\n </sb-data-table>\r\n</div>\r\n","styles":[".view-container{transition:box-shadow 280ms cubic-bezier(.4,0,.2,1);display:block;position:relative;padding:16px 0;margin:5px;border-radius:4px;background:#fff}.filter-container{padding:5px 16px}"]}]}],"members":{"tableSelectColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"columnNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"inputData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"topActionButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"MatFormFieldComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"sb-mat-form-field","template":"<mat-form-field [appearance]=\"appearence\" fxFlex >\r\n <mat-label>{{formName}}</mat-label>\r\n <input matInput placeholder=\"{{placeHolder ? placeHolder : formName}}\" />\r\n <mat-icon matSuffix>{{iconName}}</mat-icon>\r\n <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\r\n</mat-form-field>\r\n","styles":[""]}]}],"members":{"appearence":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"showHint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"matSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"matPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"iconName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"placeHolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"formName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"formfields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":28,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatFormField","line":28,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":30,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sb-button","template":"<div [ngSwitch]=\"materialTypeButton\">\r\n <button\r\n *ngSwitchCase=\"'mat-button'\"\r\n mat-button\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName || actionName == '' || actionName == null\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n <button\r\n *ngSwitchCase=\"'mat-raised-button'\"\r\n mat-raised-button\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n <button\r\n *ngSwitchCase=\"'mat-icon-button'\"\r\n mat-icon-button\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n <button\r\n *ngSwitchCase=\"'mat-fab'\"\r\n mat-fab\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n <button\r\n *ngSwitchCase=\"'mat-mini-fab'\"\r\n mat-mini-fab\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n <button\r\n *ngSwitchCase=\"'mat-stroked-button'\"\r\n mat-stroked-button\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n <button\r\n *ngSwitchCase=\"'mat-flat-button'\"\r\n mat-flat-button\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n</div>\r\n","styles":[".button-full-width{width:100%}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"actionName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"typeButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"materialTypeButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"fullWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"customStyles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"buttonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"topButtonClick":[{"__symbolic":"method"}]}},"ViewEditContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sb-view-edit-container","template":"<sb-dialog (confirmClick)=\"confirmClick()\" [typeButton]=\"typeButton ? typeButton : 'submit'\">\r\n <mat-tab-group>\r\n <mat-tab #matTabTag *ngFor=\"let tab of templates; let index = index\" [label]=\"tab[0]\">\r\n <ng-container *ngTemplateOutlet=\"tab[1]\"></ng-container>\r\n </mat-tab>\r\n </mat-tab-group>\r\n</sb-dialog>\r\n\r\n<!-- <ng-content></ng-content> -->\r\n\r\n\r\n","styles":[""]}]}],"members":{"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"typeButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"modalConfirmClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"confirmClick":[{"__symbolic":"method"}]}},"DialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sb-dialog","template":"<div mat-dialog-content>\r\n <ng-content></ng-content>\r\n</div>\r\n<div mat-dialog-actions fxLayout fxLayoutAlign=\"flex-end center\" fxLayoutGap=\"5px\">\r\n <sb-button actionName=\"Cancelar\" typeButton=\"button\" materialTypeButton=\"mat-stroked-button\" (buttonClick)=\"onCancelClick()\"></sb-button>\r\n <sb-button actionName=\"Confirmar\" [typeButton]=\"typeButton\" materialTypeButton=\"mat-flat-button\" color=\"primary\" (buttonClick)=\"onConfirmClick()\"></sb-button>\r\n</div>\r\n<!-- <h1 mat-dialog-title>Hi {{data.name}}</h1>\r\n <p>What's your favorite animal?</p>\r\n <mat-form-field>\r\n <input matInput [(ngModel)]=\"data\">\r\n </mat-form-field>\r\n <ng-content [select]=\"selectContentId\"></ng-content>\r\n</div>\r\n<div mat-dialog-actions>\r\n <button mat-button (click)=\"onNoClick()\">No Thanks</button>\r\n <button mat-button [mat-dialog-close]=\"data\" cdkFocusInitial>Ok</button>\r\n</div> -->\r\n","styles":[""]}]}],"members":{"typeButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"confirmClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"DialogComponent"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onCancelClick":[{"__symbolic":"method"}],"onConfirmClick":[{"__symbolic":"method"}]}},"HeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"sb-header","template":"<header>\n <mat-toolbar color=\"primary\">\n <mat-toolbar-row fxLayout fxLayoutAlign=\"space-between center\">\n <div fxLayout fxLayoutAlign=\"center center\">\n <div fxLayout fxLayoutAlign=\"center center\">\n <img *ngIf=\"logoImgSrc\" [src]=\"logoImgSrc\" class=\"logo-principal\" />\n <div class=\"sb-mat-title-appbar\">{{ appName }}</div>\n </div>\n <button\n *ngIf=\"showMenuButton\"\n mat-icon-button\n (click)=\"showMenuButtonClick()\"\n >\n <mat-icon class=\"icons-toolbar\">menu</mat-icon>\n </button>\n </div>\n <div>\n <ng-content></ng-content>\n </div>\n </mat-toolbar-row>\n </mat-toolbar>\n</header>\n","styles":[".logo-principal{width:28px;margin:auto}.sb-mat-title-appbar{font:400 24px/36px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 0 8px;color:#fff}"]}]}],"members":{"logoImgSrc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"appName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"showMenuButtonClick":[{"__symbolic":"method"}]}},"SideNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sb-side-nav","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":10,"character":4},"arguments":["openClose",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":11,"character":6},"arguments":["open",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":11,"character":20},"arguments":[{"width":"238px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":14,"character":6},"arguments":["closed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":22},"arguments":[{"width":"72px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":17,"character":6},"arguments":["open => closed",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":18,"character":8},"arguments":[{"width":"72px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":19,"character":8},"arguments":["200ms ease-in"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":21,"character":6},"arguments":["closed => open",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":8},"arguments":[{"width":"238px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":23,"character":8},"arguments":["200ms ease-in"]}]]}]]}],"template":"<mat-sidenav-container class=\"sb-sidenav-container\" autosize>\n <mat-sidenav\n #sidenav\n class=\"mat-elevation-z3 sb-sidenav\"\n [@openClose]=\"isHideToggle ? 'closed' : 'open'\"\n mode=\"side\"\n opened=\"true\"\n (mouseenter)=\"mouseenter()\"\n (mouseleave)=\"mouseleave()\"\n *ngIf=\"isRenderSidenav\"\n >\n <perfect-scrollbar>\n <ng-content select=\".sb-sidenav-menus\"></ng-content>\n </perfect-scrollbar>\n </mat-sidenav>\n\n <!-- Main content -->\n <mat-sidenav-content>\n <perfect-scrollbar>\n <ng-content select=\".sb-sidenav-content\"></ng-content>\n </perfect-scrollbar>\n </mat-sidenav-content>\n</mat-sidenav-container>\n","styles":[".sb-sidenav-container{height:100%}.sb-sidenav{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"]}]}],"members":{"isRenderSidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"SidenavService"}]}],"ngOnInit":[{"__symbolic":"method"}],"mouseenter":[{"__symbolic":"method"}],"mouseleave":[{"__symbolic":"method"}]}},"DataTableColumnNamesInterface":{"__symbolic":"interface"},"DataTableInputDataInterface":{"__symbolic":"interface"},"DataTableActionsInterface":{"__symbolic":"interface"},"DataTableTopActionButtonInterface":{"__symbolic":"interface"},"DataTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":44,"character":1},"arguments":[{"selector":"sb-data-table","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":49,"character":4},"arguments":["flipInOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":50,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":52,"character":8},"arguments":[{"__symbolic":"reference","module":"ng-animate","name":"flipInX","line":52,"character":21},{"params":{"timing":0.3,"delay":0,"a":"10px","b":"0"}}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":56,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":58,"character":8},"arguments":[{"__symbolic":"reference","module":"ng-animate","name":"flipOutX","line":58,"character":21},{"params":{"timing":0.3,"delay":0}}]}]}]]}],"template":"<div>\r\n <div fxLayout fxLayoutAlign=\"space-between center\" class=\"mr-16 ml-16 mb-5\">\r\n <div #topButtonAction fxLayout=\"row wrap\" fxLayoutAlign=\"flex-start center\" fxLayoutGap=\"10px grid\">\r\n <sb-button\r\n *ngFor=\"let buttonElement of topActionButtons\"\r\n [materialTypeButton]=\"buttonElement.buttonType\"\r\n [color]=\"buttonElement.buttonColor\"\r\n [actionName]=\"buttonElement.actionName\"\r\n [customStyles]=\"topButtonStyle\"\r\n (buttonClick)=\"topButtonClick(buttonElement.eventSlug)\"\r\n ></sb-button>\r\n </div>\r\n <sb-filter-table (limpar)=\"filterLimparButtonClick()\" (pesquisa)=\"filterPesquisarButtonClick()\">\r\n <ng-content select=\".sb-data-table-content\"></ng-content>\r\n </sb-filter-table>\r\n </div>\r\n <table mat-table [dataSource]=\"data\" style=\"width: 100%;\" class=\"table-striped table-hover\">\r\n <!-- Checkbox Column -->\r\n\r\n <ng-container [matColumnDef]=\"column\" *ngFor=\"let column of displayedColumns\">\r\n <div *ngIf=\"column == 'select'\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n <mat-checkbox\r\n (change)=\"$event ? masterToggle() : null\"\r\n [checked]=\"selection.hasValue() && isAllSelected()\"\r\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n >\r\n </mat-checkbox>\r\n </th>\r\n <td mat-cell *matCellDef=\"let row\">\r\n <mat-checkbox\r\n (click)=\"$event.stopPropagation()\"\r\n (change)=\"$event ? selection.toggle(row) : null\"\r\n [checked]=\"selection.isSelected(row)\"\r\n >\r\n </mat-checkbox>\r\n </td>\r\n </div>\r\n <div *ngIf=\"column !== 'select' && column !== 'actions'\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n {{ verifyNameColumn(column) }}\r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">{{ element[column] }}</td>\r\n </div>\r\n <div *ngIf=\"column == 'actions'\">\r\n <th mat-header-cell *matHeaderCellDef>Ações</th>\r\n <td mat-cell *matCellDef=\"let element\">\r\n <div fxLayout>\r\n <div *ngFor=\"let buttonElement of (element.actions | keyvalue)\">\r\n <button\r\n mat-icon-button\r\n *ngIf=\"!buttonElement.value.isDelete\"\r\n (click)=\"buttonRowClick(buttonElement.value.actionName, element.id)\"\r\n matTooltip=\"{{ buttonElement.value.actionDescription }}\"\r\n >\r\n <mat-icon>{{ buttonElement.value.actionIcon }}</mat-icon>\r\n </button>\r\n <sb-popover\r\n *ngIf=\"buttonElement.value.isDelete\"\r\n matTooltip=\"{{ buttonElement.value.actionDescription }}\"\r\n elementId=\"{{ element.id }}\"\r\n popoverTitle=\"{{ buttonElement.value.isDeleteTitle }}\"\r\n popoverDescription=\"{{ buttonElement.value.isDeleteDescription }}\"\r\n ></sb-popover>\r\n </div>\r\n </div>\r\n </td>\r\n </div>\r\n </ng-container>\r\n\r\n <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: columnsToDisplay\" (click)=\"selection.toggle(row)\"></tr>\r\n </table>\r\n\r\n <div @flipInOut *ngIf=\"data.data.length == 0\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5px\" class=\"m-30\">\r\n <img src=\"../../../assets/img/nodata.svg\" />\r\n <p class=\" mat-caption\">\r\n Sem Registros\r\n </p>\r\n </div>\r\n\r\n <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" class=\"mt-10\"></mat-paginator>\r\n</div>\r\n","styles":["td.mat-cell:last-of-type,td.mat-footer-cell:last-of-type,th.mat-header-cell:last-of-type{width:180px;text-align:center}"]}]}],"members":{"selectColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"columnNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"inputData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"topActionButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatPaginator","line":72,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DataTableService"},{"__symbolic":"reference","name":"PopoverService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":89,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"filterLimparButtonClick":[{"__symbolic":"method"}],"filterPesquisarButtonClick":[{"__symbolic":"method"}],"topButtonClick":[{"__symbolic":"method"}],"buttonRowClick":[{"__symbolic":"method"}],"addActionsToData":[{"__symbolic":"method"}],"isAllSelected":[{"__symbolic":"method"}],"masterToggle":[{"__symbolic":"method"}],"displayColumns":[{"__symbolic":"method"}],"addSelectToDisplayedColumns":[{"__symbolic":"method"}],"addActionsToDisplayedColumns":[{"__symbolic":"method"}],"verifyNameColumn":[{"__symbolic":"method"}],"addColumn":[{"__symbolic":"method"}],"removeColumn":[{"__symbolic":"method"}]}},"HeaderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[sbHasSideNav]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"sb-filter-table","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":17,"character":4},"arguments":["flipInOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":18,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":18,"character":30},"arguments":[{"__symbolic":"reference","module":"ng-animate","name":"flipInX","line":18,"character":43},{"params":{"timing":0.4,"delay":0}}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":20,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":20,"character":30},"arguments":[{"__symbolic":"reference","module":"ng-animate","name":"flipOutX","line":20,"character":43},{"params":{"timing":0.5,"delay":0}}]}]}]]}],"template":"<div fxLayout=\"row\" fxLayoutAlign=\"flex-end center\">\r\n\t<button @flipInOut *ngIf=\"btnLimparOutsideShow == 'in'\" id=\"btn-filter-limpar-outside\" mat-button class=\"btn-filter\"\r\n\t\t(click)=\"limparFiltro();\">Limpar Filtro</button>\r\n\t<button mat-icon-button (click)=\"openFilterTableContentOverlay()\" cdk-overlay-origin id=\"filter-table-button\">\r\n\t\t<mat-icon>filter_list</mat-icon>\r\n\t</button>\r\n\t<ng-template cdk-portal #overlayDropDownContentTemplate=\"cdkPortal\">\r\n\t\t<mat-card @flipInOut style=\"z-index: 1;\" class=\"mat-elevation-z4\">\r\n\t\t\t<div fxLayout=\"row wrap\" fxLayoutGap=\"20px grid\" fxLayoutAlign=\"center\">\r\n\t\t\t\t<ng-content></ng-content>\r\n\t\t\t</div>\r\n\t\t\t<sb-filter-table-actions (limpar)=\"limparFiltro()\" (pesquisa)=\"pesquisar()\"></sb-filter-table-actions>\r\n\t\t</mat-card>\r\n\t</ng-template>\r\n</div>\r\n","styles":[""]}]}],"members":{"limpar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"pesquisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"_overlayOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"CdkOverlayOrigin","line":34,"character":13}]}]}],"overlayDropDownContentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":["overlayDropDownContentTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":45,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":46,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"openFilterTableContentOverlay":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}],"toggleFilter":[{"__symbolic":"method"}],"pesquisar":[{"__symbolic":"method"}],"limparFiltro":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sb-filter-table-actions","template":"<div fxLayout=\"row\" fxLayoutAlign=\"flex-end center\" fxLayoutGap=\"8px\">\n <button\n id=\"btn-filter-limpar-inside\"\n mat-stroked-button\n class=\"btn-filter\"\n (click)=\"limparFiltro()\"\n >\n Limpar\n </button>\n <button\n id=\"btn-filter-pesquisar\"\n mat-flat-button\n color=\"primary\"\n class=\"btn-filter\"\n (click)=\"pesquisar()\"\n >\n Pesquisar\n </button>\n <ng-content></ng-content>\n</div>\n","styles":[""]}]}],"members":{"limpar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":3}}]}],"pesquisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"pesquisar":[{"__symbolic":"method"}],"limparFiltro":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sb-data-table-actions","template":"<p>\n data-table-actions works!\n</p>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sb-data-table-row-actions","template":"<p>\n data-table-row-actions works!\n</p>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"sb-popover","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":25,"character":4},"arguments":["flipInOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":26,"character":6},"arguments":["void => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":28,"character":8},"arguments":[{"__symbolic":"reference","module":"ng-animate","name":"fadeInUp","line":28,"character":21},{"params":{"timing":0.3,"delay":0,"a":"10px","b":"0"}}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":32,"character":6},"arguments":["* => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":34,"character":8},"arguments":[{"__symbolic":"reference","module":"ng-animate","name":"fadeOut","line":34,"character":21},{"params":{"timing":0.3,"delay":0}}]}]}]]}],"template":"<button\r\n mat-icon-button\r\n type=\"button\"\r\n id=\"action-dropdown-button\"\r\n cdk-overlay-origin\r\n (click)=\"openPopover()\"\r\n>\r\n <mat-icon>delete</mat-icon>\r\n</button>\r\n<ng-template cdk-portal #popoverContentTemplate=\"cdkPortal\">\r\n <div\r\n @flipInOut\r\n fxLayout=\"column\"\r\n fxLayoutAlign=\"space-between\"\r\n class=\"div-container-popover mat-elevation-z4 arrowBox\"\r\n >\r\n <div fxLayout>\r\n <div class=\"mat-body\">{{ popoverTitle }}</div>\r\n </div>\r\n <div fxLayout class=\"p-10\">\r\n <div class=\"mat-caption\">{{ popoverDescription }}</div>\r\n </div>\r\n <div fxLayout fxLayoutAlign=\"flex-end\" fxLayoutGap=\"5px\">\r\n <button\r\n mat-flat-button\r\n class=\"button-popover\"\r\n (click)=\"clickActionButton('canceldelete')\"\r\n >\r\n Cancelar\r\n </button>\r\n <button\r\n mat-flat-button\r\n color=\"primary\"\r\n class=\"button-popover\"\r\n (click)=\"clickActionButton('confirmdelete')\"\r\n >\r\n Confirmar\r\n </button>\r\n </div>\r\n </div>\r\n</ng-template>\r\n","styles":[".button-popover{font-size:.7em;height:20px;line-height:20px;padding:0}.mat-body{font-weight:500}.arrowBox{min-width:200px;min-height:30px;background-color:#fff;border-radius:5px;position:relative;padding:10px;font-family:Roboto,sans-serif;font-size:14px;line-height:22px;text-align:center;margin:0 0 7px 30px}.arrowBox:after{content:' ';width:0;height:0;border-top:10px solid #fff;border-left:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;border-radius:0 30%;position:absolute;left:50%;top:100%;margin:-10px 0 0 -5px;-webkit-transform:rotate(135deg);transform:rotate(135deg);box-shadow:3px -4px 5px -1px rgba(0,0,0,.26)}#player{z-index:-1;position:relative;top:-16px;left:114px}#inner{-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff;width:20px;height:20px;top:2px;left:-9px;position:relative;border-radius:6px}#outer{position:absolute;width:16px;height:25px;overflow:hidden;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}"]}]}],"members":{"popoverTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"popoverDescription":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"elementId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"popoverOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"CdkOverlayOrigin","line":49,"character":13}]}]}],"popoverContentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":["popoverContentTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":63,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":64,"character":29},{"__symbolic":"reference","name":"PopoverService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"openPopover":[{"__symbolic":"method"}],"clickActionButton":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"sb-mat-tab","template":"<mat-tab [label]=\"label\">\r\n <ng-content></ng-content>\r\n</mat-tab>\r\n","styles":[""]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"showMenuClick":[{"__symbolic":"method"}],"showMenuButton":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵh":[{"__symbolic":"reference","module":"@angular/material","name":"MatCheckboxModule","line":36,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatCheckboxModule","line":37,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":38,"character":2},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":39,"character":2},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":40,"character":2},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":41,"character":2},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":42,"character":2},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":43,"character":2},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":44,"character":2},{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":45,"character":2},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":46,"character":2},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":47,"character":2},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":48,"character":2},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":49,"character":2},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":50,"character":2},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":51,"character":2},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":52,"character":2},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":53,"character":2},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":54,"character":2},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":55,"character":2},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":56,"character":2},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":57,"character":2},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":58,"character":2},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":59,"character":2},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":60,"character":2},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":61,"character":2},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":62,"character":2},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":63,"character":2},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":64,"character":2},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":65,"character":2},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":66,"character":2},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":67,"character":2}]},"origins":{"SubwayComponentsLibraryModule":"./lib/subway-components-library.module","DialogService":"./lib/components/dialog/dialog.service","DataTableService":"./lib/data-table/data-table.service","PopoverService":"./lib/data-table/popover/popover.service","SidenavService":"./lib/side-nav/sidenav.service","ViewContainerComponent":"./lib/view-container/view-container.component","MatFormFieldComponent":"./lib/components/sb-mat-form-field/sb-mat-form-field.component","ButtonComponent":"./lib/components/button/button.component","ViewEditContainerComponent":"./lib/view-edit-container/view-edit-container.component","DialogComponent":"./lib/components/dialog/dialog.component","HeaderComponent":"./lib/header/header.component","SideNavComponent":"./lib/side-nav/side-nav.component","DataTableColumnNamesInterface":"./lib/data-table/data-table.component","DataTableInputDataInterface":"./lib/data-table/data-table.component","DataTableActionsInterface":"./lib/data-table/data-table.component","DataTableTopActionButtonInterface":"./lib/data-table/data-table.component","DataTableComponent":"./lib/data-table/data-table.component","HeaderDirective":"./lib/header/header.directive","ɵa":"./lib/data-table/filter-table/filter-table.component","ɵb":"./lib/data-table/filter-table/filter-table-actions/filter-table-actions.component","ɵc":"./lib/data-table/data-table-actions/data-table-actions.component","ɵd":"./lib/data-table/data-table-row-actions/data-table-row-actions.component","ɵe":"./lib/data-table/popover/popover.component","ɵf":"./lib/view-edit-container/mat-tab/mat-tab.component","ɵg":"./lib/header/header.service","ɵh":"./lib/material/material.module"},"importAs":"@lucasferreiralsf/angular-frontend-library"}