ngx-st-qty-input 1.0.1

package/README.md

@@ -0,0 +1,24 @@
+# NgxStQtyInput
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ngx-st-qty-input` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-st-qty-input`.
+> Note: Don't forget to add `--project ngx-st-qty-input` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build ngx-st-qty-input` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ngx-st-qty-input`, go to the dist folder `cd dist/ngx-st-qty-input` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ngx-st-qty-input` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/esm2020/lib/components/qty-input.component.mjs

@@ -0,0 +1,39 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/material/icon";
+export class QtyInputComponent {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.newValueEmitter = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    removeClicked() {
+        this.qtyModel -= 1;
+        this.newValueEmitter.emit(this.qtyModel);
+        this.changeDetectorRef.markForCheck();
+    }
+    addClicked() {
+        this.qtyModel += 1;
+        this.newValueEmitter.emit(this.qtyModel);
+        this.changeDetectorRef.markForCheck();
+    }
+    qtyModelChanged() {
+        this.newValueEmitter.emit(this.qtyModel);
+    }
+}
+QtyInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: QtyInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+QtyInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: QtyInputComponent, selector: "ngx-st-qty-input", inputs: { qtyModel: "qtyModel" }, outputs: { newValueEmitter: "newValueEmitter" }, ngImport: i0, template: "<div class=\"row st-qty-input\">\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"warn\" (click)=\"removeClicked()\">\r\n            <mat-icon>remove</mat-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"col\">\r\n        <mat-form-field>\r\n            <input\r\n                matInput\r\n                type=\"number\"\r\n                [(ngModel)]=\"qtyModel\"\r\n                (ngModelChange)=\"qtyModelChanged()\"\r\n                style=\"text-align: right\"\r\n            />\r\n        </mat-form-field>\r\n    </div>\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"accent\" (click)=\"addClicked()\">\r\n            <mat-icon>add</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: QtyInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-st-qty-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row st-qty-input\">\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"warn\" (click)=\"removeClicked()\">\r\n            <mat-icon>remove</mat-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"col\">\r\n        <mat-form-field>\r\n            <input\r\n                matInput\r\n                type=\"number\"\r\n                [(ngModel)]=\"qtyModel\"\r\n                (ngModelChange)=\"qtyModelChanged()\"\r\n                style=\"text-align: right\"\r\n            />\r\n        </mat-form-field>\r\n    </div>\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"accent\" (click)=\"addClicked()\">\r\n            <mat-icon>add</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { qtyModel: [{
+                type: Input
+            }], newValueEmitter: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXR5LWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1xdHktaW5wdXQvc3JjL2xpYi9jb21wb25lbnRzL3F0eS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc3QtcXR5LWlucHV0L3NyYy9saWIvY29tcG9uZW50cy9xdHktaW5wdXQtY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ1QsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRdkIsTUFBTSxPQUFPLGlCQUFpQjtJQVExQixZQUNZLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBSGhELG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUl6QyxDQUFDO0lBRUwsUUFBUTtJQUNSLENBQUM7SUFFRCxhQUFhO1FBQ1QsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUM7UUFDbkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3pDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRUQsVUFBVTtRQUNOLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDO1FBQ25CLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN6QyxJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDN0MsQ0FBQzs7OEdBN0JRLGlCQUFpQjtrR0FBakIsaUJBQWlCLDJJQ2hCOUIsbXdCQXVCQTsyRkRQYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0Usa0JBQWtCLG1CQUdULHVCQUF1QixDQUFDLE1BQU07d0dBSy9DLFFBQVE7c0JBRFAsS0FBSztnQkFJTixlQUFlO3NCQURkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT25Jbml0LFxuICAgIE91dHB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LXN0LXF0eS1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9xdHktaW5wdXQtY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9xdHktaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBRdHlJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoKVxuICAgIHF0eU1vZGVsOiBudW1iZXI7XG5cbiAgICBAT3V0cHV0KClcbiAgICBuZXdWYWx1ZUVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZlxuICAgICkgeyB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB9XG5cbiAgICByZW1vdmVDbGlja2VkKCkge1xuICAgICAgICB0aGlzLnF0eU1vZGVsIC09IDE7XG4gICAgICAgIHRoaXMubmV3VmFsdWVFbWl0dGVyLmVtaXQodGhpcy5xdHlNb2RlbCk7XG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuXG4gICAgYWRkQ2xpY2tlZCgpIHtcbiAgICAgICAgdGhpcy5xdHlNb2RlbCArPSAxO1xuICAgICAgICB0aGlzLm5ld1ZhbHVlRW1pdHRlci5lbWl0KHRoaXMucXR5TW9kZWwpO1xuICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIHF0eU1vZGVsQ2hhbmdlZCgpIHtcbiAgICAgICAgdGhpcy5uZXdWYWx1ZUVtaXR0ZXIuZW1pdCh0aGlzLnF0eU1vZGVsKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicm93IHN0LXF0eS1pbnB1dFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC1hdXRvXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY29sb3I9XCJ3YXJuXCIgKGNsaWNrKT1cInJlbW92ZUNsaWNrZWQoKVwiPlxyXG4gICAgICAgICAgICA8bWF0LWljb24+cmVtb3ZlPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbFwiPlxyXG4gICAgICAgIDxtYXQtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgICAgICAgdHlwZT1cIm51bWJlclwiXHJcbiAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cInF0eU1vZGVsXCJcclxuICAgICAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInF0eU1vZGVsQ2hhbmdlZCgpXCJcclxuICAgICAgICAgICAgICAgIHN0eWxlPVwidGV4dC1hbGlnbjogcmlnaHRcIlxyXG4gICAgICAgICAgICAvPlxyXG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtYXV0b1wiPlxyXG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNvbG9yPVwiYWNjZW50XCIgKGNsaWNrKT1cImFkZENsaWNrZWQoKVwiPlxyXG4gICAgICAgICAgICA8bWF0LWljb24+YWRkPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2020/lib/st-qty-input.module.mjs

