tickera-angular-components 0.0.1-dev.117 → 0.0.1-dev.119
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -701,6 +701,8 @@ var CorporateBondStatus;
|
|
|
701
701
|
(function (CorporateBondStatus) {
|
|
702
702
|
CorporateBondStatus["ACTIVE"] = "ACTIVE";
|
|
703
703
|
CorporateBondStatus["INACTIVE"] = "INACTIVE";
|
|
704
|
+
CorporateBondStatus["PENDING"] = "PENDING";
|
|
705
|
+
CorporateBondStatus["PAYMENT_FAILED"] = "PAYMENT_FAILED";
|
|
704
706
|
CorporateBondStatus["EXPIRED"] = "EXPIRED";
|
|
705
707
|
CorporateBondStatus["CONSUMED"] = "CONSUMED";
|
|
706
708
|
})(CorporateBondStatus || (CorporateBondStatus = {}));
|
|
@@ -4976,8 +4978,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
4976
4978
|
}] } });
|
|
4977
4979
|
|
|
4978
4980
|
class NumberInputComponent {
|
|
4979
|
-
ngControl;
|
|
4980
4981
|
transloco;
|
|
4982
|
+
injector;
|
|
4981
4983
|
label = '';
|
|
4982
4984
|
name = '';
|
|
4983
4985
|
id = '';
|
|
@@ -4992,27 +4994,32 @@ class NumberInputComponent {
|
|
|
4992
4994
|
disabled = false;
|
|
4993
4995
|
onChange = () => { };
|
|
4994
4996
|
onTouched = () => { };
|
|
4995
|
-
|
|
4996
|
-
|
|
4997
|
+
_ngControl;
|
|
4998
|
+
constructor(transloco, injector) {
|
|
4997
4999
|
this.transloco = transloco;
|
|
4998
|
-
|
|
4999
|
-
this.ngControl.valueAccessor = this;
|
|
5000
|
-
}
|
|
5000
|
+
this.injector = injector;
|
|
5001
5001
|
}
|
|
5002
|
-
|
|
5003
|
-
if (this.
|
|
5004
|
-
this.
|
|
5005
|
-
(control) => this.minValidator(control),
|
|
5006
|
-
(control) => this.maxValidator(control),
|
|
5007
|
-
]);
|
|
5002
|
+
get ngControl() {
|
|
5003
|
+
if (this._ngControl === undefined) {
|
|
5004
|
+
this._ngControl = this.injector.get(NgControl, null, { self: true });
|
|
5008
5005
|
}
|
|
5006
|
+
return this._ngControl;
|
|
5009
5007
|
}
|
|
5010
5008
|
ngOnChanges(changes) {
|
|
5011
|
-
console.log('changes', changes);
|
|
5012
5009
|
if (changes['min'] || changes['max']) {
|
|
5013
5010
|
this.ngControl?.control?.updateValueAndValidity();
|
|
5014
5011
|
}
|
|
5015
5012
|
}
|
|
5013
|
+
validate(control) {
|
|
5014
|
+
const errors = {};
|
|
5015
|
+
const minError = this.minValidator(control);
|
|
5016
|
+
const maxError = this.maxValidator(control);
|
|
5017
|
+
if (minError)
|
|
5018
|
+
Object.assign(errors, minError);
|
|
5019
|
+
if (maxError)
|
|
5020
|
+
Object.assign(errors, maxError);
|
|
5021
|
+
return Object.keys(errors).length ? errors : null;
|
|
5022
|
+
}
|
|
5016
5023
|
writeValue(value) {
|
|
5017
5024
|
this.value = value === null || value === undefined || value === '' ? null : Number(value);
|
|
5018
5025
|
}
|
|
@@ -5035,7 +5042,8 @@ class NumberInputComponent {
|
|
|
5035
5042
|
if (!this.canIncrement)
|
|
5036
5043
|
return;
|
|
5037
5044
|
const current = this.value ?? this.min ?? 0;
|
|
5038
|
-
const
|
|
5045
|
+
const step = this.step ?? 1;
|
|
5046
|
+
const next = this.round(this.clamp(current + step));
|
|
5039
5047
|
this.value = next;
|
|
5040
5048
|
this.onChange(next);
|
|
5041
5049
|
this.onTouched();
|
|
@@ -5044,7 +5052,8 @@ class NumberInputComponent {
|
|
|
5044
5052
|
if (!this.canDecrement)
|
|
5045
5053
|
return;
|
|
5046
5054
|
const current = this.value ?? this.min ?? 0;
|
|
5047
|
-
const
|
|
5055
|
+
const step = this.step ?? 1;
|
|
5056
|
+
const next = this.round(this.clamp(current - step));
|
|
5048
5057
|
this.value = next;
|
|
5049
5058
|
this.onChange(next);
|
|
5050
5059
|
this.onTouched();
|
|
@@ -5127,17 +5136,27 @@ class NumberInputComponent {
|
|
|
5127
5136
|
return null;
|
|
5128
5137
|
return num > this.max ? { max: { max: this.max, actual: num } } : null;
|
|
5129
5138
|
}
|
|
5130
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NumberInputComponent, deps: [{ token:
|
|
5131
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: NumberInputComponent, isStandalone: true, selector: "number-input", inputs: { label: "label", name: "name", id: "id", placeholder: "placeholder", required: "required", readonly: "readonly", min: "min", max: "max", step: "step", fieldGroupClass: "fieldGroupClass" },
|
|
5139
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NumberInputComponent, deps: [{ token: i2.TranslocoService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
5140
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: NumberInputComponent, isStandalone: true, selector: "number-input", inputs: { label: "label", name: "name", id: "id", placeholder: "placeholder", required: "required", readonly: "readonly", min: "min", max: "max", step: "step", fieldGroupClass: "fieldGroupClass" }, providers: [
|
|
5141
|
+
{
|
|
5142
|
+
provide: NG_VALUE_ACCESSOR,
|
|
5143
|
+
useExisting: forwardRef(() => NumberInputComponent),
|
|
5144
|
+
multi: true,
|
|
5145
|
+
},
|
|
5146
|
+
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => NumberInputComponent), multi: true },
|
|
5147
|
+
], usesOnChanges: true, ngImport: i0, template: "<div [class]=\"fieldGroupClasses\">\n @if (label) {\n <label [for]=\"inputId\" class=\"number-input-label\">\n {{ label }}\n\n @if (required) {\n <span class=\"number-input-required\">*</span>\n }\n </label>\n }\n\n <div class=\"number-input-group\" [class.error]=\"showError\">\n <button\n type=\"button\"\n class=\"number-input-button\"\n [attr.aria-label]=\"transloco.translate('numberInput.decrement')\"\n [disabled]=\"!canDecrement\"\n (click)=\"decrement()\"\n >\n <i class=\"ri-subtract-line\"></i>\n </button>\n\n <input\n type=\"number\"\n [id]=\"inputId\"\n [name]=\"name\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [value]=\"value ?? ''\"\n (input)=\"onInput($event.target.value)\"\n (blur)=\"onTouched()\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n [class.disabled]=\"readonly\"\n class=\"number-input\"\n />\n\n <button\n type=\"button\"\n class=\"number-input-button\"\n [attr.aria-label]=\"transloco.translate('numberInput.increment')\"\n [disabled]=\"!canIncrement\"\n (click)=\"increment()\"\n >\n <i class=\"ri-add-line\"></i>\n </button>\n </div>\n\n @if (showError) {\n <div class=\"number-input-error-message\">\n {{ errorMessage }}\n </div>\n }\n</div>\n", styles: [".number-input-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.number-input-label{color:#d1d5db}}.number-input-group{display:flex;align-items:stretch}.number-input-group.error .number-input{outline-color:#ef4444}@media(prefers-color-scheme:dark){.number-input-group.error .number-input{background-color:#374151;color:#fff;outline-color:#ef4444}}.number-input-group.error .number-input-button{border-color:#ef4444}@media(prefers-color-scheme:dark){.number-input-group.error .number-input-button{background-color:#374151;color:#fff}}.number-input-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:0;width:2.5rem;transition:background-color .15s ease}.number-input-button:first-child{border-radius:.375rem 0 0 .375rem;margin-right:-1px}.number-input-button:last-child{border-radius:0 .375rem .375rem 0;margin-left:-1px}.number-input-button i{font-size:1.125rem;line-height:1}.number-input-button:hover:not(:disabled){background-color:#f3f4f6;color:#111827}.number-input-button:focus-visible{outline:2px solid #4f46e5;outline-offset:-2px;z-index:1}.number-input-button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}@media(prefers-color-scheme:dark){.number-input-button{background-color:#1f2937;border-color:#4b5563;color:#d1d5db}.number-input-button:hover:not(:disabled){background-color:#374151;color:#fff}.number-input-button:disabled{background-color:#374151;color:#6b7280}}.number-input{background-color:#fff;border:1px solid #d1d5db;color:#111827;display:block;font-weight:500;outline:1px solid #d1d5db;outline-offset:-1px;padding:.375rem .75rem;text-align:center;width:100%}.number-input::placeholder{color:#9ca3af}.number-input:focus{outline:2px solid #4f46e5;outline-offset:-2px}.number-input.disabled{background-color:#e5e7eb;color:#6b7280;cursor:not-allowed}@media(prefers-color-scheme:dark){.number-input.disabled{background-color:#374151;color:#d1d5db}}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield;appearance:textfield}@media(prefers-color-scheme:dark){.number-input{background-color:#1f2937;border-color:#4b5563;color:#f3f4f6}.number-input::placeholder{color:#6b7280}}@media(min-width:768px){.number-input{font-size:.875rem}}.number-input-required{color:#ef4444}.number-input-error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
|
|
5132
5148
|
}
|
|
5133
5149
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NumberInputComponent, decorators: [{
|
|
5134
5150
|
type: Component,
|
|
5135
|
-
args: [{ selector: 'number-input', standalone: true, imports: [
|
|
5136
|
-
|
|
5137
|
-
|
|
5138
|
-
|
|
5139
|
-
|
|
5140
|
-
|
|
5151
|
+
args: [{ selector: 'number-input', standalone: true, imports: [CommonModule, ReactiveFormsModule], providers: [
|
|
5152
|
+
{
|
|
5153
|
+
provide: NG_VALUE_ACCESSOR,
|
|
5154
|
+
useExisting: forwardRef(() => NumberInputComponent),
|
|
5155
|
+
multi: true,
|
|
5156
|
+
},
|
|
5157
|
+
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => NumberInputComponent), multi: true },
|
|
5158
|
+
], template: "<div [class]=\"fieldGroupClasses\">\n @if (label) {\n <label [for]=\"inputId\" class=\"number-input-label\">\n {{ label }}\n\n @if (required) {\n <span class=\"number-input-required\">*</span>\n }\n </label>\n }\n\n <div class=\"number-input-group\" [class.error]=\"showError\">\n <button\n type=\"button\"\n class=\"number-input-button\"\n [attr.aria-label]=\"transloco.translate('numberInput.decrement')\"\n [disabled]=\"!canDecrement\"\n (click)=\"decrement()\"\n >\n <i class=\"ri-subtract-line\"></i>\n </button>\n\n <input\n type=\"number\"\n [id]=\"inputId\"\n [name]=\"name\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [value]=\"value ?? ''\"\n (input)=\"onInput($event.target.value)\"\n (blur)=\"onTouched()\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n [class.disabled]=\"readonly\"\n class=\"number-input\"\n />\n\n <button\n type=\"button\"\n class=\"number-input-button\"\n [attr.aria-label]=\"transloco.translate('numberInput.increment')\"\n [disabled]=\"!canIncrement\"\n (click)=\"increment()\"\n >\n <i class=\"ri-add-line\"></i>\n </button>\n </div>\n\n @if (showError) {\n <div class=\"number-input-error-message\">\n {{ errorMessage }}\n </div>\n }\n</div>\n", styles: [".number-input-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.number-input-label{color:#d1d5db}}.number-input-group{display:flex;align-items:stretch}.number-input-group.error .number-input{outline-color:#ef4444}@media(prefers-color-scheme:dark){.number-input-group.error .number-input{background-color:#374151;color:#fff;outline-color:#ef4444}}.number-input-group.error .number-input-button{border-color:#ef4444}@media(prefers-color-scheme:dark){.number-input-group.error .number-input-button{background-color:#374151;color:#fff}}.number-input-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:0;width:2.5rem;transition:background-color .15s ease}.number-input-button:first-child{border-radius:.375rem 0 0 .375rem;margin-right:-1px}.number-input-button:last-child{border-radius:0 .375rem .375rem 0;margin-left:-1px}.number-input-button i{font-size:1.125rem;line-height:1}.number-input-button:hover:not(:disabled){background-color:#f3f4f6;color:#111827}.number-input-button:focus-visible{outline:2px solid #4f46e5;outline-offset:-2px;z-index:1}.number-input-button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}@media(prefers-color-scheme:dark){.number-input-button{background-color:#1f2937;border-color:#4b5563;color:#d1d5db}.number-input-button:hover:not(:disabled){background-color:#374151;color:#fff}.number-input-button:disabled{background-color:#374151;color:#6b7280}}.number-input{background-color:#fff;border:1px solid #d1d5db;color:#111827;display:block;font-weight:500;outline:1px solid #d1d5db;outline-offset:-1px;padding:.375rem .75rem;text-align:center;width:100%}.number-input::placeholder{color:#9ca3af}.number-input:focus{outline:2px solid #4f46e5;outline-offset:-2px}.number-input.disabled{background-color:#e5e7eb;color:#6b7280;cursor:not-allowed}@media(prefers-color-scheme:dark){.number-input.disabled{background-color:#374151;color:#d1d5db}}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield;appearance:textfield}@media(prefers-color-scheme:dark){.number-input{background-color:#1f2937;border-color:#4b5563;color:#f3f4f6}.number-input::placeholder{color:#6b7280}}@media(min-width:768px){.number-input{font-size:.875rem}}.number-input-required{color:#ef4444}.number-input-error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}\n"] }]
|
|
5159
|
+
}], ctorParameters: () => [{ type: i2.TranslocoService }, { type: i0.Injector }], propDecorators: { label: [{
|
|
5141
5160
|
type: Input
|
|
5142
5161
|
}], name: [{
|
|
5143
5162
|
type: Input
|