pjc-fields 0.0.53 → 0.0.55

package/fesm2022/pjc-fields.mjs

@@ -1582,7 +1582,9 @@ class PjcEnumFieldComponent {
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
     /** URL of the endpoint that returns the list of items. */
-    url = input.required(...(ngDevMode ? [{ debugName: "url" }] : /* istanbul ignore next */ []));
+    url = input('', ...(ngDevMode ? [{ debugName: "url" }] : /* istanbul ignore next */ []));
+    /** Static list of items to display. When provided, takes precedence over `url`. */
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
     /**
      * Key of the object property displayed as the option label in the select.
      * Defaults to 'descricao'.
@@ -1628,8 +1630,12 @@ class PjcEnumFieldComponent {
     }
     constructor() {
         effect(() => {
+            const staticOptions = this.options();
             const url = this.url();
-            if (url) {
+            if (staticOptions.length > 0) {
+                this.items.set(staticOptions);
+            }
+            else if (url) {
                 this.fetchItems(url);
             }
             else {
@@ -1675,7 +1681,7 @@ class PjcEnumFieldComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcEnumFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcEnumFieldComponent, isStandalone: true, selector: "pjc-enum-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, labelVariant: { classPropertyName: "labelVariant", publicName: "labelVariant", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcEnumFieldComponent, isStandalone: true, selector: "pjc-enum-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, labelVariant: { classPropertyName: "labelVariant", publicName: "labelVariant", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PjcEnumFieldComponent),
@@ -1692,7 +1698,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                             multi: true,
                         },
                     ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-select\n        [inputId]=\"id()\"\n        [options]=\"items()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [optionLabel]=\"optionLabel()\"\n        [optionValue]=\"optionValue()\"\n        appendTo=\"body\"\n        [filter]=\"filter()\"\n        [filterMatchMode]=\"$any(accentContainsFilter)\"\n        [showClear]=\"showClear()\"\n        [disabled]=\"disabled || readonly() || loading()\"\n        [loading]=\"loading()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-select\n      [inputId]=\"id()\"\n      [options]=\"items()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [optionLabel]=\"optionLabel()\"\n      [optionValue]=\"optionValue()\"\n      appendTo=\"body\"\n      [filter]=\"filter()\"\n      [showClear]=\"showClear()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled || readonly() || loading()\"\n      [loading]=\"loading()\"\n      styleClass=\"w-full\"\n      class=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
-        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }], url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: true }] }], optionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionLabel", required: false }] }], optionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionValue", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }], url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], optionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionLabel", required: false }] }], optionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionValue", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }] } });
 
 class PjcErroValidacaoComponent {
     container = inject(ControlContainer);
@@ -1980,28 +1986,64 @@ class PjcMoedaFieldComponent {
     onKeyDown(event) {
         if (this.disabled || this.readonly())
             return;
+        const input = event.target;
+        const cursorPos = input.selectionStart ?? 0;
+        const displayText = input.value;
+        const digitsBeforeCursor = (displayText.substring(0, cursorPos).match(/\d/g) || []).length;
+        const displayDigits = (displayText.match(/\d/g) || []).join('');
         if (/^\d$/.test(event.key)) {
             event.preventDefault();
-            if (this.cents() < 9_999_999_999) {
-                this.cents.update(c => c * 10 + Number.parseInt(event.key, 10));
+            const digits = displayDigits.split('');
+            digits.splice(digitsBeforeCursor, 0, event.key);
+            const newCents = Number.parseInt(digits.join(''), 10) || 0;
+            if (newCents <= 9_999_999_999) {
+                this.cents.set(newCents);
                 this.emitValue();
+                this.restoreCursor(input, digitsBeforeCursor + 1);
             }
         }
         else if (event.key === 'Backspace') {
             event.preventDefault();
-            this.cents.update(c => Math.floor(c / 10));
-            this.emitValue();
+            if (digitsBeforeCursor > 0) {
+                const digits = displayDigits.split('');
+                digits.splice(digitsBeforeCursor - 1, 1);
+                this.cents.set(Number.parseInt(digits.join(''), 10) || 0);
+                this.emitValue();
+                this.restoreCursor(input, digitsBeforeCursor - 1);
+            }
         }
         else if (event.key === 'Delete') {
             event.preventDefault();
-            this.cents.set(0);
-            this.emitValue();
+            if (digitsBeforeCursor < displayDigits.length) {
+                const digits = displayDigits.split('');
+                digits.splice(digitsBeforeCursor, 1);
+                this.cents.set(Number.parseInt(digits.join(''), 10) || 0);
+                this.emitValue();
+                this.restoreCursor(input, digitsBeforeCursor);
+            }
         }
         else if (event.key.length === 1) {
             // Block all other printable characters (letters, symbols, etc.)
             event.preventDefault();
         }
     }
+    restoreCursor(input, targetDigitPos) {
+        requestAnimationFrame(() => {
+            const newValue = input.value;
+            let digitCount = 0;
+            let newPos = newValue.length;
+            for (let i = 0; i < newValue.length; i++) {
+                if (/\d/.test(newValue[i])) {
+                    digitCount++;
+                    if (digitCount === targetDigitPos) {
+                        newPos = i + 1;
+                        break;
+                    }
+                }
+            }
+            input.setSelectionRange(newPos, newPos);
+        });
+    }
     onPaste(event) {
         event.preventDefault();
     }