tango-app-ui-store-builder 1.0.1-beta-2 → 1.0.1-beta-3

package/esm2022/lib/components/counter-input/counter-input.component.mjs

@@ -0,0 +1,74 @@
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+export class CounterInputComponent {
+    step = 1;
+    placeholder = '0';
+    onIncrement = new EventEmitter();
+    onDecrement = new EventEmitter();
+    value = 0;
+    disabled = false;
+    onChange = (value) => { };
+    onTouched = () => { };
+    increment() {
+        if (!this.disabled) {
+            this.value += this.step;
+            this.onChange(this.value);
+            this.onIncrement.emit(this.value);
+        }
+    }
+    decrement() {
+        if (!this.disabled) {
+            if (this.value <= this.step)
+                return;
+            this.value -= this.step;
+            this.onChange(this.value);
+            this.onDecrement.emit(this.value);
+        }
+    }
+    onInput(event) {
+        const val = event.target.valueAsNumber;
+        this.value = isNaN(val) ? 0 : val;
+        this.onChange(this.value);
+    }
+    // ControlValueAccessor interface methods
+    writeValue(value) {
+        this.value = value || 0;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CounterInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CounterInputComponent, selector: "counter-input", inputs: { step: "step", placeholder: "placeholder" }, outputs: { onIncrement: "onIncrement", onDecrement: "onDecrement" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CounterInputComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<div class=\"counter-container\" [class.disable-counter]=\"disabled\">\r\n  <svg\r\n    role=\"button\"\r\n    width=\"15\"\r\n    height=\"14\"\r\n    viewBox=\"0 0 15 14\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    (click)=\"decrement()\"\r\n  >\r\n    <path d=\"M3.76294 7H11.9296\" stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n  </svg>\r\n\r\n  <input\r\n    type=\"number\"\r\n    class=\"center\"\r\n    [value]=\"value\"\r\n    [min]=\"step\"\r\n    [placeholder]=\"placeholder\"\r\n    [disabled]=\"disabled\"\r\n    (input)=\"onInput($event)\"\r\n    (blur)=\"onTouched()\"\r\n  />\r\n\r\n  <svg\r\n    role=\"button\"\r\n    width=\"15\"\r\n    height=\"14\"\r\n    viewBox=\"0 0 15 14\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    (click)=\"increment()\"\r\n  >\r\n    <path\r\n      d=\"M7.15389 2.9165V11.0832M3.07056 6.99984H11.2372\"\r\n      stroke=\"#667085\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</div>\r\n", styles: [".counter-container{display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:#fff;border:.49px solid #d0d5dd;padding:10px;justify-content:space-between}.counter-container input{border:none;text-align:center;vertical-align:middle;background-color:transparent;min-width:20px;width:100%}.counter-container input::-webkit-outer-spin-button,.counter-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.counter-container input[type=number]{-moz-appearance:textfield;appearance:textfield}.counter-container input:focus{outline:0;box-shadow:none}.disable-counter{color:var(--bs-gray-500)!important;background-color:var(--bs-gray-200)!important;border-color:var(--bs-gray-300)!important;pointer-events:none;opacity:1}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CounterInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'counter-input', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CounterInputComponent),
+                            multi: true
+                        }
+                    ], template: "<div class=\"counter-container\" [class.disable-counter]=\"disabled\">\r\n  <svg\r\n    role=\"button\"\r\n    width=\"15\"\r\n    height=\"14\"\r\n    viewBox=\"0 0 15 14\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    (click)=\"decrement()\"\r\n  >\r\n    <path d=\"M3.76294 7H11.9296\" stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n  </svg>\r\n\r\n  <input\r\n    type=\"number\"\r\n    class=\"center\"\r\n    [value]=\"value\"\r\n    [min]=\"step\"\r\n    [placeholder]=\"placeholder\"\r\n    [disabled]=\"disabled\"\r\n    (input)=\"onInput($event)\"\r\n    (blur)=\"onTouched()\"\r\n  />\r\n\r\n  <svg\r\n    role=\"button\"\r\n    width=\"15\"\r\n    height=\"14\"\r\n    viewBox=\"0 0 15 14\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    (click)=\"increment()\"\r\n  >\r\n    <path\r\n      d=\"M7.15389 2.9165V11.0832M3.07056 6.99984H11.2372\"\r\n      stroke=\"#667085\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</div>\r\n", styles: [".counter-container{display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:#fff;border:.49px solid #d0d5dd;padding:10px;justify-content:space-between}.counter-container input{border:none;text-align:center;vertical-align:middle;background-color:transparent;min-width:20px;width:100%}.counter-container input::-webkit-outer-spin-button,.counter-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.counter-container input[type=number]{-moz-appearance:textfield;appearance:textfield}.counter-container input:focus{outline:0;box-shadow:none}.disable-counter{color:var(--bs-gray-500)!important;background-color:var(--bs-gray-200)!important;border-color:var(--bs-gray-300)!important;pointer-events:none;opacity:1}\n"] }]
+        }], propDecorators: { step: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], onIncrement: [{
+                type: Output
+            }], onDecrement: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY291bnRlci1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YW5nby1zdG9yZS1idWlsZGVyL3NyYy9saWIvY29tcG9uZW50cy9jb3VudGVyLWlucHV0L2NvdW50ZXItaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFuZ28tc3RvcmUtYnVpbGRlci9zcmMvbGliL2NvbXBvbmVudHMvY291bnRlci1pbnB1dC9jb3VudGVyLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFjekUsTUFBTSxPQUFPLHFCQUFxQjtJQUN2QixJQUFJLEdBQVcsQ0FBQyxDQUFDO0lBQ2pCLFdBQVcsR0FBVyxHQUFHLENBQUM7SUFFekIsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFDdEMsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFaEQsS0FBSyxHQUFXLENBQUMsQ0FBQztJQUNsQixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBRWpCLFFBQVEsR0FBRyxDQUFDLEtBQWEsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ2xDLFNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFFdEIsU0FBUztRQUNQLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQztZQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsSUFBSTtnQkFBRSxPQUFPO1lBQ3BDLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQztZQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQVk7UUFDbEIsTUFBTSxHQUFHLEdBQUksS0FBSyxDQUFDLE1BQTJCLENBQUMsYUFBYSxDQUFDO1FBQzdELElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQztRQUNsQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQseUNBQXlDO0lBQ3pDLFVBQVUsQ0FBQyxLQUFhO1FBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUUsVUFBbUI7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQzt3R0FuRFUscUJBQXFCOzRGQUFyQixxQkFBcUIsbUtBUnJCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztnQkFDcEQsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQ2JILDhsQ0EwQ0E7OzRGRDNCYSxxQkFBcUI7a0JBWmpDLFNBQVM7K0JBQ0UsZUFBZSxhQUdkO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHNCQUFzQixDQUFDOzRCQUNwRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvdW50ZXItaW5wdXQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3VudGVyLWlucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY291bnRlci1pbnB1dC5jb21wb25lbnQuc2NzcycsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDb3VudGVySW5wdXRDb21wb25lbnQpLFxyXG4gICAgICBtdWx0aTogdHJ1ZVxyXG4gICAgfVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIENvdW50ZXJJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBASW5wdXQoKSBzdGVwOiBudW1iZXIgPSAxO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnMCc7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkluY3JlbWVudCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvbkRlY3JlbWVudCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICB2YWx1ZTogbnVtYmVyID0gMDtcclxuICBkaXNhYmxlZCA9IGZhbHNlO1xyXG5cclxuICBvbkNoYW5nZSA9ICh2YWx1ZTogbnVtYmVyKSA9PiB7IH07XHJcbiAgb25Ub3VjaGVkID0gKCkgPT4geyB9O1xyXG5cclxuICBpbmNyZW1lbnQoKSB7XHJcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgdGhpcy52YWx1ZSArPSB0aGlzLnN0ZXA7XHJcbiAgICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgICAgIHRoaXMub25JbmNyZW1lbnQuZW1pdCh0aGlzLnZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGRlY3JlbWVudCgpIHtcclxuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICBpZiAodGhpcy52YWx1ZSA8PSB0aGlzLnN0ZXApIHJldHVybjtcclxuICAgICAgdGhpcy52YWx1ZSAtPSB0aGlzLnN0ZXA7XHJcbiAgICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgICAgIHRoaXMub25EZWNyZW1lbnQuZW1pdCh0aGlzLnZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICBjb25zdCB2YWwgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpLnZhbHVlQXNOdW1iZXI7XHJcbiAgICB0aGlzLnZhbHVlID0gaXNOYU4odmFsKSA/IDAgOiB2YWw7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgLy8gQ29udHJvbFZhbHVlQWNjZXNzb3IgaW50ZXJmYWNlIG1ldGhvZHNcclxuICB3cml0ZVZhbHVlKHZhbHVlOiBudW1iZXIpOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWUgPSB2YWx1ZSB8fCAwO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb3VudGVyLWNvbnRhaW5lclwiIFtjbGFzcy5kaXNhYmxlLWNvdW50ZXJdPVwiZGlzYWJsZWRcIj5cclxuICA8c3ZnXHJcbiAgICByb2xlPVwiYnV0dG9uXCJcclxuICAgIHdpZHRoPVwiMTVcIlxyXG4gICAgaGVpZ2h0PVwiMTRcIlxyXG4gICAgdmlld0JveD1cIjAgMCAxNSAxNFwiXHJcbiAgICBmaWxsPVwibm9uZVwiXHJcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcclxuICAgIChjbGljayk9XCJkZWNyZW1lbnQoKVwiXHJcbiAgPlxyXG4gICAgPHBhdGggZD1cIk0zLjc2Mjk0IDdIMTEuOTI5NlwiIHN0cm9rZT1cIiM2NjcwODVcIiBzdHJva2Utd2lkdGg9XCIyXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgLz5cclxuICA8L3N2Zz5cclxuXHJcbiAgPGlucHV0XHJcbiAgICB0eXBlPVwibnVtYmVyXCJcclxuICAgIGNsYXNzPVwiY2VudGVyXCJcclxuICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXHJcbiAgICBbbWluXT1cInN0ZXBcIlxyXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAoaW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcclxuICAgIChibHVyKT1cIm9uVG91Y2hlZCgpXCJcclxuICAvPlxyXG5cclxuICA8c3ZnXHJcbiAgICByb2xlPVwiYnV0dG9uXCJcclxuICAgIHdpZHRoPVwiMTVcIlxyXG4gICAgaGVpZ2h0PVwiMTRcIlxyXG4gICAgdmlld0JveD1cIjAgMCAxNSAxNFwiXHJcbiAgICBmaWxsPVwibm9uZVwiXHJcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcclxuICAgIChjbGljayk9XCJpbmNyZW1lbnQoKVwiXHJcbiAgPlxyXG4gICAgPHBhdGhcclxuICAgICAgZD1cIk03LjE1Mzg5IDIuOTE2NVYxMS4wODMyTTMuMDcwNTYgNi45OTk4NEgxMS4yMzcyXCJcclxuICAgICAgc3Ryb2tlPVwiIzY2NzA4NVwiXHJcbiAgICAgIHN0cm9rZS13aWR0aD1cIjJcIlxyXG4gICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcclxuICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxyXG4gICAgLz5cclxuICA8L3N2Zz5cclxuPC9kaXY+XHJcbiJdfQ==