@everymatrix/stage-dm-select 1.0.0 → 1.0.16

package/main.js

@@ -53927,6 +53927,7 @@ var ApiHandlerService = class _ApiHandlerService {
 
 // libs/shared/data-access/utils/src/lib/services/session.service.ts
 var SessionService = class _SessionService {
+  intervalSub = null;
   sessionDataSubject = new BehaviorSubject(null);
   sessionData$ = this.sessionDataSubject.asObservable();
   get sessionData() {
@@ -53955,8 +53956,16 @@ var SessionService = class _SessionService {
       this.sessionDataSubject.next(newSessionData);
     }
   };
+  resetSession() {
+    this.setInitData(null);
+    this.setupHeaders();
+  }
+  setInitData(data) {
+    this.sessionDataSubject.next(data);
+  }
   setupHeaders() {
-    interval(12e5).pipe(startWith(0)).subscribe(() => this.getHeaders());
+    this.intervalSub?.unsubscribe();
+    this.intervalSub = interval(12e5).pipe(startWith(0)).subscribe(() => this.getHeaders());
   }
   static \u0275fac = function SessionService_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _SessionService)();
@@ -54072,6 +54081,20 @@ var uiGridCustomStyles = `
   ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
     overflow: scroll;
   }
+
+  .ui-grid-viewport {
+    &::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+      background: #fff;
+      z-index: 999999;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: 5px;
+      background: #9aa6bc;
+    }
+  }
 `;
 
 // libs/shared/data-access/utils/src/lib/services/shadow-dom-style-injector.service.ts
@@ -54205,13 +54228,14 @@ var UiGridCommonService = class _UiGridCommonService {
         return {
           restrict: "E",
           scope: {},
-          template: `<div ui-grid="options" class="grid ui-grid-selectable" ng-show="options.isVisible"
+          template: `<div ui-grid="options" class="grid ui-grid-selectable" ng-show="options.isVisible" ng-style="{ 'height': (options.scrollHeight || 360) + 'px' }"
                  ui-grid-grouping
                  ui-grid-auto-resize
                  ui-grid-infinite-scroll
                  ui-grid-resize-columns
                  ui-grid-pinning
                  ui-grid-selection
+                 ui-grid-pagination
                  ui-grid-move-columns>
                           <div class="data-loading-board" ng-if="options.dataLoading">Loading data ...</div>
                           <div class="watermark-board" ng-if="!options.dataLoading && !options.data.length">No data available</div>
@@ -54263,6 +54287,22 @@ var UiGridCommonService = class _UiGridCommonService {
       return ngAppEl.getAttribute("ng-app");
     return null;
   }
+  static init(element2, module2) {
+    try {
+      if (!_UiGridCommonService.getAngularJsMainModuleName()) {
+        if (!_UiGridCommonService.isAngularjsModuleDefined(module2)) {
+          _UiGridCommonService.initAngularjsApp(module2);
+        }
+        if (!_UiGridCommonService.isElementBootstrapped(element2)) {
+          _UiGridCommonService.bootstrapAngularjsApp(element2, module2);
+        }
+      } else {
+        _UiGridCommonService.compileAngularjsApp(element2);
+      }
+    } catch (error) {
+      console.error(`Failed to init angularjs module ${module2}: `, error);
+    }
+  }
   getUniqueId() {
     const id = Date.now().toString(36) + Math.random().toString(36).substring(2);
     if (this._uniqueIds.includes(id))
@@ -54418,7 +54458,6 @@ var TemplateService = class _TemplateService {
       if (template && (template.errorCode || template.successful === "false")) {
         throw new Error(template.message);
       }
-      this.template.set(template || null);
       return template;
     }));
   }
@@ -54446,13 +54485,41 @@ var TemplateService = class _TemplateService {
     };
     return this.apiHandlerService.Post(url, body);
   }
