{"__symbolic":"module","version":4,"metadata":{"CheckboxListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"fast-checkbox-list","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<form [formGroup]=\"localForm\">\n  <mat-list\n    dense\n    class=\"mat-checkbox-group\"\n  >\n    <mat-list-item\n      *ngFor=\"let item of items\"\n      #listItem=\"matListItem\"\n    >\n      <mat-checkbox\n        [fastCheckboxReadonly]=\"disabled\"\n        [fastCheckboxListItem]=\"listItem\"\n        [formControlName]=\"item.name\"\n        (change)=\"onChange(item.name, $event)\"\n      >\n        {{ item.label }}\n      </mat-checkbox>\n    </mat-list-item>\n  </mat-list>\n</form>\n","styles":[""]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}]}},"CheckboxMultiSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"fast-checkbox-multi-select","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"<mat-form-field\n  [fastMultiSelectReadonly]=\"disabled\"\n  [fastMultiSelectReadonlyOptions]=\"options\"\n  [fastMultiSelectReadonlyValues]=\"selectedValues\"\n  color=\"accent\"\n  appearance=\"fill\"\n  [floatLabel]=\"floatLabel\"\n  [formGroup]=\"form\"\n>\n  <mat-label>{{ label }}</mat-label>\n  <mat-select\n    [disableRipple]=\"true\"\n    [formControlName]=\"name\"\n    [placeholder]=\"placeholder\"\n    panelClass=\"multi-select-panel\"\n    multiple\n    (openedChange)=\"onOpenedChanged($event)\"\n  >\n    <mat-select-trigger>\n      <span>\n        {{ description }}\n      </span>\n    </mat-select-trigger>\n    <mat-option\n      *ngFor=\"let option of options\"\n      [value]=\"option.value\"\n    >\n      {{ option.label }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n","styles":["mat-form-field{width:100%}mat-form-field ::ng-deep label{text-transform:none!important}mat-form-field ::ng-deep .mat-form-field-flex{padding:6px 12px;height:54px;border:1px solid #ddd!important;border-radius:0!important;background-color:transparent!important;color:#4a4a4a}mat-form-field ::ng-deep .mat-form-field-underline{display:none}mat-form-field mat-select ::ng-deep .mat-select-arrow{margin:-6px 15px 0 0!important;width:0!important;border-top:0!important;border-right:0!important;border-left:0!important}mat-form-field mat-select ::ng-deep .mat-select-arrow:before{position:relative;top:0;left:.15em;display:inline-block;width:.55em;height:.55em;border-width:.15em .15em 0 0;border-style:solid;border-color:#9b9b9b;content:'';vertical-align:top;transform:rotate(135deg)}::ng-deep .mat-option-text{color:#333!important}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"floatLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onOpenedChanged":[{"__symbolic":"method"}]}},"CheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatCheckboxModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatListModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSelectModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":28,"character":4},{"__symbolic":"reference","module":"fast-shared-client/form-control-readonly","name":"FormControlReadonlyModule","line":29,"character":4}],"declarations":[{"__symbolic":"reference","name":"CheckboxListComponent"},{"__symbolic":"reference","name":"CheckboxMultiSelectComponent"}],"exports":[{"__symbolic":"reference","name":"CheckboxListComponent"},{"__symbolic":"reference","name":"CheckboxMultiSelectComponent"}]}]}],"members":{}}},"origins":{"CheckboxListComponent":"./components/checkbox-list/checkbox-list.component","CheckboxMultiSelectComponent":"./components/checkbox-multi-select/checkbox-multi-select.component","CheckboxModule":"./checkbox.module"},"importAs":"fast-shared-client/checkbox"}