@everymatrix/stage-dm-button 1.0.0 → 1.0.16

package/main.js

@@ -29425,6 +29425,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() {
@@ -29453,8 +29454,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)();
@@ -29570,6 +29579,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
@@ -29703,13 +29726,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>
@@ -29761,6 +29785,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))
@@ -30759,7 +30799,6 @@ var TemplateService = class _TemplateService {
       if (template && (template.errorCode || template.successful === "false")) {
         throw new Error(template.message);
       }
-      this.template.set(template || null);
       return template;
     }));
   }
@@ -30787,13 +30826,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;
   }
@@ -30820,7 +30887,8 @@ var REPORTS = {
   MM_VERIFICATION: {
     reportId: 100,
     reportName: "Verification Report",
-    reportKey: "mm_verification_report"
+    reportKey: "mm_verification_report",
+    exportReportName: "verification_report"
   }
 };
 
@@ -30899,6 +30967,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 = {
@@ -30941,7 +31015,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);
@@ -31018,12 +31092,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
       }
     };
@@ -31074,6 +31148,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)();
   };
@@ -31086,6 +31170,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 {
@@ -38515,7 +38642,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;
@@ -38586,12 +38713,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 {
@@ -38769,7 +38896,7 @@ var primengCustomPreset = definePreset(lara_default, {
               height: 16px;
               top: 50%;
               margin: 0;
-              transform: translateY(-50%);
+              transform: translate(-4px, -50%);
           }
         }
 
@@ -38875,8 +39002,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 {
@@ -39008,7 +39140,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;
@@ -39021,6 +39154,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 {
@@ -39503,21 +39640,131 @@ var appConfig = {
 };
 
 // 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,
@@ -39536,17 +39783,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")
           ];
         }
       }
@@ -39558,6 +39811,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)();
   };
@@ -39677,7 +39933,7 @@ var DmButtonLibComponent = class _DmButtonLibComponent {
       \u0275\u0275advance(2);
       \u0275\u0275conditional(ctx.text ? 2 : -1);
     }
