{"__symbolic":"module","version":4,"metadata":{"WidgetContentGuttersComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"labs-widget-content-gutters","template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"styles":[":host{display:block;padding:0 16px}"]}]}],"members":{}},"WidgetControl":{"__symbolic":"interface"},"WidgetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"labs-widget","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":19},"member":"OnPush"},"template":"<mat-card>\n  <mat-toolbar color=\"primary\">\n    <span class=\"title\">\n      {{ title }}\n    </span>\n    <div class=\"gridster-item-content\" *ngIf=\"controls && controls.length\">\n      <button\n        mat-icon-button\n        aria-label=\"Widget Menu\"\n        data-testid=\"widget-menu-button\"\n        [matMenuTriggerFor]=\"widgetMenu\"\n      >\n        <mat-icon>more_vert</mat-icon>\n      </button>\n    </div>\n  </mat-toolbar>\n  <div class=\"content gridster-item-content\">\n    <ng-content></ng-content>\n  </div>\n</mat-card>\n\n<mat-menu #widgetMenu=\"matMenu\">\n  <button\n    mat-menu-item\n    *ngFor=\"let control of controls\"\n    [disabled]=\"control.disabled\"\n    (click)=\"handleControlClick(control)\"\n  >\n    <mat-icon *ngIf=\"control.icon\">{{ control.icon }}</mat-icon>\n    <span>{{ control.title }}</span>\n  </button>\n</mat-menu>\n","styles":[":host{display:block;height:100%}.title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex:1}mat-card{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.content{flex:1;overflow:auto}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"controls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"handleControlClick":[{"__symbolic":"method"}]}},"WidgetsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"WidgetContentGuttersComponent"},{"__symbolic":"reference","name":"WidgetComponent"}],"declarations":[{"__symbolic":"reference","name":"WidgetContentGuttersComponent"},{"__symbolic":"reference","name":"WidgetComponent"}],"providers":[]}]}],"members":{}}},"origins":{"WidgetContentGuttersComponent":"./widget-content-gutters.component","WidgetControl":"./widget.component","WidgetComponent":"./widget.component","WidgetsModule":"./widgets.module"},"importAs":"ng-labs/widgets"}