import {
  TIMEZONE_LIST
} from "./chunk-W5EGWSHZ.js";
import {
  require_sweetalert2_all
} from "./chunk-KLTWPXW2.js";
import {
  MenuMapService
} from "./chunk-3FLJCSSF.js";
import {
  ToastrService
} from "./chunk-2YLAF7RI.js";
import {
  CommonSharedModule,
  DynamicFontSizeDirective,
  NgScrollbar,
  NgSelectComponent,
  NgSelectModule,
  Store
} from "./chunk-7NQGM4EA.js";
import {
  CheckboxControlValueAccessor,
  DefaultValueAccessor,
  FormArrayName,
  FormBuilder,
  FormControlName,
  FormGroupDirective,
  FormGroupName,
  FormsModule,
  NgControlStatus,
  NgControlStatusGroup,
  NgSelectOption,
  NumberValueAccessor,
  ReactiveFormsModule,
  SelectControlValueAccessor,
  TranslatePipe,
  TranslateService,
  Validators,
  ɵNgNoValidate,
  ɵNgSelectMultipleOption
} from "./chunk-NLYGDKUR.js";
import "./chunk-ZEL7H2AL.js";
import {
  ActivatedRoute,
  GridApiService,
  LocalStorageService,
  Router,
  commonConfig,
  environment
} from "./chunk-P7K2QEDI.js";
import {
  ChangeDetectorRef,
  CommonModule,
  NgClass,
  NgForOf,
  NgIf,
  NgSwitch,
  NgSwitchCase,
  Title,
  ɵsetClassDebugInfo,
  ɵɵStandaloneFeature,
  ɵɵadvance,
  ɵɵdefineComponent,
  ɵɵdirectiveInject,
  ɵɵelement,
  ɵɵelementContainerEnd,
  ɵɵelementContainerStart,
  ɵɵelementEnd,
  ɵɵelementStart,
  ɵɵgetCurrentView,
  ɵɵlistener,
  ɵɵnextContext,
  ɵɵpipe,
  ɵɵpipeBind1,
  ɵɵproperty,
  ɵɵpropertyInterpolate,
  ɵɵpureFunction1,
  ɵɵresetView,
  ɵɵrestoreView,
  ɵɵsanitizeUrl,
  ɵɵtemplate,
  ɵɵtext,
  ɵɵtextInterpolate,
  ɵɵtextInterpolate1
} from "./chunk-GKZIWABI.js";
import {
  __async,
  __toESM
} from "./chunk-CVWHNZRK.js";