@@ -0,0 +1,43 @@
+import { NgModule } from '@angular/core';
+import { QtyInputComponent } from './components/qty-input.component';
+import { CommonModule } from "@angular/common";
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { MatButtonModule } from "@angular/material/button";
+import { MatInputModule } from "@angular/material/input";
+import { MatIconModule } from "@angular/material/icon";
+import * as i0 from "@angular/core";
+export class StQtyInputModule {
+}
+StQtyInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StQtyInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StQtyInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: StQtyInputModule, declarations: [QtyInputComponent], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatButtonModule,
+        MatInputModule,
+        MatIconModule], exports: [QtyInputComponent] });
+StQtyInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StQtyInputModule, imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatButtonModule,
+        MatInputModule,
+        MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StQtyInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        QtyInputComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatInputModule,
+                        MatIconModule
+                    ],
+                    exports: [
+                        QtyInputComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3QtcXR5LWlucHV0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1xdHktaW5wdXQvc3JjL2xpYi9zdC1xdHktaW5wdXQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxXQUFXLEVBQUUsbUJBQW1CLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQzs7QUFrQnJELE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFkekIsaUJBQWlCLGFBR2YsWUFBWTtRQUNaLFdBQVc7UUFDWCxtQkFBbUI7UUFDbkIsZUFBZTtRQUNmLGNBQWM7UUFDZCxhQUFhLGFBR2YsaUJBQWlCOzhHQUdSLGdCQUFnQixZQVh2QixZQUFZO1FBQ1osV0FBVztRQUNYLG1CQUFtQjtRQUNuQixlQUFlO1FBQ2YsY0FBYztRQUNkLGFBQWE7MkZBTU4sZ0JBQWdCO2tCQWhCNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osaUJBQWlCO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsZUFBZTt3QkFDZixjQUFjO3dCQUNkLGFBQWE7cUJBQ2hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7cUJBQ2xCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFF0eUlucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3F0eS1pbnB1dC5jb21wb25lbnQnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7Rm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuaW1wb3J0IHtNYXRCdXR0b25Nb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9idXR0b25cIjtcbmltcG9ydCB7TWF0SW5wdXRNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9pbnB1dFwiO1xuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvblwiO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBRdHlJbnB1dENvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgICBDb21tb25Nb2R1bGUsXG4gICAgICBGb3Jtc01vZHVsZSxcbiAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICAgIE1hdEljb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFF0eUlucHV0Q29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU3RRdHlJbnB1dE1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/ngx-st-qty-input.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXN0LXF0eS1pbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1xdHktaW5wdXQvc3JjL25neC1zdC1xdHktaW5wdXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2020/public-api.mjs

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of ngx-st-qty-input
+ */
+export * from './lib/components/qty-input.component';
+export * from './lib/st-qty-input.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1xdHktaW5wdXQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5neC1zdC1xdHktaW5wdXRcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3F0eS1pbnB1dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3QtcXR5LWlucHV0Lm1vZHVsZSc7XG4iXX0=

package/fesm2015/ngx-st-qty-input.mjs

@@ -0,0 +1,90 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/form-field';
+import * as i4 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i5 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
+
+class QtyInputComponent {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.newValueEmitter = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    removeClicked() {
+        this.qtyModel -= 1;
+        this.newValueEmitter.emit(this.qtyModel);
+        this.changeDetectorRef.markForCheck();
+    }
+    addClicked() {
+        this.qtyModel += 1;
+        this.newValueEmitter.emit(this.qtyModel);
+        this.changeDetectorRef.markForCheck();
+    }
+    qtyModelChanged() {
+        this.newValueEmitter.emit(this.qtyModel);
+    }
+}
+QtyInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: QtyInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+QtyInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: QtyInputComponent, selector: "ngx-st-qty-input", inputs: { qtyModel: "qtyModel" }, outputs: { newValueEmitter: "newValueEmitter" }, ngImport: i0, template: "<div class=\"row st-qty-input\">\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"warn\" (click)=\"removeClicked()\">\r\n            <mat-icon>remove</mat-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"col\">\r\n        <mat-form-field>\r\n            <input\r\n                matInput\r\n                type=\"number\"\r\n                [(ngModel)]=\"qtyModel\"\r\n                (ngModelChange)=\"qtyModelChanged()\"\r\n                style=\"text-align: right\"\r\n            />\r\n        </mat-form-field>\r\n    </div>\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"accent\" (click)=\"addClicked()\">\r\n            <mat-icon>add</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: QtyInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-st-qty-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row st-qty-input\">\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"warn\" (click)=\"removeClicked()\">\r\n            <mat-icon>remove</mat-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"col\">\r\n        <mat-form-field>\r\n            <input\r\n                matInput\r\n                type=\"number\"\r\n                [(ngModel)]=\"qtyModel\"\r\n                (ngModelChange)=\"qtyModelChanged()\"\r\n                style=\"text-align: right\"\r\n            />\r\n        </mat-form-field>\r\n    </div>\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"accent\" (click)=\"addClicked()\">\r\n            <mat-icon>add</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { qtyModel: [{
+                type: Input
+            }], newValueEmitter: [{
+                type: Output
+            }] } });
+
+class StQtyInputModule {
+}
+StQtyInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StQtyInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StQtyInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: StQtyInputModule, declarations: [QtyInputComponent], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatButtonModule,
+        MatInputModule,
+        MatIconModule], exports: [QtyInputComponent] });
+StQtyInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StQtyInputModule, imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatButtonModule,
+        MatInputModule,
+        MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StQtyInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        QtyInputComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatInputModule,
+                        MatIconModule
+                    ],
+                    exports: [
+                        QtyInputComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of ngx-st-qty-input
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { QtyInputComponent, StQtyInputModule };
+//# sourceMappingURL=ngx-st-qty-input.mjs.map

package/fesm2015/ngx-st-qty-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-st-qty-input.mjs","sources":["../../../projects/ngx-st-qty-input/src/lib/components/qty-input.component.ts","../../../projects/ngx-st-qty-input/src/lib/components/qty-input-component.html","../../../projects/ngx-st-qty-input/src/lib/st-qty-input.module.ts","../../../projects/ngx-st-qty-input/src/public-api.ts","../../../projects/ngx-st-qty-input/src/ngx-st-qty-input.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    EventEmitter,\n    Input,\n    OnInit,\n    Output\n} from '@angular/core';\n\n@Component({\n  selector: 'ngx-st-qty-input',\n  templateUrl: './qty-input-component.html',\n  styleUrls: ['./qty-input.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class QtyInputComponent implements OnInit {\n\n    @Input()\n    qtyModel: number;\n\n    @Output()\n    newValueEmitter = new EventEmitter<number>();\n\n    constructor(\n        private changeDetectorRef: ChangeDetectorRef\n    ) { }\n\n    ngOnInit(): void {\n    }\n\n    removeClicked() {\n        this.qtyModel -= 1;\n        this.newValueEmitter.emit(this.qtyModel);\n        this.changeDetectorRef.markForCheck();\n    }\n\n    addClicked() {\n        this.qtyModel += 1;\n        this.newValueEmitter.emit(this.qtyModel);\n        this.changeDetectorRef.markForCheck();\n    }\n\n    qtyModelChanged() {\n        this.newValueEmitter.emit(this.qtyModel);\n    }\n}\n","<div class=\"row st-qty-input\">\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"warn\" (click)=\"removeClicked()\">\r\n            <mat-icon>remove</mat-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"col\">\r\n        <mat-form-field>\r\n            <input\r\n                matInput\r\n                type=\"number\"\r\n                [(ngModel)]=\"qtyModel\"\r\n                (ngModelChange)=\"qtyModelChanged()\"\r\n                style=\"text-align: right\"\r\n            />\r\n        </mat-form-field>\r\n    </div>\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"accent\" (click)=\"addClicked()\">\r\n            <mat-icon>add</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { QtyInputComponent } from './components/qty-input.component';\nimport {CommonModule} from \"@angular/common\";\nimport {FormsModule, ReactiveFormsModule} from \"@angular/forms\";\nimport {MatButtonModule} from \"@angular/material/button\";\nimport {MatInputModule} from \"@angular/material/input\";\nimport {MatIconModule} from \"@angular/material/icon\";\n\n@NgModule({\n  declarations: [\n    QtyInputComponent\n  ],\n  imports: [\n      CommonModule,\n      FormsModule,\n      ReactiveFormsModule,\n      MatButtonModule,\n      MatInputModule,\n      MatIconModule\n  ],\n  exports: [\n    QtyInputComponent\n  ]\n})\nexport class StQtyInputModule { }\n","/*\n * Public API Surface of ngx-st-qty-input\n */\n\nexport * from './lib/components/qty-input.component';\nexport * from './lib/st-qty-input.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/ngx-st-qty-input.mjs

@@ -0,0 +1,90 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/form-field';
+import * as i4 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i5 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
+
+class QtyInputComponent {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.newValueEmitter = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    removeClicked() {
+        this.qtyModel -= 1;
+        this.newValueEmitter.emit(this.qtyModel);
+        this.changeDetectorRef.markForCheck();
+    }
+    addClicked() {
+        this.qtyModel += 1;
+        this.newValueEmitter.emit(this.qtyModel);
+        this.changeDetectorRef.markForCheck();
+    }
+    qtyModelChanged() {
+        this.newValueEmitter.emit(this.qtyModel);
+    }
+}
+QtyInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: QtyInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+QtyInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: QtyInputComponent, selector: "ngx-st-qty-input", inputs: { qtyModel: "qtyModel" }, outputs: { newValueEmitter: "newValueEmitter" }, ngImport: i0, template: "<div class=\"row st-qty-input\">\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"warn\" (click)=\"removeClicked()\">\r\n            <mat-icon>remove</mat-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"col\">\r\n        <mat-form-field>\r\n            <input\r\n                matInput\r\n                type=\"number\"\r\n                [(ngModel)]=\"qtyModel\"\r\n                (ngModelChange)=\"qtyModelChanged()\"\r\n                style=\"text-align: right\"\r\n            />\r\n        </mat-form-field>\r\n    </div>\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"accent\" (click)=\"addClicked()\">\r\n            <mat-icon>add</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: QtyInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-st-qty-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row st-qty-input\">\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"warn\" (click)=\"removeClicked()\">\r\n            <mat-icon>remove</mat-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"col\">\r\n        <mat-form-field>\r\n            <input\r\n                matInput\r\n                type=\"number\"\r\n                [(ngModel)]=\"qtyModel\"\r\n                (ngModelChange)=\"qtyModelChanged()\"\r\n                style=\"text-align: right\"\r\n            />\r\n        </mat-form-field>\r\n    </div>\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"accent\" (click)=\"addClicked()\">\r\n            <mat-icon>add</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { qtyModel: [{
+                type: Input
+            }], newValueEmitter: [{
+                type: Output
+            }] } });
+
+class StQtyInputModule {
+}
+StQtyInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StQtyInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StQtyInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: StQtyInputModule, declarations: [QtyInputComponent], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatButtonModule,
+        MatInputModule,
+        MatIconModule], exports: [QtyInputComponent] });
+StQtyInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StQtyInputModule, imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatButtonModule,
+        MatInputModule,
+        MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StQtyInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        QtyInputComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatInputModule,
+                        MatIconModule
+                    ],
+                    exports: [
+                        QtyInputComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of ngx-st-qty-input
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { QtyInputComponent, StQtyInputModule };
+//# sourceMappingURL=ngx-st-qty-input.mjs.map

package/fesm2020/ngx-st-qty-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-st-qty-input.mjs","sources":["../../../projects/ngx-st-qty-input/src/lib/components/qty-input.component.ts","../../../projects/ngx-st-qty-input/src/lib/components/qty-input-component.html","../../../projects/ngx-st-qty-input/src/lib/st-qty-input.module.ts","../../../projects/ngx-st-qty-input/src/public-api.ts","../../../projects/ngx-st-qty-input/src/ngx-st-qty-input.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    EventEmitter,\n    Input,\n    OnInit,\n    Output\n} from '@angular/core';\n\n@Component({\n  selector: 'ngx-st-qty-input',\n  templateUrl: './qty-input-component.html',\n  styleUrls: ['./qty-input.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class QtyInputComponent implements OnInit {\n\n    @Input()\n    qtyModel: number;\n\n    @Output()\n    newValueEmitter = new EventEmitter<number>();\n\n    constructor(\n        private changeDetectorRef: ChangeDetectorRef\n    ) { }\n\n    ngOnInit(): void {\n    }\n\n    removeClicked() {\n        this.qtyModel -= 1;\n        this.newValueEmitter.emit(this.qtyModel);\n        this.changeDetectorRef.markForCheck();\n    }\n\n    addClicked() {\n        this.qtyModel += 1;\n        this.newValueEmitter.emit(this.qtyModel);\n        this.changeDetectorRef.markForCheck();\n    }\n\n    qtyModelChanged() {\n        this.newValueEmitter.emit(this.qtyModel);\n    }\n}\n","<div class=\"row st-qty-input\">\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"warn\" (click)=\"removeClicked()\">\r\n            <mat-icon>remove</mat-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"col\">\r\n        <mat-form-field>\r\n            <input\r\n                matInput\r\n                type=\"number\"\r\n                [(ngModel)]=\"qtyModel\"\r\n                (ngModelChange)=\"qtyModelChanged()\"\r\n                style=\"text-align: right\"\r\n            />\r\n        </mat-form-field>\r\n    </div>\r\n    <div class=\"col-auto\">\r\n        <button mat-icon-button color=\"accent\" (click)=\"addClicked()\">\r\n            <mat-icon>add</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { QtyInputComponent } from './components/qty-input.component';\nimport {CommonModule} from \"@angular/common\";\nimport {FormsModule, ReactiveFormsModule} from \"@angular/forms\";\nimport {MatButtonModule} from \"@angular/material/button\";\nimport {MatInputModule} from \"@angular/material/input\";\nimport {MatIconModule} from \"@angular/material/icon\";\n\n@NgModule({\n  declarations: [\n    QtyInputComponent\n  ],\n  imports: [\n      CommonModule,\n      FormsModule,\n      ReactiveFormsModule,\n      MatButtonModule,\n      MatInputModule,\n      MatIconModule\n  ],\n  exports: [\n    QtyInputComponent\n  ]\n})\nexport class StQtyInputModule { }\n","/*\n * Public API Surface of ngx-st-qty-input\n */\n\nexport * from './lib/components/qty-input.component';\nexport * from './lib/st-qty-input.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngx-st-qty-input" />
+export * from './public-api';

package/lib/components/qty-input.component.d.ts

@@ -0,0 +1,14 @@
+import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class QtyInputComponent implements OnInit {
+    private changeDetectorRef;
+    qtyModel: number;
+    newValueEmitter: EventEmitter<number>;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    removeClicked(): void;
+    addClicked(): void;
+    qtyModelChanged(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QtyInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QtyInputComponent, "ngx-st-qty-input", never, { "qtyModel": "qtyModel"; }, { "newValueEmitter": "newValueEmitter"; }, never, never, false>;
+}

package/lib/st-qty-input.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/qty-input.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/material/icon";
+export declare class StQtyInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StQtyInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StQtyInputModule, [typeof i1.QtyInputComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonModule, typeof i5.MatInputModule, typeof i6.MatIconModule], [typeof i1.QtyInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StQtyInputModule>;
+}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "ngx-st-qty-input",
+  "version": "1.0.1",
+  "peerDependencies": {
+    "@angular/common": "^14.2.0",
+    "@angular/core": "^14.2.0",
+    "@angular/material": "^14.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/ngx-st-qty-input.mjs",
+  "es2020": "fesm2020/ngx-st-qty-input.mjs",
+  "esm2020": "esm2020/ngx-st-qty-input.mjs",
+  "fesm2020": "fesm2020/ngx-st-qty-input.mjs",
+  "fesm2015": "fesm2015/ngx-st-qty-input.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/ngx-st-qty-input.mjs",
+      "es2020": "./fesm2020/ngx-st-qty-input.mjs",
+      "es2015": "./fesm2015/ngx-st-qty-input.mjs",
+      "node": "./fesm2015/ngx-st-qty-input.mjs",
+      "default": "./fesm2020/ngx-st-qty-input.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/components/qty-input.component';
+export * from './lib/st-qty-input.module';