{"__symbolic":"module","version":4,"metadata":{"SbbCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","module":"@sbb-esta/angular-core/icon","name":"SbbIconModule","line":7,"character":26}],"declarations":[{"__symbolic":"reference","name":"SbbCheckbox"}],"exports":[{"__symbolic":"reference","name":"SbbCheckbox"}]}]}],"members":{}},"SbbCheckboxChange":{"__symbolic":"interface"},"SbbCheckbox":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@sbb-esta/angular-core/base/checkbox","name":"SbbCheckboxBase","line":41,"character":33},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"sbb-checkbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":27,"character":15},"useExisting":{"__symbolic":"reference","name":"SbbCheckbox"},"multi":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":32,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":33,"character":19},"member":"OnPush"},"host":{"class":"sbb-checkbox","[id]":"id","[attr.tabindex]":"null","[class.sbb-checkbox-indeterminate]":"this.indeterminate","$quoted$":["[id]","[attr.tabindex]","[class.sbb-checkbox-indeterminate]"]},"template":"<label [attr.for]=\"inputId\">\n  <input\n    #input\n    type=\"checkbox\"\n    class=\"cdk-visually-hidden\"\n    [id]=\"inputId\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n    [required]=\"required\"\n    [checked]=\"checked\"\n    [indeterminate]=\"indeterminate\"\n    [tabIndex]=\"tabIndex\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    [attr.aria-describedby]=\"ariaDescribedby\"\n    [disabled]=\"disabled\"\n    (change)=\"_onInteractionEvent($event)\"\n    (click)=\"_onInputClick($event)\"\n  />\n\n  <div class=\"sbb-checkbox-container\">\n    <sbb-icon svgIcon=\"kom:tick-small\" class=\"sbb-checkbox-checked sbb-icon-fit\"></sbb-icon>\n  </div>\n\n  <div class=\"sbb-checkbox-label-content\">\n    <!-- Add an invisible span so JAWS can read the label -->\n    <span style=\"display: none\">&nbsp;</span>\n    <ng-content></ng-content>\n  </div>\n</label>\n","styles":[".sbb-checkbox>label{display:flex;position:relative;align-items:flex-start}.sbb-checkbox>label>input[type=checkbox]+.sbb-checkbox-container{width:20px;min-width:20px;height:20px;min-height:20px;background-color:#fff;border:1px solid #b7b7b7;border-radius:2px;margin-right:8px;margin-top:2.5px;border-width:1px;margin-top:1px}.sbb-checkbox>label>input[type=checkbox]+.sbb-checkbox-container .sbb-checkbox-checked{color:#444;line-height:0;height:100%;width:100%;border-radius:2px;transform:scale(1.3);transition:opacity .3s cubic-bezier(0.785, 0.135, 0.15, 0.86)}.sbb-checkbox>label>input[type=checkbox]+.sbb-checkbox-container>.sbb-checkbox-checked{display:none}.sbb-checkbox>label>input[type=checkbox]+.sbb-checkbox-container+.sbb-checkbox-label-content{line-height:1.4em;color:#686868;transition:color .3s cubic-bezier(0.785, 0.135, 0.15, 0.86)}.sbb-checkbox>label>input[type=checkbox]:focus+.sbb-checkbox-container{border-color:#444}.sbb-checkbox>label>input[type=checkbox]:checked+.sbb-checkbox-container>.sbb-checkbox-checked,.sbb-checkbox>label>input[type=checkbox][checked]+.sbb-checkbox-container>.sbb-checkbox-checked{display:block}.sbb-checkbox>label>input[type=checkbox]:checked+.sbb-checkbox-container+.sbb-checkbox-label-content,.sbb-checkbox>label>input[type=checkbox][checked]+.sbb-checkbox-container+.sbb-checkbox-label-content{color:#444}.sbb-checkbox>label>input[type=checkbox]:indeterminate+.sbb-checkbox-container::before,.sbb-checkbox>label>input[type=checkbox][indeterminate]+.sbb-checkbox-container::before{content:\"\";position:relative;height:1px;width:10px;left:4px;top:8.5px;border:1px solid #686868;display:block}.sbb-checkbox>label>input[type=checkbox]:indeterminate+.sbb-checkbox-container>.sbb-checkbox-checked,.sbb-checkbox>label>input[type=checkbox][indeterminate]+.sbb-checkbox-container>.sbb-checkbox-checked{display:none}.sbb-checkbox>label>input[type=checkbox]:indeterminate+.sbb-checkbox-container+.sbb-checkbox-label-content,.sbb-checkbox>label>input[type=checkbox][indeterminate]+.sbb-checkbox-container+.sbb-checkbox-label-content{color:#000}.sbb-checkbox>label>input[type=checkbox]:disabled+.sbb-checkbox-container,.sbb-checkbox>label>input[type=checkbox][disabled]+.sbb-checkbox-container{border-color:#d2d2d2;background-color:#f6f6f6}.sbb-checkbox>label>input[type=checkbox]:disabled+.sbb-checkbox-container>.sbb-checkbox-checked,.sbb-checkbox>label>input[type=checkbox][disabled]+.sbb-checkbox-container>.sbb-checkbox-checked{color:#686868}.sbb-checkbox>label>input[type=checkbox]:disabled+.sbb-checkbox-container+.sbb-checkbox-label-content,.sbb-checkbox>label>input[type=checkbox][disabled]+.sbb-checkbox-container+.sbb-checkbox-label-content{color:#a8a8a8}.sbb-checkbox-group-vertical{display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start}.sbb-checkbox-group-vertical .sbb-checkbox+.sbb-checkbox{margin-top:3px}.sbb-checkbox-group-horizontal{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start}.sbb-checkbox-group-horizontal .sbb-checkbox{margin-right:15px}.sbb-checkbox-group-horizontal .sbb-checkbox:last-of-type{margin-right:0}\n"]}]}],"members":{"indeterminateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":54,"character":5},"arguments":["tabindex"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":51,"character":23},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":52,"character":18},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":53,"character":27,"context":{"typeName":"HTMLElement"},"module":"./checkbox/checkbox.component"}]},{"__symbolic":"reference","name":"string"}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"_onInputClick":[{"__symbolic":"method"}]}}},"origins":{"SbbCheckboxModule":"./checkbox.module","SbbCheckboxChange":"./checkbox/checkbox.component","SbbCheckbox":"./checkbox/checkbox.component"},"importAs":"@sbb-esta/angular-business/checkbox"}