// src/app/@lcp-framework/pages/configuration/configuration.component.ts
var import_sweetalert2 = __toESM(require_sweetalert2_all());
var _c0 = (a0) => ({ "!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black": a0 });
var _c1 = (a0) => ({ "border-none": a0 });
function ConfigurationComponent_a_8_Template(rf, ctx) {
  if (rf & 1) {
    const _r1 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "a", 12);
    \u0275\u0275listener("click", function ConfigurationComponent_a_8_Template_a_click_0_listener() {
      const tab_r2 = \u0275\u0275restoreView(_r1).$implicit;
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.switchTab(tab_r2.name));
    });
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const tab_r2 = ctx.$implicit;
    const ctx_r2 = \u0275\u0275nextContext();
    \u0275\u0275property("ngClass", \u0275\u0275pureFunction1(2, _c0, ctx_r2.currentTab === tab_r2.name));
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", tab_r2.name, " ");
  }
}
function ConfigurationComponent_button_10_Template(rf, ctx) {
  if (rf & 1) {
    const _r4 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "button", 13);
    \u0275\u0275listener("click", function ConfigurationComponent_button_10_Template_button_click_0_listener() {
      \u0275\u0275restoreView(_r4);
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.toggleMenu());
    });
    \u0275\u0275element(1, "i", 14);
    \u0275\u0275text(2);
    \u0275\u0275pipe(3, "translate");
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate1(" \xA0", \u0275\u0275pipeBind1(3, 1, "form_button_add"), " ");
  }
}
function ConfigurationComponent_ng_container_15_div_1_th_5_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "th", 24);
    \u0275\u0275text(1);
    \u0275\u0275pipe(2, "translate");
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 1, "config_table_field_orderno"), " ");
  }
}
function ConfigurationComponent_ng_container_15_div_1_th_6_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "th", 24);
    \u0275\u0275text(1);
    \u0275\u0275pipe(2, "translate");
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 1, "config_table_field_categorytype"), " ");
  }
}
function ConfigurationComponent_ng_container_15_div_1_th_10_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "th", 25);
    \u0275\u0275text(1);
    \u0275\u0275pipe(2, "translate");
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 1, "config_table_field_valuetype"), " ");
  }
}
function ConfigurationComponent_ng_container_15_div_1_th_14_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "th", 25);
    \u0275\u0275text(1);
    \u0275\u0275pipe(2, "translate");
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 1, "display_config_label"), " ");
  }
}
function ConfigurationComponent_ng_container_15_div_1_th_15_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "th", 24);
    \u0275\u0275text(1);
    \u0275\u0275pipe(2, "translate");
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    \u0275\u0275advance();
    \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 1, "table_action"), " ");
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "td", 28);
    \u0275\u0275element(1, "input", 33);
    \u0275\u0275elementEnd();
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_2_option_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "option", 36);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const option_r5 = ctx.$implicit;
    \u0275\u0275property("value", option_r5);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(option_r5);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "td", 28)(1, "select", 34);
    \u0275\u0275template(2, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_2_option_2_Template, 2, 2, "option", 35);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r2 = \u0275\u0275nextContext(5);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngForOf", ctx_r2.valueTypeOptions);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_input_4_Template(rf, ctx) {
  if (rf & 1) {
    const _r6 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "input", 37);
    \u0275\u0275pipe(1, "translate");
    \u0275\u0275listener("keydown", function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_input_4_Template_input_keydown_0_listener($event) {
      \u0275\u0275restoreView(_r6);
      const ctx_r2 = \u0275\u0275nextContext(5);
      return \u0275\u0275resetView(ctx_r2.localStorageService.handleKeyPress($event, { type: ctx_r2.commonConfig.keypress_config.allow_only_lowercase_alphanumeric }));
    });
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    let tmp_8_0;
    const config_r7 = \u0275\u0275nextContext(2).$implicit;
    const ctx_r2 = \u0275\u0275nextContext(3);
    \u0275\u0275propertyInterpolate("value", \u0275\u0275pipeBind1(1, 3, (tmp_8_0 = config_r7.get("config_key")) == null ? null : tmp_8_0.value));
    \u0275\u0275property("readOnly", !(ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit))("ngClass", \u0275\u0275pureFunction1(5, _c1, !(ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit)));
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_input_5_Template(rf, ctx) {
  if (rf & 1) {
    const _r8 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "input", 38);
    \u0275\u0275listener("keydown", function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_input_5_Template_input_keydown_0_listener($event) {
      \u0275\u0275restoreView(_r8);
      const ctx_r2 = \u0275\u0275nextContext(5);
      return \u0275\u0275resetView(ctx_r2.localStorageService.handleKeyPress($event, { type: ctx_r2.commonConfig.keypress_config.allow_only_lowercase_alphanumeric }));
    });
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r2 = \u0275\u0275nextContext(5);
    \u0275\u0275property("readOnly", !(ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit))("ngClass", \u0275\u0275pureFunction1(2, _c1, !(ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit)));
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_6_option_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "option", 36);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const option_r12 = ctx.$implicit;
    \u0275\u0275property("value", option_r12);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(option_r12);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_6_Template(rf, ctx) {
  if (rf & 1) {
    const _r9 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "td", 28)(1, "select", 39);
    \u0275\u0275listener("change", function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_6_Template_select_change_1_listener() {
      \u0275\u0275restoreView(_r9);
      const i_r10 = \u0275\u0275nextContext(2).index;
      const tab_r11 = \u0275\u0275nextContext(2).$implicit;
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.onFieldTypeChange(tab_r11.name, i_r10));
    });
    \u0275\u0275template(2, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_6_option_2_Template, 2, 2, "option", 35);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r2 = \u0275\u0275nextContext(5);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngForOf", ctx_r2.fieldTypeOptions);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_9_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "input", 40);
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_10_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "input", 41);
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_11_div_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 45);
    \u0275\u0275element(1, "img", 46);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    let tmp_9_0;
    const config_r7 = \u0275\u0275nextContext(3).$implicit;
    const ctx_r2 = \u0275\u0275nextContext(3);
    \u0275\u0275advance();
    \u0275\u0275property("src", ctx_r2.apiUrl + "/" + ((tmp_9_0 = config_r7.get("config_value")) == null ? null : tmp_9_0.value), \u0275\u0275sanitizeUrl);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_11_Template(rf, ctx) {
  if (rf & 1) {
    const _r13 = \u0275\u0275getCurrentView();
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275elementStart(1, "div", 42);
    \u0275\u0275template(2, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_11_div_2_Template, 2, 1, "div", 43);
    \u0275\u0275elementStart(3, "input", 44);
    \u0275\u0275listener("change", function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_11_Template_input_change_3_listener($event) {
      \u0275\u0275restoreView(_r13);
      const i_r10 = \u0275\u0275nextContext(2).index;
      const tab_r11 = \u0275\u0275nextContext(2).$implicit;
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.onFileChange($event, tab_r11.name, i_r10));
    });
    \u0275\u0275elementEnd()();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    let tmp_8_0;
    const config_r7 = \u0275\u0275nextContext(2).$implicit;
    \u0275\u0275advance(2);
    \u0275\u0275property("ngIf", (tmp_8_0 = config_r7.get("config_value")) == null ? null : tmp_8_0.value);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_12_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "input", 47);
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_13_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "input", 48);
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_14_ng_container_2_Template(rf, ctx) {
  if (rf & 1) {
    const _r14 = \u0275\u0275getCurrentView();
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "ng-select", 51);
    \u0275\u0275elementStart(2, "button", 52);
    \u0275\u0275listener("click", function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_14_ng_container_2_Template_button_click_2_listener() {
      \u0275\u0275restoreView(_r14);
      const i_r10 = \u0275\u0275nextContext(3).index;
      const ctx_r2 = \u0275\u0275nextContext(3);
      return \u0275\u0275resetView(ctx_r2.openJsonEditor(i_r10));
    });
    \u0275\u0275element(3, "i", 53);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const config_r7 = \u0275\u0275nextContext(3).$implicit;
    const ctx_r2 = \u0275\u0275nextContext(3);
    \u0275\u0275advance();
    \u0275\u0275property("items", ctx_r2.getSelectOptions(config_r7))("multiple", false);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_14_ng_container_3_Template(rf, ctx) {
  if (rf & 1) {
    const _r15 = \u0275\u0275getCurrentView();
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "textarea", 54);
    \u0275\u0275elementStart(2, "button", 55);
    \u0275\u0275listener("click", function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_14_ng_container_3_Template_button_click_2_listener() {
      \u0275\u0275restoreView(_r15);
      const ctx_r15 = \u0275\u0275nextContext(3);
      const config_r7 = ctx_r15.$implicit;
      const i_r10 = ctx_r15.index;
      const ctx_r2 = \u0275\u0275nextContext(3);
      return \u0275\u0275resetView(ctx_r2.applyJson(i_r10, config_r7));
    });
    \u0275\u0275element(3, "i", 56);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(4, "button", 57);
    \u0275\u0275listener("click", function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_14_ng_container_3_Template_button_click_4_listener() {
      \u0275\u0275restoreView(_r15);
      const i_r10 = \u0275\u0275nextContext(3).index;
      const ctx_r2 = \u0275\u0275nextContext(3);
      return \u0275\u0275resetView(ctx_r2.jsonEditorOpen[i_r10] = false);
    });
    \u0275\u0275element(5, "i", 58);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_14_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275elementStart(1, "div", 49);
    \u0275\u0275template(2, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_14_ng_container_2_Template, 4, 2, "ng-container", 50)(3, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_14_ng_container_3_Template, 6, 0, "ng-container", 50);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const i_r10 = \u0275\u0275nextContext(2).index;
    const ctx_r2 = \u0275\u0275nextContext(3);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngIf", !ctx_r2.jsonEditorOpen[i_r10]);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.jsonEditorOpen[i_r10]);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_15_ng_container_2_Template(rf, ctx) {
  if (rf & 1) {
    const _r17 = \u0275\u0275getCurrentView();
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "ng-select", 51);
    \u0275\u0275elementStart(2, "button", 52);
    \u0275\u0275listener("click", function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_15_ng_container_2_Template_button_click_2_listener() {
      \u0275\u0275restoreView(_r17);
      const i_r10 = \u0275\u0275nextContext(3).index;
      const ctx_r2 = \u0275\u0275nextContext(3);
      return \u0275\u0275resetView(ctx_r2.openJsonEditor(i_r10));
    });
    \u0275\u0275element(3, "i", 53);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const config_r7 = \u0275\u0275nextContext(3).$implicit;
    const ctx_r2 = \u0275\u0275nextContext(3);
    \u0275\u0275advance();
    \u0275\u0275property("items", ctx_r2.getSelectOptions(config_r7))("multiple", true);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_15_ng_container_3_Template(rf, ctx) {
  if (rf & 1) {
    const _r18 = \u0275\u0275getCurrentView();
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "textarea", 54);
    \u0275\u0275elementStart(2, "button", 55);
    \u0275\u0275listener("click", function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_15_ng_container_3_Template_button_click_2_listener() {
      \u0275\u0275restoreView(_r18);
      const ctx_r15 = \u0275\u0275nextContext(3);
      const config_r7 = ctx_r15.$implicit;
      const i_r10 = ctx_r15.index;
      const ctx_r2 = \u0275\u0275nextContext(3);
      return \u0275\u0275resetView(ctx_r2.applyJson(i_r10, config_r7));
    });
    \u0275\u0275element(3, "i", 56);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(4, "button", 57);
    \u0275\u0275listener("click", function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_15_ng_container_3_Template_button_click_4_listener() {
      \u0275\u0275restoreView(_r18);
      const i_r10 = \u0275\u0275nextContext(3).index;
      const ctx_r2 = \u0275\u0275nextContext(3);
      return \u0275\u0275resetView(ctx_r2.jsonEditorOpen[i_r10] = false);
    });
    \u0275\u0275element(5, "i", 58);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_15_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275elementStart(1, "div", 49);
    \u0275\u0275template(2, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_15_ng_container_2_Template, 4, 2, "ng-container", 50)(3, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_15_ng_container_3_Template, 6, 0, "ng-container", 50);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const i_r10 = \u0275\u0275nextContext(2).index;
    const ctx_r2 = \u0275\u0275nextContext(3);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngIf", !ctx_r2.jsonEditorOpen[i_r10]);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.jsonEditorOpen[i_r10]);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_16_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "input", 59);
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_17_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "ng-select", 60);
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const ctx_r2 = \u0275\u0275nextContext(5);
    \u0275\u0275advance();
    \u0275\u0275property("items", ctx_r2.timezoneList)("searchable", true);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_18_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "ng-select", 61);
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const ctx_r2 = \u0275\u0275nextContext(5);
    \u0275\u0275advance();
    \u0275\u0275property("items", ctx_r2.datetimeFormatList)("searchable", true);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_19_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "td", 28)(1, "select", 62)(2, "option", 36);
    \u0275\u0275text(3);
    \u0275\u0275pipe(4, "translate");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(5, "option", 36);
    \u0275\u0275text(6);
    \u0275\u0275pipe(7, "translate");
    \u0275\u0275elementEnd()()();
  }
  if (rf & 2) {
    \u0275\u0275advance(2);
    \u0275\u0275property("value", true);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(4, 4, "config_table_display_config_yes"));
    \u0275\u0275advance(2);
    \u0275\u0275property("value", false);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(7, 6, "config_table_display_config_no"));
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_20_Template(rf, ctx) {
  if (rf & 1) {
    const _r19 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "td", 28)(1, "button", 63);
    \u0275\u0275listener("click", function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_20_Template_button_click_1_listener() {
      \u0275\u0275restoreView(_r19);
      const i_r10 = \u0275\u0275nextContext(2).index;
      const tab_r11 = \u0275\u0275nextContext(2).$implicit;
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.removeItem(tab_r11.name, i_r10));
    });
    \u0275\u0275element(2, "i", 64);
    \u0275\u0275elementEnd()();
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "tr", 16);
    \u0275\u0275template(1, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_1_Template, 2, 0, "td", 26)(2, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_2_Template, 3, 1, "td", 27);
    \u0275\u0275elementStart(3, "td", 28);
    \u0275\u0275template(4, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_input_4_Template, 2, 7, "input", 29)(5, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_input_5_Template, 1, 4, "input", 30);
    \u0275\u0275elementEnd();
    \u0275\u0275template(6, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_6_Template, 3, 1, "td", 27);
    \u0275\u0275elementStart(7, "td", 28);
    \u0275\u0275elementContainerStart(8, 31);
    \u0275\u0275template(9, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_9_Template, 2, 0, "ng-container", 32)(10, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_10_Template, 2, 0, "ng-container", 32)(11, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_11_Template, 4, 1, "ng-container", 32)(12, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_12_Template, 2, 0, "ng-container", 32)(13, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_13_Template, 2, 0, "ng-container", 32)(14, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_14_Template, 4, 2, "ng-container", 32)(15, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_15_Template, 4, 2, "ng-container", 32)(16, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_16_Template, 2, 0, "ng-container", 32)(17, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_17_Template, 2, 2, "ng-container", 32)(18, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_ng_container_18_Template, 2, 2, "ng-container", 32);
    \u0275\u0275elementContainerEnd();
    \u0275\u0275elementEnd();
    \u0275\u0275template(19, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_19_Template, 8, 8, "td", 27)(20, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_td_20_Template, 3, 0, "td", 27);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    let tmp_13_0;
    const ctx_r15 = \u0275\u0275nextContext();
    const config_r7 = ctx_r15.$implicit;
    const i_r10 = ctx_r15.index;
    const ctx_r2 = \u0275\u0275nextContext(3);
    \u0275\u0275property("formGroupName", i_r10);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngIf", !(ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit));
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngSwitch", (tmp_13_0 = config_r7.get("config_field_type")) == null ? null : tmp_13_0.value);
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "text");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "date");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "file");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "number");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "checkbox");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "single_select");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "multiselect");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "time");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "timezone");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "datetimeformat");
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit);
  }
}
function ConfigurationComponent_ng_container_15_div_1_ng_container_17_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275template(1, ConfigurationComponent_ng_container_15_div_1_ng_container_17_tr_1_Template, 21, 19, "tr", 15);
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    let tmp_6_0;
    const config_r7 = ctx.$implicit;
    const ctx_r2 = \u0275\u0275nextContext(3);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", (ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit) || ((tmp_6_0 = config_r7.get("display_config")) == null ? null : tmp_6_0.value));
  }
}
function ConfigurationComponent_ng_container_15_div_1_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 16);
    \u0275\u0275elementContainerStart(1, 17);
    \u0275\u0275elementStart(2, "table", 18)(3, "thead", 19)(4, "tr");
    \u0275\u0275template(5, ConfigurationComponent_ng_container_15_div_1_th_5_Template, 3, 3, "th", 20)(6, ConfigurationComponent_ng_container_15_div_1_th_6_Template, 3, 3, "th", 20);
    \u0275\u0275elementStart(7, "th", 21);
    \u0275\u0275text(8);
    \u0275\u0275pipe(9, "translate");
    \u0275\u0275elementEnd();
    \u0275\u0275template(10, ConfigurationComponent_ng_container_15_div_1_th_10_Template, 3, 3, "th", 22);
    \u0275\u0275elementStart(11, "th", 21);
    \u0275\u0275text(12);
    \u0275\u0275pipe(13, "translate");
    \u0275\u0275elementEnd();
    \u0275\u0275template(14, ConfigurationComponent_ng_container_15_div_1_th_14_Template, 3, 3, "th", 22)(15, ConfigurationComponent_ng_container_15_div_1_th_15_Template, 3, 3, "th", 20);
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(16, "tbody", 23);
    \u0275\u0275template(17, ConfigurationComponent_ng_container_15_div_1_ng_container_17_Template, 2, 1, "ng-container", 10);
    \u0275\u0275elementEnd()();
    \u0275\u0275elementContainerEnd();
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const tab_r11 = \u0275\u0275nextContext().$implicit;
    const ctx_r2 = \u0275\u0275nextContext();
    \u0275\u0275property("formGroupName", tab_r11.name);
    \u0275\u0275advance(5);
    \u0275\u0275property("ngIf", ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit);
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(9, 9, "config_table_field_label"), " ");
    \u0275\u0275advance(2);
    \u0275\u0275property("ngIf", ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit);
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(13, 11, "config_table_field_value"), " ");
    \u0275\u0275advance(2);
    \u0275\u0275property("ngIf", ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.masterInfo == null ? null : ctx_r2.masterInfo.permissions == null ? null : ctx_r2.masterInfo.permissions.edit);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngForOf", ctx_r2.getConfigurationsArray(tab_r11.name).controls);
  }
}
function ConfigurationComponent_ng_container_15_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275template(1, ConfigurationComponent_ng_container_15_div_1_Template, 18, 13, "div", 15);
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const tab_r11 = ctx.$implicit;
    const ctx_r2 = \u0275\u0275nextContext();
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.currentTab == tab_r11.name);
  }
}
function ConfigurationComponent_div_16_option_12_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "option", 36);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const tab_r21 = ctx.$implicit;
    \u0275\u0275property("value", tab_r21.category_id + "_" + tab_r21.name);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(tab_r21.name);
  }
}
function ConfigurationComponent_div_16_option_18_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "option", 36);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const option_r22 = ctx.$implicit;
    \u0275\u0275property("value", option_r22);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(option_r22);
  }
}
function ConfigurationComponent_div_16_option_34_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "option", 36);
    \u0275\u0275text(1);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const option_r23 = ctx.$implicit;
    \u0275\u0275property("value", option_r23);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(option_r23);
  }
}
function ConfigurationComponent_div_16_ng_container_51_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "input", 86);
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_div_16_ng_container_52_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "input", 87);
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_div_16_ng_container_53_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "input", 88);
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_div_16_ng_container_54_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "input", 89);
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_div_16_ng_container_55_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "input", 90);
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_div_16_ng_container_56_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "input", 91);
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_div_16_ng_container_57_ng_container_2_Template(rf, ctx) {
  if (rf & 1) {
    const _r24 = \u0275\u0275getCurrentView();
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "ng-select", 92);
    \u0275\u0275elementStart(2, "button", 52);
    \u0275\u0275listener("click", function ConfigurationComponent_div_16_ng_container_57_ng_container_2_Template_button_click_2_listener() {
      \u0275\u0275restoreView(_r24);
      const ctx_r2 = \u0275\u0275nextContext(3);
      return \u0275\u0275resetView(ctx_r2.jsonEditorOpenNew = true);
    });
    \u0275\u0275element(3, "i", 53);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    let tmp_3_0;
    const ctx_r2 = \u0275\u0275nextContext(3);
    \u0275\u0275advance();
    \u0275\u0275property("items", ctx_r2.parseConfigSelectJson((tmp_3_0 = ctx_r2.newConfigForm.get("config_select_json")) == null ? null : tmp_3_0.value))("multiple", false);
  }
}
function ConfigurationComponent_div_16_ng_container_57_ng_container_3_Template(rf, ctx) {
  if (rf & 1) {
    const _r25 = \u0275\u0275getCurrentView();
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "textarea", 54);
    \u0275\u0275elementStart(2, "button", 55);
    \u0275\u0275listener("click", function ConfigurationComponent_div_16_ng_container_57_ng_container_3_Template_button_click_2_listener() {
      \u0275\u0275restoreView(_r25);
      const ctx_r2 = \u0275\u0275nextContext(3);
      return \u0275\u0275resetView(ctx_r2.applyJsonNew());
    });
    \u0275\u0275element(3, "i", 56);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(4, "button", 57);
    \u0275\u0275listener("click", function ConfigurationComponent_div_16_ng_container_57_ng_container_3_Template_button_click_4_listener() {
      \u0275\u0275restoreView(_r25);
      const ctx_r2 = \u0275\u0275nextContext(3);
      return \u0275\u0275resetView(ctx_r2.cancelJsonNew());
    });
    \u0275\u0275element(5, "i", 58);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_div_16_ng_container_57_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275elementStart(1, "div", 49);
    \u0275\u0275template(2, ConfigurationComponent_div_16_ng_container_57_ng_container_2_Template, 4, 2, "ng-container", 50)(3, ConfigurationComponent_div_16_ng_container_57_ng_container_3_Template, 6, 0, "ng-container", 50);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const ctx_r2 = \u0275\u0275nextContext(2);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngIf", !ctx_r2.jsonEditorOpenNew);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.jsonEditorOpenNew);
  }
}
function ConfigurationComponent_div_16_ng_container_58_ng_container_2_Template(rf, ctx) {
  if (rf & 1) {
    const _r26 = \u0275\u0275getCurrentView();
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "ng-select", 92);
    \u0275\u0275elementStart(2, "button", 52);
    \u0275\u0275listener("click", function ConfigurationComponent_div_16_ng_container_58_ng_container_2_Template_button_click_2_listener() {
      \u0275\u0275restoreView(_r26);
      const ctx_r2 = \u0275\u0275nextContext(3);
      return \u0275\u0275resetView(ctx_r2.jsonEditorOpenNew = true);
    });
    \u0275\u0275element(3, "i", 53);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    let tmp_3_0;
    const ctx_r2 = \u0275\u0275nextContext(3);
    \u0275\u0275advance();
    \u0275\u0275property("items", ctx_r2.parseConfigSelectJson((tmp_3_0 = ctx_r2.newConfigForm.get("config_select_json")) == null ? null : tmp_3_0.value))("multiple", true);
  }
}
function ConfigurationComponent_div_16_ng_container_58_ng_container_3_Template(rf, ctx) {
  if (rf & 1) {
    const _r27 = \u0275\u0275getCurrentView();
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "textarea", 54);
    \u0275\u0275elementStart(2, "button", 55);
    \u0275\u0275listener("click", function ConfigurationComponent_div_16_ng_container_58_ng_container_3_Template_button_click_2_listener() {
      \u0275\u0275restoreView(_r27);
      const ctx_r2 = \u0275\u0275nextContext(3);
      return \u0275\u0275resetView(ctx_r2.applyJsonNew());
    });
    \u0275\u0275element(3, "i", 56);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(4, "button", 57);
    \u0275\u0275listener("click", function ConfigurationComponent_div_16_ng_container_58_ng_container_3_Template_button_click_4_listener() {
      \u0275\u0275restoreView(_r27);
      const ctx_r2 = \u0275\u0275nextContext(3);
      return \u0275\u0275resetView(ctx_r2.cancelJsonNew());
    });
    \u0275\u0275element(5, "i", 58);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
}
function ConfigurationComponent_div_16_ng_container_58_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275elementStart(1, "div", 49);
    \u0275\u0275template(2, ConfigurationComponent_div_16_ng_container_58_ng_container_2_Template, 4, 2, "ng-container", 50)(3, ConfigurationComponent_div_16_ng_container_58_ng_container_3_Template, 6, 0, "ng-container", 50);
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const ctx_r2 = \u0275\u0275nextContext(2);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngIf", !ctx_r2.jsonEditorOpenNew);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx_r2.jsonEditorOpenNew);
  }
}
function ConfigurationComponent_div_16_ng_container_59_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "ng-select", 93);
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const ctx_r2 = \u0275\u0275nextContext(2);
    \u0275\u0275advance();
    \u0275\u0275property("items", ctx_r2.timezoneList)("searchable", true);
  }
}
function ConfigurationComponent_div_16_ng_container_60_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementContainerStart(0);
    \u0275\u0275element(1, "ng-select", 94);
    \u0275\u0275elementContainerEnd();
  }
  if (rf & 2) {
    const ctx_r2 = \u0275\u0275nextContext(2);
    \u0275\u0275advance();
    \u0275\u0275property("items", ctx_r2.datetimeFormatList)("searchable", true);
  }
}
function ConfigurationComponent_div_16_Template(rf, ctx) {
  if (rf & 1) {
    const _r20 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "div", 65)(1, "div", 66)(2, "span");
    \u0275\u0275text(3);
    \u0275\u0275pipe(4, "translate");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(5, "form", 67);
    \u0275\u0275listener("ngSubmit", function ConfigurationComponent_div_16_Template_form_ngSubmit_5_listener() {
      \u0275\u0275restoreView(_r20);
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.onSubmitNewConfig());
    });
    \u0275\u0275elementStart(6, "ng-scrollbar", 68)(7, "div", 69)(8, "label", 70);
    \u0275\u0275text(9);
    \u0275\u0275pipe(10, "translate");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(11, "select", 71);
    \u0275\u0275template(12, ConfigurationComponent_div_16_option_12_Template, 2, 2, "option", 35);
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(13, "div", 69)(14, "label", 72);
    \u0275\u0275text(15);
    \u0275\u0275pipe(16, "translate");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(17, "select", 73);
    \u0275\u0275template(18, ConfigurationComponent_div_16_option_18_Template, 2, 2, "option", 35);
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(19, "div", 69)(20, "label", 74);
    \u0275\u0275text(21);
    \u0275\u0275pipe(22, "translate");
    \u0275\u0275elementEnd();
    \u0275\u0275element(23, "input", 75);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(24, "div", 69)(25, "label", 74);
    \u0275\u0275text(26);
    \u0275\u0275pipe(27, "translate");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(28, "input", 76);
    \u0275\u0275listener("keydown", function ConfigurationComponent_div_16_Template_input_keydown_28_listener($event) {
      \u0275\u0275restoreView(_r20);
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.localStorageService.handleKeyPress($event, { type: ctx_r2.commonConfig.keypress_config.allow_only_lowercase_alphanumeric }));
    });
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(29, "div", 69)(30, "label", 77);
    \u0275\u0275text(31);
    \u0275\u0275pipe(32, "translate");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(33, "select", 78);
    \u0275\u0275template(34, ConfigurationComponent_div_16_option_34_Template, 2, 2, "option", 35);
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(35, "div", 69)(36, "label", 79);
    \u0275\u0275text(37);
    \u0275\u0275pipe(38, "translate");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(39, "select", 80)(40, "option", 36);
    \u0275\u0275text(41);
    \u0275\u0275pipe(42, "translate");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(43, "option", 36);
    \u0275\u0275text(44);
    \u0275\u0275pipe(45, "translate");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(46, "div", 69)(47, "label", 81);
    \u0275\u0275text(48);
    \u0275\u0275pipe(49, "translate");
    \u0275\u0275elementEnd();
    \u0275\u0275elementContainerStart(50, 31);
    \u0275\u0275template(51, ConfigurationComponent_div_16_ng_container_51_Template, 2, 0, "ng-container", 32)(52, ConfigurationComponent_div_16_ng_container_52_Template, 2, 0, "ng-container", 32)(53, ConfigurationComponent_div_16_ng_container_53_Template, 2, 0, "ng-container", 32)(54, ConfigurationComponent_div_16_ng_container_54_Template, 2, 0, "ng-container", 32)(55, ConfigurationComponent_div_16_ng_container_55_Template, 2, 0, "ng-container", 32)(56, ConfigurationComponent_div_16_ng_container_56_Template, 2, 0, "ng-container", 32)(57, ConfigurationComponent_div_16_ng_container_57_Template, 4, 2, "ng-container", 32)(58, ConfigurationComponent_div_16_ng_container_58_Template, 4, 2, "ng-container", 32)(59, ConfigurationComponent_div_16_ng_container_59_Template, 2, 2, "ng-container", 32)(60, ConfigurationComponent_div_16_ng_container_60_Template, 2, 2, "ng-container", 32);
    \u0275\u0275elementContainerEnd();
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(61, "div", 82)(62, "div", 83)(63, "button", 84);
    \u0275\u0275text(64);
    \u0275\u0275pipe(65, "translate");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(66, "button", 85);
    \u0275\u0275listener("click", function ConfigurationComponent_div_16_Template_button_click_66_listener() {
      \u0275\u0275restoreView(_r20);
      const ctx_r2 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r2.toggleMenu());
    });
    \u0275\u0275text(67);
    \u0275\u0275pipe(68, "translate");
    \u0275\u0275elementEnd()()()()();
  }
  if (rf & 2) {
    let tmp_17_0;
    const ctx_r2 = \u0275\u0275nextContext();
    \u0275\u0275advance(3);
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(4, 29, "add_new_records"));
    \u0275\u0275advance(2);
    \u0275\u0275property("formGroup", ctx_r2.newConfigForm);
    \u0275\u0275advance(4);
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(10, 31, "config_table_field_category"));
    \u0275\u0275advance(3);
    \u0275\u0275property("ngForOf", ctx_r2.tabs);
    \u0275\u0275advance(3);
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(16, 33, "config_table_field_categorytype"));
    \u0275\u0275advance(3);
    \u0275\u0275property("ngForOf", ctx_r2.valueTypeOptions);
    \u0275\u0275advance(3);
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(22, 35, "config_table_field_orderno"));
    \u0275\u0275advance(5);
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(27, 37, "config_table_field_label"));
    \u0275\u0275advance(5);
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(32, 39, "config_table_field_valuetype"));
    \u0275\u0275advance(3);
    \u0275\u0275property("ngForOf", ctx_r2.fieldTypeOptions);
    \u0275\u0275advance(3);
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(38, 41, "display_config_label"));
    \u0275\u0275advance(3);
    \u0275\u0275property("value", true);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(42, 43, "config_table_display_config_yes"));
    \u0275\u0275advance(2);
    \u0275\u0275property("value", false);
    \u0275\u0275advance();
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(45, 45, "config_table_display_config_no"));
    \u0275\u0275advance(4);
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(49, 47, "config_table_field_value"));
    \u0275\u0275advance(2);
    \u0275\u0275property("ngSwitch", (tmp_17_0 = ctx_r2.newConfigForm.get("keyType")) == null ? null : tmp_17_0.value);
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "text");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "number");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "date");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "time");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "file");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "checkbox");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "single_select");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "multiselect");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "timezone");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "datetimeformat");
    \u0275\u0275advance(4);
    \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(65, 49, "submit"), " ");
    \u0275\u0275advance(3);
    \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(68, 51, "cancel"), " ");
  }
}
var DATETIME_FORMAT_LIST = [
  { value: "yyyy-MM-dd HH:mm:ss", label: "yyyy-MM-dd HH:mm:ss" },
  { value: "MMM dd, yyyy HH:mm", label: "MMM dd, yyyy HH:mm" },
  { value: "dd/MM/yyyy HH:mm:ss", label: "dd/MM/yyyy HH:mm:ss" },
  { value: "MM/dd/yyyy h:mm a", label: "MM/dd/yyyy h:mm a" },
  { value: "EEEE, MMMM dd, yyyy", label: "EEEE, MMMM dd, yyyy" },
  { value: "yyyy-MM-dd'T'HH:mm:ss.SSSZ", label: "yyyy-MM-dd'T'HH:mm:ss.SSSZ" }
];
var _ConfigurationComponent = class _ConfigurationComponent {
  constructor(commonService, route, storeData, gridApiService, localStorageService, fb, translate, toastr, router, titleService, cdr) {
    this.commonService = commonService;
    this.route = route;
    this.storeData = storeData;
    this.gridApiService = gridApiService;
    this.localStorageService = localStorageService;
    this.fb = fb;
    this.translate = translate;
    this.toastr = toastr;
    this.router = router;
    this.titleService = titleService;
    this.cdr = cdr;
    this.userId = null;
    this.companyId = null;
    this.tabs = [];
    this.currentTab = "";
    this.title_key = "configuration";
    this.isMenuOpen = false;
    this.gridpaginationdropdownList = ["5", "10", "15", "20", "25", "30", "40", "50", "60", "70", "80", "90", "100"];
    this.fieldTypeOptions = ["text", "number", "date", "checkbox", "file", "multiselect", "single_select", "time", "timezone", "datetimeformat"];
    this.valueTypeOptions = ["static"];
    this.update_json_schema = {
      print_query: true,
      action: ["update", "insert"],
      table: ["app_configurations", "app_configurations"],
      table_mapping: ["table1", "table2"],
      data: {
        table2: []
      },
      conditions: {
        table1: []
      }
    };
    this.insert_particular_schema = {
      print_query: true,
      action: ["insert"],
      table: ["app_configurations"],
      table_mapping: ["table1"],
      data: {
        table1: []
      },
      conditions: {}
    };
    this.delete_json_schema = {
      // it will be removed
      action: ["hard_delete"],
      table: ["app_configurations"],
      table_mapping: ["table1"],
      conditions: {
        table1: []
      }
    };
    this.commonConfig = commonConfig;
    this.apiUrl = environment.apiUrl;
    this.timezoneList = TIMEZONE_LIST;
    this.datetimeFormatList = DATETIME_FORMAT_LIST;
    this.jsonEditorOpen = {};
    this.jsonEditorOpenNew = false;
    this.allTabsForm = this.fb.group({});
    this.configForm = this.fb.group({
      configurations: this.fb.array([])
    });
    this.newConfigForm = this.fb.group({
      tab: ["", Validators.required],
      key: ["", Validators.required],
      order_no: ["", Validators.required],
      keyType: ["text", Validators.required],
      valueType: ["static", Validators.required],
      display_config: [false, Validators.required],
      value: [""],
      // Added to fix missing control error
      config_select_json: [""]
      // <-- new field
    });
    this.initStore();
  }
  ngOnInit() {
    this.title_key = this.route.snapshot.data["pageInfo"].fullEntity;
    const translateTitle = this.translate.instant(this.title_key);
    this.titleService.setTitle(translateTitle);
    const userData = this.localStorageService.getData("user_data");
    if (userData) {
      const parsedData = JSON.parse(userData);
      this.userId = parsedData.main?.id;
      this.companyId = parsedData.main?.company_id;
    }
    const pageInfo = this.route.snapshot.data["pageInfo"] || "";
    if (pageInfo) {
      this.masterInfo = pageInfo;
    }
    this.initializeUserData();
    this.loadAllItems("act1");
  }
  updateValueField(keyType) {
    const valueControl = this.newConfigForm.get("value");
    if (valueControl) {
      switch (keyType) {
        case "text":
        case "number":
        case "date":
        case "time":
          valueControl.setValidators([Validators.required]);
          break;
        case "file":
        case "checkbox":
        case "single_select":
        case "multiselect":
          valueControl.clearValidators();
          break;
        default:
          valueControl.clearValidators();
      }
      valueControl.updateValueAndValidity();
    }
  }
  initStore() {
    return __async(this, null, function* () {
      this.storeData.select((d) => d.index).subscribe((d) => {
        this.store = d;
      });
    });
  }
  initializeUserData() {
    const userData = this.localStorageService.getData("user_data");
    if (userData) {
      const parsedData = JSON.parse(userData);
      this.userId = parsedData.main?.id;
      this.companyId = parsedData.main?.company_id;
    }
  }
  addNewItemFormArray(isFirstTime) {
    console.log(isFirstTime);
  }
  prepareNewRecords() {
    console.log("working");
  }
  toggleMenu() {
    this.isMenuOpen = !this.isMenuOpen;
    if (this.isMenuOpen)
      this.addNewItemFormArray(true);
  }
  getTabByName(tabName) {
    return this.allTabsForm.get(tabName);
  }
  loadAllItems(appCategoryTypeId) {
    if (!this.companyId) {
      console.error("Company ID is not available");
      return;
    }
    const payload = {
      company_id: this.companyId,
      print_query: true,
      primary_table: "app_categories",
      start_index: 0,
      limit_range: 100,
      sort_columns: [["app_categories.id", "asc"]],
      search_all: [
        {
          column_name: "app_categories.category_type_id",
          value: appCategoryTypeId,
          operator: "="
        },
        {
          column_name: "app_categories.status_id",
          value: 1,
          operator: "="
        }
      ],
      select_columns: [
        ["app_categories.*"],
        [
          "CASE WHEN COUNT(app_configurations.id) = 0 THEN null ELSE COALESCE(Json_agg(DISTINCT jsonb_build_object('id', app_configurations.id,'display_config',app_configurations.display_config,'order_no',app_configurations.order_no,'config_key', app_configurations.config_key,'category_id', app_configurations.category_id,'config_value', app_configurations.config_value,'config_file_value', app_configurations.config_file_value,'config_value_type', app_configurations.config_value_type,'config_field_type', app_configurations.config_field_type,'config_select_json',app_configurations.config_select_json))) END",
          "configurations"
        ]
      ],
      includes: [
        {
          table_name: "app_configurations",
          join_type: "INNER",
          join_condition: `app_categories.category_id = app_configurations.category_id`
        }
      ],
      group_by: ["app_categories.id"]
    };
    this.gridApiService.getAllList(payload).subscribe({
      next: (response) => {
        if (response.code === 200 && response.status) {
          this.tabs = response.data.records;
          let commonTabs = [];
          this.tabs.map(function(ielem) {
            commonTabs.push(...ielem.configurations);
          });
          this.tabs.map(function(ielem) {
            ielem.configurations.map(function(elem) {
              if (elem.config_field_type == "multiselect" || elem.config_field_type == "single_select") {
                try {
                  let options = [];
                  if (elem.config_select_json) {
                    options = JSON.parse(typeof elem.config_select_json === "string" ? elem.config_select_json : JSON.stringify(elem.config_select_json));
                  }
                  const idType = options.length > 0 && typeof options[0].id === "number" ? "number" : "string";
                  let values = elem.config_value ? elem.config_value.split(",").map((v) => {
                    if (idType === "number") {
                      const n = Number(v);
                      return isNaN(n) ? v : n;
                    }
                    return v;
                  }) : [];
                  if (elem.config_field_type == "single_select") {
                    elem.config_value = values.length > 0 ? values[0] : null;
                  } else {
                    elem.config_value = values;
                  }
                } catch {
                  elem.config_value = elem.config_field_type == "multiselect" ? [] : null;
                }
              }
              if (elem.config_field_type == "checkbox") {
                elem.config_value = elem.config_value == "true" && true;
              }
            });
          });
          if (this.tabs.length > 0) {
            this.newConfigForm.get("tab")?.setValue(this.tabs[0].category_id + "_" + this.tabs[0].name);
          }
          this.initAllTabsForms();
          if (this.tabs.length > 0) {
            this.switchTab(this.currentTab?.length ? this.currentTab : this.tabs[0].name);
          }
        }
      },
      error: (error) => {
        const key = "error";
        const errorMessage = this.translate.instant(key);
        this.toastr.error(errorMessage, "Error");
        console.error("Error fetching entity types:", error);
      }
    });
  }
  reloadCurrentPage() {
    this.router.navigate([this.router.url]).then(() => {
      window.location.reload();
    });
  }
  getconfig() {
    const procedureParams = { proc_name: "get_configurations_values_v1", params: { categories: { "0": "ac1", "1": "ac2" } } };
    this.commonService.unAuthProcedureCall(procedureParams).subscribe({
      next: (response) => {
        if (response.code === 200 && response.status && response.data) {
          const res = response.data?.[0]?.result?.data || [];
          if (Object.keys(res).length > 0) {
            localStorage.setItem("config", JSON.stringify(res));
            this.reloadCurrentPage();
          }
        } else {
          const key = "error";
          const errorMessage = this.translate.instant(key);
          this.toastr.error(errorMessage, "Error");
          console.log(response.message);
        }
      },
      error: (error) => {
        console.error("Error fetching data:", error);
      },
      complete: () => {
      }
    });
  }
  initAllTabsForms() {
    this.tabs.forEach((tab) => {
      this.allTabsForm.addControl(tab.name, this.fb.group({
        configurations: this.fb.array([])
      }));
      this.initFormForTab(tab);
    });
  }
  initFormForTab(tab) {
    const configurationsArray = this.allTabsForm.get(tab.name)?.get("configurations");
    configurationsArray.clear();
    tab.configurations.forEach((config) => {
      const fg = this.createConfigFormGroup(config);
      if (config.config_field_type === "multiselect" || config.config_field_type === "single_select") {
        fg.get("config_value")?.enable();
      }
      configurationsArray.push(fg);
    });
    this.cdr.detectChanges();
  }
  createConfigFormGroup(config) {
    let selectOptions = [];
    if (config.config_field_type === "multiselect" || config.config_field_type === "single_select") {
      try {
        selectOptions = config.config_select_json ? JSON.parse(typeof config.config_select_json === "string" ? config.config_select_json : JSON.stringify(config.config_select_json)) : [];
      } catch {
        selectOptions = [];
      }
    }
    const fg = this.fb.group({
      id: [config.id],
      config_key: [config.config_key, Validators.required],
      category_id: [config.category_id],
      config_value: [config.config_value],
      config_select_json: [
        config.config_select_json ? typeof config.config_select_json === "string" ? config.config_select_json : JSON.stringify(config.config_select_json, null, 2) : ""
      ],
      order_no: [config.order_no],
      config_value_type: [config.config_value_type, Validators.required],
      config_field_type: [config.config_field_type, Validators.required],
      display_config: [config.display_config, Validators.required]
    });
    fg._selectOptions = selectOptions;
    return fg;
  }
  get configurationsArray() {
    return this.configForm.get("configurations");
  }
  get currentTabConfigurationsArray() {
    return this.allTabsForm.get(this.currentTab)?.get("configurations");
  }
  getConfigurationsArray(tabName) {
    const configurations = this.allTabsForm.get(tabName)?.get("configurations");
    configurations.controls.sort((a, b) => {
      const orderA = a.get("order_no")?.value || 0;
      const orderB = b.get("order_no")?.value || 0;
      return orderA - orderB;
    });
    return configurations;
  }
  onFileChange(event, tabName, index) {
    const inputElement = event.target;
    if (inputElement.files && inputElement.files.length > 0) {
      const pic = inputElement.files[0];
      this.gridApiService.uploadConfigPicture(pic).subscribe((response) => {
        if (response.body && response.body.status) {
          const docNames = response.body.data;
          const configurationsArray = this.allTabsForm.get(tabName)?.get("configurations");
          const configControl = configurationsArray.at(index);
          configControl.patchValue({ config_value: docNames });
        }
      }, (error) => {
        const key = "error";
        const errorMessage = this.translate.instant(key);
        this.toastr.error(errorMessage, "Error");
      });
    }
  }
  removeItem(tabName, index) {
    const configurationsArray = this.allTabsForm.get(tabName)?.get("configurations");
    const configControl = configurationsArray.at(index);
    const id = configControl.get("id")?.value;
    import_sweetalert2.default.fire({
      icon: "warning",
      title: "Are you sure?",
      text: "You won't be able to revert this!",
      showCancelButton: true,
      confirmButtonText: "Delete",
      padding: "2em"
    }).then((result) => __async(this, null, function* () {
      if (result.value) {
        try {
          this.deleteRecords(id);
        } catch (error) {
          const key = "error";
          const errorMessage = this.translate.instant(key);
          this.toastr.error(errorMessage, error.message);
        }
      }
    }));
  }
  deleteRecords(id) {
    this.delete_json_schema.conditions["table1"] = [{ id }];
    this.gridApiService.executeRecords(this.delete_json_schema).subscribe((response) => {
      if (response.status && response.code === 200) {
        const key = "record_deleted_successfully";
        const successMessage = this.translate.instant(key);
        this.toastr.success(successMessage);
        this.loadAllItems("act1");
      } else {
        const key = "record_failed_deleted";
        const errorMessage = this.translate.instant(key);
        this.toastr.error(errorMessage, "Error");
      }
    }, (error) => {
      const key = "record_failed_deleted";
      const errorMessage = this.translate.instant(key);
      this.toastr.error(errorMessage, "Error");
    });
  }
  saveChanges() {
    let hasInvalidJson = false;
    Object.keys(this.allTabsForm.controls).forEach((tabName) => {
      const configs = this.allTabsForm.get(tabName)?.get("configurations")?.value;
      if (configs) {
        configs.forEach((cfg) => {
          if ((cfg.config_field_type === "multiselect" || cfg.config_field_type === "single_select") && !this.isValidJson(cfg.config_select_json)) {
            hasInvalidJson = true;
          }
        });
      }
    });
    if (hasInvalidJson) {
      this.toastr.error("Invalid JSON in select options. Please fix before saving.", "Error");
      return;
    }
    if (this.allTabsForm.valid) {
      const allConfigurations = {};
      const postData = [];
      Object.keys(this.allTabsForm.controls).forEach((tabName) => {
        allConfigurations[tabName] = this.allTabsForm.get(tabName)?.get("configurations")?.value;
        postData.push(...this.allTabsForm.get(tabName)?.get("configurations")?.value);
      });
      const updateItems = postData.filter((item) => item.id);
      const insertItems = postData.filter((item) => !item.id);
      const update_conds = updateItems.map((item) => ({
        id: item.id
      }));
      updateItems.map(function(elem) {
        if (elem.config_field_type == "multiselect" || elem.config_field_type == "single_select") {
          elem.config_value = elem.config_value.toString();
        }
      });
      insertItems.map(function(elem) {
        if (elem.config_field_type == "multiselect" || elem.config_field_type == "single_select") {
          elem.config_value = elem.config_value.toString();
        }
      });
      const fixConfigSelectJson = (item) => {
        if (item.config_select_json === "" || item.config_select_json == null) {
          item.config_select_json = null;
        }
        return item;
      };
      updateItems.forEach(fixConfigSelectJson);
      insertItems.forEach(fixConfigSelectJson);
      this.update_json_schema.conditions["table1"] = update_conds;
      this.update_json_schema.data["table1"] = updateItems;
      this.update_json_schema.data["table2"] = insertItems;
      this.gridApiService.executeRecords(this.update_json_schema).subscribe((response) => {
        if (response.status && response.code === 200) {
          const key = "record_updated_successfully";
          const successMessage = this.translate.instant(key);
          this.toastr.success(successMessage);
          this.loadAllItems("act1");
        } else {
          const key = "record_failed_updated";
          const errorMessage = this.translate.instant(key);
          this.toastr.error(errorMessage, "Error");
        }
      }, (error) => {
        const key = "record_failed_inserted";
        const errorMessage = this.translate.instant(key);
        this.toastr.error(errorMessage, "Error");
      });
    } else {
      console.log("Form is invalid");
    }
  }
  onSubmitNewConfig() {
    const newConfig = this.newConfigForm.value;
    if ((newConfig.keyType === "multiselect" || newConfig.keyType === "single_select") && !this.isValidJson(newConfig.config_select_json)) {
      this.toastr.error("Invalid JSON in select options. Please fix before saving.", "Error");
      return;
    }
    const extracttab = newConfig.tab.split("_");
    let config_value = newConfig.value;
    if (newConfig.keyType === "multiselect") {
      config_value = Array.isArray(config_value) ? config_value.join(",") : "";
    }
    if (newConfig.keyType === "single_select") {
      config_value = config_value != null ? config_value.toString() : "";
    }
    let config_select_json = newConfig.config_select_json;
    if (config_select_json === "" || config_select_json == null) {
      config_select_json = null;
    }
    this.insert_particular_schema.data["table1"] = [
      {
        order_no: newConfig.order_no,
        category_id: extracttab[0],
        config_key: newConfig.key,
        config_field_type: newConfig.keyType,
        config_value_type: newConfig.valueType,
        display_config: newConfig.display_config,
        config_select_json,
        config_value
      }
    ];
    this.gridApiService.executeRecords(this.insert_particular_schema).subscribe((response) => {
      if (response.status && response.code === 200) {
        const key = "record_updated_successfully";
        const successMessage = this.translate.instant(key);
        this.toastr.success(successMessage);
        this.newConfigForm.reset();
        this.toggleMenu();
        this.loadAllItems("act1");
      } else {
        const key = "record_failed_updated";
        const errorMessage = this.translate.instant(key);
        this.toastr.error(errorMessage, "Error");
      }
    }, (error) => {
      const key = "record_failed_inserted";
      const errorMessage = this.translate.instant(key);
      this.toastr.error(errorMessage, "Error");
    });
  }
  switchTab(tabName) {
    this.currentTab = tabName;
  }
  getInputType(fieldType) {
    switch (fieldType) {
      case "text":
      case "multiselect":
      case "single_select":
        return "text";
      case "number":
        return "number";
      case "date":
        return "date";
      case "checkbox":
        return "checkbox";
      case "file":
        return "file";
      case "time":
        return "time";
      default:
        return "text";
    }
  }
  onFieldTypeChange(tabName, index) {
    const configurationsArray = this.allTabsForm.get(tabName)?.get("configurations");
    const configControl = configurationsArray.at(index);
    const newFieldType = configControl.get("config_field_type")?.value;
  }
  // Helper to parse config_select_json for ng-select
  parseConfigSelectJson(jsonString) {
    if (!jsonString)
      return null;
    try {
      const parsed = typeof jsonString === "string" ? JSON.parse(jsonString) : jsonString;
      if (Array.isArray(parsed))
        return parsed;
      return null;
    } catch {
      return null;
    }
  }
  // Helper to validate config_select_json
  isValidJson(jsonString) {
    if (!jsonString)
      return true;
    try {
      const parsed = typeof jsonString === "string" ? JSON.parse(jsonString) : jsonString;
      return Array.isArray(parsed);
    } catch {
      return false;
    }
  }
  // Helper to get select options for a config FormGroup
  getSelectOptions(config) {
    return config._selectOptions;
  }
  openJsonEditor(index) {
    this.jsonEditorOpen[index] = true;
  }
  applyJson(index, config) {
    const jsonValue = config.get("config_select_json")?.value;
    try {
      const parsed = JSON.parse(jsonValue);
      config._selectOptions = Array.isArray(parsed) ? parsed : [];
      this.jsonEditorOpen[index] = false;
      this.cdr.detectChanges();
    } catch {
      this.toastr.error("Invalid JSON format", "Error");
    }
  }
  // For Add New Config modal
  applyJsonNew() {
    this.jsonEditorOpenNew = false;
    try {
      const jsonValue = this.newConfigForm.get("config_select_json")?.value;
      if (jsonValue) {
        JSON.parse(jsonValue);
      }
    } catch {
      this.toastr.error("Invalid JSON format", "Error");
    }
  }
  cancelJsonNew() {
    this.jsonEditorOpenNew = false;
  }
};
_ConfigurationComponent.\u0275fac = function ConfigurationComponent_Factory(t) {
  return new (t || _ConfigurationComponent)(\u0275\u0275directiveInject(MenuMapService), \u0275\u0275directiveInject(ActivatedRoute), \u0275\u0275directiveInject(Store), \u0275\u0275directiveInject(GridApiService), \u0275\u0275directiveInject(LocalStorageService), \u0275\u0275directiveInject(FormBuilder), \u0275\u0275directiveInject(TranslateService), \u0275\u0275directiveInject(ToastrService), \u0275\u0275directiveInject(Router), \u0275\u0275directiveInject(Title), \u0275\u0275directiveInject(ChangeDetectorRef));
};
_ConfigurationComponent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _ConfigurationComponent, selectors: [["app-configuration"]], standalone: true, features: [\u0275\u0275StandaloneFeature], decls: 17, vars: 11, consts: [[1, "relative", 3, "ngSubmit", "formGroup"], [1, "mb-5"], [1, "header-panel", "mb-1", "mt-0", "flex", "flex-col", "gap-5", "px-2", "md:flex-row", "md:items-center"], ["appDynamicFontSize", "subtitle", 1, "py-1.5", "text-xs", "font-bold", "dark:text-white-light"], [1, "mt-3", "flex", "flex-wrap", "items-center", "justify-between", "border-b", "border-white-light", "dark:border-[#191e3a]"], [1, "flex"], ["href", "javascript:;", "class", "-mb-[1px] flex items-center border border-transparent p-3.5 py-2 outline-none transition duration-300 hover:text-danger", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], ["type", "button", "class", "mb-1 mr-2 rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 focus:outline-none", 3, "click", 4, "ngIf"], ["type", "submit", 1, "mb-1", "rounded-md", "bg-orange-600", "px-4", "py-2", "text-white", "hover:bg-blue-700", "focus:outline-none"], [1, "flex-1", "pt-2", "text-sm"], [4, "ngFor", "ngForOf"], ["aria-labelledby", "options-menu", "aria-orientation", "vertical", "class", "advancedfiltercontainer absolute z-10 mt-2 origin-top-left divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5", "role", "menu", 4, "ngIf"], ["href", "javascript:;", 1, "-mb-[1px]", "flex", "items-center", "border", "border-transparent", "p-3.5", "py-2", "outline-none", "transition", "duration-300", "hover:text-danger", 3, "click", "ngClass"], ["type", "button", 1, "mb-1", "mr-2", "rounded-md", "bg-blue-600", "px-4", "py-2", "text-white", "hover:bg-blue-700", "focus:outline-none", 3, "click"], [1, "fa-solid", "fa-plus"], [3, "formGroupName", 4, "ngIf"], [3, "formGroupName"], ["formArrayName", "configurations"], [1, "table-hover", "relative", "min-w-full", "divide-y", "divide-gray-200", "dark:divide-gray-700"], [1, "bg-gray-50", "dark:bg-gray-800"], ["class", "w-[10%] px-6 py-3 text-left font-bold tracking-wider dark:text-gray-300", "appDynamicFontSize", "body", 4, "ngIf"], ["appDynamicFontSize", "body", 1, "w-36", "px-6", "py-3", "text-left", "font-bold", "tracking-wider", "dark:text-gray-300"], ["class", "w-[12%] px-6 py-3 text-left font-bold tracking-wider dark:text-gray-300", "appDynamicFontSize", "body", 4, "ngIf"], [1, "divide-y", "divide-gray-200", "bg-white", "dark:divide-gray-700", "dark:bg-gray-900"], ["appDynamicFontSize", "body", 1, "w-[10%]", "px-6", "py-3", "text-left", "font-bold", "tracking-wider", "dark:text-gray-300"], ["appDynamicFontSize", "body", 1, "w-[12%]", "px-6", "py-3", "text-left", "font-bold", "tracking-wider", "dark:text-gray-300"], ["class", "whitespace-nowrap px-6 py-4", "appDynamicFontSize", "body", 4, "ngIf"], ["appDynamicFontSize", "body", "class", "whitespace-nowrap px-6 py-4", 4, "ngIf"], ["appDynamicFontSize", "body", 1, "whitespace-nowrap", "px-6", "py-4"], ["type", "text", "appDynamicFontSize", "body", "class", "form-input mt-1 block w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-800", 3, "readOnly", "value", "ngClass", "keydown", 4, "ngIf"], ["type", "text", "formControlName", "config_key", "appDynamicFontSize", "body", "class", "form-input mt-1 block w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-800", 3, "readOnly", "ngClass", "keydown", 4, "ngIf"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["type", "number", "formControlName", "order_no", "appDynamicFontSize", "body", 1, "form-input", "mt-1", "block", "w-full", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["formControlName", "config_value_type", "appDynamicFontSize", "body", 1, "form-select", "mt-1", "block", "w-full", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"], ["type", "text", "appDynamicFontSize", "body", 1, "form-input", "mt-1", "block", "w-full", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800", 3, "keydown", "readOnly", "value", "ngClass"], ["type", "text", "formControlName", "config_key", "appDynamicFontSize", "body", 1, "form-input", "mt-1", "block", "w-full", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800", 3, "keydown", "readOnly", "ngClass"], ["formControlName", "config_field_type", "appDynamicFontSize", "body", 1, "form-select", "mt-1", "block", "w-full", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800", 3, "change"], ["type", "text", "formControlName", "config_value", "appDynamicFontSize", "body", 1, "form-input", "mt-1", "block", "w-full", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["type", "date", "formControlName", "config_value", "appDynamicFontSize", "body", 1, "form-input", "mt-1", "block", "w-full", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], [2, "display", "flex", "align-items", "center", "gap", "0.5rem", "width", "100%"], ["class", "h-12 w-12 flex-shrink-0", 4, "ngIf"], ["type", "file", "appDynamicFontSize", "body", 1, "form-input", "mt-1", "block", "flex-1", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800", 2, "flex", "1", 3, "change"], [1, "h-12", "w-12", "flex-shrink-0"], ["alt", "Loaded Image", 1, "h-full", "w-full", "bg-slate-200", "object-cover", 3, "src"], ["type", "number", "formControlName", "config_value", "appDynamicFontSize", "body", 1, "form-input", "mt-1", "block", "w-full", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["type", "checkbox", "formControlName", "config_value", "appDynamicFontSize", "body", 1, "form-checkbox", "h-4", "w-4", "border-gray-300", "text-red-500", "dark:border-gray-600", "dark:bg-gray-800"], [2, "display", "flex", "align-items", "flex-start", "gap", "0.5rem", "min-height", "48px"], [4, "ngIf"], ["bindLabel", "name", "bindValue", "id", "formControlName", "config_value", "appDynamicFontSize", "body", 1, "custom-multiselect", 2, "width", "420px", "min-width", "420px", "max-width", "420px", 3, "items", "multiple"], ["type", "button", 2, "margin-left", "4px", "height", "38px", "width", "38px", "display", "flex", "align-items", "center", "justify-content", "center", 3, "click"], [1, "fa", "fa-code"], ["formControlName", "config_select_json", "rows", "4", "cols", "48", "placeholder", "Paste JSON here", 2, "min-width", "220px", "min-height", "38px", "resize", "vertical", "padding", "6px", "border-radius", "4px", "border", "1px solid #ccc", "font-family", "monospace"], ["type", "button", 2, "margin-left", "4px", "height", "38px", "width", "38px", "display", "flex", "align-items", "center", "justify-content", "center", "background", "#4caf50", "color", "white", "border", "none", "border-radius", "4px", 3, "click"], [1, "fa", "fa-check"], ["type", "button", 2, "margin-left", "2px", "height", "38px", "width", "38px", "display", "flex", "align-items", "center", "justify-content", "center", "background", "#f44336", "color", "white", "border", "none", "border-radius", "4px", 3, "click"], [1, "fa", "fa-times"], ["type", "time", "formControlName", "config_value", "appDynamicFontSize", "body", 1, "form-input", "mt-1", "block", "w-full", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["bindLabel", "label", "bindValue", "name", "formControlName", "config_value", "placeholder", "Select Timezone", "appDynamicFontSize", "body", 1, "custom-multiselect", 3, "items", "searchable"], ["bindLabel", "label", "bindValue", "value", "formControlName", "config_value", "placeholder", "Select Datetime Format", "appDynamicFontSize", "body", 1, "custom-multiselect", 3, "items", "searchable"], ["formControlName", "display_config", "appDynamicFontSize", "body", 1, "form-select", "mt-1", "block", "w-full", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["type", "button", 1, "text-red-500", 3, "click"], [1, "fa-solid", "fa-xmark", "text-xl"], ["aria-labelledby", "options-menu", "aria-orientation", "vertical", "role", "menu", 1, "advancedfiltercontainer", "absolute", "z-10", "mt-2", "origin-top-left", "divide-y", "divide-gray-100", "rounded-md", "bg-white", "shadow-lg", "ring-1", "ring-black", "ring-opacity-5"], [1, "flex", "items-center", "justify-between", "border-b", "border-gray-200", "p-4"], [1, "p-4", 3, "ngSubmit", "formGroup"], ["appearance", "compact", 1, "relative", "!h-[calc(40vh-40px)]"], [1, "mb-4"], ["for", "tabSelect", 1, "block", "text-sm", "font-medium", "text-gray-700"], ["id", "tabSelect", "formControlName", "tab", 1, "form-select", "mt-1", "block", "w-10/12", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["for", "valueType", 1, "block", "text-sm", "font-medium", "text-gray-700"], ["id", "valueType", "formControlName", "valueType", 1, "form-select", "mt-1", "block", "w-10/12", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["for", "key", 1, "block", "text-sm", "font-medium", "text-gray-700"], ["type", "text", "id", "order_no", "formControlName", "order_no", 1, "form-input", "mt-1", "block", "w-10/12", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["type", "text", "id", "key", "formControlName", "key", 1, "form-input", "mt-1", "block", "w-10/12", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800", 3, "keydown"], ["for", "keyType", 1, "block", "text-sm", "font-medium", "text-gray-700"], ["id", "keyType", "formControlName", "keyType", 1, "form-select", "mt-1", "block", "w-10/12", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["for", "display_config", 1, "block", "text-sm", "font-medium", "text-gray-700"], ["id", "display_config", "formControlName", "display_config", 1, "form-select", "mt-1", "block", "w-10/12", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["for", "value", 1, "block", "text-sm", "font-medium", "text-gray-700"], [1, "flex", "items-center", "justify-between", "border-t", "border-gray-200", "p-4"], [1, "flex", "gap-4"], ["type", "submit", 1, "btn-primary", "mx-auto", "flex", "items-center", "rounded-md", "border", "border-[#e0e6ed]", "px-4", "py-2", "font-semibold", "dark:border-[#253b5c]", "dark:bg-[#1b2e4b]", "dark:text-white-dark"], [1, "btn-secondary", "mx-auto", "flex", "items-center", "rounded-md", "border", "border-[#e0e6ed]", "px-4", "py-2", "font-semibold", "dark:border-[#253b5c]", "dark:bg-[#1b2e4b]", "dark:text-white-dark", 3, "click"], ["type", "text", "id", "value", "formControlName", "value", 1, "form-input", "mt-1", "block", "w-10/12", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["type", "number", "id", "value", "formControlName", "value", 1, "form-input", "mt-1", "block", "w-10/12", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["type", "date", "id", "value", "formControlName", "value", 1, "form-input", "mt-1", "block", "w-10/12", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["type", "time", "id", "value", "formControlName", "value", 1, "form-input", "mt-1", "block", "w-10/12", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["type", "file", "id", "value", "formControlName", "value", 1, "form-input", "mt-1", "block", "w-10/12", "rounded-md", "border-gray-300", "dark:border-gray-600", "dark:bg-gray-800"], ["type", "checkbox", "id", "value", "formControlName", "value", 1, "form-checkbox", "h-4", "w-4", "border-gray-300", "text-red-500", "dark:border-gray-600", "dark:bg-gray-800"], ["bindLabel", "name", "bindValue", "id", "formControlName", "value", 1, "custom-multiselect", 2, "width", "420px", "min-width", "420px", "max-width", "420px", 3, "items", "multiple"], ["bindLabel", "label", "bindValue", "name", "formControlName", "value", "placeholder", "Select Timezone", 1, "custom-multiselect", 3, "items", "searchable"], ["bindLabel", "label", "bindValue", "value", "formControlName", "value", "placeholder", "Select Datetime Format", 1, "custom-multiselect", 3, "items", "searchable"]], template: function ConfigurationComponent_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "form", 0);
    \u0275\u0275listener("ngSubmit", function ConfigurationComponent_Template_form_ngSubmit_0_listener() {
      return ctx.saveChanges();
    });
    \u0275\u0275elementStart(1, "div", 1)(2, "div", 2)(3, "div", 3);
    \u0275\u0275text(4);
    \u0275\u0275pipe(5, "translate");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(6, "div", 4)(7, "div", 5);
    \u0275\u0275template(8, ConfigurationComponent_a_8_Template, 2, 4, "a", 6);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(9, "div");
    \u0275\u0275template(10, ConfigurationComponent_button_10_Template, 4, 3, "button", 7);
    \u0275\u0275elementStart(11, "button", 8);
    \u0275\u0275text(12);
    \u0275\u0275pipe(13, "translate");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(14, "div", 9);
    \u0275\u0275template(15, ConfigurationComponent_ng_container_15_Template, 2, 1, "ng-container", 10);
    \u0275\u0275elementEnd()()();
    \u0275\u0275template(16, ConfigurationComponent_div_16_Template, 69, 53, "div", 11);
  }
  if (rf & 2) {
    \u0275\u0275property("formGroup", ctx.allTabsForm);
    \u0275\u0275advance(4);
    \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(5, 7, ctx.title_key));
    \u0275\u0275advance(4);
    \u0275\u0275property("ngForOf", ctx.tabs);
    \u0275\u0275advance(2);
    \u0275\u0275property("ngIf", ctx.masterInfo == null ? null : ctx.masterInfo.permissions == null ? null : ctx.masterInfo.permissions.create);
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(13, 9, "submit"), " ");
    \u0275\u0275advance(3);
    \u0275\u0275property("ngForOf", ctx.tabs);
    \u0275\u0275advance();
    \u0275\u0275property("ngIf", ctx.isMenuOpen);
  }
}, dependencies: [CommonModule, NgClass, NgForOf, NgIf, NgSwitch, NgSwitchCase, FormsModule, \u0275NgNoValidate, NgSelectOption, \u0275NgSelectMultipleOption, DefaultValueAccessor, NumberValueAccessor, CheckboxControlValueAccessor, SelectControlValueAccessor, NgControlStatus, NgControlStatusGroup, ReactiveFormsModule, FormGroupDirective, FormControlName, FormGroupName, FormArrayName, NgSelectModule, NgSelectComponent, CommonSharedModule, NgScrollbar, DynamicFontSizeDirective, TranslatePipe], styles: ["\n\n.advancedfiltercontainer[_ngcontent-%COMP%] {\n  min-width: 300px;\n  max-width: 100%;\n  width: 90%;\n  left: 50%;\n  transform: translateX(-50%);\n  right: auto;\n  z-index: 1000;\n  position: fixed;\n  top: 10%;\n  max-height: 60vh;\n  overflow-y: auto;\n}\ntable[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], table[_ngcontent-%COMP%]   tfoot[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding-top: 0.35rem;\n  padding-bottom: 0.35rem;\n}\n@media (min-width: 640px) {\n  .advancedfiltercontainer[_ngcontent-%COMP%] {\n    min-width: 500px;\n    width: 60%;\n  }\n}\n@media (min-width: 1024px) {\n  .advancedfiltercontainer[_ngcontent-%COMP%] {\n    max-width: 600px;\n    width: 70%;\n  }\n}\n.advancedfiltercontainer[_ngcontent-%COMP%]   .relative[_ngcontent-%COMP%] {\n  max-height: calc(80vh - 120px);\n  overflow-y: auto;\n}\n@media (max-width: 640px) {\n  .advancedfiltercontainer[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], .advancedfiltercontainer[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n    width: 100%;\n    margin-bottom: 0.5rem;\n  }\n  .advancedfiltercontainer[_ngcontent-%COMP%]   .flex[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n  .advancedfiltercontainer[_ngcontent-%COMP%]   .flex[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] {\n    width: 100%;\n    margin-right: 0 !important;\n  }\n}\n.advancedfiltercontainer[_ngcontent-%COMP%]   .flex.items-center.justify-between[_ngcontent-%COMP%] {\n  flex-wrap: wrap;\n}\n.advancedfiltercontainer[_ngcontent-%COMP%]   .flex.items-center.justify-between[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] {\n  margin-bottom: 0.5rem;\n}\n.panel[_ngcontent-%COMP%] {\n  margin: -15px;\n  padding: 1.25rem 1.25rem 0.25rem 1.25rem;\n}\n.header-panel[_ngcontent-%COMP%] {\n  margin-top: -15px;\n}\n.panel[_ngcontent-%COMP%] {\n  padding: 1.25rem 1.25rem 0.25rem 1.25rem;\n}\n/*# sourceMappingURL=configuration.component.css.map */"] });
var ConfigurationComponent = _ConfigurationComponent;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(ConfigurationComponent, { className: "ConfigurationComponent", filePath: "src\\app\\@lcp-framework\\pages\\configuration\\configuration.component.ts", lineNumber: 55 });
})();
export {
  ConfigurationComponent
};
//# sourceMappingURL=chunk-X5QHF5B5.js.map
