{"__symbolic":"module","version":4,"metadata":{"SelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"fast-select","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":19},"member":"OnPush"},"template":"<div class=\"fast-select-label\">\n  {{ label }}\n</div>\n\n<div\n  tabindex=\"0\"\n  class=\"fast-select\"\n  [ngClass]=\"{ rounded: rounded }\"\n  [matMenuTriggerFor]=\"menu\"\n  (click)=\"isMenuOpen = true\"\n>\n  <span>{{ active ? active?.label : placeholder }}</span>\n  <mat-icon\n    [fontIcon]=\"icon\"\n    [inline]=\"true\"\n  >\n  </mat-icon>\n</div>\n\n<mat-menu\n  #menu=\"matMenu\"\n  class=\"fast-select-panel\"\n  (closed)=\"onMenuClose()\"\n>\n  <button\n    mat-menu-item\n    class=\"separator\"\n    [ngClass]=\"{ active: !active }\"\n    *ngIf=\"placeholder\"\n    (click)=\"onMenuItemClick({ label: placeholder })\"\n  >\n    {{ placeholder }}\n  </button>\n  <button\n    mat-menu-item\n    [ngClass]=\"{ active: active && active.value === option.value, separator: i < (options.length - 1) }\"\n    *ngFor=\"let option of options; index as i\"\n    (click)=\"onMenuItemClick(option)\"\n  >\n    {{ option.label }}\n  </button>\n</mat-menu>\n","styles":[".fast-select-label{overflow:hidden;margin-bottom:5px;color:#767676;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.fast-select{display:flex;overflow:hidden;padding:10px 15px;border:1px solid #ccc;text-overflow:ellipsis;white-space:nowrap;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fast-select.rounded{padding:10px 24px;border-radius:100px;color:#007bc7;font-weight:500;font-size:16px}.fast-select span{flex:1 1 auto;margin-right:10px}.fast-select mat-icon{width:auto;font-size:16pt;line-height:30px}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":43,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"onMenuItemClick":[{"__symbolic":"method"}],"onMenuClose":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"setControlValue":[{"__symbolic":"method"}]}},"SelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SelectComponent"}],"exports":[{"__symbolic":"reference","name":"SelectComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","module":"@angular/material","name":"MatMenuModule","line":9,"character":26},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":9,"character":41}]}]}],"members":{}}},"origins":{"SelectComponent":"./components/select/select.component","SelectModule":"./select.module"},"importAs":"fast-shared-client/select"}