osl-base-extended 1.1.55 → 1.1.57

package/fesm2022/osl-base-extended.mjs

@@ -2648,7 +2648,7 @@ class OslSetup {
     get hasForm() {
         return this.formElements?.length > 0 || !!this.onAddEditFn;
     }
-    ngAfterViewInit() {
+    statemainTain() {
         if (!this.stateKey)
             return;
         const state = this._stateService.consume(this.stateKey);
@@ -2681,6 +2681,9 @@ class OslSetup {
             this.gridRef?.clearRestorePage();
         }, 3000);
     }
+    ngAfterViewInit() {
+        this.statemainTain();
+    }
     ngOnChanges(changes) {
         if (changes['datasource'] && this._pendingScrollTop !== null) {
             const ds = changes['datasource'].currentValue;
@@ -2810,6 +2813,9 @@ class OslSetup {
                 formFooter: this.customFormFooter ? this.customFooterWrapperTpl : this.formFooterTpl,
             },
         });
+        this._dialogRef.afterClosed().subscribe(close => {
+            this.statemainTain();
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslSetup, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OslSetup, isStandalone: false, selector: "osl-setup", inputs: { title: "title", columns: "columns", datasource: "datasource", isPaginated: "isPaginated", pageSize: "pageSize", autoMode: "autoMode", tableHeight: "tableHeight", totalRecords: "totalRecords", loading: "loading", dialogWidth: "dialogWidth", formElements: "formElements", beforeDisplay: "beforeDisplay", onAddEditFn: "onAddEditFn", isLister: "isLister", canAdd: "canAdd", canEdit: "canEdit", canDelete: "canDelete", moreMenuActions: "moreMenuActions", customFormFooter: "customFormFooter", customHeaderTemp: "customHeaderTemp", partialCustomHeaderTemp: "partialCustomHeaderTemp", stateKey: "stateKey", primaryKey: "primaryKey", onSave: "onSave" }, outputs: { onSearch: "onSearch", onAdd: "onAdd", onEdit: "onEdit", onDelete: "onDelete", pageChange: "pageChange", pageSizeChange: "pageSizeChange", sortChange: "sortChange", onRowClick: "onRowClick", onStateRestored: "onStateRestored" }, viewQueries: [{ propertyName: "formBodyTpl", first: true, predicate: ["formBodyTpl"], descendants: true }, { propertyName: "formFooterTpl", first: true, predicate: ["formFooterTpl"], descendants: true }, { propertyName: "customFooterWrapperTpl", first: true, predicate: ["customFooterWrapperTpl"], descendants: true }, { propertyName: "searchbar", first: true, predicate: ["searchbar"], descendants: true }, { propertyName: "gridRef", first: true, predicate: ["gridRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"p-2\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"osl-setup-header\">\r\n    <h5 class=\"mb-0\">{{ title }}</h5>\r\n    <div class=\"d-flex align-items-center gap-2\">\r\n     <osl-searchbar #searchbar class=\"mx-2\" (onSearch)=\"onSearchSetup($event)\"></osl-searchbar>\r\n      @if(!isLister && canAdd){\r\n        <osl-button\r\n          variant=\"secondary\"\r\n          size=\"sm\"\r\n          [label]=\"'Add ' + title\"\r\n          (clickEv)=\"openAddDialog()\"\r\n        ></osl-button>\r\n\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Grid -->\r\n  <div class=\"osl-setup-body my-2\">\r\n    <osl-grid\r\n       #gridRef\r\n      [columns]=\"columnsWithActions\"\r\n      [(datasource)]=\"datasource\"\r\n      [isPaginated]=\"isPaginated\"\r\n      [pageSize]=\"pageSize\"\r\n      [autoMode]=\"autoMode\"\r\n      [tableHeight]=\"tableHeight\"\r\n      [totalRecords]=\"totalRecords\"\r\n      [loading]=\"loading\"\r\n      [moreMenuActions]=\"moreMenuActions\"\r\n      [canEdit]=\"canEdit\"\r\n      [canDelete]=\"canDelete\"\r\n      [highlightedRow]=\"restoredRow\"\r\n      [primaryKey]=\"primaryKey\"\r\n      (editClick)=\"openEditDialog($event)\"\r\n      (deleteClick)=\"onDeleteClick($event)\"\r\n      (pageChange)=\"onPageChange(pageChange,$event)\"\r\n      (pageSizeChange)=\"onPageChange(pageSizeChange,$event)\"\r\n      (sortChange)=\"sortChange.emit($event)\"\r\n      [isSelectable]=\"isLister\";\r\n      (onRowClick)=\"onRowClick.emit($event)\"\r\n    />\r\n  </div>\r\n\r\n</div>\r\n\r\n<!-- Dialog: Form Body -->\r\n<ng-template #formBodyTpl>\r\n  <osl-dynamic-form\r\n  [skeletonLoading]=\"formLoading\"\r\n    [elements]=\"formElements\"\r\n    [(model)]=\"dialogModel\"\r\n  ></osl-dynamic-form>\r\n</ng-template>\r\n\r\n<!-- Dialog: Form Footer -->\r\n<ng-template #formFooterTpl>\r\n  <div class=\"osl-setup-dialog-footer\">\r\n\r\n\r\n      <osl-button [loading]=\"saveLoading\" variant=\"secondary\" label=\"Save\" (click)=\"saveDialog()\"></osl-button>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Wrapper that bridges DialogWrapper's implicit context to the custom footer template -->\r\n<ng-template #customFooterWrapperTpl let-data>\r\n  <ng-container *ngTemplateOutlet=\"customFormFooter!; context: { $implicit: { dialogModel: dialogModel, dialogMode: dialogMode, dialogRef: data.dialogRef } }\"></ng-container>\r\n</ng-template>\r\n", styles: [".osl-setup-header{display:flex;align-items:center;justify-content:space-between}.osl-setup-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%}.dialog-cancel-btn{display:flex;align-items:center;gap:6px;height:38px;font-size:13px;font-weight:500;border-color:var(--osl-border-color, #d1d5db);color:var(--osl-secondary, #6b7280);border-radius:var(--osl-border-radius, 4px);padding:0 16px;transition:all .2s ease}.dialog-cancel-btn mat-icon{font-size:17px;width:17px;height:17px}.dialog-cancel-btn:hover{border-color:#9ca3af;background:#f9fafb;color:#374151}.dialog-save-btn{display:flex;align-items:center;gap:6px;height:38px;font-size:13px;font-weight:500;background:linear-gradient(135deg,var(--osl-primary, #2563eb),#3b82f6);color:#fff;border-radius:var(--osl-border-radius, 4px);padding:0 18px;transition:all .2s ease;box-shadow:0 2px 8px #2563eb40}.dialog-save-btn mat-icon{font-size:17px;width:17px;height:17px}.dialog-save-btn:hover{background:linear-gradient(135deg,var(--osl-primary-hover, #1d4ed8),#2563eb);box-shadow:0 4px 14px #2563eb66;transform:translateY(-1px)}.dialog-save-btn:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb40}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DynamicForm, selector: "osl-dynamic-form", inputs: ["elements", "model", "skeletonLoading", "skeletonTheme"], outputs: ["modelChange"] }, { kind: "component", type: OslButton, selector: "osl-button", inputs: ["label", "icon", "variant", "size", "disabled", "loading", "type", "fullWidth"], outputs: ["clickEv"] }, { kind: "component", type: OslSearchbar, selector: "osl-searchbar", inputs: ["label"], outputs: ["onSearch"] }, { kind: "component", type: OslGrid, selector: "osl-grid", inputs: ["columns", "datasource", "isPaginated", "pageSize", "autoMode", "totalRecords", "tableHeight", "loading", "isSelectable", "moreMenuActions", "canEdit", "canDelete", "highlightedRow", "primaryKey"], outputs: ["datasourceChange", "pageChange", "pageSizeChange", "sortChange", "editClick", "deleteClick", "onRowClick"] }] });