-  setUrlTemplateId(templateId) {
+  setSearchParams(params) {
     const url = new URL(window.location.href);
-    if (url.searchParams.get("templateId") !== templateId) {
-      url.searchParams.set("templateId", templateId);
+    const currentQueryParams = Object.keys(params).reduce((acc, key) => {
+      acc[key] = url.searchParams.get(key);
+      return acc;
+    }, {});
+    Object.keys(params).forEach((key) => params[key] ? url.searchParams.set(key, params[key]) : url.searchParams.delete(key));
+    const updatedQueryParams = Object.keys(params).reduce((acc, key) => {
+      acc[key] = url.searchParams.get(key);
+      return acc;
+    }, {});
+    const isParamsChanged = Object.keys(params).some((key) => currentQueryParams[key] !== updatedQueryParams[key]);
+    if (isParamsChanged) {
       window.history.pushState({}, "", url.toString());
     }
   }
+  updateTemplateList(template) {
+    this.templatesList.update((arr) => {
+      const list = [...arr];
+      const index = list.findIndex((t) => t.template_id === template.template_id);
+      if (index !== -1) {
+        list[index] = template;
+      } else {
+        list.push(template);
+      }
+      return list;
+    });
+  }
+  baseTemplate() {
+    const url = new URL(window.location.href);
+    const templateName = url.searchParams.get("templateName");
+    const modificationId = url.searchParams.get("modificationId");
+    const templateId = url.searchParams.get("templateId");
+    return templateName && modificationId && templateId ? this.templatesList().find((item) => item.template_id === templateId && !item.is_temporary) : null;
+  }
   get templateChangedSubject() {
     return this.templateChanged;
   }
@@ -54479,7 +54546,8 @@ var REPORTS = {
   MM_VERIFICATION: {
     reportId: 100,
     reportName: "Verification Report",
-    reportKey: "mm_verification_report"
+    reportKey: "mm_verification_report",
+    exportReportName: "verification_report"
   }
 };
 
@@ -54558,6 +54626,12 @@ var SendingService = class _SendingService {
   apiHandlerService = inject(ApiHandlerService);
   sessionService = inject(SessionService);
   httpClient = inject(HttpClient);
+  fileNameVariables = [
+    { "id": "template_name", "name": "template_name" },
+    { "id": "schedule_name", "name": "schedule_name" },
+    { "id": "timestamp", "name": "timestamp" },
+    { "id": "uuid", "name": "uuid" }
+  ];
   getSchedules(reportId, templateId, domainId) {
     const url = this.apiHandlerService.getACSBaseUrl("get_report_schedules", "ce");
     const body = {
@@ -54600,7 +54674,7 @@ var SendingService = class _SendingService {
       connection_type: destination,
       connection_id: connectionId,
       folder_name: folderName,
-      filename_format: fileName,
+      filename_format: this.convertString(fileName, this.fileNameVariables),
       timestamp_format: dateTimeFormat
     };
     const report = Object.values(REPORTS).find((r) => r.reportId === report_id);
@@ -54677,12 +54751,12 @@ var SendingService = class _SendingService {
       return response;
     }));
   }
-  deleteSchedule(domainId, scheduleId) {
+  deleteSchedule(domainId, scheduleId, scheduleGroupId) {
     const body = {
       p_report_params: {
         p_domains: [domainId],
         p_operation_type: "2",
-        p_schedule_group_id: null,
+        p_schedule_group_id: scheduleGroupId,
         p_schedule_id: scheduleId
       }
     };
@@ -54733,6 +54807,16 @@ var SendingService = class _SendingService {
     }
     return;
   }
+  convertString(inputString, variablesArray) {
+    let result = inputString;
+    const sortedVariables = [...variablesArray].sort((a, b) => b.id.length - a.id.length);
+    for (const variable of sortedVariables) {
+      const regex = new RegExp(`#${variable.id}(?=[^a-zA-Z]|$)`, "g");
+      result = result ? result.replace(regex, `{${variable.id}}`) : "";
+    }
+    result = result ? result.replace(/##/g, "#") : "";
+    return result;
+  }
   static \u0275fac = function SendingService_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _SendingService)();
   };
@@ -54745,6 +54829,49 @@ var SendingService = class _SendingService {
   }], null, null);
 })();
 
