npm - lib-portal-angular - Versions diffs - 0.0.81 → 0.0.82 - Mend

lib-portal-angular 0.0.81 → 0.0.82

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/esm2022/lib/components/dynamic-modal/dynamic-modal.component.mjs CHANGED Viewed

@@ -36,11 +36,11 @@ export class DynamicModalComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DynamicModalComponent, selector: "argenta-dynamic-modal", inputs: { modalTitle: "modalTitle", modalSizeClass: "modalSizeClass", modalId: "modalId" }, ngImport: i0, template: "<div\n  class=\"modal fade\"\n  [id]=\"modalId\"\n  tabindex=\"-1\"\n  [attr.aria-labelledby]=\"modalId + 'Label'\"\n  aria-hidden=\"true\"\n>\n  <div class=\"modal-dialog\" [ngClass]=\"modalSizeClass\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header custom-header\">\n        <h5 class=\"modal-title\" [id]=\"modalId + 'Label'\">{{ modalTitle }}</h5>\n        <button\n          type=\"button\"\n          class=\"custom-close-button\"\n          (click)=\"closeModal()\"\n          aria-label=\"Close\"\n        >\n          &times;\n        </button>\n      </div>\n      <div class=\"modal-body custom-body\">\n        <ng-content select=\"[modal-body]\"></ng-content>\n      </div>\n      <div class=\"modal-footer custom-footer\">\n        <ng-content select=\"[modal-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".custom-header{background-color:var(--primary-color);color:var(--text-color);font-size:1.25rem;font-family:var(--font-family);padding:1rem;position:relative}.custom-header .custom-close-button{position:absolute;right:1rem;background:none;border:none;font-size:2.5rem;color:var(--text-color);cursor:pointer}.custom-header .custom-close-button:hover{color:var(--danger-color)}.custom-body{background-color:#fff;padding:1rem}.custom-footer{background-color:#fff;padding:.75rem;display:flex;justify-content:flex-end;gap:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DynamicModalComponent, selector: "argenta-dynamic-modal", inputs: { modalTitle: "modalTitle", modalSizeClass: "modalSizeClass", modalId: "modalId" }, ngImport: i0, template: "<div\n  class=\"modal fade\"\n  [id]=\"modalId\"\n  tabindex=\"-1\"\n  [attr.aria-labelledby]=\"modalId + 'Label'\"\n  aria-hidden=\"true\"\n>\n  <div class=\"modal-dialog\" [ngClass]=\"modalSizeClass\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header custom-header\">\n        <h5 class=\"modal-title\" [id]=\"modalId + 'Label'\">{{ modalTitle }}</h5>\n        <button\n          type=\"button\"\n          class=\"custom-close-button\"\n          (click)=\"closeModal()\"\n          aria-label=\"Close\"\n        >\n          &times;\n        </button>\n      </div>\n      <div class=\"modal-body custom-body\">\n        <ng-content select=\"[modal-body]\"></ng-content>\n      </div>\n      <div class=\"modal-footer custom-footer\">\n        <ng-content select=\"[modal-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".custom-header{background-color:var(--primary-color)!important;color:var(--text-color)!important;font-size:1.25rem!important;font-family:var(--font-family)!important;padding:1rem;position:relative}.custom-header .custom-close-button{position:absolute;right:1rem;background:none;border:none;font-size:2.5rem;color:var(--text-color);cursor:pointer}.custom-header .custom-close-button:hover{color:var(--danger-color)}.custom-body{background-color:#fff;padding:1rem}.custom-footer{background-color:#fff;padding:.75rem;display:flex;justify-content:flex-end;gap:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: "argenta-dynamic-modal", template: "<div\n  class=\"modal fade\"\n  [id]=\"modalId\"\n  tabindex=\"-1\"\n  [attr.aria-labelledby]=\"modalId + 'Label'\"\n  aria-hidden=\"true\"\n>\n  <div class=\"modal-dialog\" [ngClass]=\"modalSizeClass\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header custom-header\">\n        <h5 class=\"modal-title\" [id]=\"modalId + 'Label'\">{{ modalTitle }}</h5>\n        <button\n          type=\"button\"\n          class=\"custom-close-button\"\n          (click)=\"closeModal()\"\n          aria-label=\"Close\"\n        >\n          &times;\n        </button>\n      </div>\n      <div class=\"modal-body custom-body\">\n        <ng-content select=\"[modal-body]\"></ng-content>\n      </div>\n      <div class=\"modal-footer custom-footer\">\n        <ng-content select=\"[modal-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".custom-header{background-color:var(--primary-color);color:var(--text-color);font-size:1.25rem;font-family:var(--font-family);padding:1rem;position:relative}.custom-header .custom-close-button{position:absolute;right:1rem;background:none;border:none;font-size:2.5rem;color:var(--text-color);cursor:pointer}.custom-header .custom-close-button:hover{color:var(--danger-color)}.custom-body{background-color:#fff;padding:1rem}.custom-footer{background-color:#fff;padding:.75rem;display:flex;justify-content:flex-end;gap:.5rem}\n"] }]
+            args: [{ selector: "argenta-dynamic-modal", template: "<div\n  class=\"modal fade\"\n  [id]=\"modalId\"\n  tabindex=\"-1\"\n  [attr.aria-labelledby]=\"modalId + 'Label'\"\n  aria-hidden=\"true\"\n>\n  <div class=\"modal-dialog\" [ngClass]=\"modalSizeClass\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header custom-header\">\n        <h5 class=\"modal-title\" [id]=\"modalId + 'Label'\">{{ modalTitle }}</h5>\n        <button\n          type=\"button\"\n          class=\"custom-close-button\"\n          (click)=\"closeModal()\"\n          aria-label=\"Close\"\n        >\n          &times;\n        </button>\n      </div>\n      <div class=\"modal-body custom-body\">\n        <ng-content select=\"[modal-body]\"></ng-content>\n      </div>\n      <div class=\"modal-footer custom-footer\">\n        <ng-content select=\"[modal-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".custom-header{background-color:var(--primary-color)!important;color:var(--text-color)!important;font-size:1.25rem!important;font-family:var(--font-family)!important;padding:1rem;position:relative}.custom-header .custom-close-button{position:absolute;right:1rem;background:none;border:none;font-size:2.5rem;color:var(--text-color);cursor:pointer}.custom-header .custom-close-button:hover{color:var(--danger-color)}.custom-body{background-color:#fff;padding:1rem}.custom-footer{background-color:#fff;padding:.75rem;display:flex;justify-content:flex-end;gap:.5rem}\n"] }]
         }], propDecorators: { modalTitle: [{
                 type: Input
             }], modalSizeClass: [{

package/esm2022/lib/components/search-customer/search-customer.component.mjs CHANGED Viewed

@@ -18,11 +18,11 @@ export class SearchCustomerComponent {
         this.searchTerm.emit(inputElement.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchCustomerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchCustomerComponent, selector: "argenta-search-customer", inputs: { placeholder: "placeholder", id: "id", disabled: "disabled", readonly: "readonly", autofocus: "autofocus" }, outputs: { searchTerm: "searchTerm" }, ngImport: i0, template: "<div class=\"search-container\">\n  <span class=\"search-icon\" [ngClass]=\"'search-icon-green'\">\n    <lucide-icon name=\"search\" [size]=\"16\"></lucide-icon>\n  </span>\n  <input\n    [id]=\"id\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [autofocus]=\"autofocus\"\n    (input)=\"onSearch($event)\"\n    class=\"search-input custom-input\"\n  />\n</div>\n", styles: [".search-container{display:flex;align-items:center;border:1px solid var(--secondary-color);border-radius:8px;padding:5px;background-color:#f7f9fc}.search-icon{padding:0 10px;color:#b0b0b0}.search-input{border:none;outline:none;padding:8px;flex:1;background-color:transparent;font-family:var(--font-family);color:#333;font-size:.9rem;height:35px}.search-input::placeholder{color:#b0b0b0}.search-icon-green{color:var(--secondary-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchCustomerComponent, selector: "argenta-search-customer", inputs: { placeholder: "placeholder", id: "id", disabled: "disabled", readonly: "readonly", autofocus: "autofocus" }, outputs: { searchTerm: "searchTerm" }, ngImport: i0, template: "<div class=\"search-container\">\n  <span class=\"search-icon\" [ngClass]=\"'search-icon-green'\">\n    <lucide-icon name=\"search\" [size]=\"16\"></lucide-icon>\n  </span>\n  <input\n    [id]=\"id\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [autofocus]=\"autofocus\"\n    (input)=\"onSearch($event)\"\n    class=\"search-input custom-input\"\n  />\n</div>\n", styles: [".search-container{display:flex;align-items:center;border:1px solid var(--primary-color);border-radius:8px;padding:5px;background-color:#f7f9fc}.search-icon{padding:0 10px;color:#b0b0b0}.search-input{border:none;outline:none;padding:8px;flex:1;background-color:transparent;font-family:var(--font-family);color:#333;font-size:.9rem;height:35px}.search-input::placeholder{color:#b0b0b0}.search-icon-green{color:var(--primary-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchCustomerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'argenta-search-customer', template: "<div class=\"search-container\">\n  <span class=\"search-icon\" [ngClass]=\"'search-icon-green'\">\n    <lucide-icon name=\"search\" [size]=\"16\"></lucide-icon>\n  </span>\n  <input\n    [id]=\"id\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [autofocus]=\"autofocus\"\n    (input)=\"onSearch($event)\"\n    class=\"search-input custom-input\"\n  />\n</div>\n", styles: [".search-container{display:flex;align-items:center;border:1px solid var(--secondary-color);border-radius:8px;padding:5px;background-color:#f7f9fc}.search-icon{padding:0 10px;color:#b0b0b0}.search-input{border:none;outline:none;padding:8px;flex:1;background-color:transparent;font-family:var(--font-family);color:#333;font-size:.9rem;height:35px}.search-input::placeholder{color:#b0b0b0}.search-icon-green{color:var(--secondary-color)}\n"] }]
+            args: [{ selector: 'argenta-search-customer', template: "<div class=\"search-container\">\n  <span class=\"search-icon\" [ngClass]=\"'search-icon-green'\">\n    <lucide-icon name=\"search\" [size]=\"16\"></lucide-icon>\n  </span>\n  <input\n    [id]=\"id\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [autofocus]=\"autofocus\"\n    (input)=\"onSearch($event)\"\n    class=\"search-input custom-input\"\n  />\n</div>\n", styles: [".search-container{display:flex;align-items:center;border:1px solid var(--primary-color);border-radius:8px;padding:5px;background-color:#f7f9fc}.search-icon{padding:0 10px;color:#b0b0b0}.search-input{border:none;outline:none;padding:8px;flex:1;background-color:transparent;font-family:var(--font-family);color:#333;font-size:.9rem;height:35px}.search-input::placeholder{color:#b0b0b0}.search-icon-green{color:var(--primary-color)}\n"] }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], id: [{

package/fesm2022/lib-portal-angular.mjs CHANGED Viewed

@@ -2425,11 +2425,11 @@ class SearchCustomerComponent {
         this.searchTerm.emit(inputElement.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchCustomerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchCustomerComponent, selector: "argenta-search-customer", inputs: { placeholder: "placeholder", id: "id", disabled: "disabled", readonly: "readonly", autofocus: "autofocus" }, outputs: { searchTerm: "searchTerm" }, ngImport: i0, template: "<div class=\"search-container\">\n  <span class=\"search-icon\" [ngClass]=\"'search-icon-green'\">\n    <lucide-icon name=\"search\" [size]=\"16\"></lucide-icon>\n  </span>\n  <input\n    [id]=\"id\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [autofocus]=\"autofocus\"\n    (input)=\"onSearch($event)\"\n    class=\"search-input custom-input\"\n  />\n</div>\n", styles: [".search-container{display:flex;align-items:center;border:1px solid var(--secondary-color);border-radius:8px;padding:5px;background-color:#f7f9fc}.search-icon{padding:0 10px;color:#b0b0b0}.search-input{border:none;outline:none;padding:8px;flex:1;background-color:transparent;font-family:var(--font-family);color:#333;font-size:.9rem;height:35px}.search-input::placeholder{color:#b0b0b0}.search-icon-green{color:var(--secondary-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchCustomerComponent, selector: "argenta-search-customer", inputs: { placeholder: "placeholder", id: "id", disabled: "disabled", readonly: "readonly", autofocus: "autofocus" }, outputs: { searchTerm: "searchTerm" }, ngImport: i0, template: "<div class=\"search-container\">\n  <span class=\"search-icon\" [ngClass]=\"'search-icon-green'\">\n    <lucide-icon name=\"search\" [size]=\"16\"></lucide-icon>\n  </span>\n  <input\n    [id]=\"id\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [autofocus]=\"autofocus\"\n    (input)=\"onSearch($event)\"\n    class=\"search-input custom-input\"\n  />\n</div>\n", styles: [".search-container{display:flex;align-items:center;border:1px solid var(--primary-color);border-radius:8px;padding:5px;background-color:#f7f9fc}.search-icon{padding:0 10px;color:#b0b0b0}.search-input{border:none;outline:none;padding:8px;flex:1;background-color:transparent;font-family:var(--font-family);color:#333;font-size:.9rem;height:35px}.search-input::placeholder{color:#b0b0b0}.search-icon-green{color:var(--primary-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchCustomerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'argenta-search-customer', template: "<div class=\"search-container\">\n  <span class=\"search-icon\" [ngClass]=\"'search-icon-green'\">\n    <lucide-icon name=\"search\" [size]=\"16\"></lucide-icon>\n  </span>\n  <input\n    [id]=\"id\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [autofocus]=\"autofocus\"\n    (input)=\"onSearch($event)\"\n    class=\"search-input custom-input\"\n  />\n</div>\n", styles: [".search-container{display:flex;align-items:center;border:1px solid var(--secondary-color);border-radius:8px;padding:5px;background-color:#f7f9fc}.search-icon{padding:0 10px;color:#b0b0b0}.search-input{border:none;outline:none;padding:8px;flex:1;background-color:transparent;font-family:var(--font-family);color:#333;font-size:.9rem;height:35px}.search-input::placeholder{color:#b0b0b0}.search-icon-green{color:var(--secondary-color)}\n"] }]
+            args: [{ selector: 'argenta-search-customer', template: "<div class=\"search-container\">\n  <span class=\"search-icon\" [ngClass]=\"'search-icon-green'\">\n    <lucide-icon name=\"search\" [size]=\"16\"></lucide-icon>\n  </span>\n  <input\n    [id]=\"id\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [autofocus]=\"autofocus\"\n    (input)=\"onSearch($event)\"\n    class=\"search-input custom-input\"\n  />\n</div>\n", styles: [".search-container{display:flex;align-items:center;border:1px solid var(--primary-color);border-radius:8px;padding:5px;background-color:#f7f9fc}.search-icon{padding:0 10px;color:#b0b0b0}.search-input{border:none;outline:none;padding:8px;flex:1;background-color:transparent;font-family:var(--font-family);color:#333;font-size:.9rem;height:35px}.search-input::placeholder{color:#b0b0b0}.search-icon-green{color:var(--primary-color)}\n"] }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], id: [{
@@ -3434,11 +3434,11 @@ class DynamicModalComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DynamicModalComponent, selector: "argenta-dynamic-modal", inputs: { modalTitle: "modalTitle", modalSizeClass: "modalSizeClass", modalId: "modalId" }, ngImport: i0, template: "<div\n  class=\"modal fade\"\n  [id]=\"modalId\"\n  tabindex=\"-1\"\n  [attr.aria-labelledby]=\"modalId + 'Label'\"\n  aria-hidden=\"true\"\n>\n  <div class=\"modal-dialog\" [ngClass]=\"modalSizeClass\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header custom-header\">\n        <h5 class=\"modal-title\" [id]=\"modalId + 'Label'\">{{ modalTitle }}</h5>\n        <button\n          type=\"button\"\n          class=\"custom-close-button\"\n          (click)=\"closeModal()\"\n          aria-label=\"Close\"\n        >\n          &times;\n        </button>\n      </div>\n      <div class=\"modal-body custom-body\">\n        <ng-content select=\"[modal-body]\"></ng-content>\n      </div>\n      <div class=\"modal-footer custom-footer\">\n        <ng-content select=\"[modal-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".custom-header{background-color:var(--primary-color);color:var(--text-color);font-size:1.25rem;font-family:var(--font-family);padding:1rem;position:relative}.custom-header .custom-close-button{position:absolute;right:1rem;background:none;border:none;font-size:2.5rem;color:var(--text-color);cursor:pointer}.custom-header .custom-close-button:hover{color:var(--danger-color)}.custom-body{background-color:#fff;padding:1rem}.custom-footer{background-color:#fff;padding:.75rem;display:flex;justify-content:flex-end;gap:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DynamicModalComponent, selector: "argenta-dynamic-modal", inputs: { modalTitle: "modalTitle", modalSizeClass: "modalSizeClass", modalId: "modalId" }, ngImport: i0, template: "<div\n  class=\"modal fade\"\n  [id]=\"modalId\"\n  tabindex=\"-1\"\n  [attr.aria-labelledby]=\"modalId + 'Label'\"\n  aria-hidden=\"true\"\n>\n  <div class=\"modal-dialog\" [ngClass]=\"modalSizeClass\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header custom-header\">\n        <h5 class=\"modal-title\" [id]=\"modalId + 'Label'\">{{ modalTitle }}</h5>\n        <button\n          type=\"button\"\n          class=\"custom-close-button\"\n          (click)=\"closeModal()\"\n          aria-label=\"Close\"\n        >\n          &times;\n        </button>\n      </div>\n      <div class=\"modal-body custom-body\">\n        <ng-content select=\"[modal-body]\"></ng-content>\n      </div>\n      <div class=\"modal-footer custom-footer\">\n        <ng-content select=\"[modal-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".custom-header{background-color:var(--primary-color)!important;color:var(--text-color)!important;font-size:1.25rem!important;font-family:var(--font-family)!important;padding:1rem;position:relative}.custom-header .custom-close-button{position:absolute;right:1rem;background:none;border:none;font-size:2.5rem;color:var(--text-color);cursor:pointer}.custom-header .custom-close-button:hover{color:var(--danger-color)}.custom-body{background-color:#fff;padding:1rem}.custom-footer{background-color:#fff;padding:.75rem;display:flex;justify-content:flex-end;gap:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: "argenta-dynamic-modal", template: "<div\n  class=\"modal fade\"\n  [id]=\"modalId\"\n  tabindex=\"-1\"\n  [attr.aria-labelledby]=\"modalId + 'Label'\"\n  aria-hidden=\"true\"\n>\n  <div class=\"modal-dialog\" [ngClass]=\"modalSizeClass\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header custom-header\">\n        <h5 class=\"modal-title\" [id]=\"modalId + 'Label'\">{{ modalTitle }}</h5>\n        <button\n          type=\"button\"\n          class=\"custom-close-button\"\n          (click)=\"closeModal()\"\n          aria-label=\"Close\"\n        >\n          &times;\n        </button>\n      </div>\n      <div class=\"modal-body custom-body\">\n        <ng-content select=\"[modal-body]\"></ng-content>\n      </div>\n      <div class=\"modal-footer custom-footer\">\n        <ng-content select=\"[modal-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".custom-header{background-color:var(--primary-color);color:var(--text-color);font-size:1.25rem;font-family:var(--font-family);padding:1rem;position:relative}.custom-header .custom-close-button{position:absolute;right:1rem;background:none;border:none;font-size:2.5rem;color:var(--text-color);cursor:pointer}.custom-header .custom-close-button:hover{color:var(--danger-color)}.custom-body{background-color:#fff;padding:1rem}.custom-footer{background-color:#fff;padding:.75rem;display:flex;justify-content:flex-end;gap:.5rem}\n"] }]
+            args: [{ selector: "argenta-dynamic-modal", template: "<div\n  class=\"modal fade\"\n  [id]=\"modalId\"\n  tabindex=\"-1\"\n  [attr.aria-labelledby]=\"modalId + 'Label'\"\n  aria-hidden=\"true\"\n>\n  <div class=\"modal-dialog\" [ngClass]=\"modalSizeClass\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header custom-header\">\n        <h5 class=\"modal-title\" [id]=\"modalId + 'Label'\">{{ modalTitle }}</h5>\n        <button\n          type=\"button\"\n          class=\"custom-close-button\"\n          (click)=\"closeModal()\"\n          aria-label=\"Close\"\n        >\n          &times;\n        </button>\n      </div>\n      <div class=\"modal-body custom-body\">\n        <ng-content select=\"[modal-body]\"></ng-content>\n      </div>\n      <div class=\"modal-footer custom-footer\">\n        <ng-content select=\"[modal-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".custom-header{background-color:var(--primary-color)!important;color:var(--text-color)!important;font-size:1.25rem!important;font-family:var(--font-family)!important;padding:1rem;position:relative}.custom-header .custom-close-button{position:absolute;right:1rem;background:none;border:none;font-size:2.5rem;color:var(--text-color);cursor:pointer}.custom-header .custom-close-button:hover{color:var(--danger-color)}.custom-body{background-color:#fff;padding:1rem}.custom-footer{background-color:#fff;padding:.75rem;display:flex;justify-content:flex-end;gap:.5rem}\n"] }]
         }], propDecorators: { modalTitle: [{
                 type: Input
             }], modalSizeClass: [{