{"__symbolic":"module","version":4,"metadata":{"SwitchLabelPosition":{"__symbolic":"interface"},"SimSwitchChange":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SimSwitchComponent"},{"__symbolic":"reference","name":"boolean"}]}]}},"SimSwitchComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":72,"character":40,"module":"./switch.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"selector":"sim-switch","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":55,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":56,"character":19},"member":"OnPush"},"host":{"class":"sim-switch","role":"switch","[id]":"id","[class.sim-switch-toggle]":"true","[attr.tabindex]":"disabled ? null : -1","$quoted$":["[id]","[class.sim-switch-toggle]","[attr.tabindex]"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":66,"character":15},"useExisting":{"__symbolic":"reference","name":"SimSwitchComponent"},"multi":true}],"template":"<label class=\"sim-switch-label\" #label [attr.for]=\"inputId\">\n  <div class=\"sim-switch-bar\">\n    <input\n      #input\n      class=\"sim-switch-input cdk-visually-hidden\"\n      type=\"checkbox\"\n      role=\"switch\"\n      [attr.id]=\"inputId\"\n      [required]=\"required\"\n      [tabIndex]=\"tabIndex\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [attr.name]=\"name\"\n      (change)=\"onChangeEvent($event)\"\n      (click)=\"onInputClick($event)\"\n    />\n    <div class=\"sim-switch-thumb-container\" #thumbContainer>\n      <div class=\"sim-switch-thumb\"></div>\n      <div class=\"sim-switch-loading-icon\" *ngIf=\"loading && !disabled\">\n        <svg\n          preserveAspectRatio=\"xMidYMid meet\"\n          height=\"1em\"\n          width=\"1em\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          stroke=\"currentColor\"\n        >\n          <g fill-rule=\"evenodd\" stroke-width=\"2\">\n            <circle opacity=\".3\" cx=\"12\" cy=\"12\" r=\"11\"></circle>\n            <path d=\"M12 1c2.8 0 5.6 1.1 7.8 3.2 4.3 4.3 4.3 11.3 0 15.6s-11.3 4.3-15.6 0\"></path>\n          </g>\n        </svg>\n      </div>\n    </div>\n    <div class=\"sim-switch-children\">\n      <ng-container *ngIf=\"checked; else elseTemplate\">\n        <ng-content select=\"sim-witch-checked\"></ng-content>\n      </ng-container>\n      <ng-template #elseTemplate>\n        <ng-content select=\"sim-witch-unchecked\"></ng-content>\n      </ng-template>\n    </div>\n  </div>\n</label>\n","styles":[".sim-switch{-webkit-tap-highlight-color:transparent;display:inline-block;height:24px;line-height:24px;outline:none;white-space:nowrap}.sim-switch-label{align-items:center;cursor:pointer;display:flex;flex:1;flex-direction:row;height:inherit}.sim-switch-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sim-switch-thumb-container{position:absolute;transform:translateZ(0);transition:all .36s cubic-bezier(.78,.14,.15,.86);z-index:1}.sim-switch-thumb{border-radius:50%;height:100%;line-height:1;width:100%}.sim-switch-loading-icon{height:1em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}.sim-switch-loading-icon svg{-webkit-animation:loadingCircle 1s linear infinite;animation:loadingCircle 1s linear infinite;vertical-align:text-top}.sim-switch-bar{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;border-radius:100px;box-sizing:border-box;color:rgba(0,0,0,.65);display:inline-block;font-size:14px;line-height:20px;min-width:54px;padding:0;position:relative;transition:all .36s;user-select:none;vertical-align:middle}.sim-slide-toggle .sim-switch-thumb-container{font-size:18px;height:24px;left:0;top:-5px;width:24px}.sim-slide-toggle .sim-switch-bar{height:14px;margin-left:0;margin-right:8px}.sim-switch-toggle .sim-switch-thumb-container{font-size:14px;height:18px;left:2px;top:2px;width:18px}.sim-switch-toggle.sim-switch-checked .sim-switch-thumb-container{margin-left:-2px}.sim-switch-toggle .sim-switch-bar{height:22px}.sim-switch-bar.sim-switch-bar-no-side-margin{margin-left:0;margin-right:0}.sim-switch-label-before .sim-switch-content{order:1}.sim-switch-label-before .sim-switch-bar{margin-left:8px;margin-right:0;order:2}.sim-switch.sim-switch-checked .sim-switch-thumb-container{left:100%;transform:translate3d(-100%,0,0)}.sim-switch-children{display:block;font-size:12px;margin-left:24px;margin-right:6px}.sim-switch-checked .sim-switch-children{margin-left:6px;margin-right:24px}.sim-switch-disabled,.sim-switch-loading{opacity:.4;pointer-events:none}@-webkit-keyframes loadingCircle{to{transform:rotate(1turn)}}@keyframes loadingCircle{to{transform:rotate(1turn)}}"]}]}],"members":{"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-simple/core/decorators","name":"InputBoolean","line":76,"character":3}}]}],"disableToggleValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-simple/core/decorators","name":"InputBoolean","line":81,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":3},"arguments":["class.sim-switch-loading"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-simple/core/decorators","name":"InputBoolean","line":87,"character":3}}]}],"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-simple/core/decorators","name":"InputBoolean","line":92,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":97,"character":3},"arguments":["class.sim-switch-checked"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":111,"character":3},"arguments":["class.sim-switch-disabled"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":129,"character":3}}]}],"toggleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":135,"character":3}}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":138,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":162,"character":5},"arguments":["tabindex"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":159,"character":17},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":160,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":161,"character":34},{"__symbolic":"reference","name":"string"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onChangeEvent":[{"__symbolic":"method"}],"onInputClick":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}]}},"SimSlideToggleComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SimSwitchComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":271,"character":1},"arguments":[{"selector":"sim-slide-toggle","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":275,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":276,"character":19},"member":"OnPush"},"host":{"class":"sim-slide-toggle","[class.sim-switch-toggle]":"false","[class.sim-switch-label-before]":"labelPosition == \"before\"","$quoted$":["[class.sim-switch-toggle]","[class.sim-switch-label-before]"]},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":284,"character":15},"useExisting":{"__symbolic":"reference","name":"SimSwitchComponent"},"multi":true}],"template":"<label class=\"sim-switch-label\" #label [attr.for]=\"inputId\">\n  <div class=\"sim-switch-bar\" [class.sim-switch-bar-no-side-margin]=\"!labelContent.textContent || !labelContent.textContent.trim()\">\n    <input\n      #input\n      class=\"sim-switch-input cdk-visually-hidden\"\n      type=\"checkbox\"\n      role=\"switch\"\n      [attr.id]=\"inputId\"\n      [required]=\"required\"\n      [tabIndex]=\"tabIndex\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [attr.name]=\"name\"\n      (change)=\"onChangeEvent($event)\"\n      (click)=\"onInputClick($event)\"\n    />\n    <div class=\"sim-switch-thumb-container\" #thumbContainer>\n      <div class=\"sim-switch-thumb\"></div>\n      <div class=\"sim-switch-loading-icon\" *ngIf=\"loading && !disabled\">\n        <svg\n          preserveAspectRatio=\"xMidYMid meet\"\n          height=\"1em\"\n          width=\"1em\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          stroke=\"currentColor\"\n        >\n          <g fill-rule=\"evenodd\" stroke-width=\"2\">\n            <circle opacity=\".3\" cx=\"12\" cy=\"12\" r=\"11\"></circle>\n            <path d=\"M12 1c2.8 0 5.6 1.1 7.8 3.2 4.3 4.3 4.3 11.3 0 15.6s-11.3 4.3-15.6 0\"></path>\n          </g>\n        </svg>\n      </div>\n    </div>\n  </div>\n  <span class=\"sim-switch-content\" #labelContent (cdkObserveContent)=\"_onLabelTextChange()\">\n    <!-- Add an invisible span so JAWS can read the label -->\n    <span style=\"display: none;\">&nbsp;</span>\n    <ng-content></ng-content>\n  </span>\n</label>\n","styles":[".sim-switch{-webkit-tap-highlight-color:transparent;display:inline-block;height:24px;line-height:24px;outline:none;white-space:nowrap}.sim-switch-label{align-items:center;cursor:pointer;display:flex;flex:1;flex-direction:row;height:inherit}.sim-switch-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sim-switch-thumb-container{position:absolute;transform:translateZ(0);transition:all .36s cubic-bezier(.78,.14,.15,.86);z-index:1}.sim-switch-thumb{border-radius:50%;height:100%;line-height:1;width:100%}.sim-switch-loading-icon{height:1em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}.sim-switch-loading-icon svg{-webkit-animation:loadingCircle 1s linear infinite;animation:loadingCircle 1s linear infinite;vertical-align:text-top}.sim-switch-bar{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;border-radius:100px;box-sizing:border-box;color:rgba(0,0,0,.65);display:inline-block;font-size:14px;line-height:20px;min-width:54px;padding:0;position:relative;transition:all .36s;user-select:none;vertical-align:middle}.sim-slide-toggle .sim-switch-thumb-container{font-size:18px;height:24px;left:0;top:-5px;width:24px}.sim-slide-toggle .sim-switch-bar{height:14px;margin-left:0;margin-right:8px}.sim-switch-toggle .sim-switch-thumb-container{font-size:14px;height:18px;left:2px;top:2px;width:18px}.sim-switch-toggle.sim-switch-checked .sim-switch-thumb-container{margin-left:-2px}.sim-switch-toggle .sim-switch-bar{height:22px}.sim-switch-bar.sim-switch-bar-no-side-margin{margin-left:0;margin-right:0}.sim-switch-label-before .sim-switch-content{order:1}.sim-switch-label-before .sim-switch-bar{margin-left:8px;margin-right:0;order:2}.sim-switch.sim-switch-checked .sim-switch-thumb-container{left:100%;transform:translate3d(-100%,0,0)}.sim-switch-children{display:block;font-size:12px;margin-left:24px;margin-right:6px}.sim-switch-checked .sim-switch-children{margin-left:6px;margin-right:24px}.sim-switch-disabled,.sim-switch-loading{opacity:.4;pointer-events:none}@-webkit-keyframes loadingCircle{to{transform:rotate(1turn)}}@keyframes loadingCircle{to{transform:rotate(1turn)}}"]}]}],"members":{"_onLabelTextChange":[{"__symbolic":"method"}]}},"SimWitchCheckedDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"sim-witch-checked","host":{"class":"sim-witch-checked-children"}}]}],"members":{}},"SimWitchUncheckedDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"sim-witch-unchecked","host":{"class":"sim-witch-unchecked-children"}}]}],"members":{}},"SimSwitchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SimSwitchComponent"},{"__symbolic":"reference","name":"SimSlideToggleComponent"},{"__symbolic":"reference","name":"SimWitchCheckedDirective"},{"__symbolic":"reference","name":"SimWitchUncheckedDirective"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":12},{"__symbolic":"reference","module":"@angular/cdk/observers","name":"ObserversModule","line":15,"character":26}],"exports":[{"__symbolic":"reference","name":"SimSwitchComponent"},{"__symbolic":"reference","name":"SimSlideToggleComponent"},{"__symbolic":"reference","name":"SimWitchCheckedDirective"},{"__symbolic":"reference","name":"SimWitchUncheckedDirective"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/forms","name":"CheckboxRequiredValidator","line":26,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"sim-switch[required][formControlName],\n             sim-switch[required][formControl], sim-switch[required][ngModel]","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":20,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵa"},"multi":true}]}]}],"members":{}}},"origins":{"SwitchLabelPosition":"./switch.component","SimSwitchChange":"./switch.component","SimSwitchComponent":"./switch.component","SimSlideToggleComponent":"./switch.component","SimWitchCheckedDirective":"./switch.directive","SimWitchUncheckedDirective":"./switch.directive","SimSwitchModule":"./switch.module","ɵa":"./switch-required-validator"},"importAs":"@ngx-simple/simple-ui/switch"}