[{"__symbolic":"module","version":3,"metadata":{"CheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bb-checkbox","template":"\n      <label class=\"checkbox\"\n             [ngClass]=\"{'checkbox--grouped': grouped, 'checkbox--single': single, 'checkbox--disabled': disabled}\">\n          <input [(ngModel)]=\"selected\" [disabled]=\"disabled\" (ngModelChange)=\"onChangeCallback(selected)\"\n                 class=\"checkbox__input\" type=\"checkbox\">\n          <span class=\"checkbox__label\" *ngIf=\"label\">{{ label | translate }}</span>\n      </label>\n    ","styles":["\n      .checkbox{display:flex;cursor:pointer;margin-bottom:5px;align-items:center}.checkbox--grouped{margin-bottom:20px}.checkbox--single{margin-bottom:0}.checkbox__input{width:22px;height:22px;cursor:pointer;min-width:22px;appearance:none;min-height:22px;position:relative;border-radius:2px;-moz-appearance:none;will-change:transform;vertical-align:middle;-webkit-appearance:none;border:1px solid #bdc4c9;background-color:#ffffff;box-shadow:inset 0 0 0 0 #4caf50;transition:transform 0.3s cubic-bezier(0.2, 0.3, 0, 1),box-shadow 0.3s cubic-bezier(0.2, 0.3, 0, 1),border-color 0s linear 0.17s}.checkbox__input:focus{outline:none}.checkbox__input:checked{border-color:#4caf50;box-shadow:inset 0 0 0 11px #4caf50;transition:transform 0.3s cubic-bezier(0.2, 0.3, 0, 1),box-shadow 0.3s cubic-bezier(0.2, 0.3, 0, 1),border-color 0s}.checkbox__input:before,.checkbox__input:after{top:-1px;left:-2px;content:'';width:22px;height:22px;position:absolute;will-change:opacity;transform-origin:0 0;background-color:#ffffff;transition:transform 0.3s cubic-bezier(0.2, 0.3, 0, 1),opacity 0.3s cubic-bezier(0.2, 0.3, 0, 1);transform:translate(6.0016px, 9.4138px) rotate(44.91deg) scale(0.3411, 0.1)}.checkbox__input:after{transform:translate(18.6868px, 7.7px) rotate(135.22deg) scale(0.5612, 0.1)}.checkbox__input:not(:checked):before{transform:translate(11.11px, 10.01px) rotate(44.91deg) scale(0.1, 0.1)}.checkbox__input:not(:checked):after{transform:translate(12.65px, 11.55px) rotate(135.22deg) scale(0.1, 0.1)}.checkbox__label{font-weight:400;margin-left:10px;user-select:none}.checkbox--disabled{cursor:default;pointer-events:none}.checkbox--disabled>.checkbox__input{box-shadow:inset 0 0 0 0 rgba(204,204,204,0.64)}.checkbox--disabled>.checkbox__input:checked{border-color:rgba(204,204,204,0.64);box-shadow:inset 0 0 0 11px rgba(204,204,204,0.64)}\n    "],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CheckboxComponent"},"multi":true}]}]}],"members":{"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"grouped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"single":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bb-checkbox","template":"\n      <label class=\"checkbox\"\n             [ngClass]=\"{'checkbox--grouped': grouped, 'checkbox--single': single, 'checkbox--disabled': disabled}\">\n          <input [(ngModel)]=\"selected\" [disabled]=\"disabled\" (ngModelChange)=\"onChangeCallback(selected)\"\n                 class=\"checkbox__input\" type=\"checkbox\">\n          <span class=\"checkbox__label\" *ngIf=\"label\">{{ label | translate }}</span>\n      </label>\n    ","styles":["\n      .checkbox{display:flex;cursor:pointer;margin-bottom:5px;align-items:center}.checkbox--grouped{margin-bottom:20px}.checkbox--single{margin-bottom:0}.checkbox__input{width:22px;height:22px;cursor:pointer;min-width:22px;appearance:none;min-height:22px;position:relative;border-radius:2px;-moz-appearance:none;will-change:transform;vertical-align:middle;-webkit-appearance:none;border:1px solid #bdc4c9;background-color:#ffffff;box-shadow:inset 0 0 0 0 #4caf50;transition:transform 0.3s cubic-bezier(0.2, 0.3, 0, 1),box-shadow 0.3s cubic-bezier(0.2, 0.3, 0, 1),border-color 0s linear 0.17s}.checkbox__input:focus{outline:none}.checkbox__input:checked{border-color:#4caf50;box-shadow:inset 0 0 0 11px #4caf50;transition:transform 0.3s cubic-bezier(0.2, 0.3, 0, 1),box-shadow 0.3s cubic-bezier(0.2, 0.3, 0, 1),border-color 0s}.checkbox__input:before,.checkbox__input:after{top:-1px;left:-2px;content:'';width:22px;height:22px;position:absolute;will-change:opacity;transform-origin:0 0;background-color:#ffffff;transition:transform 0.3s cubic-bezier(0.2, 0.3, 0, 1),opacity 0.3s cubic-bezier(0.2, 0.3, 0, 1);transform:translate(6.0016px, 9.4138px) rotate(44.91deg) scale(0.3411, 0.1)}.checkbox__input:after{transform:translate(18.6868px, 7.7px) rotate(135.22deg) scale(0.5612, 0.1)}.checkbox__input:not(:checked):before{transform:translate(11.11px, 10.01px) rotate(44.91deg) scale(0.1, 0.1)}.checkbox__input:not(:checked):after{transform:translate(12.65px, 11.55px) rotate(135.22deg) scale(0.1, 0.1)}.checkbox__label{font-weight:400;margin-left:10px;user-select:none}.checkbox--disabled{cursor:default;pointer-events:none}.checkbox--disabled>.checkbox__input{box-shadow:inset 0 0 0 0 rgba(204,204,204,0.64)}.checkbox--disabled>.checkbox__input:checked{border-color:rgba(204,204,204,0.64);box-shadow:inset 0 0 0 11px rgba(204,204,204,0.64)}\n    "],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CheckboxComponent"},"multi":true}]}]}],"members":{"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"grouped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"single":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}}}}]