-  }, dependencies: [NgClass, 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-button-lib/src/lib/dm-button-lib/dm-button-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.dm-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  text-align: center;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  font-weight: 600;\n}\n.dm-button.primary-filled {\n  background: #0076dd;\n  color: #ffffff;\n  border: none;\n}\n.dm-button.primary-filled:hover:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #0076dd;\n}\n.dm-button.primary-filled:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 118, 221, 0.16);\n}\n.dm-button.primary-filled:active:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), #0076dd;\n}\n.dm-button.primary-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #0076dd;\n}\n.dm-button.primary-outlined {\n  background: transparent;\n  color: #0076dd;\n  border: 1px solid #0076dd;\n}\n.dm-button.primary-outlined:hover:not(:disabled) {\n  background: rgba(0, 118, 221, 0.08);\n}\n.dm-button.primary-outlined:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 118, 221, 0.16);\n}\n.dm-button.primary-outlined:active:not(:disabled) {\n  background: rgba(0, 118, 221, 0.22);\n}\n.dm-button.primary-outlined:disabled {\n  opacity: 50%;\n}\n.dm-button.secondary-filled {\n  background: #5d6983;\n  color: #ffffff;\n  position: relative;\n}\n.dm-button.secondary-filled:hover:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #5d6983;\n}\n.dm-button.secondary-filled:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16);\n}\n.dm-button.secondary-filled:active:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), #5d6983;\n}\n.dm-button.secondary-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #5d6983;\n}\n.dm-button.secondary-outlined {\n  background: transparent;\n  color: #5d6983;\n  border: 1px solid #5d6983;\n}\n.dm-button.secondary-outlined:hover:not(:disabled) {\n  background: rgba(93, 105, 131, 0.08);\n}\n.dm-button.secondary-outlined:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16);\n}\n.dm-button.secondary-outlined:active:not(:disabled) {\n  background: rgba(93, 105, 131, 0.22);\n}\n.dm-button.secondary-outlined:disabled {\n  opacity: 50%;\n}\n.dm-button.destructive-filled {\n  background: #d6421e;\n  color: #ffffff;\n  border: none;\n}\n.dm-button.destructive-filled:hover:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #d6421e;\n}\n.dm-button.destructive-filled:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(214, 66, 30, 0.16);\n}\n.dm-button.destructive-filled:active:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), #d6421e;\n}\n.dm-button.destructive-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #d6421e;\n}\n.dm-button.destructive-outlined {\n  background: transparent;\n  color: #d6421e;\n  border: 1px solid #d6421e;\n}\n.dm-button.destructive-outlined:hover:not(:disabled) {\n  background: rgba(214, 66, 30, 0.08);\n}\n.dm-button.destructive-outlined:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(214, 66, 30, 0.16);\n}\n.dm-button.destructive-outlined:active:not(:disabled) {\n  background: rgba(214, 66, 30, 0.22);\n}\n.dm-button.destructive-outlined:disabled {\n  opacity: 50%;\n}\n.dm-button.small {\n  display: flex;\n  padding: 4px 8px;\n  gap: 4px;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 16px;\n}\n.dm-button.small svg {\n  width: 16px;\n  height: 16px;\n}\n.dm-button.medium {\n  display: flex;\n  height: 36px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 18px;\n}\n.dm-button.large {\n  display: flex;\n  padding: 12px 16px;\n  border-radius: 8px;\n  font-size: 16px;\n  line-height: 20px;\n}\n.dm-button.large svg {\n  width: 24px;\n  height: 24px;\n}\n.dm-button .dm-button-icon {\n  display: flex;\n}\n:host ::ng-deep .dm-button.small .dm-button-icon {\n  height: 16px;\n}\n:host ::ng-deep .dm-button.small .dm-button-icon svg {\n  width: 16px;\n  height: 16px;\n}\n:host ::ng-deep .dm-button.medium .dm-button-icon {\n  height: 20px;\n  display: flex;\n}\n:host ::ng-deep .dm-button.medium .dm-button-icon svg {\n  width: 20px;\n  height: 20px;\n}\n:host ::ng-deep .dm-button.large .dm-button-icon {\n  height: 24px;\n}\n:host ::ng-deep .dm-button.large .dm-button-icon svg {\n  width: 24px;\n  height: 24px;\n}\n:host ::ng-deep .primary-outlined .dm-button-icon svg {\n  fill: #0076dd;\n}\n:host ::ng-deep .secondary-outlined .dm-button-icon svg {\n  fill: #5d6983;\n}\n:host ::ng-deep .primary-filled .dm-button-icon svg,\n:host ::ng-deep .secondary-filled .dm-button-icon svg {\n  fill: #ffffff;\n}\n:host ::ng-deep .primary-filled:disabled,\n:host ::ng-deep .secondary-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #5d6983;\n  color: rgba(255, 255, 255, 0.5);\n}\n:host ::ng-deep .primary-filled:disabled svg,\n:host ::ng-deep .secondary-filled:disabled svg {\n  fill: rgba(255, 255, 255, 0.5);\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-button-lib.component.css.map */\n'], encapsulation: 3, changeDetection: 0 });
+  }, dependencies: [NgClass, 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-button-lib/src/lib/dm-button-lib/dm-button-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.dm-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  text-align: center;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  font-weight: 600;\n}\n.dm-button.primary-filled {\n  background: #0076dd;\n  color: #ffffff;\n  border: none;\n}\n.dm-button.primary-filled:hover:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #0076dd;\n}\n.dm-button.primary-filled:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 118, 221, 0.16);\n}\n.dm-button.primary-filled:active:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), #0076dd;\n}\n.dm-button.primary-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #0076dd;\n}\n.dm-button.primary-outlined {\n  background: transparent;\n  color: #0076dd;\n  border: 1px solid #0076dd;\n}\n.dm-button.primary-outlined:hover:not(:disabled) {\n  background: rgba(0, 118, 221, 0.08);\n}\n.dm-button.primary-outlined:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 118, 221, 0.16);\n}\n.dm-button.primary-outlined:active:not(:disabled) {\n  background: rgba(0, 118, 221, 0.22);\n}\n.dm-button.primary-outlined:disabled {\n  opacity: 50%;\n}\n.dm-button.secondary-filled {\n  background: #5d6983;\n  color: #ffffff;\n  position: relative;\n}\n.dm-button.secondary-filled:hover:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #5d6983;\n}\n.dm-button.secondary-filled:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16);\n}\n.dm-button.secondary-filled:active:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), #5d6983;\n}\n.dm-button.secondary-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #5d6983;\n}\n.dm-button.secondary-outlined {\n  background: transparent;\n  color: #5d6983;\n  border: 1px solid #5d6983;\n}\n.dm-button.secondary-outlined:hover:not(:disabled) {\n  background: rgba(93, 105, 131, 0.08);\n}\n.dm-button.secondary-outlined:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16);\n}\n.dm-button.secondary-outlined:active:not(:disabled) {\n  background: rgba(93, 105, 131, 0.22);\n}\n.dm-button.secondary-outlined:disabled {\n  opacity: 50%;\n}\n.dm-button.destructive-filled {\n  background: #d6421e;\n  color: #ffffff;\n  border: none;\n}\n.dm-button.destructive-filled:hover:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #d6421e;\n}\n.dm-button.destructive-filled:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(214, 66, 30, 0.16);\n}\n.dm-button.destructive-filled:active:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), #d6421e;\n}\n.dm-button.destructive-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #d6421e;\n}\n.dm-button.destructive-outlined {\n  background: transparent;\n  color: #d6421e;\n  border: 1px solid #d6421e;\n}\n.dm-button.destructive-outlined:hover:not(:disabled) {\n  background: rgba(214, 66, 30, 0.08);\n}\n.dm-button.destructive-outlined:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(214, 66, 30, 0.16);\n}\n.dm-button.destructive-outlined:active:not(:disabled) {\n  background: rgba(214, 66, 30, 0.22);\n}\n.dm-button.destructive-outlined:disabled {\n  opacity: 50%;\n}\n.dm-button.small {\n  display: flex;\n  padding: 4px 8px;\n  gap: 4px;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 16px;\n}\n.dm-button.small svg {\n  width: 16px;\n  height: 16px;\n}\n.dm-button.medium {\n  display: flex;\n  height: 36px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 18px;\n}\n.dm-button.large {\n  display: flex;\n  padding: 12px 16px;\n  border-radius: 8px;\n  font-size: 16px;\n  line-height: 20px;\n}\n.dm-button.large svg {\n  width: 24px;\n  height: 24px;\n}\n.dm-button .dm-button-icon {\n  display: flex;\n}\n:host ::ng-deep .dm-button.small .dm-button-icon {\n  height: 16px;\n}\n:host ::ng-deep .dm-button.small .dm-button-icon svg {\n  width: 16px;\n  height: 16px;\n}\n:host ::ng-deep .dm-button.medium .dm-button-icon {\n  height: 20px;\n  display: flex;\n}\n:host ::ng-deep .dm-button.medium .dm-button-icon svg {\n  width: 20px;\n  height: 20px;\n}\n:host ::ng-deep .dm-button.large .dm-button-icon {\n  height: 24px;\n}\n:host ::ng-deep .dm-button.large .dm-button-icon svg {\n  width: 24px;\n  height: 24px;\n}\n:host ::ng-deep .primary-outlined .dm-button-icon svg {\n  fill: #0076dd;\n}\n:host ::ng-deep .secondary-outlined .dm-button-icon svg {\n  fill: #5d6983;\n}\n:host ::ng-deep .primary-filled .dm-button-icon svg,\n:host ::ng-deep .secondary-filled .dm-button-icon svg {\n  fill: #ffffff;\n}\n:host ::ng-deep .primary-filled:disabled,\n:host ::ng-deep .secondary-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #5d6983;\n  color: rgba(255, 255, 255, 0.5);\n}\n:host ::ng-deep .primary-filled:disabled svg,\n:host ::ng-deep .secondary-filled:disabled svg {\n  fill: rgba(255, 255, 255, 0.5);\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-button-lib.component.css.map */\n'], encapsulation: 3, changeDetection: 0 });
 };
 (() => {
   (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(DmButtonLibComponent, [{
@@ -39709,7 +39965,7 @@ var DmButtonLibComponent = class _DmButtonLibComponent {
       }
       <ng-content select="[icon-right]"></ng-content>
     </button>
-  `, standalone: true, imports: [NgClass, NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, 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-button-lib/src/lib/dm-button-lib/dm-button-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.dm-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  text-align: center;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  font-weight: 600;\n}\n.dm-button.primary-filled {\n  background: #0076dd;\n  color: #ffffff;\n  border: none;\n}\n.dm-button.primary-filled:hover:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #0076dd;\n}\n.dm-button.primary-filled:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 118, 221, 0.16);\n}\n.dm-button.primary-filled:active:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), #0076dd;\n}\n.dm-button.primary-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #0076dd;\n}\n.dm-button.primary-outlined {\n  background: transparent;\n  color: #0076dd;\n  border: 1px solid #0076dd;\n}\n.dm-button.primary-outlined:hover:not(:disabled) {\n  background: rgba(0, 118, 221, 0.08);\n}\n.dm-button.primary-outlined:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 118, 221, 0.16);\n}\n.dm-button.primary-outlined:active:not(:disabled) {\n  background: rgba(0, 118, 221, 0.22);\n}\n.dm-button.primary-outlined:disabled {\n  opacity: 50%;\n}\n.dm-button.secondary-filled {\n  background: #5d6983;\n  color: #ffffff;\n  position: relative;\n}\n.dm-button.secondary-filled:hover:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #5d6983;\n}\n.dm-button.secondary-filled:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16);\n}\n.dm-button.secondary-filled:active:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), #5d6983;\n}\n.dm-button.secondary-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #5d6983;\n}\n.dm-button.secondary-outlined {\n  background: transparent;\n  color: #5d6983;\n  border: 1px solid #5d6983;\n}\n.dm-button.secondary-outlined:hover:not(:disabled) {\n  background: rgba(93, 105, 131, 0.08);\n}\n.dm-button.secondary-outlined:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16);\n}\n.dm-button.secondary-outlined:active:not(:disabled) {\n  background: rgba(93, 105, 131, 0.22);\n}\n.dm-button.secondary-outlined:disabled {\n  opacity: 50%;\n}\n.dm-button.destructive-filled {\n  background: #d6421e;\n  color: #ffffff;\n  border: none;\n}\n.dm-button.destructive-filled:hover:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #d6421e;\n}\n.dm-button.destructive-filled:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(214, 66, 30, 0.16);\n}\n.dm-button.destructive-filled:active:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), #d6421e;\n}\n.dm-button.destructive-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #d6421e;\n}\n.dm-button.destructive-outlined {\n  background: transparent;\n  color: #d6421e;\n  border: 1px solid #d6421e;\n}\n.dm-button.destructive-outlined:hover:not(:disabled) {\n  background: rgba(214, 66, 30, 0.08);\n}\n.dm-button.destructive-outlined:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(214, 66, 30, 0.16);\n}\n.dm-button.destructive-outlined:active:not(:disabled) {\n  background: rgba(214, 66, 30, 0.22);\n}\n.dm-button.destructive-outlined:disabled {\n  opacity: 50%;\n}\n.dm-button.small {\n  display: flex;\n  padding: 4px 8px;\n  gap: 4px;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 16px;\n}\n.dm-button.small svg {\n  width: 16px;\n  height: 16px;\n}\n.dm-button.medium {\n  display: flex;\n  height: 36px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 18px;\n}\n.dm-button.large {\n  display: flex;\n  padding: 12px 16px;\n  border-radius: 8px;\n  font-size: 16px;\n  line-height: 20px;\n}\n.dm-button.large svg {\n  width: 24px;\n  height: 24px;\n}\n.dm-button .dm-button-icon {\n  display: flex;\n}\n:host ::ng-deep .dm-button.small .dm-button-icon {\n  height: 16px;\n}\n:host ::ng-deep .dm-button.small .dm-button-icon svg {\n  width: 16px;\n  height: 16px;\n}\n:host ::ng-deep .dm-button.medium .dm-button-icon {\n  height: 20px;\n  display: flex;\n}\n:host ::ng-deep .dm-button.medium .dm-button-icon svg {\n  width: 20px;\n  height: 20px;\n}\n:host ::ng-deep .dm-button.large .dm-button-icon {\n  height: 24px;\n}\n:host ::ng-deep .dm-button.large .dm-button-icon svg {\n  width: 24px;\n  height: 24px;\n}\n:host ::ng-deep .primary-outlined .dm-button-icon svg {\n  fill: #0076dd;\n}\n:host ::ng-deep .secondary-outlined .dm-button-icon svg {\n  fill: #5d6983;\n}\n:host ::ng-deep .primary-filled .dm-button-icon svg,\n:host ::ng-deep .secondary-filled .dm-button-icon svg {\n  fill: #ffffff;\n}\n:host ::ng-deep .primary-filled:disabled,\n:host ::ng-deep .secondary-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #5d6983;\n  color: rgba(255, 255, 255, 0.5);\n}\n:host ::ng-deep .primary-filled:disabled svg,\n:host ::ng-deep .secondary-filled:disabled svg {\n  fill: rgba(255, 255, 255, 0.5);\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-button-lib.component.css.map */\n'] }]
+  `, standalone: true, imports: [NgClass, NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, 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-button-lib/src/lib/dm-button-lib/dm-button-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.dm-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  text-align: center;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  font-weight: 600;\n}\n.dm-button.primary-filled {\n  background: #0076dd;\n  color: #ffffff;\n  border: none;\n}\n.dm-button.primary-filled:hover:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #0076dd;\n}\n.dm-button.primary-filled:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 118, 221, 0.16);\n}\n.dm-button.primary-filled:active:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), #0076dd;\n}\n.dm-button.primary-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #0076dd;\n}\n.dm-button.primary-outlined {\n  background: transparent;\n  color: #0076dd;\n  border: 1px solid #0076dd;\n}\n.dm-button.primary-outlined:hover:not(:disabled) {\n  background: rgba(0, 118, 221, 0.08);\n}\n.dm-button.primary-outlined:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 118, 221, 0.16);\n}\n.dm-button.primary-outlined:active:not(:disabled) {\n  background: rgba(0, 118, 221, 0.22);\n}\n.dm-button.primary-outlined:disabled {\n  opacity: 50%;\n}\n.dm-button.secondary-filled {\n  background: #5d6983;\n  color: #ffffff;\n  position: relative;\n}\n.dm-button.secondary-filled:hover:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #5d6983;\n}\n.dm-button.secondary-filled:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16);\n}\n.dm-button.secondary-filled:active:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), #5d6983;\n}\n.dm-button.secondary-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #5d6983;\n}\n.dm-button.secondary-outlined {\n  background: transparent;\n  color: #5d6983;\n  border: 1px solid #5d6983;\n}\n.dm-button.secondary-outlined:hover:not(:disabled) {\n  background: rgba(93, 105, 131, 0.08);\n}\n.dm-button.secondary-outlined:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16);\n}\n.dm-button.secondary-outlined:active:not(:disabled) {\n  background: rgba(93, 105, 131, 0.22);\n}\n.dm-button.secondary-outlined:disabled {\n  opacity: 50%;\n}\n.dm-button.destructive-filled {\n  background: #d6421e;\n  color: #ffffff;\n  border: none;\n}\n.dm-button.destructive-filled:hover:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #d6421e;\n}\n.dm-button.destructive-filled:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(214, 66, 30, 0.16);\n}\n.dm-button.destructive-filled:active:not(:disabled) {\n  background: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), #d6421e;\n}\n.dm-button.destructive-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #d6421e;\n}\n.dm-button.destructive-outlined {\n  background: transparent;\n  color: #d6421e;\n  border: 1px solid #d6421e;\n}\n.dm-button.destructive-outlined:hover:not(:disabled) {\n  background: rgba(214, 66, 30, 0.08);\n}\n.dm-button.destructive-outlined:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(214, 66, 30, 0.16);\n}\n.dm-button.destructive-outlined:active:not(:disabled) {\n  background: rgba(214, 66, 30, 0.22);\n}\n.dm-button.destructive-outlined:disabled {\n  opacity: 50%;\n}\n.dm-button.small {\n  display: flex;\n  padding: 4px 8px;\n  gap: 4px;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 16px;\n}\n.dm-button.small svg {\n  width: 16px;\n  height: 16px;\n}\n.dm-button.medium {\n  display: flex;\n  height: 36px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 18px;\n}\n.dm-button.large {\n  display: flex;\n  padding: 12px 16px;\n  border-radius: 8px;\n  font-size: 16px;\n  line-height: 20px;\n}\n.dm-button.large svg {\n  width: 24px;\n  height: 24px;\n}\n.dm-button .dm-button-icon {\n  display: flex;\n}\n:host ::ng-deep .dm-button.small .dm-button-icon {\n  height: 16px;\n}\n:host ::ng-deep .dm-button.small .dm-button-icon svg {\n  width: 16px;\n  height: 16px;\n}\n:host ::ng-deep .dm-button.medium .dm-button-icon {\n  height: 20px;\n  display: flex;\n}\n:host ::ng-deep .dm-button.medium .dm-button-icon svg {\n  width: 20px;\n  height: 20px;\n}\n:host ::ng-deep .dm-button.large .dm-button-icon {\n  height: 24px;\n}\n:host ::ng-deep .dm-button.large .dm-button-icon svg {\n  width: 24px;\n  height: 24px;\n}\n:host ::ng-deep .primary-outlined .dm-button-icon svg {\n  fill: #0076dd;\n}\n:host ::ng-deep .secondary-outlined .dm-button-icon svg {\n  fill: #5d6983;\n}\n:host ::ng-deep .primary-filled .dm-button-icon svg,\n:host ::ng-deep .secondary-filled .dm-button-icon svg {\n  fill: #ffffff;\n}\n:host ::ng-deep .primary-filled:disabled,\n:host ::ng-deep .secondary-filled:disabled {\n  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #5d6983;\n  color: rgba(255, 255, 255, 0.5);\n}\n:host ::ng-deep .primary-filled:disabled svg,\n:host ::ng-deep .secondary-filled:disabled svg {\n  fill: rgba(255, 255, 255, 0.5);\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-button-lib.component.css.map */\n'] }]
   }], () => [{ type: ElementRef }, { type: ShadowDomStyleInjectorService }], { text: [{
     type: Input
   }], variant: [{