[{"__symbolic":"module","version":4,"metadata":{"ButtonType":{"__symbolic":"interface"},"Button":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"selector":"md-button","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":54,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":55,"character":17},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldControl","line":58,"character":15},"useExisting":{"__symbolic":"reference","name":"Button"},"multi":true}],"styles":["\n      .no-underline .mat-form-field-underline {\n        display: none;\n      }\n\n      .button-with-ff button {\n        padding-left: 0;\n        line-height: 21px;\n        text-align: left;\n        font-weight: 400;\n        font-size: 14px;\n        color: rgba(0, 0, 0, .68);\n      }\n\n      .button-with-ff .mat-form-field-infix {\n        padding-top: 0;\n      }\n    "],"template":"<ng-container [ngSwitch]=\"type\">\n\n  <ng-template [ngSwitchCase]=\"'basic'\">\n    <button mat-button\n            [disabled]=\"disabled\" [color]=\"color\" (click)=\"onClick($event)\"\n            [attr.id]=\"id\"\n            [attr.value]=\"value\"\n    >\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </button>\n  </ng-template>\n\n  <ng-template [ngSwitchCase]=\"'raised'\">\n    <button mat-raised-button [disabled]=\"disabled\" [color]=\"color\" (click)=\"onClick($event)\"\n            [attr.id]=\"id\"\n            [attr.value]=\"value\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </button>\n  </ng-template>\n\n  <ng-template [ngSwitchCase]=\"'flat'\">\n    <button mat-flat-button [disabled]=\"disabled\" [color]=\"color\" (click)=\"onClick($event)\"\n            [attr.id]=\"id\"\n            [attr.value]=\"value\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </button>\n  </ng-template>\n\n  <ng-template [ngSwitchCase]=\"'stroked'\">\n    <button mat-stroked-button [disabled]=\"disabled\" [color]=\"color\" (click)=\"onClick($event)\"\n            [attr.id]=\"id\"\n            [attr.value]=\"value\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </button>\n  </ng-template>\n\n\n</ng-container>\n\n<!--\n  Need to have this as a ng-template as having ng-content inside a ngswitch does not really\n  work\n-->\n<ng-template #content>\n  <span class=\"u-ngcontent\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n\n"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":115,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":118,"character":34},{"__symbolic":"reference","module":"@ngx-metaui/rules","name":"DomUtilsService","line":118,"character":64}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onContainerClick":[{"__symbolic":"method"}],"setDescribedByIds":[{"__symbolic":"method"}]}}}}]