{"__symbolic":"module","version":4,"metadata":{"StepperComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"sebng-stepper","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":4,"character":13},"useExisting":{"__symbolic":"reference","name":"StepperComponent"},"multi":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":19},"member":"None"},"template":"<div class=\"input-group seb-stepper\" [ngClass]=\"className\">\n    <div class=\"input-group-prepend stepper-decrement\">\n        <button\n            class=\"btn btn-secondary\"\n            type=\"button\"\n            [disabled]=\"value <= min || disabled\"\n            [class.disabled]=\"value <= min || disabled\"\n            (click)=\"!disabled && decrement()\"\n            [attr.aria-controls]=\"id\"\n            aria-labelledby=\"decrement\"\n        >\n            <span>&#8722;</span>\n        </button>\n    </div>\n\n    <input\n        class=\"form-control stepper-input\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"disabled\"\n        [class.disabled]=\"disabled\"\n        [class.is-invalid]=\"invalid\"\n        aria-live=\"assertive\"\n        [attr.id]=\"id\"\n        type=\"tel\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [(ngModel)]=\"value\"\n    />\n\n    <div class=\"input-group-append stepper-increment\">\n        <button\n            class=\"btn btn-secondary\"\n            type=\"button\"\n            [disabled]=\"value >= max || disabled\"\n            [class.disabled]=\"value >= max || disabled\"\n            (click)=\"!disabled && increment()\"\n            [attr.aria-controls]=\"id\"\n            aria-labelledby=\"increment\"\n        >\n            <span>&#43;</span>\n        </button>\n    </div>\n</div>\n","styles":[".input-group.seb-stepper{margin-bottom:1rem}.input-group.seb-stepper>input.form-control.stepper-input{text-align:center;font-size:1.5rem;font-weight:400;max-width:4rem;padding:0;height:auto}.input-group.seb-stepper>input.form-control.stepper-input.is-invalid{border-bottom:#D81A1A 1.5px solid}.input-group.seb-stepper .input-group-prepend.stepper-decrement,.input-group.seb-stepper .input-group-append.stepper-increment{height:2.75rem;width:2.75rem}.input-group.seb-stepper .input-group-prepend.stepper-decrement button.btn.btn-secondary,.input-group.seb-stepper .input-group-append.stepper-increment button.btn.btn-secondary{height:2.75rem;width:2.75rem;padding:0;margin:0}.input-group.seb-stepper .input-group-prepend.stepper-decrement button.btn.btn-secondary.disabled,.input-group.seb-stepper .input-group-prepend.stepper-decrement button.btn.btn-secondary:disabled,.input-group.seb-stepper .input-group-append.stepper-increment button.btn.btn-secondary.disabled,.input-group.seb-stepper .input-group-append.stepper-increment button.btn.btn-secondary:disabled{color:#adadad;background-color:transparent}.input-group.seb-stepper .input-group-prepend.stepper-decrement button.btn.btn-secondary>span,.input-group.seb-stepper .input-group-append.stepper-increment button.btn.btn-secondary>span{font-size:2.375rem;font-weight:100;line-height:.6}\n"]}]}],"members":{"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"increment":[{"__symbolic":"method"}],"decrement":[{"__symbolic":"method"}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}},"StepperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":6,"character":28}],"declarations":[{"__symbolic":"reference","name":"StepperComponent"}],"exports":[{"__symbolic":"reference","name":"StepperComponent"}]}]}],"members":{}}},"origins":{"StepperComponent":"./stepper.component","StepperModule":"./stepper.module"},"importAs":"@sebgroup/ng-components/lib/stepper"}