+// libs/shared/data-access/utils/src/lib/services/tracing-info.service.ts
+var TracingInfoService = class _TracingInfoService {
+  intervalSub = null;
+  tracingInfoSubject = new BehaviorSubject(null);
+  tracingInfoData$ = this.tracingInfoSubject.asObservable();
+  constructor() {
+    this.setupTracingInfo();
+  }
+  getTracingInfo() {
+    window.postMessage({ type: "GetTracingInfo" }, "*");
+    window.addEventListener("message", this.listener);
+  }
+  listener = (e) => {
+    if (e.data?.type === "SetTracingInfo") {
+      window.removeEventListener("message", this.listener);
+      this.tracingInfoSubject.next(e.data.payload);
+    }
+  };
+  resetTracingInfo() {
+    this.setInitData(null);
+    this.setupTracingInfo();
+  }
+  setInitData(data) {
+    this.tracingInfoSubject.next(data);
+  }
+  setupTracingInfo() {
+    this.intervalSub?.unsubscribe();
+    this.intervalSub = interval(12e5).pipe(startWith(0)).subscribe(() => this.getTracingInfo());
+  }
+  static \u0275fac = function TracingInfoService_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || _TracingInfoService)();
+  };
+  static \u0275prov = /* @__PURE__ */ \u0275\u0275defineInjectable({ token: _TracingInfoService, factory: _TracingInfoService.\u0275fac, providedIn: "root" });
+};
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(TracingInfoService, [{
+    type: Injectable,
+    args: [{
+      providedIn: "root"
+    }]
+  }], () => [], null);
+})();
+
 // node_modules/@angular/platform-browser/fesm2022/animations/async.mjs
 var ANIMATION_PREFIX = "@";
 var AsyncAnimationRendererFactory = class _AsyncAnimationRendererFactory {
@@ -60755,7 +60882,7 @@ var commonSelectStyles = `
     }
   }
 
-  .p-multiselect-list-container, .p-select-list-container {
+  .p-multiselect-list-container, .p-select-list-container, .p-autocomplete-list-container {
     font-size: 14px;
     &::-webkit-scrollbar {
        width: 6px;
@@ -60826,12 +60953,12 @@ var primengCustomPreset = definePreset(lara_default, {
           paddingX: "12px",
           paddingY: "8px",
           css: () => `
-            .form-control-field {
+            .form-control-field, .p-autocomplete-input {
               &:focus-visible {
                 box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16)!important;
               }
             }
-            .form-control-field:focus-visible {
+            .form-control-field:focus-visible, .p-autocomplete-input:focus-visible, {
               box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16)!important;
             }
             .input:focus-visible {
@@ -61009,7 +61136,7 @@ var primengCustomPreset = definePreset(lara_default, {
               height: 16px;
               top: 50%;
               margin: 0;
-              transform: translateY(-50%);
+              transform: translate(-4px, -50%);
           }
         }
 
@@ -61115,8 +61242,13 @@ var primengCustomPreset = definePreset(lara_default, {
 
         .datepicker-wrapper, .p-datepicker {
          .p-inputtext {
-           padding-inline: 32px;
-         }
+            padding-inline: 32px;
+            &:placeholder-shown {
+              padding-inline: unset;
+              padding-inline-start: 32px;
+              padding-inline-end: 12px;
+            }
+          }
         }
 
         .p-datepicker-input-icon-container {
@@ -61248,7 +61380,8 @@ var primengCustomPreset = definePreset(lara_default, {
         }
 
         .p-dialog-content {
-          padding: 0 24px 24px 24px;
+          padding: 0 24px 19px 24px;
+          margin-bottom: 5px;
           &::-webkit-scrollbar {
             width: 6px;
             height: 6px;
@@ -61261,6 +61394,10 @@ var primengCustomPreset = definePreset(lara_default, {
           }
         }
 
+        .dialog-content-overflow-visible.p-dialog-content {
+          overflow: visible !important;
+        }
+
         .p-dialog-close-button {
           border-radius: 4px!important;
           &:hover {
@@ -61758,21 +61895,131 @@ function patchDomHandlerGetScrollableParents() {
 }
 
 // libs/shared/data-access/utils/src/lib/strategies/mm-reports/verification-request-body.ts
+var import_moment3 = __toESM(require_moment());
+
+// libs/shared/data-access/utils/src/lib/utils/date-hints.ts
 var import_moment2 = __toESM(require_moment());
+var TimePeriod;
+(function(TimePeriod2) {
+  TimePeriod2["Today"] = "today";
+  TimePeriod2["Yesterday"] = "yesterday";
+  TimePeriod2["CurrentWeek"] = "current_week";
+  TimePeriod2["CurrentMonth"] = "current_month";
+  TimePeriod2["CurrentQuarter"] = "current_quarter";
+  TimePeriod2["LastMonth"] = "last_month";
+  TimePeriod2["LastQuarter"] = "last_quarter";
+  TimePeriod2["Last30Days"] = "last_30_days";
+  TimePeriod2["CurrentYear"] = "current_year";
+  TimePeriod2["Custom"] = "custom";
+})(TimePeriod || (TimePeriod = {}));
+var DATE_HINTS = [
+  {
+    name: "Today",
+    dateAlias: TimePeriod.Today,
+    interval: {
+      start: (0, import_moment2.default)().startOf("day").toDate(),
+      end: (0, import_moment2.default)().endOf("day").toDate()
+    }
+  },
+  {
+    name: "Yesterday",
+    dateAlias: TimePeriod.Yesterday,
+    interval: {
+      start: (0, import_moment2.default)().subtract(1, "days").startOf("day").toDate(),
+      end: (0, import_moment2.default)().subtract(1, "days").endOf("day").toDate()
+    }
+  },
+  {
+    name: "Current Week",
+    dateAlias: TimePeriod.CurrentWeek,
+    interval: {
+      start: (0, import_moment2.default)().startOf("isoWeek").startOf("day").toDate(),
+      end: (0, import_moment2.default)().endOf("day").toDate()
+    }
+  },
+  {
+    name: "Current Month",
+    dateAlias: TimePeriod.CurrentMonth,
+    interval: {
+      start: (0, import_moment2.default)().startOf("month").startOf("day").toDate(),
+      end: (0, import_moment2.default)().endOf("day").toDate()
+    }
+  },
+  {
+    name: "Current Quarter",
+    dateAlias: TimePeriod.CurrentQuarter,
+    interval: {
+      start: (0, import_moment2.default)().startOf("quarter").startOf("day").toDate(),
+      end: (0, import_moment2.default)().endOf("day").toDate()
+    }
+  },
+  {
+    name: "Last Month",
+    dateAlias: TimePeriod.LastMonth,
+    interval: {
+      start: (0, import_moment2.default)().subtract(1, "months").startOf("month").startOf("day").toDate(),
+      end: (0, import_moment2.default)().subtract(1, "months").endOf("month").endOf("day").toDate()
+    }
+  },
+  {
+    name: "Last Quarter",
+    dateAlias: TimePeriod.LastQuarter,
+    interval: {
+      start: (0, import_moment2.default)().subtract(1, "quarter").startOf("quarter").startOf("day").toDate(),
+      end: (0, import_moment2.default)().subtract(1, "quarter").endOf("quarter").endOf("day").toDate()
+    }
+  },
+  {
+    name: "Last 30 Days",
+    dateAlias: TimePeriod.Last30Days,
+    interval: {
+      start: (0, import_moment2.default)().subtract(30, "days").startOf("day").toDate(),
+      end: (0, import_moment2.default)().subtract(1, "day").endOf("day").toDate()
+    }
+  },
+  {
+    name: "Current Year",
+    dateAlias: TimePeriod.CurrentYear,
+    interval: {
+      start: (0, import_moment2.default)().startOf("year").startOf("day").toDate(),
+      end: (0, import_moment2.default)().endOf("day").toDate()
+    }
+  }
+];
+
+// libs/shared/data-access/utils/src/lib/functions/date-transform.ts
+var dateTransform = (dateType, key) => {
+  const updatedTime = DATE_HINTS.find((item) => item.dateAlias === dateType);
+  return updatedTime?.interval[key];
+};
+
+// libs/shared/data-access/utils/src/lib/strategies/mm-reports/verification-request-body.ts
 var VerificationRequestBodyStrategy = class _VerificationRequestBodyStrategy {
   sessionService = inject(SessionService);
   csvLimit = 1e7;
   pageLimit = 100;
-  buildRequestBody(config) {
-    const { offset = 0, limit, allFilters, formData, columns, executionType, isGrandTotal = false, sorting, template } = config;
+  buildRequestBody(config, tracingInfo) {
+    const { offset = 0, limit, allFilters, formData, columns, executionType, isGrandTotal = false, sorting, template, exportReportName, isSending } = config;
+    let templateName = "";
+    const name = template?.template_name;
+    if (executionType === "csv_load") {
+      if (!name) {
+        templateName = exportReportName;
+      } else if (name.includes(exportReportName) || isSending) {
+        templateName = name;
+      } else {
+        templateName = `${exportReportName}_${name}`;
+      }
+    } else {
+      templateName = name;
+    }
     const result = {
       p_columns: columns,
       p_additional_params: {},
-      p_tracing_info: {
-        p_template_name: template ? template.template_name : null,
-        p_template_id: template ? template.template_id : null,
-        p_user_id: this.sessionService.sessionData?.Username
-      },
+      p_tracing_info: Object.assign({
+        p_template_name: templateName || null,
+        p_template_id: template ? template.template_id : null
+      }, tracingInfo),
       p_advanced_filtering: {
         p_offset: offset || 0,
         p_limit: executionType === "csv_load" ? this.csvLimit : limit === null ? this.pageLimit : limit,
@@ -61791,17 +62038,23 @@ var VerificationRequestBodyStrategy = class _VerificationRequestBodyStrategy {
       }
       let value;
       if (field_id === "merchant") {
-        value = formData["merchant_name"] ?? null;
+        value = this.nullUndefinedOrEmpty(formData["merchant_name"]) ? null : formData["merchant_name"];
       } else {
-        value = formData[field_id] ?? null;
+        value = this.nullUndefinedOrEmpty(formData[field_id]) ? null : formData[field_id];
       }
       const prefixedKey = field_id === "merchant_name" ? "p_domains" : `p_${field_id}`;
       if (field.field_data_type === "TIMESTAMP" && value) {
-        const { start, end } = value;
-        if (start && end) {
+        const { start, end, alias } = value;
+        if (start && end || alias) {
+          let startDate = start;
+          let endDate = end;
+          if (alias && alias !== "custom") {
+            startDate = dateTransform(alias, "start");
+            endDate = dateTransform(alias, "end");
+          }
           value = [
-            (0, import_moment2.default)(start).format("YYYY-MM-DD HH:mm:ss.SSS"),
-            (0, import_moment2.default)(end).format("YYYY-MM-DD HH:mm:ss.SSS")
+            (0, import_moment3.default)(startDate).format("YYYY-MM-DD HH:mm:ss.SSS"),
+            (0, import_moment3.default)(endDate).format("YYYY-MM-DD HH:mm:ss.SSS")
           ];
         }
       }
@@ -61813,6 +62066,9 @@ var VerificationRequestBodyStrategy = class _VerificationRequestBodyStrategy {
     });
     return result;
   }
+  nullUndefinedOrEmpty(value) {
+    return value === null || value === void 0 || value === "";
+  }
   static \u0275fac = function VerificationRequestBodyStrategy_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _VerificationRequestBodyStrategy)();
   };
@@ -61872,13 +62128,15 @@ function DmSelectLibComponent_Conditional_4_Template(rf, ctx) {
     })("click", function DmSelectLibComponent_Conditional_4_Template_p_select_click_0_listener() {
       \u0275\u0275restoreView(_r1);
       const select_r3 = \u0275\u0275reference(1);
-      return \u0275\u0275resetView(select_r3.show());
+      const ctx_r1 = \u0275\u0275nextContext();
+      select_r3.show();
+      return \u0275\u0275resetView(ctx_r1.onClick());
     });
     \u0275\u0275elementEnd();
   }
   if (rf & 2) {
     const ctx_r1 = \u0275\u0275nextContext();
-    \u0275\u0275property("editable", true)("loading", ctx_r1.loading)("showClear", ctx_r1.showClear)("filterPlaceholder", ctx_r1.filterPlaceHolder)("options", ctx_r1.selectOptions)("filter", ctx_r1.filter)("disabled", ctx_r1.disabled)("optionValue", ctx_r1.optionValue)("optionLabel", ctx_r1.optionLabel)("optionDisabled", ctx_r1.optionDisabled)("emptyFilterMessage", ctx_r1.emptyFilterMessage)("placeholder", "Select " + ctx_r1.placeholder)("formControl", ctx_r1.selectControl);
+    \u0275\u0275property("editable", true)("loading", ctx_r1.loading)("showClear", ctx_r1.showClear)("filterPlaceholder", ctx_r1.filterPlaceHolder)("options", ctx_r1.selectOptions)("filter", ctx_r1.filter)("disabled", ctx_r1.disabled)("optionValue", ctx_r1.optionValue)("optionLabel", ctx_r1.optionLabel)("optionDisabled", ctx_r1.optionDisabled)("emptyFilterMessage", ctx_r1.emptyFilterMessage)("placeholder", "Select " + ctx_r1.placeholder)("formControl", ctx_r1.selectControl)("appendTo", ctx_r1.appendToBody ? "body" : null);
   }
 }
 function DmSelectLibComponent_Conditional_5_Template(rf, ctx) {
@@ -61901,12 +62159,16 @@ function DmSelectLibComponent_Conditional_5_Template(rf, ctx) {
       \u0275\u0275restoreView(_r4);
       const ctx_r1 = \u0275\u0275nextContext();
       return \u0275\u0275resetView(ctx_r1.isFocused = true);
+    })("click", function DmSelectLibComponent_Conditional_5_Template_p_multiselect_click_0_listener() {
+      \u0275\u0275restoreView(_r4);
+      const ctx_r1 = \u0275\u0275nextContext();
+      return \u0275\u0275resetView(ctx_r1.onClick());
     });
     \u0275\u0275elementEnd();
   }
   if (rf & 2) {
     const ctx_r1 = \u0275\u0275nextContext();
-    \u0275\u0275property("loading", ctx_r1.loading)("options", ctx_r1.selectOptions)("filter", ctx_r1.filter)("showClear", ctx_r1.showClear)("filterPlaceHolder", ctx_r1.filterPlaceHolder)("disabled", ctx_r1.disabled)("optionValue", ctx_r1.optionValue)("optionLabel", ctx_r1.optionLabel)("optionDisabled", ctx_r1.optionDisabled)("emptyFilterMessage", ctx_r1.emptyFilterMessage)("placeholder", "Select " + ctx_r1.placeholder)("selectedItemsLabel", ctx_r1.selectedItemsLabel)("formControl", ctx_r1.selectControl);
+    \u0275\u0275property("loading", ctx_r1.loading)("options", ctx_r1.selectOptions)("filter", ctx_r1.filter)("showClear", ctx_r1.showClear)("filterPlaceHolder", ctx_r1.filterPlaceHolder)("disabled", ctx_r1.disabled)("optionValue", ctx_r1.optionValue)("optionLabel", ctx_r1.optionLabel)("optionDisabled", ctx_r1.optionDisabled)("emptyFilterMessage", ctx_r1.emptyFilterMessage)("placeholder", "Select " + ctx_r1.placeholder)("selectedItemsLabel", ctx_r1.selectedItemsLabel)("formControl", ctx_r1.selectControl)("appendTo", ctx_r1.appendToBody ? "body" : null);
   }
 }
 function DmSelectLibComponent_Conditional_6_Template(rf, ctx) {
@@ -62042,10 +62304,15 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
   isFocused = false;
   showClear = true;
   attachedToShadowDom = signal(false);
+  appendToBody = false;
   onChange = () => {
   };
   onTouched = () => {
   };
+  /**
+  * Emits when dropdown is opened
+  */
+  openState = new EventEmitter();
   constructor(elementRef, shadowDomStyleInjectorService) {
     this.elementRef = elementRef;
     this.shadowDomStyleInjectorService = shadowDomStyleInjectorService;
@@ -62092,21 +62359,26 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
       this.selectControl.enable();
     }
   }
+  onClick() {
+    setTimeout(() => {
+      this.openState.emit();
+    });
+  }
   static \u0275fac = function DmSelectLibComponent_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _DmSelectLibComponent)(\u0275\u0275directiveInject(ElementRef), \u0275\u0275directiveInject(ShadowDomStyleInjectorService));
   };
-  static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _DmSelectLibComponent, selectors: [["lib-dm-select-lib"]], inputs: { label: "label", placeholder: "placeholder", disabled: [2, "disabled", "disabled", booleanAttribute], isRequired: [2, "isRequired", "isRequired", booleanAttribute], isMultiSelect: [2, "isMultiSelect", "isMultiSelect", booleanAttribute], filter: [2, "filter", "filter", booleanAttribute], value: "value", options: "options", optionValue: "optionValue", optionLabel: "optionLabel", optionDisabled: "optionDisabled", emptyFilterMessage: "emptyFilterMessage", filterPlaceHolder: "filterPlaceHolder", loading: "loading", hint: [1, "hint"], permanentHint: [1, "permanentHint"] }, features: [\u0275\u0275ProvidersFeature([
+  static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _DmSelectLibComponent, selectors: [["lib-dm-select-lib"]], inputs: { label: "label", placeholder: "placeholder", disabled: [2, "disabled", "disabled", booleanAttribute], isRequired: [2, "isRequired", "isRequired", booleanAttribute], isMultiSelect: [2, "isMultiSelect", "isMultiSelect", booleanAttribute], filter: [2, "filter", "filter", booleanAttribute], value: "value", options: "options", optionValue: "optionValue", optionLabel: "optionLabel", optionDisabled: "optionDisabled", emptyFilterMessage: "emptyFilterMessage", filterPlaceHolder: "filterPlaceHolder", loading: "loading", hint: [1, "hint"], permanentHint: [1, "permanentHint"], appendToBody: [2, "appendToBody", "appendToBody", booleanAttribute] }, outputs: { openState: "openState" }, features: [\u0275\u0275ProvidersFeature([
     {
       provide: NG_VALUE_ACCESSOR,
       useExisting: forwardRef(() => _DmSelectLibComponent),
       multi: true
     }
-  ]), \u0275\u0275InputTransformsFeature, \u0275\u0275NgOnChangesFeature], decls: 9, vars: 8, consts: [["wrapper", ""], ["select", ""], ["multiSelect", ""], [1, "form-control-container", 3, "ngStyle"], ["for", "selectId", 1, "form-control-label"], ["inputId", "selectId", 3, "editable", "loading", "showClear", "filterPlaceholder", "options", "filter", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "formControl"], ["inputId", "selectId", 3, "loading", "options", "filter", "showClear", "filterPlaceHolder", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "selectedItemsLabel", "formControl"], ["inputId", "selectId", 3, "onShow", "onHide", "blur", "focus", "click", "editable", "loading", "showClear", "filterPlaceholder", "options", "filter", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "formControl"], ["inputId", "selectId", 3, "onPanelShow", "onPanelHide", "blur", "focus", "loading", "options", "filter", "showClear", "filterPlaceHolder", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "selectedItemsLabel", "formControl"], [1, "form-control-error-message"], [1, "form-control-hint-message"]], template: function DmSelectLibComponent_Template(rf, ctx) {
+  ]), \u0275\u0275InputTransformsFeature, \u0275\u0275NgOnChangesFeature], decls: 9, vars: 8, consts: [["wrapper", ""], ["select", ""], ["multiSelect", ""], [1, "form-control-container", 3, "ngStyle"], ["for", "selectId", 1, "form-control-label"], ["inputId", "selectId", 3, "editable", "loading", "showClear", "filterPlaceholder", "options", "filter", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "formControl", "appendTo"], ["inputId", "selectId", 3, "loading", "options", "filter", "showClear", "filterPlaceHolder", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "selectedItemsLabel", "formControl", "appendTo"], ["inputId", "selectId", 3, "onShow", "onHide", "blur", "focus", "click", "editable", "loading", "showClear", "filterPlaceholder", "options", "filter", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "formControl", "appendTo"], ["inputId", "selectId", 3, "onPanelShow", "onPanelHide", "blur", "focus", "click", "loading", "options", "filter", "showClear", "filterPlaceHolder", "disabled", "optionValue", "optionLabel", "optionDisabled", "emptyFilterMessage", "placeholder", "selectedItemsLabel", "formControl", "appendTo"], [1, "form-control-error-message"], [1, "form-control-hint-message"]], template: function DmSelectLibComponent_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "div", 3, 0)(2, "label", 4);
       \u0275\u0275text(3);
       \u0275\u0275elementEnd();
-      \u0275\u0275template(4, DmSelectLibComponent_Conditional_4_Template, 2, 13, "p-select", 5)(5, DmSelectLibComponent_Conditional_5_Template, 2, 13, "p-multiselect", 6)(6, DmSelectLibComponent_Conditional_6_Template, 3, 0, "div")(7, DmSelectLibComponent_Conditional_7_Template, 3, 1, "div")(8, DmSelectLibComponent_Conditional_8_Template, 3, 1, "div");
+      \u0275\u0275template(4, DmSelectLibComponent_Conditional_4_Template, 2, 14, "p-select", 5)(5, DmSelectLibComponent_Conditional_5_Template, 2, 14, "p-multiselect", 6)(6, DmSelectLibComponent_Conditional_6_Template, 3, 0, "div")(7, DmSelectLibComponent_Conditional_7_Template, 3, 1, "div")(8, DmSelectLibComponent_Conditional_8_Template, 3, 1, "div");
       \u0275\u0275elementEnd();
     }
     if (rf & 2) {
@@ -62122,7 +62394,7 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
       \u0275\u0275advance();
       \u0275\u0275conditional(ctx.hint() && ctx.permanentHint() && !ctx.selectControl.invalid ? 8 : -1);
     }
-  }, dependencies: [SelectModule, Select, MultiSelectModule, MultiSelect, ReactiveFormsModule, NgControlStatus, FormControlDirective, NgStyle], styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family:\n    system-ui,\n    "Segoe UI",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji";\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  tab-size: 4;\n}\nbody {\n  margin: 0;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Consolas,\n    "Liberation Mono",\n    Menlo,\n    monospace;\n  font-size: 1em;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\ntable {\n  border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\nlegend {\n  padding: 0;\n}\nprogress {\n  vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary {\n  display: list-item;\n}\n\n/* libs/components/dm-select-lib/src/lib/dm-select-lib/dm-select-lib.component.scss */\n* {\n  font-family:\n    Inter,\n    Arial,\n    serif;\n  caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n  caret-color: auto !important;\n}\nbody {\n  margin: 0;\n  padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n  padding: 0;\n}\n.input:focus-visible {\n  box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 14px;\n  line-height: 18px;\n  font-variant-numeric: lining-nums tabular-nums;\n  font-weight: 400;\n  cursor: pointer;\n  position: relative;\n}\n.form-control-container .form-control-label {\n  color: #4a5469;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  position: relative;\n}\n.form-control-container .form-control-field {\n  font-size: 14px;\n  color: #252a34;\n  font-weight: 400;\n  line-height: 18px;\n  font-style: normal;\n  font-variant-numeric: lining-nums tabular-nums;\n  width: 100%;\n}\n.form-control-container .form-control-error-message {\n  font-size: 12px;\n  color: #d6421e;\n  margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n  color: #4a5469;\n  font-size: 12px;\n  margin-top: 2px;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n  (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=dm-select-lib.component.css.map */\n'], encapsulation: 3, changeDetection: 0 });
+  }, dependencies: [SelectModule, Select, MultiSelectModule, MultiSelect, ReactiveFormsModule, NgControlStatus, FormControlDirective, NgStyle], styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family:\n    system-ui,\n    "Segoe UI",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji";\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  tab-size: 4;\n}\nbody {\n  margin: 0;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Consolas,\n    "Liberation Mono",\n    Menlo,\n    monospace;\n  font-size: 1em;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\ntable {\n  border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\nlegend {\n  padding: 0;\n}\nprogress {\n  vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary {\n  display: list-item;\n}\n\n/* libs/components/dm-select-lib/src/lib/dm-select-lib/dm-select-lib.component.scss */\n* {\n  font-family:\n    Inter,\n    Arial,\n    serif;\n  caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n  caret-color: auto !important;\n}\nbody {\n  margin: 0;\n  padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n  padding: 0;\n}\n.input:focus-visible {\n  box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 14px;\n  line-height: 18px;\n  font-variant-numeric: lining-nums tabular-nums;\n  font-weight: 400;\n  cursor: pointer;\n  position: relative;\n}\n.form-control-container .form-control-label {\n  color: #4a5469;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n  font-size: 14px;\n  color: #252a34;\n  font-weight: 400;\n  line-height: 18px;\n  font-style: normal;\n  font-variant-numeric: lining-nums tabular-nums;\n  width: 100%;\n}\n.form-control-container .form-control-error-message {\n  font-size: 12px;\n  color: #d6421e;\n  margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n  color: #4a5469;\n  font-size: 12px;\n  margin-top: 2px;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n  (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=dm-select-lib.component.css.map */\n'], encapsulation: 3, changeDetection: 0 });
 };
 (() => {
   (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(DmSelectLibComponent, [{
@@ -62163,7 +62435,8 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
     (onHide)="isDropdownOpen = false"
     (blur)="isFocused = false"
     (focus)="isFocused = true"
-    (click)="select.show()"
+    (click)="select.show(); onClick()"
+    [appendTo]="appendToBody ? 'body' : null"
   />
   } @else {
   <p-multiselect
@@ -62186,6 +62459,8 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
     (onPanelHide)="isDropdownOpen = false"
     (blur)="isFocused = false"
     (focus)="isFocused = true"
+    [appendTo]="appendToBody ? 'body' : null"
+    (click)="onClick()"
   ></p-multiselect>
   } @if (selectControl.invalid && selectControl.touched && !isDropdownOpen) {
   <div>
@@ -62201,7 +62476,7 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
   </div>
   }
 </div>
-`, styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family:\n    system-ui,\n    "Segoe UI",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji";\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  tab-size: 4;\n}\nbody {\n  margin: 0;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Consolas,\n    "Liberation Mono",\n    Menlo,\n    monospace;\n  font-size: 1em;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\ntable {\n  border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\nlegend {\n  padding: 0;\n}\nprogress {\n  vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary {\n  display: list-item;\n}\n\n/* libs/components/dm-select-lib/src/lib/dm-select-lib/dm-select-lib.component.scss */\n* {\n  font-family:\n    Inter,\n    Arial,\n    serif;\n  caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n  caret-color: auto !important;\n}\nbody {\n  margin: 0;\n  padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n  padding: 0;\n}\n.input:focus-visible {\n  box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 14px;\n  line-height: 18px;\n  font-variant-numeric: lining-nums tabular-nums;\n  font-weight: 400;\n  cursor: pointer;\n  position: relative;\n}\n.form-control-container .form-control-label {\n  color: #4a5469;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  position: relative;\n}\n.form-control-container .form-control-field {\n  font-size: 14px;\n  color: #252a34;\n  font-weight: 400;\n  line-height: 18px;\n  font-style: normal;\n  font-variant-numeric: lining-nums tabular-nums;\n  width: 100%;\n}\n.form-control-container .form-control-error-message {\n  font-size: 12px;\n  color: #d6421e;\n  margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n  color: #4a5469;\n  font-size: 12px;\n  margin-top: 2px;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n  (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=dm-select-lib.component.css.map */\n'] }]
+`, styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family:\n    system-ui,\n    "Segoe UI",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji";\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  tab-size: 4;\n}\nbody {\n  margin: 0;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Consolas,\n    "Liberation Mono",\n    Menlo,\n    monospace;\n  font-size: 1em;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\ntable {\n  border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\nlegend {\n  padding: 0;\n}\nprogress {\n  vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary {\n  display: list-item;\n}\n\n/* libs/components/dm-select-lib/src/lib/dm-select-lib/dm-select-lib.component.scss */\n* {\n  font-family:\n    Inter,\n    Arial,\n    serif;\n  caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n  caret-color: auto !important;\n}\nbody {\n  margin: 0;\n  padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n  padding: 0;\n}\n.input:focus-visible {\n  box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 14px;\n  line-height: 18px;\n  font-variant-numeric: lining-nums tabular-nums;\n  font-weight: 400;\n  cursor: pointer;\n  position: relative;\n}\n.form-control-container .form-control-label {\n  color: #4a5469;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n  font-size: 14px;\n  color: #252a34;\n  font-weight: 400;\n  line-height: 18px;\n  font-style: normal;\n  font-variant-numeric: lining-nums tabular-nums;\n  width: 100%;\n}\n.form-control-container .form-control-error-message {\n  font-size: 12px;\n  color: #d6421e;\n  margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n  color: #4a5469;\n  font-size: 12px;\n  margin-top: 2px;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n  (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=dm-select-lib.component.css.map */\n'] }]
   }], () => [{ type: ElementRef }, { type: ShadowDomStyleInjectorService }], { label: [{
     type: Input
   }], placeholder: [{
@@ -62234,10 +62509,15 @@ var DmSelectLibComponent = class _DmSelectLibComponent {
     type: Input
   }], loading: [{
     type: Input
+  }], appendToBody: [{
+    type: Input,
+    args: [{ transform: booleanAttribute }]
+  }], openState: [{
+    type: Output
   }] });
 })();
 (() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(DmSelectLibComponent, { className: "DmSelectLibComponent", filePath: "libs/components/dm-select-lib/src/lib/dm-select-lib/dm-select-lib.component.ts", lineNumber: 42 });
+  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(DmSelectLibComponent, { className: "DmSelectLibComponent", filePath: "libs/components/dm-select-lib/src/lib/dm-select-lib/dm-select-lib.component.ts", lineNumber: 44 });
 })();
 
 // apps/web-components/dm-select/src/app.module.ts