@seniorsistemas/angular-components 19.7.3 → 19.7.4-fix-sds-577-afa523ed

package/fesm2022/seniorsistemas-angular-components-inline-edit.mjs

@@ -1,36 +1,24 @@
 import * as i0 from '@angular/core';
-import { inject, ViewContainerRef, Component, ViewChild, Input, ElementRef, NgModule } from '@angular/core';
-import * as i1$1 from '@angular/forms';
-import { FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { inject, DestroyRef, ViewContainerRef, Component, ViewChild, Input, ElementRef, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormGroup, FormsModule } from '@angular/forms';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { delay, first } from 'rxjs/operators';
 import { LocaleService } from '@seniorsistemas/angular-components/locale';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@seniorsistemas/angular-components/button';
-import { ButtonModule } from '@seniorsistemas/angular-components/button';
-import * as i3 from '@seniorsistemas/angular-components/control-errors';
-import { ControlErrorsModule } from '@seniorsistemas/angular-components/control-errors';
-import * as i4 from '@seniorsistemas/angular-components/info-sign';
-import { InfoSignModule } from '@seniorsistemas/angular-components/info-sign';
-import * as i5 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import * as i2$1 from '@seniorsistemas/angular-components/datepicker';
+import { InfoSignDirective } from '@seniorsistemas/angular-components/info-sign';
+import { ButtonComponent } from '@seniorsistemas/angular-components/button';
+import { ControlErrorsComponent } from '@seniorsistemas/angular-components/control-errors';
+import { TranslatePipe } from '@ngx-translate/core';
 import { DatepickerComponent } from '@seniorsistemas/angular-components/datepicker';
-import * as i3$1 from '@seniorsistemas/angular-components/bignumber-input';
-import { BignumberInputModule } from '@seniorsistemas/angular-components/bignumber-input';
-import * as i5$1 from '@seniorsistemas/angular-components/tooltip';
-import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
-import * as i6 from '@seniorsistemas/angular-components/input-mask';
+import { NgClass } from '@angular/common';
 import { InputMaskDirective } from '@seniorsistemas/angular-components/input-mask';
-import * as i7 from 'primeng/inputtext';
-import { InputTextModule } from 'primeng/inputtext';
-import * as i2$2 from 'primeng/textarea';
-import { TextareaModule } from 'primeng/textarea';
-import * as i3$2 from 'primeng/keyfilter';
-import { KeyFilterModule } from 'primeng/keyfilter';
-import * as i2$3 from '@seniorsistemas/angular-components/content-generator';
-import { ContentGeneratorModule } from '@seniorsistemas/angular-components/content-generator';
-import { DynamicFormModule } from '@seniorsistemas/angular-components/dynamic-form';
+import { InputText } from 'primeng/inputtext';
+import { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';
+import { BignumberInputDirective } from '@seniorsistemas/angular-components/bignumber-input';
+import { Textarea } from 'primeng/textarea';
+import { KeyFilter } from 'primeng/keyfilter';
+import { DeprecatedSelectorDirective } from '@seniorsistemas/angular-components/common/deprecated-selector';
+import { ContentGeneratorComponent } from '@seniorsistemas/angular-components/content-generator';
 
 class InlineEditField {
     label;
@@ -212,6 +200,7 @@ class InlineEditContentGeneratorField extends InlineEditField {
 
 class InlineEditItemComponent {
     localeService = inject(LocaleService);
+    _destroyRef = inject(DestroyRef);
     viewContainerRef = null;
     label;
     formGroup;
@@ -267,7 +256,7 @@ class InlineEditItemComponent {
         if (this.field instanceof InlineEditLookupField) {
             const lookupField = this.field;
             return this.field.multiple
-                ? value.map((val) => val[lookupField.lookupDisplayField]).join(" - ")
+                ? value.map((val) => val[lookupField.lookupDisplayField]).join(' - ')
                 : value[lookupField.lookupDisplayField];
         }
         return value;
@@ -275,20 +264,20 @@ class InlineEditItemComponent {
     _getCalendarLocaleOptions() {
         this.localeService
             .get()
-            .pipe(first())
+            .pipe(first(), takeUntilDestroyed(this._destroyRef))
             .subscribe((localeOptions) => {
             this._locale = localeOptions.locale;
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InlineEditItemComponent, selector: "s-inline-edit-item", inputs: { label: "label", formGroup: "formGroup", field: "field", errorMessages: "errorMessages" }, viewQueries: [{ propertyName: "viewContainerRef", first: true, predicate: ["formContainer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div class=\"inline-edit-item\">\n    <label\n        class=\"label\"\n        *sInfoSign=\"field.tooltip ? field.tooltip : ''\">\n        {{ label }}:\n    </label>\n\n    <div class=\"content\">\n        <span *ngIf=\"showValue\" class=\"value\">\n            {{ getFormattedValue(formGroup.get(field.name)?.value) }}\n        </span>\n\n        <s-button\n            *ngIf=\"showEmptyValueButton\"\n            style=\"margin-left: -8px\"\n            priority=\"link\"\n            [label]=\"'platform.angular_components.add_information' | translate\"\n            (clicked)=\"onEdit()\">\n        </s-button>\n\n        <div [hidden]=\"!isEditing\" class=\"form-container\">\n            <ng-container #formContainer></ng-container>\n        </div>\n\n        <div class=\"options\">\n            <s-button\n                *ngIf=\"showEditButton\"\n                [tooltip]=\"'platform.angular_components.edit' | translate\"\n                (clicked)=\"onEdit()\"\n                priority=\"link\"\n                [auxiliary]=\"true\"\n                iconClass=\"fas fa-edit\">\n            </s-button>\n            <s-button\n                *ngIf=\"isEditing\"\n                [tooltip]=\"'platform.angular_components.save' | translate\"\n                (clicked)=\"onSave()\"\n                priority=\"default\"\n                [auxiliary]=\"true\"\n                iconClass=\"fas fa-check\"\n                styleClass=\"save-option\"\n                iconColor=\"#428bca\">\n            </s-button>\n            <s-button\n                *ngIf=\"isEditing\"\n                [tooltip]=\"'platform.angular_components.cancel' | translate\"\n                (clicked)=\"onCancel()\"\n                priority=\"default\"\n                [auxiliary]=\"true\"\n                iconClass=\"fas fa-times\"\n                iconColor=\"#c13018\">\n            </s-button>\n        </div>\n    </div>\n    <s-control-errors\n        [form]=\"formGroup\"\n        [control]=\"formGroup.controls[field.name]\"\n        [errorMessages]=\"getErrorMessages(field.errorMessages)\">\n    </s-control-errors>\n</div>\n", styles: [".inline-edit-item{align-items:flex-start;display:flex;flex-direction:column}.inline-edit-item .label{color:#333;font-family:\"Open Sans\" sans-serif;font-size:14px;font-weight:700;margin-bottom:0}.inline-edit-item .content{align-items:center;display:flex;gap:16px}.inline-edit-item .content .value{color:#999;font-family:\"Open Sans\" sans-serif;font-size:14px}.inline-edit-item .content .options{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }, { kind: "component", type: i3.ControlErrorsComponent, selector: "s-control-errors", inputs: ["id", "control", "errorMessages", "form"] }, { kind: "directive", type: i4.InfoSignDirective, selector: "[sInfoSign]", inputs: ["sInfoSign", "sInfoSignDisplayTime", "sInfoSignFocusedInputRef", "sInfoSignUseFocusedInputRef"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: InlineEditItemComponent, isStandalone: true, selector: "s-inline-edit-item", inputs: { label: "label", formGroup: "formGroup", field: "field", errorMessages: "errorMessages" }, viewQueries: [{ propertyName: "viewContainerRef", first: true, predicate: ["formContainer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div class=\"inline-edit-item\">\r\n    <label\r\n        class=\"label\"\r\n        *sInfoSign=\"field.tooltip ? field.tooltip : ''\"\r\n    >\r\n        {{ label }}:\r\n    </label>\r\n\r\n    <div class=\"content\">\r\n        @if (showValue) {\r\n            <span class=\"value\">\r\n                {{ getFormattedValue(formGroup.get(field.name)?.value) }}\r\n            </span>\r\n        }\r\n\r\n        @if (showEmptyValueButton) {\r\n            <s-button\r\n                style=\"margin-left: -8px\"\r\n                priority=\"link\"\r\n                [label]=\"'platform.angular_components.add_information' | translate\"\r\n                (clicked)=\"onEdit()\"\r\n            >\r\n            </s-button>\r\n        }\r\n\r\n        <div\r\n            [hidden]=\"!isEditing\"\r\n            class=\"form-container\"\r\n        >\r\n            <ng-container #formContainer></ng-container>\r\n        </div>\r\n\r\n        <div class=\"options\">\r\n            @if (showEditButton) {\r\n                <s-button\r\n                    [tooltip]=\"'platform.angular_components.edit' | translate\"\r\n                    (clicked)=\"onEdit()\"\r\n                    priority=\"link\"\r\n                    [auxiliary]=\"true\"\r\n                    iconClass=\"fas fa-edit\"\r\n                >\r\n                </s-button>\r\n            }\r\n            @if (isEditing) {\r\n                <s-button\r\n                    [tooltip]=\"'platform.angular_components.save' | translate\"\r\n                    (clicked)=\"onSave()\"\r\n                    priority=\"default\"\r\n                    [auxiliary]=\"true\"\r\n                    iconClass=\"fas fa-check\"\r\n                    styleClass=\"save-option\"\r\n                    iconColor=\"#428bca\"\r\n                >\r\n                </s-button>\r\n            }\r\n            @if (isEditing) {\r\n                <s-button\r\n                    [tooltip]=\"'platform.angular_components.cancel' | translate\"\r\n                    (clicked)=\"onCancel()\"\r\n                    priority=\"default\"\r\n                    [auxiliary]=\"true\"\r\n                    iconClass=\"fas fa-times\"\r\n                    iconColor=\"#c13018\"\r\n                >\r\n                </s-button>\r\n            }\r\n        </div>\r\n    </div>\r\n    <s-control-errors\r\n        [form]=\"formGroup\"\r\n        [control]=\"formGroup.controls[field.name]\"\r\n        [errorMessages]=\"getErrorMessages(field.errorMessages)\"\r\n    >\r\n    </s-control-errors>\r\n</div>\r\n", styles: [".inline-edit-item{align-items:flex-start;display:flex;flex-direction:column}.inline-edit-item .label{color:#333;font-family:\"Open Sans\" sans-serif;font-size:14px;font-weight:700;margin-bottom:0}.inline-edit-item .content{align-items:center;display:flex;gap:16px}.inline-edit-item .content .value{color:#999;font-family:\"Open Sans\" sans-serif;font-size:14px}.inline-edit-item .content .options{display:flex}\n"], dependencies: [{ kind: "directive", type: InfoSignDirective, selector: "[sInfoSign]", inputs: ["sInfoSign", "sInfoSignDisplayTime", "sInfoSignFocusedInputRef", "sInfoSignUseFocusedInputRef"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }, { kind: "component", type: ControlErrorsComponent, selector: "s-control-errors", inputs: ["id", "control", "errorMessages", "form"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: "s-inline-edit-item", template: "<div class=\"inline-edit-item\">\n    <label\n        class=\"label\"\n        *sInfoSign=\"field.tooltip ? field.tooltip : ''\">\n        {{ label }}:\n    </label>\n\n    <div class=\"content\">\n        <span *ngIf=\"showValue\" class=\"value\">\n            {{ getFormattedValue(formGroup.get(field.name)?.value) }}\n        </span>\n\n        <s-button\n            *ngIf=\"showEmptyValueButton\"\n            style=\"margin-left: -8px\"\n            priority=\"link\"\n            [label]=\"'platform.angular_components.add_information' | translate\"\n            (clicked)=\"onEdit()\">\n        </s-button>\n\n        <div [hidden]=\"!isEditing\" class=\"form-container\">\n            <ng-container #formContainer></ng-container>\n        </div>\n\n        <div class=\"options\">\n            <s-button\n                *ngIf=\"showEditButton\"\n                [tooltip]=\"'platform.angular_components.edit' | translate\"\n                (clicked)=\"onEdit()\"\n                priority=\"link\"\n                [auxiliary]=\"true\"\n                iconClass=\"fas fa-edit\">\n            </s-button>\n            <s-button\n                *ngIf=\"isEditing\"\n                [tooltip]=\"'platform.angular_components.save' | translate\"\n                (clicked)=\"onSave()\"\n                priority=\"default\"\n                [auxiliary]=\"true\"\n                iconClass=\"fas fa-check\"\n                styleClass=\"save-option\"\n                iconColor=\"#428bca\">\n            </s-button>\n            <s-button\n                *ngIf=\"isEditing\"\n                [tooltip]=\"'platform.angular_components.cancel' | translate\"\n                (clicked)=\"onCancel()\"\n                priority=\"default\"\n                [auxiliary]=\"true\"\n                iconClass=\"fas fa-times\"\n                iconColor=\"#c13018\">\n            </s-button>\n        </div>\n    </div>\n    <s-control-errors\n        [form]=\"formGroup\"\n        [control]=\"formGroup.controls[field.name]\"\n        [errorMessages]=\"getErrorMessages(field.errorMessages)\">\n    </s-control-errors>\n</div>\n", styles: [".inline-edit-item{align-items:flex-start;display:flex;flex-direction:column}.inline-edit-item .label{color:#333;font-family:\"Open Sans\" sans-serif;font-size:14px;font-weight:700;margin-bottom:0}.inline-edit-item .content{align-items:center;display:flex;gap:16px}.inline-edit-item .content .value{color:#999;font-family:\"Open Sans\" sans-serif;font-size:14px}.inline-edit-item .content .options{display:flex}\n"] }]
+            args: [{ selector: 's-inline-edit-item', standalone: true, imports: [InfoSignDirective, ButtonComponent, ControlErrorsComponent, TranslatePipe], template: "<div class=\"inline-edit-item\">\r\n    <label\r\n        class=\"label\"\r\n        *sInfoSign=\"field.tooltip ? field.tooltip : ''\"\r\n    >\r\n        {{ label }}:\r\n    </label>\r\n\r\n    <div class=\"content\">\r\n        @if (showValue) {\r\n            <span class=\"value\">\r\n                {{ getFormattedValue(formGroup.get(field.name)?.value) }}\r\n            </span>\r\n        }\r\n\r\n        @if (showEmptyValueButton) {\r\n            <s-button\r\n                style=\"margin-left: -8px\"\r\n                priority=\"link\"\r\n                [label]=\"'platform.angular_components.add_information' | translate\"\r\n                (clicked)=\"onEdit()\"\r\n            >\r\n            </s-button>\r\n        }\r\n\r\n        <div\r\n            [hidden]=\"!isEditing\"\r\n            class=\"form-container\"\r\n        >\r\n            <ng-container #formContainer></ng-container>\r\n        </div>\r\n\r\n        <div class=\"options\">\r\n            @if (showEditButton) {\r\n                <s-button\r\n                    [tooltip]=\"'platform.angular_components.edit' | translate\"\r\n                    (clicked)=\"onEdit()\"\r\n                    priority=\"link\"\r\n                    [auxiliary]=\"true\"\r\n                    iconClass=\"fas fa-edit\"\r\n                >\r\n                </s-button>\r\n            }\r\n            @if (isEditing) {\r\n                <s-button\r\n                    [tooltip]=\"'platform.angular_components.save' | translate\"\r\n                    (clicked)=\"onSave()\"\r\n                    priority=\"default\"\r\n                    [auxiliary]=\"true\"\r\n                    iconClass=\"fas fa-check\"\r\n                    styleClass=\"save-option\"\r\n                    iconColor=\"#428bca\"\r\n                >\r\n                </s-button>\r\n            }\r\n            @if (isEditing) {\r\n                <s-button\r\n                    [tooltip]=\"'platform.angular_components.cancel' | translate\"\r\n                    (clicked)=\"onCancel()\"\r\n                    priority=\"default\"\r\n                    [auxiliary]=\"true\"\r\n                    iconClass=\"fas fa-times\"\r\n                    iconColor=\"#c13018\"\r\n                >\r\n                </s-button>\r\n            }\r\n        </div>\r\n    </div>\r\n    <s-control-errors\r\n        [form]=\"formGroup\"\r\n        [control]=\"formGroup.controls[field.name]\"\r\n        [errorMessages]=\"getErrorMessages(field.errorMessages)\"\r\n    >\r\n    </s-control-errors>\r\n</div>\r\n", styles: [".inline-edit-item{align-items:flex-start;display:flex;flex-direction:column}.inline-edit-item .label{color:#333;font-family:\"Open Sans\" sans-serif;font-size:14px;font-weight:700;margin-bottom:0}.inline-edit-item .content{align-items:center;display:flex;gap:16px}.inline-edit-item .content .value{color:#999;font-family:\"Open Sans\" sans-serif;font-size:14px}.inline-edit-item .content .options{display:flex}\n"] }]
         }], propDecorators: { viewContainerRef: [{
                 type: ViewChild,
-                args: ["formContainer", { read: ViewContainerRef, static: true }]
+                args: ['formContainer', { read: ViewContainerRef, static: true }]
             }], label: [{
                 type: Input,
                 args: [{ required: true }]
@@ -304,6 +293,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 
 class InlineEditCalendarComponent {
     localeService = inject(LocaleService);
+    _destroyRef = inject(DestroyRef);
     field;
     formGroup = new FormGroup({});
     datepickerEl = null;
@@ -334,16 +324,19 @@ class InlineEditCalendarComponent {
         return this.datepickerEl?.nativeElement?.querySelector('input')?.value ?? '';
     }
     _getLocaleOptions() {
-        this.localeService.get().pipe(first()).subscribe((locale) => {
+        this.localeService
+            .get()
+            .pipe(first(), takeUntilDestroyed(this._destroyRef))
+            .subscribe((locale) => {
             this.calendarLocaleOptions = locale.calendar;
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InlineEditCalendarComponent, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, viewQueries: [{ propertyName: "datepickerEl", first: true, predicate: DatepickerComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<s-datepicker\n    #datepicker\n    [inputId]=\"field.name\"\n    [name]=\"field.name\"\n    [showIcon]=\"true\"\n    [mode]=\"resolvedMode\"\n    [rangeSeparator]=\"field.rangeSeparator ?? ' \u2014 '\"\n    [showSeconds]=\"field.showSeconds ?? false\"\n    icon=\"fas fa-calendar\"\n    [min]=\"field.minDate ?? null\"\n    [max]=\"field.maxDate ?? null\"\n    [dateFormat]=\"calendarLocaleOptions?.dateFormat ?? 'dd/MM/yyyy'\"\n    [hourFormat]=\"resolvedHourFormat\"\n    [defaultDate]=\"field.defaultDate ?? null\"\n    [placeholder]=\"field.placeholder\"\n    (blurred)=\"field.onBlur ? field.onBlur($event) : null\"\n    (focused)=\"field.onFocus ? field.onFocus($event) : null\"\n    (selected)=\"field.onSelect ? field.onSelect($event) : null\"\n    (closed)=\"field.onClose ? field.onClose($event) : null\"\n    (todayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n    (clearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n    (monthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n    (yearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n    [(ngModel)]=\"tempValue\">\n</s-datepicker>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.DatepickerComponent, selector: "s-datepicker", inputs: ["inputId", "name", "placeholder", "mode", "selectionMode", "multipleSeparator", "showIcon", "icon", "min", "max", "defaultDate", "dateFormat", "hourFormat", "minuteStep", "showSeconds", "rangeSeparator", "showOnFocus", "readonlyInput", "firstDayOfWeek", "showButtonBar", "showClear", "showOtherMonths", "selectOtherMonths", "hideOnDateTimeSelect", "stepHour", "stepSecond", "tabindex", "autofocus", "disabledDates", "disabledDays", "disabled"], outputs: ["disabledChange", "blurred", "focused", "selected", "closed", "todayClick", "clearClick", "monthChange", "yearChange", "show", "valueInput"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InlineEditCalendarComponent, isStandalone: true, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, viewQueries: [{ propertyName: "datepickerEl", first: true, predicate: DatepickerComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<s-datepicker\n    #datepicker\n    [inputId]=\"field.name\"\n    [name]=\"field.name\"\n    [showIcon]=\"true\"\n    [mode]=\"resolvedMode\"\n    [rangeSeparator]=\"field.rangeSeparator ?? ' \u2014 '\"\n    [showSeconds]=\"field.showSeconds ?? false\"\n    icon=\"fas fa-calendar\"\n    [min]=\"field.minDate ?? null\"\n    [max]=\"field.maxDate ?? null\"\n    [dateFormat]=\"calendarLocaleOptions?.dateFormat ?? 'dd/MM/yyyy'\"\n    [hourFormat]=\"resolvedHourFormat\"\n    [defaultDate]=\"field.defaultDate ?? null\"\n    [placeholder]=\"field.placeholder\"\n    (blurred)=\"field.onBlur ? field.onBlur($event) : null\"\n    (focused)=\"field.onFocus ? field.onFocus($event) : null\"\n    (selected)=\"field.onSelect ? field.onSelect($event) : null\"\n    (closed)=\"field.onClose ? field.onClose($event) : null\"\n    (todayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n    (clearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n    (monthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n    (yearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n    [(ngModel)]=\"tempValue\">\n</s-datepicker>\n", styles: [""], dependencies: [{ kind: "component", type: DatepickerComponent, selector: "s-datepicker", inputs: ["inputId", "name", "placeholder", "mode", "selectionMode", "multipleSeparator", "showIcon", "icon", "min", "max", "defaultDate", "dateFormat", "hourFormat", "minuteStep", "showSeconds", "rangeSeparator", "showOnFocus", "readonlyInput", "firstDayOfWeek", "showButtonBar", "showClear", "showOtherMonths", "selectOtherMonths", "hideOnDateTimeSelect", "stepHour", "stepSecond", "tabindex", "autofocus", "disabledDates", "disabledDays", "disabled"], outputs: ["disabledChange", "blurred", "focused", "selected", "closed", "todayClick", "clearClick", "monthChange", "yearChange", "show", "valueInput"] }, { kind: "ngmodule", type: FormsModule }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditCalendarComponent, decorators: [{
             type: Component,
-            args: [{ template: "<s-datepicker\n    #datepicker\n    [inputId]=\"field.name\"\n    [name]=\"field.name\"\n    [showIcon]=\"true\"\n    [mode]=\"resolvedMode\"\n    [rangeSeparator]=\"field.rangeSeparator ?? ' \u2014 '\"\n    [showSeconds]=\"field.showSeconds ?? false\"\n    icon=\"fas fa-calendar\"\n    [min]=\"field.minDate ?? null\"\n    [max]=\"field.maxDate ?? null\"\n    [dateFormat]=\"calendarLocaleOptions?.dateFormat ?? 'dd/MM/yyyy'\"\n    [hourFormat]=\"resolvedHourFormat\"\n    [defaultDate]=\"field.defaultDate ?? null\"\n    [placeholder]=\"field.placeholder\"\n    (blurred)=\"field.onBlur ? field.onBlur($event) : null\"\n    (focused)=\"field.onFocus ? field.onFocus($event) : null\"\n    (selected)=\"field.onSelect ? field.onSelect($event) : null\"\n    (closed)=\"field.onClose ? field.onClose($event) : null\"\n    (todayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n    (clearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n    (monthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n    (yearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n    [(ngModel)]=\"tempValue\">\n</s-datepicker>\n" }]
+            args: [{ standalone: true, imports: [DatepickerComponent, FormsModule], template: "<s-datepicker\n    #datepicker\n    [inputId]=\"field.name\"\n    [name]=\"field.name\"\n    [showIcon]=\"true\"\n    [mode]=\"resolvedMode\"\n    [rangeSeparator]=\"field.rangeSeparator ?? ' \u2014 '\"\n    [showSeconds]=\"field.showSeconds ?? false\"\n    icon=\"fas fa-calendar\"\n    [min]=\"field.minDate ?? null\"\n    [max]=\"field.maxDate ?? null\"\n    [dateFormat]=\"calendarLocaleOptions?.dateFormat ?? 'dd/MM/yyyy'\"\n    [hourFormat]=\"resolvedHourFormat\"\n    [defaultDate]=\"field.defaultDate ?? null\"\n    [placeholder]=\"field.placeholder\"\n    (blurred)=\"field.onBlur ? field.onBlur($event) : null\"\n    (focused)=\"field.onFocus ? field.onFocus($event) : null\"\n    (selected)=\"field.onSelect ? field.onSelect($event) : null\"\n    (closed)=\"field.onClose ? field.onClose($event) : null\"\n    (todayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n    (clearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n    (monthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n    (yearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n    [(ngModel)]=\"tempValue\">\n</s-datepicker>\n" }]
         }], propDecorators: { field: [{
                 type: Input,
                 args: [{ required: true }]
@@ -360,7 +353,7 @@ class InlineEditLookupComponent {
     tempValue = '';
     ngOnInit() {
         if (this.formGroup && this.field) {
-            this.tempValue = this.formGroup.get(this.field.name)?.value || "";
+            this.tempValue = this.formGroup.get(this.field.name)?.value || '';
         }
     }
     saveValue() {
@@ -369,11 +362,11 @@ class InlineEditLookupComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditLookupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InlineEditLookupComponent, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, ngImport: i0, template: "<!--\nTODO: ativar campo novamente\n<s-lookup\n    [id]=\"field.name\"\n    [multiple]=\"field.multiple\"\n    [lookupSuggestions]=\"field.lookupSuggestions\"\n    [dataKey]=\"field.dataKey\"\n    [placeholder]=\"field.placeholder\"\n    [showSearch]=\"field.showSearch\"\n    [searchFields]=\"field.searchFields\"\n    [searchGridFields]=\"field.searchGridFields\"\n    [searchGridData]=\"field.gridData\"\n    (onLookupRequest)=\"field.onLookupRequest ? field.onLookupRequest($event) : null\"\n    (onSearchRequest)=\"field.onSearchRequest ? field.onSearchRequest($event) : null\"\n    [lookupDisplayField]=\"field.lookupDisplayField\"\n    [searchTotalRecords]=\"field.searchTotalRecords\"\n    [labelOptions]=\"{\n            filterTitle: field.filterTitle,[\n            searchTotalRecordsLabel: field.searchTotalRecordsLabel,\n            searchEmptyTitle: field.searchEmptyTitle,\n            searchTitle: field.searchTitle,\n\n    }\"\n    (onSelect)=\"field.onSelect($event)\"\n    (onUnselect)=\"field.onUnselect($event)\"\n    (onClear)=\"field.onClear ? field.onClear($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [lookupAppendTo]=\"field.appendTo\"\n    [lookupEmptyMessage]=\"field.emptyMessage\"\n    [defaultFilter]=\"field.defaultFilter\"\n    [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n    [maxlength]=\"field.maxlength\"\n    [showAddOption]=\"field.showAddOption\"\n    [showEditOption]=\"field.showEditOption\"\n    [showRemoveOption]=\"field.showRemoveOption\"\n    (onAdd)=\"field.onAdd ? field.onAdd() : null\"\n    (onEdit)=\"field.onEdit ? field.onEdit($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    [(ngModel)]=\"tempValue\">\n</s-lookup> -->\n\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InlineEditLookupComponent, isStandalone: true, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, ngImport: i0, template: "<!--\nTODO: ativar campo novamente\n<s-lookup\n    [id]=\"field.name\"\n    [multiple]=\"field.multiple\"\n    [lookupSuggestions]=\"field.lookupSuggestions\"\n    [dataKey]=\"field.dataKey\"\n    [placeholder]=\"field.placeholder\"\n    [showSearch]=\"field.showSearch\"\n    [searchFields]=\"field.searchFields\"\n    [searchGridFields]=\"field.searchGridFields\"\n    [searchGridData]=\"field.gridData\"\n    (onLookupRequest)=\"field.onLookupRequest ? field.onLookupRequest($event) : null\"\n    (onSearchRequest)=\"field.onSearchRequest ? field.onSearchRequest($event) : null\"\n    [lookupDisplayField]=\"field.lookupDisplayField\"\n    [searchTotalRecords]=\"field.searchTotalRecords\"\n    [labelOptions]=\"{\n            filterTitle: field.filterTitle,[\n            searchTotalRecordsLabel: field.searchTotalRecordsLabel,\n            searchEmptyTitle: field.searchEmptyTitle,\n            searchTitle: field.searchTitle,\n\n    }\"\n    (onSelect)=\"field.onSelect($event)\"\n    (onUnselect)=\"field.onUnselect($event)\"\n    (onClear)=\"field.onClear ? field.onClear($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [lookupAppendTo]=\"field.appendTo\"\n    [lookupEmptyMessage]=\"field.emptyMessage\"\n    [defaultFilter]=\"field.defaultFilter\"\n    [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n    [maxlength]=\"field.maxlength\"\n    [showAddOption]=\"field.showAddOption\"\n    [showEditOption]=\"field.showEditOption\"\n    [showRemoveOption]=\"field.showRemoveOption\"\n    (onAdd)=\"field.onAdd ? field.onAdd() : null\"\n    (onEdit)=\"field.onEdit ? field.onEdit($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    [(ngModel)]=\"tempValue\">\n</s-lookup> -->\n\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditLookupComponent, decorators: [{
             type: Component,
-            args: [{ template: "<!--\nTODO: ativar campo novamente\n<s-lookup\n    [id]=\"field.name\"\n    [multiple]=\"field.multiple\"\n    [lookupSuggestions]=\"field.lookupSuggestions\"\n    [dataKey]=\"field.dataKey\"\n    [placeholder]=\"field.placeholder\"\n    [showSearch]=\"field.showSearch\"\n    [searchFields]=\"field.searchFields\"\n    [searchGridFields]=\"field.searchGridFields\"\n    [searchGridData]=\"field.gridData\"\n    (onLookupRequest)=\"field.onLookupRequest ? field.onLookupRequest($event) : null\"\n    (onSearchRequest)=\"field.onSearchRequest ? field.onSearchRequest($event) : null\"\n    [lookupDisplayField]=\"field.lookupDisplayField\"\n    [searchTotalRecords]=\"field.searchTotalRecords\"\n    [labelOptions]=\"{\n            filterTitle: field.filterTitle,[\n            searchTotalRecordsLabel: field.searchTotalRecordsLabel,\n            searchEmptyTitle: field.searchEmptyTitle,\n            searchTitle: field.searchTitle,\n\n    }\"\n    (onSelect)=\"field.onSelect($event)\"\n    (onUnselect)=\"field.onUnselect($event)\"\n    (onClear)=\"field.onClear ? field.onClear($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [lookupAppendTo]=\"field.appendTo\"\n    [lookupEmptyMessage]=\"field.emptyMessage\"\n    [defaultFilter]=\"field.defaultFilter\"\n    [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n    [maxlength]=\"field.maxlength\"\n    [showAddOption]=\"field.showAddOption\"\n    [showEditOption]=\"field.showEditOption\"\n    [showRemoveOption]=\"field.showRemoveOption\"\n    (onAdd)=\"field.onAdd ? field.onAdd() : null\"\n    (onEdit)=\"field.onEdit ? field.onEdit($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    [(ngModel)]=\"tempValue\">\n</s-lookup> -->\n\n" }]
+            args: [{ standalone: true, template: "<!--\nTODO: ativar campo novamente\n<s-lookup\n    [id]=\"field.name\"\n    [multiple]=\"field.multiple\"\n    [lookupSuggestions]=\"field.lookupSuggestions\"\n    [dataKey]=\"field.dataKey\"\n    [placeholder]=\"field.placeholder\"\n    [showSearch]=\"field.showSearch\"\n    [searchFields]=\"field.searchFields\"\n    [searchGridFields]=\"field.searchGridFields\"\n    [searchGridData]=\"field.gridData\"\n    (onLookupRequest)=\"field.onLookupRequest ? field.onLookupRequest($event) : null\"\n    (onSearchRequest)=\"field.onSearchRequest ? field.onSearchRequest($event) : null\"\n    [lookupDisplayField]=\"field.lookupDisplayField\"\n    [searchTotalRecords]=\"field.searchTotalRecords\"\n    [labelOptions]=\"{\n            filterTitle: field.filterTitle,[\n            searchTotalRecordsLabel: field.searchTotalRecordsLabel,\n            searchEmptyTitle: field.searchEmptyTitle,\n            searchTitle: field.searchTitle,\n\n    }\"\n    (onSelect)=\"field.onSelect($event)\"\n    (onUnselect)=\"field.onUnselect($event)\"\n    (onClear)=\"field.onClear ? field.onClear($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [lookupAppendTo]=\"field.appendTo\"\n    [lookupEmptyMessage]=\"field.emptyMessage\"\n    [defaultFilter]=\"field.defaultFilter\"\n    [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n    [maxlength]=\"field.maxlength\"\n    [showAddOption]=\"field.showAddOption\"\n    [showEditOption]=\"field.showEditOption\"\n    [showRemoveOption]=\"field.showRemoveOption\"\n    (onAdd)=\"field.onAdd ? field.onAdd() : null\"\n    (onEdit)=\"field.onEdit ? field.onEdit($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    [(ngModel)]=\"tempValue\">\n</s-lookup> -->\n\n" }]
         }], propDecorators: { field: [{
                 type: Input,
                 args: [{ required: true }]
@@ -383,6 +376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 
 class InlineEditNumberComponent {
     localeService = inject(LocaleService);
+    _destroyRef = inject(DestroyRef);
     field;
     formGroup = new FormGroup({});
     tempValue = '';
@@ -401,10 +395,14 @@ class InlineEditNumberComponent {
         return typeof this.field.mask === 'function' ? this.field.mask() : this.field.mask;
     }
     get leftAddonDisabled() {
-        return typeof this.field.leftAddon?.disabled === 'function' ? this.field.leftAddon.disabled() : this.field.leftAddon?.disabled;
+        return typeof this.field.leftAddon?.disabled === 'function'
+            ? this.field.leftAddon.disabled()
+            : this.field.leftAddon?.disabled;
     }
     get rightAddonDisabled() {
-        return typeof this.field.rightAddon?.disabled === 'function' ? this.field.rightAddon.disabled() : this.field.rightAddon?.disabled;
+        return typeof this.field.rightAddon?.disabled === 'function'
+            ? this.field.rightAddon.disabled()
+            : this.field.rightAddon?.disabled;
     }
     get precision() {
         return typeof this.field.precision === 'function' ? this.field.precision() : this.field.precision;
@@ -415,7 +413,7 @@ class InlineEditNumberComponent {
     _onLocaleService() {
         this.localeService
             .getLocale()
-            .pipe(first())
+            .pipe(first(), takeUntilDestroyed(this._destroyRef))
             .subscribe({
             next: () => {
                 if (!this.field.numberLocaleOptions?.decimalSeparator) {
@@ -432,18 +430,26 @@ class InlineEditNumberComponent {
                 }
             },
             error: () => (this.field.numberLocaleOptions = {
-                thousandsSeparator: ".",
-                decimalSeparator: ",",
-                currencySymbol: "",
+                thousandsSeparator: '.',
+                decimalSeparator: ',',
+                currencySymbol: '',
             }),
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InlineEditNumberComponent, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, ngImport: i0, template: "<input\n    *ngIf=\"field.mask; else noMask\"\n    pInputText\n    class=\"mousetrap\"\n    type=\"text\"\n    [id]=\"field.name\"\n    [name]=\"field.name\"\n    [sInputMask]=\"mask\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    [autoClear]=\"field.autoClear ?? false\"\n    (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (focus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (maskComplete)=\"field.onComplete ? field.onComplete($event) : null\"\n    (input)=\"field.onInput ? field.onInput($event) : null\"\n    [(ngModel)]=\"tempValue\"\n/>\n\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span *ngIf=\"field.leftAddon.callback\" class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"leftAddonDisabled\"\n                        (clicked)=\"field.leftAddon.callback()\">\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.leftAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{ field.leftAddon.label }}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n\n            <input\n                [id]=\"field.name\"\n                type=\"text\"\n                [name]=\"field.name\"\n                sBignumberInput\n                [allowNegative]=\"field.allowNegative ?? false\"\n                [precision]=\"precision\"\n                [scale]=\"scale\"\n                [alignTo]=\"field.alignTo\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                [placeholder]=\"field.placeholder\"\n                [showDelay]=\"500\"\n                pInputText\n                [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n                [ngClass]=\"'mousetrap'\"\n                (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n                (focus)=\"field.onFocus ? field.onFocus($event) : null\"\n                [(ngModel)]=\"tempValue\"/>\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span *ngIf=\"field.rightAddon.callback\" class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"rightAddonDisabled\"\n                        (clicked)=\"field.rightAddon.callback()\">\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.rightAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{ field.rightAddon.label }}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.BignumberInputDirective, selector: "input[sBignumberInput]", inputs: ["precision", "scale", "minDecimalPlaces", "maxDecimalPlaces", "decimalSeparator", "thousandsSeparator", "thousandSeparator", "alignTo", "allowNegative", "placeholder"], outputs: ["minDecimalPlacesChange", "maxDecimalPlacesChange", "decimalSeparatorChange", "thousandSeparatorChange", "placeholderChange", "pasteRejected"] }, { kind: "component", type: i2.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }, { kind: "directive", type: i5$1.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "directive", type: i6.InputMaskDirective, selector: "input[sInputMask]", inputs: ["sInputMask", "slotChar", "unmask", "characterPattern", "autoClear"], outputs: ["maskComplete"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: InlineEditNumberComponent, isStandalone: true, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, ngImport: i0, template: "@if (field.mask) {\r\n    <input\r\n        pInputText\r\n        class=\"mousetrap\"\r\n        type=\"text\"\r\n        [id]=\"field.name\"\r\n        [name]=\"field.name\"\r\n        [sInputMask]=\"mask\"\r\n        [placeholder]=\"field.placeholder\"\r\n        slotChar=\"_\"\r\n        [sTooltip]=\"field.tooltip\"\r\n        tooltipPosition=\"top\"\r\n        [showDelay]=\"500\"\r\n        [autoClear]=\"field.autoClear ?? false\"\r\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\r\n        (focus)=\"field.onFocus ? field.onFocus($event) : null\"\r\n        (maskComplete)=\"field.onComplete ? field.onComplete($event) : null\"\r\n        (input)=\"field.onInput ? field.onInput($event) : null\"\r\n        [(ngModel)]=\"tempValue\"\r\n    />\r\n} @else {\r\n    <ng-container>\r\n        <div class=\"ui-inputgroup\">\r\n            @if (field.leftAddon) {\r\n                @if (field.leftAddon.callback) {\r\n                    <span class=\"addon-button addon-button--left\">\r\n                        <s-button\r\n                            [label]=\"field.leftAddon.label\"\r\n                            [iconClass]=\"field.leftAddon.icon\"\r\n                            [priority]=\"field.leftAddon.priority\"\r\n                            [disabled]=\"leftAddonDisabled\"\r\n                            (clicked)=\"field.leftAddon.callback()\"\r\n                        >\r\n                        </s-button>\r\n                    </span>\r\n                }\r\n                @if (!field.leftAddon.callback) {\r\n                    <span class=\"ui-inputgroup-addon\">\r\n                        @if (field.leftAddon.label) {\r\n                            <span>{{ field.leftAddon.label }}</span>\r\n                        }\r\n                        @if (!field.leftAddon.label) {\r\n                            <span [ngClass]=\"field.leftAddon.icon\"></span>\r\n                        }\r\n                    </span>\r\n                }\r\n            }\r\n            <input\r\n                [id]=\"field.name\"\r\n                type=\"text\"\r\n                [name]=\"field.name\"\r\n                sBignumberInput\r\n                [allowNegative]=\"field.allowNegative ?? false\"\r\n                [precision]=\"precision\"\r\n                [scale]=\"scale\"\r\n                [alignTo]=\"field.alignTo\"\r\n                [sTooltip]=\"field.tooltip\"\r\n                tooltipPosition=\"top\"\r\n                [placeholder]=\"field.placeholder\"\r\n                [showDelay]=\"500\"\r\n                pInputText\r\n                [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\r\n                [ngClass]=\"'mousetrap'\"\r\n                (blur)=\"field.onBlur ? field.onBlur($event) : null\"\r\n                (focus)=\"field.onFocus ? field.onFocus($event) : null\"\r\n                [(ngModel)]=\"tempValue\"\r\n            />\r\n            @if (field.rightAddon) {\r\n                @if (field.rightAddon.callback) {\r\n                    <span class=\"addon-button addon-button--right\">\r\n                        <s-button\r\n                            [label]=\"field.rightAddon.label\"\r\n                            [iconClass]=\"field.rightAddon.icon\"\r\n                            [priority]=\"field.rightAddon.priority\"\r\n                            [disabled]=\"rightAddonDisabled\"\r\n                            (clicked)=\"field.rightAddon.callback()\"\r\n                        >\r\n                        </s-button>\r\n                    </span>\r\n                }\r\n                @if (!field.rightAddon.callback) {\r\n                    <span class=\"ui-inputgroup-addon\">\r\n                        @if (field.rightAddon.label) {\r\n                            <span>{{ field.rightAddon.label }}</span>\r\n                        }\r\n                        @if (!field.rightAddon.label) {\r\n                            <span [ngClass]=\"field.rightAddon.icon\"></span>\r\n                        }\r\n                    </span>\r\n                }\r\n            }\r\n        </div>\r\n    </ng-container>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: InputMaskDirective, selector: "input[sInputMask]", inputs: ["sInputMask", "slotChar", "unmask", "characterPattern", "autoClear"], outputs: ["maskComplete"] }, { kind: "ngmodule", type: FormsModule }, { 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.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: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BignumberInputDirective, selector: "input[sBignumberInput]", inputs: ["precision", "scale", "minDecimalPlaces", "maxDecimalPlaces", "decimalSeparator", "thousandsSeparator", "thousandSeparator", "alignTo", "allowNegative", "placeholder"], outputs: ["minDecimalPlacesChange", "maxDecimalPlacesChange", "decimalSeparatorChange", "thousandSeparatorChange", "placeholderChange", "pasteRejected"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditNumberComponent, decorators: [{
             type: Component,
-            args: [{ template: "<input\n    *ngIf=\"field.mask; else noMask\"\n    pInputText\n    class=\"mousetrap\"\n    type=\"text\"\n    [id]=\"field.name\"\n    [name]=\"field.name\"\n    [sInputMask]=\"mask\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    [autoClear]=\"field.autoClear ?? false\"\n    (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (focus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (maskComplete)=\"field.onComplete ? field.onComplete($event) : null\"\n    (input)=\"field.onInput ? field.onInput($event) : null\"\n    [(ngModel)]=\"tempValue\"\n/>\n\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span *ngIf=\"field.leftAddon.callback\" class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"leftAddonDisabled\"\n                        (clicked)=\"field.leftAddon.callback()\">\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.leftAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{ field.leftAddon.label }}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n\n            <input\n                [id]=\"field.name\"\n                type=\"text\"\n                [name]=\"field.name\"\n                sBignumberInput\n                [allowNegative]=\"field.allowNegative ?? false\"\n                [precision]=\"precision\"\n                [scale]=\"scale\"\n                [alignTo]=\"field.alignTo\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                [placeholder]=\"field.placeholder\"\n                [showDelay]=\"500\"\n                pInputText\n                [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n                [ngClass]=\"'mousetrap'\"\n                (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n                (focus)=\"field.onFocus ? field.onFocus($event) : null\"\n                [(ngModel)]=\"tempValue\"/>\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span *ngIf=\"field.rightAddon.callback\" class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"rightAddonDisabled\"\n                        (clicked)=\"field.rightAddon.callback()\">\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.rightAddon.callback\" class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{ field.rightAddon.label }}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n" }]
+            args: [{ standalone: true, imports: [
+                        InputMaskDirective,
+                        FormsModule,
+                        InputText,
+                        TooltipDirective,
+                        ButtonComponent,
+                        NgClass,
+                        BignumberInputDirective,
+                    ], template: "@if (field.mask) {\r\n    <input\r\n        pInputText\r\n        class=\"mousetrap\"\r\n        type=\"text\"\r\n        [id]=\"field.name\"\r\n        [name]=\"field.name\"\r\n        [sInputMask]=\"mask\"\r\n        [placeholder]=\"field.placeholder\"\r\n        slotChar=\"_\"\r\n        [sTooltip]=\"field.tooltip\"\r\n        tooltipPosition=\"top\"\r\n        [showDelay]=\"500\"\r\n        [autoClear]=\"field.autoClear ?? false\"\r\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\r\n        (focus)=\"field.onFocus ? field.onFocus($event) : null\"\r\n        (maskComplete)=\"field.onComplete ? field.onComplete($event) : null\"\r\n        (input)=\"field.onInput ? field.onInput($event) : null\"\r\n        [(ngModel)]=\"tempValue\"\r\n    />\r\n} @else {\r\n    <ng-container>\r\n        <div class=\"ui-inputgroup\">\r\n            @if (field.leftAddon) {\r\n                @if (field.leftAddon.callback) {\r\n                    <span class=\"addon-button addon-button--left\">\r\n                        <s-button\r\n                            [label]=\"field.leftAddon.label\"\r\n                            [iconClass]=\"field.leftAddon.icon\"\r\n                            [priority]=\"field.leftAddon.priority\"\r\n                            [disabled]=\"leftAddonDisabled\"\r\n                            (clicked)=\"field.leftAddon.callback()\"\r\n                        >\r\n                        </s-button>\r\n                    </span>\r\n                }\r\n                @if (!field.leftAddon.callback) {\r\n                    <span class=\"ui-inputgroup-addon\">\r\n                        @if (field.leftAddon.label) {\r\n                            <span>{{ field.leftAddon.label }}</span>\r\n                        }\r\n                        @if (!field.leftAddon.label) {\r\n                            <span [ngClass]=\"field.leftAddon.icon\"></span>\r\n                        }\r\n                    </span>\r\n                }\r\n            }\r\n            <input\r\n                [id]=\"field.name\"\r\n                type=\"text\"\r\n                [name]=\"field.name\"\r\n                sBignumberInput\r\n                [allowNegative]=\"field.allowNegative ?? false\"\r\n                [precision]=\"precision\"\r\n                [scale]=\"scale\"\r\n                [alignTo]=\"field.alignTo\"\r\n                [sTooltip]=\"field.tooltip\"\r\n                tooltipPosition=\"top\"\r\n                [placeholder]=\"field.placeholder\"\r\n                [showDelay]=\"500\"\r\n                pInputText\r\n                [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\r\n                [ngClass]=\"'mousetrap'\"\r\n                (blur)=\"field.onBlur ? field.onBlur($event) : null\"\r\n                (focus)=\"field.onFocus ? field.onFocus($event) : null\"\r\n                [(ngModel)]=\"tempValue\"\r\n            />\r\n            @if (field.rightAddon) {\r\n                @if (field.rightAddon.callback) {\r\n                    <span class=\"addon-button addon-button--right\">\r\n                        <s-button\r\n                            [label]=\"field.rightAddon.label\"\r\n                            [iconClass]=\"field.rightAddon.icon\"\r\n                            [priority]=\"field.rightAddon.priority\"\r\n                            [disabled]=\"rightAddonDisabled\"\r\n                            (clicked)=\"field.rightAddon.callback()\"\r\n                        >\r\n                        </s-button>\r\n                    </span>\r\n                }\r\n                @if (!field.rightAddon.callback) {\r\n                    <span class=\"ui-inputgroup-addon\">\r\n                        @if (field.rightAddon.label) {\r\n                            <span>{{ field.rightAddon.label }}</span>\r\n                        }\r\n                        @if (!field.rightAddon.label) {\r\n                            <span [ngClass]=\"field.rightAddon.icon\"></span>\r\n                        }\r\n                    </span>\r\n                }\r\n            }\r\n        </div>\r\n    </ng-container>\r\n}\r\n" }]
         }], propDecorators: { field: [{
                 type: Input,
                 args: [{ required: true }]
@@ -466,11 +472,11 @@ class InlineEditTextAreaComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditTextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: InlineEditTextAreaComponent, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, ngImport: i0, template: "@if(field.keyFilter) {\n    <textarea\n        [id]=\"field.name\"\n        pTextarea\n        class=\"textarea-input\"\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [(ngModel)]=\"tempValue\"\n        [pKeyFilter]=\"field.keyFilter\">\n    </textarea>\n}@else {\n    <textarea\n        [id]=\"field.name\"\n        pTextarea\n        class=\"textarea-input\"\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [(ngModel)]=\"tempValue\">\n    </textarea>\n\n}\n", styles: [".textarea-input{resize:vertical}\n"], dependencies: [{ kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$2.Textarea, selector: "[pTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "directive", type: i3$2.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: InlineEditTextAreaComponent, isStandalone: true, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, ngImport: i0, template: "@if(field.keyFilter) {\n    <textarea\n        [id]=\"field.name\"\n        pTextarea\n        class=\"textarea-input\"\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [(ngModel)]=\"tempValue\"\n        [pKeyFilter]=\"field.keyFilter\">\n    </textarea>\n}@else {\n    <textarea\n        [id]=\"field.name\"\n        pTextarea\n        class=\"textarea-input\"\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [(ngModel)]=\"tempValue\">\n    </textarea>\n\n}\n", styles: [".textarea-input{resize:vertical}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.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: "directive", type: Textarea, selector: "[pTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "directive", type: KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditTextAreaComponent, decorators: [{
             type: Component,
-            args: [{ template: "@if(field.keyFilter) {\n    <textarea\n        [id]=\"field.name\"\n        pTextarea\n        class=\"textarea-input\"\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [(ngModel)]=\"tempValue\"\n        [pKeyFilter]=\"field.keyFilter\">\n    </textarea>\n}@else {\n    <textarea\n        [id]=\"field.name\"\n        pTextarea\n        class=\"textarea-input\"\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [(ngModel)]=\"tempValue\">\n    </textarea>\n\n}\n", styles: [".textarea-input{resize:vertical}\n"] }]
+            args: [{ standalone: true, imports: [FormsModule, Textarea, KeyFilter], template: "@if(field.keyFilter) {\n    <textarea\n        [id]=\"field.name\"\n        pTextarea\n        class=\"textarea-input\"\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [(ngModel)]=\"tempValue\"\n        [pKeyFilter]=\"field.keyFilter\">\n    </textarea>\n}@else {\n    <textarea\n        [id]=\"field.name\"\n        pTextarea\n        class=\"textarea-input\"\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [(ngModel)]=\"tempValue\">\n    </textarea>\n\n}\n", styles: [".textarea-input{resize:vertical}\n"] }]
         }], propDecorators: { field: [{
                 type: Input,
                 args: [{ required: true }]
@@ -493,11 +499,11 @@ class InlineEditTextComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InlineEditTextComponent, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, ngImport: i0, template: "<input\n    type=\"text\"\n    pInputText\n    [(ngModel)]=\"tempValue\" />", styles: [""], dependencies: [{ kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InlineEditTextComponent, isStandalone: true, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, ngImport: i0, template: "<input\n    type=\"text\"\n    pInputText\n    [(ngModel)]=\"tempValue\" />", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.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: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditTextComponent, decorators: [{
             type: Component,
-            args: [{ template: "<input\n    type=\"text\"\n    pInputText\n    [(ngModel)]=\"tempValue\" />" }]
+            args: [{ standalone: true, imports: [FormsModule, InputText], template: "<input\n    type=\"text\"\n    pInputText\n    [(ngModel)]=\"tempValue\" />" }]
         }], propDecorators: { field: [{
                 type: Input,
                 args: [{ required: true }]
@@ -520,11 +526,11 @@ class InlineEditContentGeneratorComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditContentGeneratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InlineEditContentGeneratorComponent, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, ngImport: i0, template: "<s-content-generator [(ngModel)]=\"tempValue\"></s-content-generator>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$3.ContentGeneratorComponent, selector: "s-content-generator, s-text-area-ia", inputs: ["id", "label", "placeholder", "prompt", "readonly", "rows", "cols", "speechRecognition", "keepContext", "speechRecognitionPlaceholder", "maxLength", "textAreaStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InlineEditContentGeneratorComponent, isStandalone: true, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, ngImport: i0, template: "<s-content-generator [(ngModel)]=\"tempValue\"></s-content-generator>", styles: [""], dependencies: [{ kind: "component", type: ContentGeneratorComponent, selector: "s-content-generator, s-text-area-ia", inputs: ["id", "label", "placeholder", "prompt", "readonly", "rows", "cols", "speechRecognition", "keepContext", "speechRecognitionPlaceholder", "maxLength", "textAreaStyle"] }, { kind: "ngmodule", type: FormsModule }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditContentGeneratorComponent, decorators: [{
             type: Component,
-            args: [{ template: "<s-content-generator [(ngModel)]=\"tempValue\"></s-content-generator>" }]
+            args: [{ standalone: true, imports: [DeprecatedSelectorDirective, ContentGeneratorComponent, FormsModule], template: "<s-content-generator [(ngModel)]=\"tempValue\"></s-content-generator>" }]
         }], propDecorators: { field: [{
                 type: Input,
                 args: [{ required: true }]
@@ -592,11 +598,11 @@ class InlineEditComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InlineEditComponent, selector: "s-inline-edit", inputs: { formGroup: "formGroup", fields: "fields", errorMessages: "errorMessages" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["formContainer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div class=\"inline-edit\">\n    <ng-template #formContainer></ng-template>\n</div>\n", styles: [".inline-edit{display:flex;flex-direction:column;gap:8px}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InlineEditComponent, isStandalone: true, selector: "s-inline-edit", inputs: { formGroup: "formGroup", fields: "fields", errorMessages: "errorMessages" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["formContainer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div class=\"inline-edit\">\n    <ng-template #formContainer></ng-template>\n</div>\n", styles: [".inline-edit{display:flex;flex-direction:column;gap:8px}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-inline-edit', template: "<div class=\"inline-edit\">\n    <ng-template #formContainer></ng-template>\n</div>\n", styles: [".inline-edit{display:flex;flex-direction:column;gap:8px}\n"] }]
+            args: [{ selector: 's-inline-edit', standalone: true, template: "<div class=\"inline-edit\">\n    <ng-template #formContainer></ng-template>\n</div>\n", styles: [".inline-edit{display:flex;flex-direction:column;gap:8px}\n"] }]
         }], propDecorators: { formGroup: [{
                 type: Input
             }], fields: [{
@@ -610,76 +616,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 
 class InlineEditModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: InlineEditModule, declarations: [InlineEditComponent,
-            InlineEditItemComponent,
-            InlineEditCalendarComponent,
-            InlineEditLookupComponent,
-            InlineEditNumberComponent,
-            InlineEditTextComponent,
-            InlineEditTextAreaComponent,
-            InlineEditContentGeneratorComponent], imports: [CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            TranslateModule,
-            BignumberInputModule,
-            ButtonModule,
-            ControlErrorsModule,
-            InfoSignModule,
-            ContentGeneratorModule,
-            TooltipModule,
-            DatepickerComponent,
-            InputMaskDirective,
-            InputTextModule,
-            TextareaModule,
-            KeyFilterModule,
-            DynamicFormModule], exports: [InlineEditComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditModule, imports: [CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            TranslateModule,
-            BignumberInputModule,
-            ButtonModule,
-            ControlErrorsModule,
-            InfoSignModule,
-            ContentGeneratorModule,
-            TooltipModule,
-            DatepickerComponent,
-            InputTextModule,
-            TextareaModule,
-            KeyFilterModule,
-            DynamicFormModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: InlineEditModule, imports: [InlineEditComponent], exports: [InlineEditComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        TranslateModule,
-                        BignumberInputModule,
-                        ButtonModule,
-                        ControlErrorsModule,
-                        InfoSignModule,
-                        ContentGeneratorModule,
-                        TooltipModule,
-                        DatepickerComponent,
-                        InputMaskDirective,
-                        InputTextModule,
-                        TextareaModule,
-                        KeyFilterModule,
-                        DynamicFormModule,
-                    ],
-                    declarations: [
-                        InlineEditComponent,
-                        InlineEditItemComponent,
-                        InlineEditCalendarComponent,
-                        InlineEditLookupComponent,
-                        InlineEditNumberComponent,
-                        InlineEditTextComponent,
-                        InlineEditTextAreaComponent,
-                        InlineEditContentGeneratorComponent,
-                    ],
+                    imports: [InlineEditComponent],
                     exports: [InlineEditComponent],
                 }]
         }] });