{"__symbolic":"module","version":4,"metadata":{"HpeFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":38,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":40,"character":2},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":41,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatCheckboxModule","line":45,"character":2},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":45,"character":21},{"__symbolic":"reference","module":"primeng/primeng","name":"DropdownModule","line":49,"character":2},{"__symbolic":"reference","module":"primeng/primeng","name":"InputTextModule","line":49,"character":18},{"__symbolic":"reference","module":"@hpe/angular-toolkit/gui/panel","name":"HpePanelModule","line":53,"character":2},{"__symbolic":"reference","module":"@hpe/angular-toolkit/gui/directive","name":"HpeDirectiveModule","line":54,"character":2},{"__symbolic":"reference","module":"@hpe/angular-toolkit/service","name":"HpeServiceModule","line":55,"character":2}],"declarations":[{"__symbolic":"reference","name":"FormColumn"},{"__symbolic":"reference","name":"FormLabel"},{"__symbolic":"reference","name":"FormPanel"},{"__symbolic":"reference","name":"FormText"},{"__symbolic":"reference","name":"InputArea"},{"__symbolic":"reference","name":"InputCheckbox"},{"__symbolic":"reference","name":"InputCombo"},{"__symbolic":"reference","name":"InputText"},{"__symbolic":"reference","name":"LoginPanel"}],"exports":[{"__symbolic":"reference","name":"FormColumn"},{"__symbolic":"reference","name":"FormLabel"},{"__symbolic":"reference","name":"FormPanel"},{"__symbolic":"reference","name":"FormText"},{"__symbolic":"reference","name":"InputArea"},{"__symbolic":"reference","name":"InputCheckbox"},{"__symbolic":"reference","name":"InputCombo"},{"__symbolic":"reference","name":"InputText"},{"__symbolic":"reference","name":"LoginPanel"}],"providers":[]}]}],"members":{}},"FormColumn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"hpe-form-column","template":"<!--\n=============================================================================\n===\n=== (C) Copyright 2018 Hewlett Packard Enterprise Development LP.\n===\n=== Use of this source code is governed by an MIT-style license that can be\n=== found in the LICENSE file\n=============================================================================\n-->\n\n<div class=\"formColumn\" [style.width]=\"width\">\n    <ng-content></ng-content>\n</div>\n","styles":[".formColumn{display:flex;flex-direction:column;align-content:center;justify-content:flex-start;margin:8px}"]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":2}}]}]}},"FormLabel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"hpe-form-label","template":"<!--\n=============================================================================\n===\n=== (C) Copyright 2018 Hewlett Packard Enterprise Development LP.\n===\n=== Use of this source code is governed by an MIT-style license that can be\n=== found in the LICENSE file\n=============================================================================\n-->\n\n<span class=\"ui-inputgroup-addon label\">\n\t<hpe-icon name=\"{{icon}}\"></hpe-icon> {{label}}\n</span>\n","styles":[".label{width:12rem;text-align:start!important}:host ::ng-deep .iconStyle{vertical-align:baseline}"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"FormPanel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"hpe-form-panel","template":"<!--\n=============================================================================\n===\n=== (C) Copyright 2018 Hewlett Packard Enterprise Development LP.\n===\n=== Use of this source code is governed by an MIT-style license that can be\n=== found in the LICENSE file\n=============================================================================\n-->\n\n<div class=\"formBody\">\n\t<ng-content></ng-content>\n</div>\n","styles":[".formBody{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;box-sizing:border-box;width:100%;max-width:100%;padding:1rem;background:#fafafa;color:#000;font-size:1rem}"]}]}],"members":{}},"FormText":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"hpe-form-text","template":"<!--\n=============================================================================\n===\n=== (C) Copyright 2018 Hewlett Packard Enterprise Development LP.\n===\n=== Use of this source code is governed by an MIT-style license that can be\n=== found in the LICENSE file\n=============================================================================\n-->\n\n<div class=\"ui-inputgroup spacing\">\n\t<hpe-form-label [icon]=\"icon\" [label]=\"label\"></hpe-form-label>\n\t<span class=\"ui-inputgroup-addon text\">{{value}}</span>\n</div>\n","styles":[".spacing{margin-bottom:1rem}.text{background-color:#f5f5f5;width:100%;color:#202020}"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":2}}]}],"transcoder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":2}}]}]}},"InputArea":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"InputText"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"hpe-input-area","template":"<!--\n=============================================================================\n===\n=== (C) Copyright 2018 Hewlett Packard Enterprise Development LP.\n===\n=== Use of this source code is governed by an MIT-style license that can be\n=== found in the LICENSE file\n=============================================================================\n-->\n\n<div class=\"ui-inputgroup spacing\" >\n\t<hpe-form-label [icon]=\"icon\" [label]=\"label\"></hpe-form-label>\n    <textarea pInputTextarea [style.height]=\"height\" [(ngModel)]=\"value\" [ngClass]=\"getComponentClass()\" [disabled]=\"!enabled\"></textarea>\n</div>\n","styles":[".spacing{margin-bottom:1rem}.control{width:100%}.required,.required:focus{border-right:5px solid #ff8d6d}.provided,.provided:focus{border-right:5px solid #00a982}"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":34,"character":17},"useExisting":{"__symbolic":"reference","name":"InputArea"},"multi":true}]}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"InputCheckbox":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"InputText"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"hpe-input-checkbox","template":"<!--\n=============================================================================\n===\n=== (C) Copyright 2018 Hewlett Packard Enterprise Development LP.\n===\n=== Use of this source code is governed by an MIT-style license that can be\n=== found in the LICENSE file\n=============================================================================\n-->\n\n<div class=\"ui-inputgroup spacing\">\n\t<hpe-form-label [icon]=\"icon\" [label]=\"label\"></hpe-form-label>\n\t<mat-checkbox [(ngModel)]=\"value\" [ngClass]=\"getComponentClass()\" [disabled]=\"!enabled\"></mat-checkbox>\n</div>\n","styles":[".spacing{margin-bottom:1rem}.control{width:100%;margin-top:4px;margin-left:10px}.required{border-right:5px solid #ff8d6d}.provided{border-right:5px solid #00a982}:host ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#80746e}"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":33,"character":15},"useExisting":{"__symbolic":"reference","name":"InputCheckbox"},"multi":true}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"InputCombo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"hpe-input-combo","template":"<!--\n=============================================================================\n===\n=== (C) Copyright 2018 Hewlett Packard Enterprise Development LP.\n===\n=== Use of this source code is governed by an MIT-style license that can be\n=== found in the LICENSE file\n=============================================================================\n-->\n\n<div class=\"ui-inputgroup spacing\">\n\t<hpe-form-label [icon]=\"icon\" [label]=\"label\"></hpe-form-label>\n\n\t<p-dropdown [options]    = \"data\"\n\t\t\t\t[dataKey]    = \"key\"\n\t\t\t\t[optionLabel]= \"value\"\n\t\t\t\t[(ngModel)]  = \"selectedItem\"\n\t\t\t\t[ngClass]    = \"getComponentClass()\"\n\t\t\t\t[style]      = \"{ 'width':'100%' }\"\n\t\t\t\t[disabled]   = \"!enabled\">\n\t</p-dropdown>\n</div>\n","styles":[".spacing{margin-bottom:1rem}.control{width:100%}.required{border-right:5px solid #ff8d6d}.provided{border-right:5px solid #00a982}"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":41,"character":15},"useExisting":{"__symbolic":"reference","name":"InputCombo"},"multi":true}]}]}],"members":{"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":2}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":2}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"dataMap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":2}}]}],"writeValue":[{"__symbolic":"method"}],"isProvided":[{"__symbolic":"method"}]}},"InputText":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"hpe-input-text","template":"<!--\n=============================================================================\n===\n=== (C) Copyright 2018 Hewlett Packard Enterprise Development LP.\n===\n=== Use of this source code is governed by an MIT-style license that can be\n=== found in the LICENSE file\n=============================================================================\n-->\n\n<div class=\"ui-inputgroup spacing\">\n    <hpe-form-label [icon]=\"icon\" [label]=\"label\"></hpe-form-label>\n\t<input pInputText [(ngModel)]=\"value\" [ngClass]=\"getComponentClass()\" [disabled]=\"!enabled\">\n</div>\n\n","styles":[".spacing{margin-bottom:1rem}.control{width:100%}.required,.required:focus{border-right:5px solid #ff8d6d}.provided,.provided:focus{border-right:5px solid #00a982}"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":36,"character":15},"useExisting":{"__symbolic":"reference","name":"InputText"},"multi":true}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"writeValue":[{"__symbolic":"method"}],"isProvided":[{"__symbolic":"method"}]}},"LoginPanel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@hpe/angular-toolkit/service","name":"AbstractSubscriber","line":62,"character":32},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"hpe-login","template":"<!--\n=============================================================================\n===\n=== (C) Copyright 2018 Hewlett Packard Enterprise Development LP.\n===\n=== Use of this source code is governed by an MIT-style license that can be\n=== found in the LICENSE file\n=============================================================================\n-->\n\n<hpe-card-panel icon=\"fa-sign-in\" [title]=\"title\" [toggleButton]=\"false\">\n\t<div cpBody>\n\t\t<hpe-form-panel>\n\n\t\t\t<hpe-form-column width=\"500px\">\n\t\t\t\t<hpe-input-text icon=\"fa-user\" [label]=\"username\" [(ngModel)]=\"cred.username\" required></hpe-input-text>\n\t\t\t\t<hpe-input-text icon=\"fa-key\"  [label]=\"password\" [(ngModel)]=\"cred.password\" required></hpe-input-text>\n\t\t\t</hpe-form-column>\n\n\t\t</hpe-form-panel>\n\n\t\t<hpe-button-panel>\n\t\t\t<div class=\"spinner\" *ngIf=\"httpService.loading\">\n\t\t\t\t<i class=\"fa fa-circle-o-notch fa-pulse\"></i>\n\t\t\t</div>\n\t\t\t<button mat-button hpeButton (click)=\"login()\">{{button}}</button>\n\t\t</hpe-button-panel>\n\t</div>\n</hpe-card-panel>\n\n\n\n","styles":[".spinner{position:absolute;left:16px;bottom:16px;font-size:32px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@hpe/angular-toolkit/service","name":"EventBusService","line":78,"character":42},{"__symbolic":"reference","module":"@hpe/angular-toolkit/service","name":"SessionService","line":79,"character":33},{"__symbolic":"reference","module":"@hpe/angular-toolkit/service","name":"NotificationService","line":80,"character":33},{"__symbolic":"reference","module":"@hpe/angular-toolkit/service","name":"LabelService","line":81,"character":33},{"__symbolic":"reference","module":"@hpe/angular-toolkit/service","name":"HttpService","line":82,"character":33}]}],"login":[{"__symbolic":"method"}],"onLoginFailed":[{"__symbolic":"method"}],"areCredentialsValid":[{"__symbolic":"method"}],"loc":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":2}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":2}}]}],"enabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"getComponentClass":[{"__symbolic":"method"}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":2}}]}],"writeValue":[{"__symbolic":"method"}],"isProvided":[{"__symbolic":"method"}]}}},"origins":{"HpeFormModule":"./module","FormColumn":"./form-column/form-column","FormLabel":"./form-label/form-label","FormPanel":"./form-panel/form-panel","FormText":"./form-text/form-text","InputArea":"./input-area/input-area","InputCheckbox":"./input-checkbox/input-checkbox","InputCombo":"./input-combo/input-combo","InputText":"./input-text/input-text","LoginPanel":"./login/login","ɵa":"./abstract-form-component"},"importAs":"@hpe/angular-toolkit/gui/form"}