{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1}}],"members":{"getRowValidator":[{"__symbolic":"method"}]}},"CustomFieldsEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"app-custom-fields-editor","providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useClass":{"__symbolic":"reference","name":"ɵa"}}],"template":"<div *ngIf=\"loading\">\r\n  <app-loading-zone></app-loading-zone>\r\n</div>\r\n<div *ngIf=\"rendered\">\r\n  <div [formGroup]=\"createNodeTypeForm\" >\r\n    <div class=\"content\">\r\n      <div class=\" container-spaced \">\r\n        <mat-form-field class=\"col col-12\" *ngIf=\"showName\" appearance=\"outline\">\r\n          <mat-label i18n=\"@@ux.customfieldeditor.globalName\">Name</mat-label>\r\n          <input formControlName=\"name\" matInput required >\r\n        </mat-form-field>\r\n\r\n        <div class=\"col-12\">\r\n          <h5>Fields:</h5>\r\n        </div>\r\n        <div *ngIf=\"dataSource\" class=\"col col-12\">\r\n          <mat-table class=\"tab-fields-content-types\" [dataSource]=\"dataSource\">\r\n            <ng-container matColumnDef=\"label\">\r\n              <mat-header-cell *matHeaderCellDef i18n=\"@@ux.customfieldeditor.field.label\" style=\"flex: 2\"> Label</mat-header-cell>\r\n              <mat-cell *matCellDef=\"let row\" style=\"flex: 2\">\r\n                <mat-form-field class=\"\" floatLabel=\"{{ row.editing ? 'float' : 'never'}}\" appearance=\"outline\"><!-- -->\r\n                  <input [formControl]=\"row.validator.controls['label']\" matInput>\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </ng-container>\r\n            <ng-container matColumnDef=\"slug\">\r\n              <mat-header-cell *matHeaderCellDef i18n=\"@@ux.customfieldeditor.field.name\" style=\"flex: 2\"> Name</mat-header-cell>\r\n              <mat-cell *matCellDef=\"let row\" style=\"flex: 2\">\r\n                <mat-form-field class=\"\" floatLabel=\"{{ row.editing ? 'float' : 'never'}}\" appearance=\"outline\"><!-- -->\r\n                  <input [formControl]=\"row.validator.controls['slug']\" matInput>\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </ng-container>\r\n            <ng-container matColumnDef=\"type\">\r\n              <mat-header-cell *matHeaderCellDef i18n=\"@@ux.customfieldeditor.field.type\" style=\"flex: 2\"> Type</mat-header-cell>\r\n              <mat-cell *matCellDef=\"let row\" style=\"flex: 2\">\r\n                <div style=\"max-width: 100%\">\r\n                <mat-form-field class=\"select-tab\" appearance=\"outline\">\r\n                <mat-select class=\"\" [formControl]=\"row.validator.controls['type']\">\r\n                  <mat-option *ngFor=\"let fieldType of fieldTypes\" [value]=\"fieldType.value\">\r\n                    {{fieldType.label}}\r\n                  </mat-option>\r\n                </mat-select>\r\n                </mat-form-field>\r\n                <mat-form-field class=\"select-tab\" appearance=\"outline\" *ngIf=\"row.editing && row.validator.controls['type'].value === 'REFERENTIAL'\">\r\n                  <mat-label i18n=\"@@ux.customfieldeditor.field.chooseapreset\" >Choose a preset</mat-label>\r\n                  <mat-select class=\"\" >\r\n                    <mat-option *ngFor=\"let referential of referentials\" [value]=\"referential\" (onSelectionChange)=\"onReferentialSelected(row, referential)\">\r\n                      {{referential.label}}\r\n                    </mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n                <mat-form-field  floatLabel=\"{{ row.editing ? 'float' : 'never'}}\" appearance=\"outline\"  *ngIf=\"row.editing && row.validator.controls['type'].value === 'REFERENTIAL'\">\r\n                  <mat-label i18n=\"@@ux.customfieldeditor.field.possibleValuesUrl\">Relative url of the referential (begin with /)</mat-label>\r\n                  <input [formControl]=\"row.validator.controls['possibleValuesUrl']\" matInput>\r\n                </mat-form-field>\r\n                <mat-form-field  floatLabel=\"{{ row.editing ? 'float' : 'never'}}\" appearance=\"outline\"  *ngIf=\"row.editing && row.validator.controls['type'].value === 'REFERENTIAL'\">\r\n                  <mat-label i18n=\"@@ux.customfieldeditor.field.possibleValuesUrlLabelPath\">Path of the property that contains the label</mat-label>\r\n                  <input [formControl]=\"row.validator.controls['possibleValuesUrlLabelPath']\" matInput>\r\n                </mat-form-field>\r\n                <mat-form-field  floatLabel=\"{{ row.editing ? 'float' : 'never'}}\" appearance=\"outline\"  *ngIf=\"row.editing && row.validator.controls['type'].value === 'REFERENTIAL'\">\r\n                  <mat-label i18n=\"@@ux.customfieldeditor.field.possibleValuesUrlContentPath\">Path of the list of objects in the response</mat-label>\r\n                  <input [formControl]=\"row.validator.controls['possibleValuesUrlContentPath']\" matInput>\r\n                </mat-form-field>\r\n                <mat-form-field  floatLabel=\"{{ row.editing ? 'float' : 'never'}}\" appearance=\"outline\"  *ngIf=\"row.editing  && row.validator.controls['type'].value === 'REFERENTIAL'\">\r\n                  <mat-label i18n=\"@@ux.customfieldeditor.field.possibleValuesUrlIdPath\">Path of the property that contains the value</mat-label>\r\n                  <input [formControl]=\"row.validator.controls['possibleValuesUrlIdPath']\" matInput>\r\n                </mat-form-field>\r\n                </div>\r\n\r\n              </mat-cell>\r\n            </ng-container>\r\n            <ng-container matColumnDef=\"possibleValues\">\r\n              <mat-header-cell *matHeaderCellDef i18n=\"@@ux.customfieldeditor.field.possiblevalues\" style=\"flex: 2\"> Possible Values</mat-header-cell>\r\n              <mat-cell *matCellDef=\"let row\" style=\"flex: 2\">\r\n                <mat-form-field class=\"\" floatLabel=\"{{ row.editing ? 'float' : 'never'}}\" appearance=\"outline\"><!-- -->\r\n                  <input [formControl]=\"row.validator.controls['possibleValues']\" matInput\r\n                         placeholder=\"Possible Values\" i18n-placeholder=\"@@ux.customfieldeditor.field.possiblevalues\">\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </ng-container>\r\n            <ng-container matColumnDef=\"helper\">\r\n              <mat-header-cell *matHeaderCellDef i18n=\"@@ux.customfieldeditor.field.helper\"  style=\"flex: 2\"> Helper</mat-header-cell>\r\n              <mat-cell *matCellDef=\"let row\" style=\"flex: 2\">\r\n                <mat-form-field class=\"\" floatLabel=\"{{ row.editing ? 'float' : 'never'}}\" appearance=\"outline\"><!-- -->\r\n                  <input [formControl]=\"row.validator.controls['helper']\" matInput placeholder=\"Helper\" i18n-placeholder=\"@@ux.customfieldeditor.field.helper\">\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </ng-container>\r\n            <ng-container matColumnDef=\"order\">\r\n              <mat-header-cell *matHeaderCellDef i18n=\"@@ux.customfieldeditor.field.order\" style=\"flex: 1\"> Order</mat-header-cell>\r\n              <mat-cell *matCellDef=\"let row\" style=\"flex: 1\">\r\n                <mat-form-field class=\"\" floatLabel=\"{{ row.editing ? 'float' : 'never'}}\" appearance=\"outline\">\r\n                  <input [formControl]=\"row.validator.controls['order']\" matInput placeholder=\"Order\" type=\"number\" i18n-placeholder=\"@@ux.customfieldeditor.field.order\">\r\n                </mat-form-field>\r\n              </mat-cell>\r\n            </ng-container>\r\n            <ng-container matColumnDef=\"actionsColumn\">\r\n              <mat-header-cell *matHeaderCellDef  style=\"flex: 1\">\r\n              </mat-header-cell>\r\n              <mat-cell *matCellDef=\"let row\" style=\"flex: 1\">\r\n                <button (click)=\"row.startEdit()\" *ngIf=\"!row.editing\" color=\"accent\" focusable=\"false\" mat-icon-button>\r\n                  <mat-icon aria-hidden=\"false\" aria-label=\"Edit\" i18n-aria-label=\"@@ux.customfieldeditor.action.edit\">edit</mat-icon>\r\n                </button>\r\n                <button (click)=\"row.confirmEditCreate()\" *ngIf=\"row.editing\" color=\"accent\" focusable=\"false\"\r\n                        mat-icon-button>\r\n                  <mat-icon aria-hidden=\"false\" aria-label=\"Validate\" i18n-aria-label=\"@@ux.customfieldeditor.action.validate\">check</mat-icon>\r\n                </button>\r\n                <button (click)=\"row.cancelOrDelete()\" color=\"accent\" focusable=\"false\" mat-icon-button>\r\n                  <mat-icon aria-hidden=\"false\" aria-label=\"Delete\" i18n-aria-label=\"@@ux.customfieldeditor.action.delete\">delete</mat-icon>\r\n                </button>\r\n              </mat-cell>\r\n            </ng-container>\r\n\r\n\r\n\r\n            <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\r\n            <mat-row *matRowDef=\"let row; columns: displayedColumns;\">\r\n\r\n\r\n            </mat-row>\r\n          </mat-table>\r\n          <div style=\"float: right;margin-top:10px; \">\r\n            <button color=\"accent\" (click)=\"addNodeTypeField()\" mat-button i18n=\"@@ux.customfieldeditor.action.addnewfield\">Add new field</button>\r\n          </div>\r\n\r\n        </div>\r\n\r\n\r\n        <br/><br/>\r\n        <div class=\"col col-12\">\r\n        <mat-form-field *ngIf=\"showVisibility\" appearance=\"outline\">\r\n          <mat-label>Visibility</mat-label>\r\n          <mat-select formControlName=\"visibility\">\r\n            <mat-option *ngFor=\"let visibilityType of visibilityTypes\" [value]=\"visibilityType\">\r\n              {{visibilityType}}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n        </div>\r\n\r\n\r\n        <div *ngIf=\"!processing\"  class=\"action-button\"><br/><br/>\r\n          <button (click)=\"back()\"  mat-stroked-button i18n=\"@@ux.customfieldeditor.action.cancel\">Cancel</button>\r\n          <button (click)=\"onSubmitForm()\" color=\"accent\" mat-flat-button i18n=\"@@ux.customfieldeditor.action.save\">Save</button>\r\n        </div>\r\n        <div *ngIf=\"processing\" class=\"action-button\">\r\n          <app-loading-zone></app-loading-zone>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n","styles":["table{width:100%}.cancel-button{margin-right:20px}mat-form-field{max-width:100%}mat-row{align-items:flex-start}"]}]}],"members":{"orgId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"attachedElementId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"nodeTypeSlug":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"customFieldService":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"showName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"showVisibility":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"onSaved":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"onError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":93,"character":26},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":93,"character":55},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":93,"character":78},{"__symbolic":"reference","module":"fappi-ng-material-kit","name":"UXMessageService","line":93,"character":120},{"__symbolic":"reference","name":"ɵb"}]}],"onReferentialSelected":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"loadNodeTypes":[{"__symbolic":"method"}],"onSubmitForm":[{"__symbolic":"method"}],"back":[{"__symbolic":"method"}],"addNodeTypeField":[{"__symbolic":"method"}]},"statics":{"NODE_TYPE_DONT_EXIST":"Node type dont exist"}},"HasGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[fappiHasGroup]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":19,"character":37},{"__symbolic":"reference","module":"fappi-common-model","name":"UserInfoService","line":20,"character":39}]}],"fappiHasGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"applyPermission":[{"__symbolic":"method"}]}},"HasroleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[fappiHasRole]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":16,"character":37},{"__symbolic":"reference","module":"fappi-common-model","name":"UserInfoService","line":17,"character":39}]}],"fappiHasRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"applyPermission":[{"__symbolic":"method"}]}},"HasNotGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[fappiHasNotGroup]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":37},{"__symbolic":"reference","module":"fappi-common-model","name":"UserInfoService","line":18,"character":39}]}],"fappiHasNotGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"applyPermission":[{"__symbolic":"method"}]}},"ContentWrapperComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"app-content-wrapper","template":"<div [ngClass]=\"withIcon ? 'with-icon' : ''\">\r\n  <div [ngClass]=\"fullWidth ? 'big-width container-fluid ' : ' container-fluid small-width' \">\r\n    <div class=\"row breadcrumb\">\r\n      <div class=\"{{mainContentClass}} breadcrumb\">\r\n        <ng-content select=\"[breadcrumb]\"></ng-content>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"title && withIcon\" class=\"row main-header-part\">\r\n      <div class=\"{{fullWidth ? 'col-lg-10 offset-lg-1' : 'col-lg-12'}}\">\r\n        <div class=\"icon-part\">\r\n          <img src=\"{{iconUrl}}\"/>\r\n        </div>\r\n        <div class=\"header\">\r\n          <div>\r\n            <h1>{{title}}</h1>\r\n            <span *ngIf=\"subTitle\" class=\"sub-title\">{{subTitle}}</span>\r\n\r\n\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"row \">\r\n      <div *ngIf=\"title && !withIcon\"  class=\"col-lg-10 offset-lg-1\">\r\n        <h1>{{title}}<span *ngIf=\"subTitle\" class=\"sub-title\">{{subTitle}}</span></h1>\r\n      </div>\r\n\r\n      <div *ngIf=\"hasLeft\" class=\"col-lg-3 offset-lg-1\">\r\n        <div class=\"mat-elevation-z2 content-zone\">\r\n          <ng-content select=\"left-zone\"></ng-content>\r\n        </div>\r\n      </div>\r\n      <div [ngClass]=\"mainContentClass\">\r\n        <div class=\"mat-elevation-z2 content-zone\">\r\n                    <div class=\"content-wrapper-inner-content\">\r\n            <ng-content></ng-content>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"hasRight\" class=\"col-lg-3 right-sidebar\">\r\n        <div class=\"mat-elevation-z2 content-zone\">\r\n          <ng-content select=\"right-zone\"></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".header{padding:10px 20px;font-size:20px}.content-zone p{margin-top:1rem}.directories-tree mat-icon{float:right;cursor:pointer}.left-side-nav{width:38.5%;padding-top:15px;border:none}.left-side-nav .mat-drawer-inner-container{overflow:hidden!important}.mat-form-field-infix{width:234px}.action-toogle{cursor:pointer;position:absolute;right:24px;top:-47px;z-index:101}.big-width{min-height:calc(100vh - 217px);margin-bottom:50px}.big-width h1{font-weight:400;font-size:34px;margin-top:10px;line-height:30px;margin-bottom:16px;position:relative;z-index:1}.big-width h1 span{display:block;font-size:12px}@media (max-width:992px){.big-width h1{font-size:21px;margin-top:12px}}.small-width{max-width:759px;margin:0 auto 50px;padding:0;min-height:calc(100vh - 217px)}.small-width .mat-elevation-z2.content-zone{margin-top:-38px}.small-width h1{font-weight:400;font-size:40px;line-height:.8em;margin-top:38px;position:relative;z-index:1}.small-width .sub-title{display:block;font-size:13px}.small-width .main-header-part>div{max-width:759px}.small-width .main-header-part{max-width:759px;min-width:759px;margin:0 auto}.with-icon .small-width .sub-title{margin-left:8px}.with-icon .small-width h1{margin-top:25px}.with-icon .small-width .mat-elevation-z2.content-zone{margin-top:-68px}.with-icon .big-width h1{margin-left:0;margin-bottom:4px}.with-icon .header{padding:0 3px;vertical-align:super;max-width:75%}.with-icon .icon-part{text-align:center}.with-icon .icon-part img{border-radius:50%;vertical-align:middle;width:144px;margin-right:10px;margin-left:16px}@media (max-width:992px){.small-width h1{font-size:21px;margin-top:12px}.with-icon .small-width .sub-title{margin-top:12px}.with-icon .big-width .sub-title{margin-left:0}.with-icon .icon-part img{width:83px;margin-left:10px}}.with-icon .main-header-part{padding-top:13px;z-index:100;position:relative}.with-icon .main-header-part>div>div{display:inline-table}.with-icon h1{margin-top:0;font-weight:400}.with-icon .content-zone{margin-top:-68px;padding-top:62px}@media (max-width:992px){.with-icon h1{margin-top:12px}.with-icon .content-zone{margin-top:-31px;padding-top:62px}.with-icon .small-width .mat-elevation-z2.content-zone{margin-top:-40px}}@media (max-width:768px){.with-icon .big-width .sub-title{margin-left:0}}@media (max-width:479px){.logout-mobile{min-height:50px}.li-link .expandCollapse button .material-icons{border:none}.icon-part{display:none}.with-icon h1{padding-left:20px;text-align:left!important;padding-top:15px;font-size:18px}.with-icon .small-width h1{padding-left:0}.with-icon .mat-tab-labels{margin-top:26px!important}.mat-tab-header{margin-top:25px}.main-form-container{padding:20px}}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"subTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"withIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"iconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"nav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":55,"character":3},"arguments":[{"__symbolic":"reference","name":"LeftZoneDirective"}]}]}],"righZone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":57,"character":3},"arguments":[{"__symbolic":"reference","name":"RightZoneDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":61,"character":34}]}],"fullWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"LeftZoneDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":19,"character":1},"arguments":[{"selector":"left-zone"}]}],"members":{}},"MainZoneDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":23,"character":1},"arguments":[{"selector":"main-zone"}]}],"members":{}},"RightZoneDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":27,"character":1},"arguments":[{"selector":"right-zone"}]}],"members":{}},"BreadcrumbDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":31,"character":1},"arguments":[{"selector":"breadcrumb"}]}],"members":{}},"FooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-footer","template":"<footer class=\"app-primary-color-700 mat-elevation-z3\">\r\n  <div>\r\n    <div class=\"logo\">\r\n      <div></div>\r\n    </div>\r\n    <div class=\"version\"><span><span i18n=\"@@ux.footer.version\">Current Version:</span> __FABER_APP_FRONT_VERSION__</span>\r\n    </div>\r\n    <div class=\"copy\"><span\r\n    >{{poweredBy}}</span></div>\r\n  </div>\r\n</footer>\r\n","styles":["footer{padding:24px 12px;font-size:12px}footer>div{align-items:center;display:flex}footer>div>div{flex:1}.logo-image{height:30px}.copy{display:flex;flex:1;justify-content:flex-end;flex-direction:column;min-width:225px;text-align:right}.version{text-align:center}@media (max-width:992px){footer>div{flex-direction:column}.copy{text-align:center}}"]}]}],"members":{"poweredBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}]}},"SlugGeneratorDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[slugOf]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":7,"character":26}]}],"ref":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["slugOf"]}]}],"slugify":[{"__symbolic":"method"}]}},"AppSelectorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"fappi-app-selector","template":"<div>\r\n  <div class=\"container\">\r\n    <div *ngFor=\"let app of apps\" class=\"col-12 row item\"   (click)=\"goToApp(app)\">\r\n      <div class=\"col-2\">\r\n        <mat-icon class=\"app-fg-primary-color-inverted-A700 icon-mm\">{{app.icon}}</mat-icon>\r\n      </div>\r\n      <div class=\"col-10\">\r\n        <span class=\"label\">{{app.label}}</span>\r\n        <span class=\"subLabel\">{{app.subLabel}}</span>\r\n      </div>\r\n      <hr/>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".item{cursor:pointer}.label{display:block;font-size:14px;font-weight:700}.subLabel{display:block;font-size:12px;font-weight:400}mat-icon{font-size:38px}"]}]}],"members":{"orgId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"fappi-common-model","name":"UserInfoService","line":15,"character":39},{"__symbolic":"reference","module":"fappi-common-model","name":"SuperAdminService","line":15,"character":83},{"__symbolic":"reference","module":"fappi-common-model","name":"SalesService","line":16,"character":36}]}],"goToApp":[{"__symbolic":"method"}]}},"SelectOrganizationLightComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"fappi-select-org-light","template":"<div>\r\n  <mat-toolbar class=\"main-toolbar-small mat-elevation-z3\" color=\"primary\">\r\n    <ng-content select=\"[mobile-menu]\"></ng-content>\r\n    <span>\r\n      <a class=\"logo col-2\" href=\"/\" tabindex=\"0\">\r\n        <span class=\"part1\">{{client?.name}}</span>\r\n      </a>\r\n    </span>\r\n  </mat-toolbar>\r\n  <mat-toolbar class=\"main-toolbar mat-elevation-z3\" color=\"primary\">\r\n    <mat-toolbar-row>\r\n      <a class=\"logo col-2\" href=\"/\" tabindex=\"0\">\r\n        <ng-container *ngIf=\"client?.personalization?.logo?.id\">\r\n          <img class=\"img-fluid\" width=\"98\" src=\"{{client?.personalization.logo.url}}\"/>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!client?.personalization?.logo?.id\">\r\n          <img class=\"img-fluid\" width=\"98\" src=\"{{client?.defaultLogo}}\"/>\r\n        </ng-container>\r\n      </a>\r\n      <div class=\"menu-mosaique\" *ngIf=\"showAppSelector\">\r\n        <div class=\"menu-icon\">\r\n          <a (click)=\"appSelectorClicked()\"><mat-icon class=\"open-button-icon\">apps</mat-icon></a>\r\n        </div>\r\n\r\n        <div class=\"title-page\">\r\n          {{shortAppName}}\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"top-menus\">\r\n        <ng-content select=\"[main-menu]\"></ng-content>\r\n      </div>\r\n      <div class=\"logged-part\">\r\n      <span [matMenuTriggerFor]=\"loggedIn\" class=\"logged-part-button\">\r\n        <div class=\"zone-loggedas\">\r\n          <span i18n=\"@@ux.right-menu.loggedin.log\">Logged as</span>\r\n          <span class=\"username-placeholder\">{{username}}</span>\r\n        </div>\r\n        <app-profil-badge *ngIf=\"username\" [size]=\"'big'\" [text]=\"username\"></app-profil-badge>\r\n        <div class=\"zone-inorg\">\r\n          <span *ngIf=\"selectedOrg\" i18n=\"@@ux.right-menu.loggedin.in\">in</span>\r\n          <span *ngIf=\"selectedOrg\" class=\"org-placeholder\">{{selectedOrg.name}}</span>\r\n        </div>\r\n      </span>\r\n        <mat-menu #loggedIn=\"matMenu\" yPosition=\"below\">\r\n          <span class=\"change-label\"\r\n                i18n=\"@@ux.right-menu.changeorg.title\">Change organization:</span>\r\n          <div class=\"list-orgs\">\r\n            <a (click)=\"orgSelected(option?.id.id)\" *ngFor=\"let option of organizations\"\r\n               mat-menu-item> {{option.name}}</a>\r\n          </div>\r\n          <hr/>\r\n          <a (click)=\"profilSelected()\" class=\"logoutbutton\">\r\n            <mat-icon>account_box</mat-icon>\r\n            <span i18n=\"@@ux.right-menu.profil\">My profil</span></a>\r\n          <hr/>\r\n          <a (click)=\"logout()\" class=\"logoutbutton\">\r\n            <mat-icon>exit_to_app</mat-icon>\r\n            <span i18n=\"@@ux.right-menu.logout\">Logout</span></a>\r\n        </mat-menu>\r\n      </div>\r\n\r\n    </mat-toolbar-row>\r\n  </mat-toolbar>\r\n</div>\r\n","styles":[".top-menus{flex:1 1 auto;height:100%}.top-menus>div{height:100%}.top-menus>div a{height:100%;border-bottom:red}.menu-mosaique{background:#fff;box-shadow:#d0cece 1px -3px 18px;height:100%;width:74px;position:relative}.menu-mosaique .mat-button,.menu-mosaique .mat-flat-button,.menu-mosaique .mat-icon-button,.menu-mosaique .mat-stroked-button{padding:0 22px;line-height:52px}.menu-mosaique .mat-button-wrapper{padding-top:8px}.menu-mosaique .title-page{background:#93afcd;color:#fff;text-transform:uppercase;width:100%;text-align:center;padding:3px;position:absolute;bottom:0}.menu-mosaique mat-button:hover{background:0 0!important}@media screen and (max-width:640px){.main-toolbar{display:none}}@media screen and (min-width:641px){.main-toolbar-small{display:none}}.mat-toolbar-row,.mat-toolbar-single-row{font-size:14px}.main-content{padding:20px 50px 50px 20px}.menu-left{padding:25px;width:300px}.top-logo{max-height:100%;max-width:100%;margin-top:0}.default-logo{width:63%;margin-left:26px}.logo{font-weight:700;font-size:27px;font-family:\"Fira Sans Condensed\",sans-serif;line-height:92px;margin:0 5px 0 0;padding:0 15px 0 0;max-width:135px}.logo .part1,.logo .part2{white-space:nowrap}.footer{height:52px}a{cursor:pointer}a.active{text-decoration:underline}.logoutbutton .mat-icon{vertical-align:bottom}.logoutbutton{padding-left:8px;padding-right:8px}.change-label{display:block;height:2em;padding:5px 12px;font-size:16px}.logged-part-button{display:flex;align-items:center;cursor:pointer}.zone-inorg,.zone-loggedas{display:inline-block;font-size:18px;flex:1}.zone-inorg>span,.zone-loggedas>span{display:block;line-height:1.2em;text-align:right}.zone-loggedas{margin-right:8px}.zone-inorg{margin-left:8px}.zone-inorg>span{text-align:left}.list-orgs{max-height:400px;overflow-y:scroll}.menu-icon{text-align:center;padding-top:12px}.menu-icon .mat-icon{width:33px;height:33px;font-size:33px}"]}]}],"members":{"selectedOrg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"onOrganizationSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"onNoOrgSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"onProfilSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"showAppSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"shortAppName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"onAppSelectorClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"fappi-common-model","name":"OrganizationService","line":34,"character":43},{"__symbolic":"reference","module":"fappi-common-model","name":"UserInfoService","line":34,"character":89},{"__symbolic":"reference","module":"fappi-common-model","name":"SuperAdminService","line":35,"character":41},{"__symbolic":"reference","module":"fappi-ng-material-kit","name":"UXMessageService","line":35,"character":86}]}],"initUx":[{"__symbolic":"method"}],"profilSelected":[{"__symbolic":"method"}],"logout":[{"__symbolic":"method"}],"orgSelected":[{"__symbolic":"method"}],"onOrganizationChange":[{"__symbolic":"method"}],"displayFn":[{"__symbolic":"method"}],"appSelectorClicked":[{"__symbolic":"method"}]}},"GlobalWrapperHelper":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":29,"character":32},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":29,"character":57},{"__symbolic":"reference","module":"fappi-common-model","name":"SuperAdminService","line":29,"character":102},{"__symbolic":"reference","module":"fappi-common-model","name":"UserInfoService","line":30,"character":41},{"__symbolic":"reference","module":"fappi-common-model","name":"OrganizationService","line":30,"character":89},{"__symbolic":"reference","module":"fappi-ng-material-kit","name":"UXMessageService","line":31,"character":42}]}],"initUx":[{"__symbolic":"method"}],"initForm":[{"__symbolic":"method"}],"onProfilSelected":[{"__symbolic":"method"}],"onOrganizationSelected":[{"__symbolic":"method"}],"onNoOrgSelected":[{"__symbolic":"method"}]}},"FappiNgUtilsComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":31,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SelectOrganizationLightComponent"},{"__symbolic":"reference","name":"AppSelectorComponent"},{"__symbolic":"reference","name":"ContentWrapperComponent"},{"__symbolic":"reference","name":"SlugGeneratorDirective"},{"__symbolic":"reference","name":"LeftZoneDirective"},{"__symbolic":"reference","name":"MainZoneDirective"},{"__symbolic":"reference","name":"RightZoneDirective"},{"__symbolic":"reference","name":"BreadcrumbDirective"},{"__symbolic":"reference","name":"FooterComponent"},{"__symbolic":"reference","name":"HasroleDirective"},{"__symbolic":"reference","name":"HasGroupDirective"},{"__symbolic":"reference","name":"CustomFieldsEditorComponent"},{"__symbolic":"reference","name":"CardWrapperComponent"},{"__symbolic":"reference","name":"HasNotGroupDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":38,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":39,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":40,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":41,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":42,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":43,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":44,"character":4},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":45,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":46,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":47,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":48,"character":4},{"__symbolic":"reference","module":"fappi-ng-material-kit","name":"FappiNgMaterialKitModule","line":49,"character":4}],"exports":[{"__symbolic":"reference","name":"SelectOrganizationLightComponent"},{"__symbolic":"reference","name":"AppSelectorComponent"},{"__symbolic":"reference","name":"ContentWrapperComponent"},{"__symbolic":"reference","name":"SlugGeneratorDirective"},{"__symbolic":"reference","name":"LeftZoneDirective"},{"__symbolic":"reference","name":"FooterComponent"},{"__symbolic":"reference","name":"MainZoneDirective"},{"__symbolic":"reference","name":"RightZoneDirective"},{"__symbolic":"reference","name":"BreadcrumbDirective"},{"__symbolic":"reference","name":"HasroleDirective"},{"__symbolic":"reference","name":"HasGroupDirective"},{"__symbolic":"reference","name":"CustomFieldsEditorComponent"},{"__symbolic":"reference","name":"CardWrapperComponent"},{"__symbolic":"reference","name":"HasNotGroupDirective"}]}]}],"members":{}},"CardWrapperComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-card-wrapper","template":"<div>\r\n  <div class=\"container\">\r\n    <div class=\"row\">\r\n      <div class=\"col-lg-12\">\r\n        <h1>{{title}}ffff</h1>\r\n        <h2>{{subTitle}}</h2>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-lg-7 offset-lg-21\">\r\n        <div class=\"content-form\">\r\n          <ng-content></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".content-form{background:#fff}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"subTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"getRowValidator":[{"__symbolic":"method"}]}}},"origins":{"ɵa":"./lib/components/custom-fields-editor/custom-fields-editor.component","CustomFieldsEditorComponent":"./lib/components/custom-fields-editor/custom-fields-editor.component","HasGroupDirective":"./lib/directives/hasgroup.directive","HasroleDirective":"./lib/directives/hasrole.directive","HasNotGroupDirective":"./lib/directives/hasnotgroup.directive","ContentWrapperComponent":"./lib/components/content-wrapper/content-wrapper.component","LeftZoneDirective":"./lib/components/content-wrapper/content-wrapper.component","MainZoneDirective":"./lib/components/content-wrapper/content-wrapper.component","RightZoneDirective":"./lib/components/content-wrapper/content-wrapper.component","BreadcrumbDirective":"./lib/components/content-wrapper/content-wrapper.component","FooterComponent":"./lib/components/footer/app-footer.component","SlugGeneratorDirective":"./lib/directives/slug-generator.directive","AppSelectorComponent":"./lib/components/app-selector/app-selector.component","SelectOrganizationLightComponent":"./lib/components/select-org-light/select-org-light-component.component","GlobalWrapperHelper":"./lib/helpers/global-wrapper-helper","FappiNgUtilsComponentsModule":"./lib/fappi-ng-utils-components.module","CardWrapperComponent":"./lib/components/card-wrapper/card-wrapper.component","ɵb":"./lib/components/angular4-material-table/validator.service"},"importAs":"fappi-ng-utils-components"}