@dataclouder/ngx-agent-cards 0.2.10 → 0.2.11

package/fesm2022/dataclouder-ngx-agent-cards.mjs

@@ -4412,7 +4412,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-const Endpoints = 'conversationRule';
+const Endpoints = 'conversation-rules';
 class ConversationRuleService extends EntityCommunicationService {
     constructor() {
         super(Endpoints);
@@ -9414,7 +9414,10 @@ class ConversationRuleFormComponent extends EntityBaseSignalFormComponent {
         }
     }
     loadEntity(entity) {
-        this.entityForm.set(entity);
+        this.entityForm.set({
+            ...emptyConversationRule(),
+            ...entity,
+        });
     }
     getFormValue() {
         return this.entityForm();
@@ -9435,7 +9438,7 @@ class ConversationRuleFormComponent extends EntityBaseSignalFormComponent {
         this.relationPopupSelector.push(relation);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ConversationRuleFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: ConversationRuleFormComponent, isStandalone: true, selector: "app-conversation-rule-form", usesInheritance: true, ngImport: i0, template: "<h3>ConversationRules Form</h3>\n\n<div class=\"source-form-card\">\n  <p-card>\n    <ng-template pTemplate=\"header\">\n      <div class=\"form-card-header\">\n        <span class=\"form-card-title\">{{ entityId() ? 'Edit Conversation Rule' : 'New Conversation Rule' }}</span>\n        @if (entityId()) {\n          <p-button label=\"Ver detalles\" icon=\"pi pi-eye\" [text]=\"true\" (click)=\"goToDetail()\"></p-button>\n        }\n      </div>\n    </ng-template>\n\n    <div style=\"display: flex; gap: 10px\">\n      <div style=\"width: 100%\">\n\n        <div class=\"form-field\">\n          <label for=\"name\" class=\"block\">Name</label>\n          <input pInputText id=\"name\" type=\"text\"\n                 [formField]=\"form.name\"\n                 placeholder=\"Enter rule name\" />\n          @if (form.name().touched() && form.name().invalid()) {\n            <small class=\"p-error\">{{ form.name().errors()[0].message }}</small>\n          }\n        </div>\n\n        <div class=\"form-field\">\n          <label for=\"type\" class=\"block\">Type</label>\n          <p-select id=\"type\" class=\"w-full\"\n                    [options]=\"typeOptions\" optionLabel=\"label\" optionValue=\"value\"\n                    [ngModel]=\"entityForm().type\"\n                    (ngModelChange)=\"entityForm.update(m => ({ ...m, type: $event }))\"\n                    placeholder=\"None\"></p-select>\n        </div>\n\n        <div class=\"form-field\">\n          <label for=\"description\" class=\"block\">Description</label>\n          <textarea id=\"description\" pTextarea rows=\"1\" class=\"w-full\"\n                    [ngModel]=\"entityForm().description\"\n                    (ngModelChange)=\"entityForm.update(m => ({ ...m, description: $event }))\"\n                    placeholder=\"Enter description\"></textarea>\n        </div>\n\n        <div class=\"form-field\">\n          <label for=\"rule\" class=\"block\">Rule</label>\n          <textarea id=\"rule\" pTextarea rows=\"3\" class=\"w-full\"\n                    [ngModel]=\"entityForm().rule\"\n                    (ngModelChange)=\"entityForm.update(m => ({ ...m, rule: $event }))\"\n                    placeholder=\"Enter rule content\"></textarea>\n        </div>\n\n      </div>\n    </div>\n\n    <div style=\"display: flex; justify-content: flex-end\">\n      <p-button (click)=\"save()\" label=\"Save Rule\" [disabled]=\"!isValid()\" icon=\"pi pi-check\" iconPos=\"right\"></p-button>\n    </div>\n\n    <p-dialog header=\"Search for relation\" [(visible)]=\"isDialogVisible\" [modal]=\"true\" [style]=\"{ width: '50vw' }\" draggable=\"false\">\n      <app-conversationRule-list [onlyView]=\"true\" (onSelect)=\"handleRelationSelection($event)\"></app-conversationRule-list>\n    </p-dialog>\n  </p-card>\n</div>\n", styles: [":host{display:block;padding:1rem}.source-form-card{max-width:800px;margin:0 auto}.form-field{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-field label{margin-bottom:.5rem;font-weight:500;color:#495057}.form-field input,.form-field textarea,.form-field ::ng-deep .p-element{margin-top:.25rem}:host ::ng-deep .p-card .p-card-content>div:last-child{margin-top:1.5rem;display:flex;justify-content:flex-end}:host ::ng-deep .p-card .p-card-header{background-color:#f8f9fa;padding:1rem;border-bottom:1px solid #dee2e6}.form-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.form-card-title{font-weight:600;font-size:1.1rem;color:#495057}h3{color:#495057;margin-bottom:1.5rem;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i2$6.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3$3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: ChipModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i5$1.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: ConversationRuleListComponent, selector: "app-conversationRule-list" }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: ConversationRuleFormComponent, isStandalone: true, selector: "app-conversation-rule-form", usesInheritance: true, ngImport: i0, template: "<h3>ConversationRules Form</h3>\n\n<div class=\"source-form-card\">\n  <p-card>\n    <ng-template pTemplate=\"header\">\n      <div class=\"form-card-header\">\n        <span class=\"form-card-title\">{{ entityId() ? 'Edit Conversation Rule' : 'New Conversation Rule' }}</span>\n        @if (entityId()) {\n          <p-button label=\"Ver detalles\" icon=\"pi pi-eye\" [text]=\"true\" (click)=\"goToDetail()\"></p-button>\n        }\n      </div>\n    </ng-template>\n\n    <div style=\"display: flex; gap: 10px\">\n      <div style=\"width: 100%\">\n\n        <div class=\"form-field\">\n          <label for=\"name\" class=\"block\">Name</label>\n          <input pInputText id=\"name\" type=\"text\"\n                 [formField]=\"form.name\"\n                 placeholder=\"Enter rule name\" />\n          @if (form.name().touched() && form.name().invalid()) {\n            <small class=\"p-error\">{{ form.name().errors()[0].message }}</small>\n          }\n        </div>\n\n        <div class=\"form-field\">\n          <label for=\"type\" class=\"block\">Type</label>\n          <p-select id=\"type\" class=\"w-full\"\n                    [options]=\"typeOptions\" optionLabel=\"label\" optionValue=\"value\"\n                    [ngModel]=\"entityForm().type\"\n                    (ngModelChange)=\"entityForm.update(m => ({ ...m, type: $event }))\"\n                    placeholder=\"None\"></p-select>\n        </div>\n\n        <div class=\"form-field\">\n          <label for=\"description\" class=\"block\">Description</label>\n          <textarea id=\"description\" pTextarea rows=\"1\" class=\"w-full\"\n                    [ngModel]=\"entityForm().description\"\n                    (ngModelChange)=\"entityForm.update(m => ({ ...m, description: $event }))\"\n                    placeholder=\"Enter description\"></textarea>\n        </div>\n\n        <div class=\"form-field\">\n          <label for=\"rule\" class=\"block\">Rule</label>\n          <textarea id=\"rule\" pTextarea rows=\"3\" class=\"w-full\"\n                    [ngModel]=\"entityForm().rule\"\n                    (ngModelChange)=\"entityForm.update(m => ({ ...m, rule: $event }))\"\n                    placeholder=\"Enter rule content\"></textarea>\n        </div>\n\n      </div>\n    </div>\n\n    <div style=\"display: flex; justify-content: flex-end\">\n      <p-button (click)=\"save()\" label=\"Save Rule\" [disabled]=\"!isValid()\" icon=\"pi pi-check\" iconPos=\"right\"></p-button>\n    </div>\n\n\n  </p-card>\n</div>\n", styles: [":host{display:block;padding:1rem}.source-form-card{max-width:800px;margin:0 auto}.form-field{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-field label{margin-bottom:.5rem;font-weight:500;color:#495057}.form-field input,.form-field textarea,.form-field ::ng-deep .p-element{margin-top:.25rem}:host ::ng-deep .p-card .p-card-content>div:last-child{margin-top:1.5rem;display:flex;justify-content:flex-end}:host ::ng-deep .p-card .p-card-header{background-color:#f8f9fa;padding:1rem;border-bottom:1px solid #dee2e6}.form-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.form-card-title{font-weight:600;font-size:1.1rem;color:#495057}h3{color:#495057;margin-bottom:1.5rem;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i2$6.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3$3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: ChipModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: DialogModule }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ConversationRuleFormComponent, decorators: [{
             type: Component,
@@ -9451,7 +9454,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
                         DialogModule,
                         ConversationRuleListComponent,
                         FormField,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<h3>ConversationRules Form</h3>\n\n<div class=\"source-form-card\">\n  <p-card>\n    <ng-template pTemplate=\"header\">\n      <div class=\"form-card-header\">\n        <span class=\"form-card-title\">{{ entityId() ? 'Edit Conversation Rule' : 'New Conversation Rule' }}</span>\n        @if (entityId()) {\n          <p-button label=\"Ver detalles\" icon=\"pi pi-eye\" [text]=\"true\" (click)=\"goToDetail()\"></p-button>\n        }\n      </div>\n    </ng-template>\n\n    <div style=\"display: flex; gap: 10px\">\n      <div style=\"width: 100%\">\n\n        <div class=\"form-field\">\n          <label for=\"name\" class=\"block\">Name</label>\n          <input pInputText id=\"name\" type=\"text\"\n                 [formField]=\"form.name\"\n                 placeholder=\"Enter rule name\" />\n          @if (form.name().touched() && form.name().invalid()) {\n            <small class=\"p-error\">{{ form.name().errors()[0].message }}</small>\n          }\n        </div>\n\n        <div class=\"form-field\">\n          <label for=\"type\" class=\"block\">Type</label>\n          <p-select id=\"type\" class=\"w-full\"\n                    [options]=\"typeOptions\" optionLabel=\"label\" optionValue=\"value\"\n                    [ngModel]=\"entityForm().type\"\n                    (ngModelChange)=\"entityForm.update(m => ({ ...m, type: $event }))\"\n                    placeholder=\"None\"></p-select>\n        </div>\n\n        <div class=\"form-field\">\n          <label for=\"description\" class=\"block\">Description</label>\n          <textarea id=\"description\" pTextarea rows=\"1\" class=\"w-full\"\n                    [ngModel]=\"entityForm().description\"\n                    (ngModelChange)=\"entityForm.update(m => ({ ...m, description: $event }))\"\n                    placeholder=\"Enter description\"></textarea>\n        </div>\n\n        <div class=\"form-field\">\n          <label for=\"rule\" class=\"block\">Rule</label>\n          <textarea id=\"rule\" pTextarea rows=\"3\" class=\"w-full\"\n                    [ngModel]=\"entityForm().rule\"\n                    (ngModelChange)=\"entityForm.update(m => ({ ...m, rule: $event }))\"\n                    placeholder=\"Enter rule content\"></textarea>\n        </div>\n\n      </div>\n    </div>\n\n    <div style=\"display: flex; justify-content: flex-end\">\n      <p-button (click)=\"save()\" label=\"Save Rule\" [disabled]=\"!isValid()\" icon=\"pi pi-check\" iconPos=\"right\"></p-button>\n    </div>\n\n    <p-dialog header=\"Search for relation\" [(visible)]=\"isDialogVisible\" [modal]=\"true\" [style]=\"{ width: '50vw' }\" draggable=\"false\">\n      <app-conversationRule-list [onlyView]=\"true\" (onSelect)=\"handleRelationSelection($event)\"></app-conversationRule-list>\n    </p-dialog>\n  </p-card>\n</div>\n", styles: [":host{display:block;padding:1rem}.source-form-card{max-width:800px;margin:0 auto}.form-field{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-field label{margin-bottom:.5rem;font-weight:500;color:#495057}.form-field input,.form-field textarea,.form-field ::ng-deep .p-element{margin-top:.25rem}:host ::ng-deep .p-card .p-card-content>div:last-child{margin-top:1.5rem;display:flex;justify-content:flex-end}:host ::ng-deep .p-card .p-card-header{background-color:#f8f9fa;padding:1rem;border-bottom:1px solid #dee2e6}.form-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.form-card-title{font-weight:600;font-size:1.1rem;color:#495057}h3{color:#495057;margin-bottom:1.5rem;text-align:center}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<h3>ConversationRules Form</h3>\n\n<div class=\"source-form-card\">\n  <p-card>\n    <ng-template pTemplate=\"header\">\n      <div class=\"form-card-header\">\n        <span class=\"form-card-title\">{{ entityId() ? 'Edit Conversation Rule' : 'New Conversation Rule' }}</span>\n        @if (entityId()) {\n          <p-button label=\"Ver detalles\" icon=\"pi pi-eye\" [text]=\"true\" (click)=\"goToDetail()\"></p-button>\n        }\n      </div>\n    </ng-template>\n\n    <div style=\"display: flex; gap: 10px\">\n      <div style=\"width: 100%\">\n\n        <div class=\"form-field\">\n          <label for=\"name\" class=\"block\">Name</label>\n          <input pInputText id=\"name\" type=\"text\"\n                 [formField]=\"form.name\"\n                 placeholder=\"Enter rule name\" />\n          @if (form.name().touched() && form.name().invalid()) {\n            <small class=\"p-error\">{{ form.name().errors()[0].message }}</small>\n          }\n        </div>\n\n        <div class=\"form-field\">\n          <label for=\"type\" class=\"block\">Type</label>\n          <p-select id=\"type\" class=\"w-full\"\n                    [options]=\"typeOptions\" optionLabel=\"label\" optionValue=\"value\"\n                    [ngModel]=\"entityForm().type\"\n                    (ngModelChange)=\"entityForm.update(m => ({ ...m, type: $event }))\"\n                    placeholder=\"None\"></p-select>\n        </div>\n\n        <div class=\"form-field\">\n          <label for=\"description\" class=\"block\">Description</label>\n          <textarea id=\"description\" pTextarea rows=\"1\" class=\"w-full\"\n                    [ngModel]=\"entityForm().description\"\n                    (ngModelChange)=\"entityForm.update(m => ({ ...m, description: $event }))\"\n                    placeholder=\"Enter description\"></textarea>\n        </div>\n\n        <div class=\"form-field\">\n          <label for=\"rule\" class=\"block\">Rule</label>\n          <textarea id=\"rule\" pTextarea rows=\"3\" class=\"w-full\"\n                    [ngModel]=\"entityForm().rule\"\n                    (ngModelChange)=\"entityForm.update(m => ({ ...m, rule: $event }))\"\n                    placeholder=\"Enter rule content\"></textarea>\n        </div>\n\n      </div>\n    </div>\n\n    <div style=\"display: flex; justify-content: flex-end\">\n      <p-button (click)=\"save()\" label=\"Save Rule\" [disabled]=\"!isValid()\" icon=\"pi pi-check\" iconPos=\"right\"></p-button>\n    </div>\n\n\n  </p-card>\n</div>\n", styles: [":host{display:block;padding:1rem}.source-form-card{max-width:800px;margin:0 auto}.form-field{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-field label{margin-bottom:.5rem;font-weight:500;color:#495057}.form-field input,.form-field textarea,.form-field ::ng-deep .p-element{margin-top:.25rem}:host ::ng-deep .p-card .p-card-content>div:last-child{margin-top:1.5rem;display:flex;justify-content:flex-end}:host ::ng-deep .p-card .p-card-header{background-color:#f8f9fa;padding:1rem;border-bottom:1px solid #dee2e6}.form-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.form-card-title{font-weight:600;font-size:1.1rem;color:#495057}h3{color:#495057;margin-bottom:1.5rem;text-align:center}\n"] }]
         }] });
 
 const GENERICS_ROUTES = [
@@ -9656,7 +9659,10 @@ class CardRouteFormComponent extends EntityBaseSignalFormComponent {
         };
     }
     loadEntity(entity) {
-        this.entityForm.set(entity);
+        this.entityForm.set({
+            ...emptyCardRoute(),
+            ...entity,
+        });
     }
     getFormValue() {
         return this.entityForm();