{"__symbolic":"module","version":4,"metadata":{"TsCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":4}],"exports":[{"__symbolic":"reference","name":"TsCheckboxComponent"}],"declarations":[{"__symbolic":"reference","name":"TsCheckboxComponent"}]}]}],"members":{}},"TsCheckboxClickAction":{"__symbolic":"interface"},"TsCheckboxDefaultOptions":{"__symbolic":"interface"},"TS_CHECKBOX_DEFAULT_OPTIONS_FACTORY":{"__symbolic":"function","parameters":[],"value":{"clickAction":"check-indeterminate"}},"TS_CHECKBOX_DEFAULT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":62,"character":47},"arguments":["ts-checkbox-default-options",{"providedIn":"root","factory":{"__symbolic":"reference","name":"TS_CHECKBOX_DEFAULT_OPTIONS_FACTORY"}}]},"TsCheckboxChange":{"__symbolic":"class","members":{}},"TS_CHECKBOX_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":89,"character":11},"useExisting":{"__symbolic":"reference","name":"TsCheckboxComponent"},"multi":true},"TsCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":118,"character":1},"arguments":[{"selector":"ts-checkbox","host":{"class":"ts-checkbox","[attr.tabindex]":"null","[class.ts-checkbox--indeterminate]":"isIndeterminate","[class.ts-checkbox--checked]":"isChecked","[class.ts-checkbox--disabled]":"isDisabled","$quoted$":["class","[attr.tabindex]","[class.ts-checkbox--indeterminate]","[class.ts-checkbox--checked]","[class.ts-checkbox--disabled]"]},"providers":[{"__symbolic":"reference","name":"TS_CHECKBOX_CONTROL_VALUE_ACCESSOR"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":130,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":131,"character":17},"member":"None"},"exportAs":"tsCheckbox","template":"<div class=\"c-checkbox\">\n  <input\n    class=\"c-checkbox__input cdk-visually-hidden\"\n    type=\"checkbox\"\n    [attr.aria-checked]=\"ariaCheckedState\"\n    [attr.aria-describedby]=\"ariaDescribedby\"\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n    [checked]=\"isChecked\"\n    [disabled]=\"isDisabled\"\n    [id]=\"inputId\"\n    [required]=\"isRequired\"\n    [tabIndex]=\"tabIndex\"\n    (change)=\"onInteractionEvent($event)\"\n    (click)=\"inputClick($event)\"\n    #input\n  >\n  <label class=\"c-checkbox__label c-checkbox__label--svg\" [attr.for]=\"inputId\">\n    <svg viewBox=\"0 0 100 100\" focusable=\"false\">\n      <path class=\"path\" fill=\"none\" stroke=\"#000\" stroke-width=\"18\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"\n            d=\"M12.1 52.1l24.4 24.4 53-53\"/>\n    </svg>\n    <!-- Element for rendering the indeterminate state line -->\n    <span class=\"c-checkbox__label-mixed-mark\"></span>\n    <span class=\"c-checkbox__label-content-wrap\"><ng-content></ng-content></span>\n    <span class=\"c-checkbox__label-content-default\">{{ label }}</span>\n  </label>\n</div>\n","styles":[":root{--ts-checkbox-box-left:0px;--ts-checkbox-check-xy:10px;--ts-checkbox-component-height:37px;--ts-checkbox-disabled-borderColor:var(--ts-color-utility-200);--ts-checkbox-empty-borderColor:var(--ts-color-utility-400);--ts-checkbox-fontSize:14px;--ts-checkbox-indeterminate-backgroundColor:var(--ts-color-utility-600);--ts-checkbox-indeterminate-hover-backgroundColor:var(--ts-color-utility-700);--ts-checkbox-input-backgroundColor:var(--ts-color-base-white);--ts-checkbox-input-borderColor:var(--ts-color-utility-400);--ts-checkbox-input-borderRadius:3px;--ts-checkbox-input-disabled-color:var(--ts-color-utility-300);--ts-checkbox-input-disabled-svg-color:var(--ts-color-utility-600);--ts-checkbox-input-focus-borderColor:var(--ts-color-primary-300);--ts-checkbox-input-hover-borderColor:var(--ts-color-utility-500);--ts-checkbox-input-marginRight:var(--ts-space-base-small0);--ts-checkbox-input-svg-color:var(--ts-color-base-white);--ts-checkbox-input-xy:14px;--ts-checkbox-label-color:var(--ts-color-utility-600);--ts-checkbox-outer-margin:4px 0;--ts-checkbox-selected-color:var(--ts-color-primary-500);--ts-checkbox-selected-hover-color:var(--ts-color-primary-700);--ts-checkbox-svg-left:calc(var(--ts-checkbox-box-left) + 2px);--ts-checkbox-transitionDuration:var(--ts-animation-time-duration-200);--ts-checkbox-transitionFunction:var(--ts-animation-easing-easeOut);--ts-checkbox-typography:var(--ts-typography-compound-body)}.cdk-visually-hidden{-moz-appearance:none;-webkit-appearance:none;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;outline:0;overflow:hidden;padding:0;position:absolute;width:1px}.ts-checkbox{align-items:center;display:inline-flex;margin:var(--ts-checkbox-outer-margin);min-height:var(--ts-checkbox-component-height)}.ts-checkbox.ts-checkbox--indeterminate .c-checkbox__label:before{--ts-checkbox-input-backgroundColor:var(--ts-checkbox-indeterminate-backgroundColor);--ts-checkbox-input-borderColor:var(--ts-checkbox-indeterminate-backgroundColor)}.ts-checkbox.ts-checkbox--indeterminate .c-checkbox__label:hover:before{--ts-checkbox-input-backgroundColor:var(--ts-checkbox-indeterminate-hover-backgroundColor);--ts-checkbox-input-borderColor:var(--ts-checkbox-indeterminate-hover-backgroundColor);--ts-checkbox-input-svg-color:var(--ts-checkbox-input-disabled-svg-color)}.ts-checkbox.ts-checkbox--indeterminate input[disabled]+.c-checkbox__label:before{--ts-checkbox-input-backgroundColor:var(--ts-checkbox-input-disabled-color);--ts-checkbox-input-borderColor:var(--ts-checkbox-input-disabled-color)}.ts-checkbox.ts-checkbox--indeterminate input[disabled]+.c-checkbox__label .c-checkbox__label-mixed-mark{background-color:var(--ts-checkbox-input-disabled-svg-color)}.ts-checkbox.ts-checkbox--indeterminate .c-checkbox__label-mixed-mark{opacity:1;width:calc(var(--ts-checkbox-input-xy) - 6px)}.ts-checkbox.ts-checkbox--indeterminate svg{opacity:0}.ts-checkbox .c-checkbox{position:relative}.ts-checkbox .c-checkbox input:focus:not(:focus-visible){outline:none}.ts-checkbox .c-checkbox input:focus+.c-checkbox__label:before{box-shadow:0 0 0 2px var(--ts-checkbox-input-focus-borderColor)}.ts-checkbox .c-checkbox input:checked+.c-checkbox__label:before{--ts-checkbox-input-backgroundColor:var(--ts-checkbox-selected-color);--ts-checkbox-input-borderColor:var(--ts-checkbox-selected-color);--ts-checkbox-input-svg-color:var(--ts-checkbox-input-disabled-svg-color)}.ts-checkbox .c-checkbox input:checked+.c-checkbox__label .path{stroke:var(--ts-checkbox-input-svg-color);stroke-dashoffset:0}.ts-checkbox .c-checkbox input:checked+.c-checkbox__label:hover:before{--ts-checkbox-input-backgroundColor:var(--ts-checkbox-selected-hover-color);--ts-checkbox-input-borderColor:var(--ts-checkbox-selected-hover-color)}.ts-checkbox .c-checkbox input:checked:disabled+.c-checkbox__label:before{--ts-checkbox-input-backgroundColor:var(--ts-checkbox-input-disabled-color);--ts-checkbox-input-borderColor:var(--ts-checkbox-input-disabled-color)}.ts-checkbox .c-checkbox input:checked:disabled+.c-checkbox__label svg{--ts-checkbox-input-svg-color:var(--ts-checkbox-input-disabled-svg-color)}.ts-checkbox .c-checkbox input:disabled+.c-checkbox__label{cursor:not-allowed}.ts-checkbox .c-checkbox input:disabled+.c-checkbox__label:before{--ts-checkbox-input-borderColor:var(--ts-checkbox-input-disabled-color)}.ts-checkbox .c-checkbox__label-content-wrap:not(:empty)+.c-checkbox__label-content-default{display:none}.ts-checkbox .c-checkbox__label{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;color:var(--ts-checkbox-label-color);cursor:pointer;display:inline-block;font:var(--ts-checkbox-typography);font-size:var(--ts-checkbox-fontSize);padding-left:calc(var(--ts-checkbox-input-xy) + var(--ts-checkbox-input-marginRight));user-select:none}.ts-checkbox .c-checkbox__label:hover{--ts-checkbox-input-borderColor:var(--ts-checkbox-input-hover-borderColor)}.ts-checkbox .c-checkbox__label:before{background-color:var(--ts-checkbox-input-backgroundColor);border:2px solid var(--ts-checkbox-input-borderColor);border-radius:var(--ts-checkbox-input-borderRadius);content:\"\";display:inline-block;height:var(--ts-checkbox-input-xy);left:var(--ts-checkbox-box-left);margin-right:var(--ts-checkbox-input-marginRight);position:absolute;top:calc(50% - 1px);transform:translateY(-50%);transition:all var(--ts-checkbox-transitionDuration) var(--ts-checkbox-transitionFunction);width:var(--ts-checkbox-input-xy)}.ts-checkbox .c-checkbox__label svg{height:var(--ts-checkbox-check-xy);left:var(--ts-checkbox-svg-left);pointer-events:none;position:absolute;top:calc(50% - 1px);transform:translateY(-50%);width:var(--ts-checkbox-check-xy)}.ts-checkbox .c-checkbox__label .path{stroke:var(--ts-checkbox-input-svg-color);stroke-dasharray:111.46px;stroke-dashoffset:111.46px;transition:all var(--ts-checkbox-transitionDuration) var(--ts-checkbox-transitionFunction)}.ts-checkbox .c-checkbox__label-mixed-mark{background-color:var(--ts-checkbox-input-svg-color);display:inline-block;height:2px;left:3px;pointer-events:none;position:absolute;top:50%;transform:translateY(calc(-50% + 1px));transition:width .2s ease-out;width:0}"]}]}],"members":{"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":158,"character":3},"arguments":["input"]}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["aria-labelledby"]}]}],"ariaDescribedby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":178,"character":3},"arguments":["aria-describedby"]}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3}}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":230,"character":3},"arguments":["attr.id"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":231,"character":3}}]}],"isIndeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":246,"character":3}}]}],"isRequired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":266,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":272,"character":3}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":278,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":286,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":292,"character":3}}]}],"inputChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":298,"character":3}}]}],"indeterminateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":304,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":311,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":311,"character":17},"arguments":[{"__symbolic":"reference","name":"TS_CHECKBOX_DEFAULT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":308,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":309,"character":31},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":310,"character":26},{"__symbolic":"reference","name":"any"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"inputClick":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onInteractionEvent":[{"__symbolic":"method"}],"emitChangeEvent":[{"__symbolic":"method"}],"syncIndeterminate":[{"__symbolic":"method"}]}}},"origins":{"TsCheckboxModule":"./lib/ui-checkbox.module","TsCheckboxClickAction":"./lib/checkbox/checkbox.component","TsCheckboxDefaultOptions":"./lib/checkbox/checkbox.component","TS_CHECKBOX_DEFAULT_OPTIONS_FACTORY":"./lib/checkbox/checkbox.component","TS_CHECKBOX_DEFAULT_OPTIONS":"./lib/checkbox/checkbox.component","TsCheckboxChange":"./lib/checkbox/checkbox.component","TS_CHECKBOX_CONTROL_VALUE_ACCESSOR":"./lib/checkbox/checkbox.component","TsCheckboxComponent":"./lib/checkbox/checkbox.component"},"importAs":"@terminus/ui-checkbox"}