@memberjunction/ng-explorer-settings 3.4.0 → 4.0.0

package/dist/lib/shared/components/settings-card/settings-card.component.js

@@ -0,0 +1,170 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const _c0 = ["*"];
+function SettingsCardComponent_Conditional_1_Conditional_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function SettingsCardComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SettingsCardComponent_Conditional_1_Conditional_1_ng_container_0_Template, 1, 0, "ng-container", 4);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.headerTemplate);
+} }
+function SettingsCardComponent_Conditional_1_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.subtitle);
+} }
+function SettingsCardComponent_Conditional_1_Conditional_2_Conditional_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function SettingsCardComponent_Conditional_1_Conditional_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵtemplate(1, SettingsCardComponent_Conditional_1_Conditional_2_Conditional_4_ng_container_1_Template, 1, 0, "ng-container", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.actionTemplate);
+} }
+function SettingsCardComponent_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5)(1, "h3", 6);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, SettingsCardComponent_Conditional_1_Conditional_2_Conditional_3_Template, 2, 1, "p", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, SettingsCardComponent_Conditional_1_Conditional_2_Conditional_4_Template, 2, 1, "div", 8);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.title);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.subtitle ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.actionTemplate ? 4 : -1);
+} }
+function SettingsCardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtemplate(1, SettingsCardComponent_Conditional_1_Conditional_1_Template, 1, 1, "ng-container")(2, SettingsCardComponent_Conditional_1_Conditional_2_Template, 5, 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.headerTemplate ? 1 : 2);
+} }
+function SettingsCardComponent_Conditional_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function SettingsCardComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtemplate(1, SettingsCardComponent_Conditional_4_ng_container_1_Template, 1, 0, "ng-container", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.footerTemplate);
+} }
+/**
+ * A reusable settings card component providing consistent styling and layout
+ * across all settings sections. Follows the modern AI dashboard design patterns.
+ */
+export class SettingsCardComponent {
+    /** Card title displayed in the header */
+    title;
+    /** Card subtitle displayed below the title */
+    subtitle;
+    /** Whether to use floating card style (higher elevation) */
+    floating = false;
+    /** Card size variant */
+    size = 'md';
+    /** Whether to remove padding from content area */
+    noPadding = false;
+    /** Template for custom header content */
+    headerTemplate;
+    /** Template for header action buttons */
+    actionTemplate;
+    /** Template for footer content */
+    footerTemplate;
+    static ɵfac = function SettingsCardComponent_Factory(t) { return new (t || SettingsCardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SettingsCardComponent, selectors: [["mj-settings-card"]], inputs: { title: "title", subtitle: "subtitle", floating: "floating", size: "size", noPadding: "noPadding", headerTemplate: "headerTemplate", actionTemplate: "actionTemplate", footerTemplate: "footerTemplate" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls: 5, vars: 10, consts: [[1, "mj-card"], [1, "mj-card-header"], [1, "mj-card-body"], [1, "mj-card-footer"], [4, "ngTemplateOutlet"], [1, "header-content"], [1, "card-title"], [1, "card-subtitle"], [1, "mj-card-actions"]], template: function SettingsCardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, SettingsCardComponent_Conditional_1_Template, 3, 1, "div", 1);
+            i0.ɵɵelementStart(2, "div", 2);
+            i0.ɵɵprojection(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(4, SettingsCardComponent_Conditional_4_Template, 2, 1, "div", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("mj-card-floating", ctx.floating)("mj-card-sm", ctx.size === "sm")("mj-card-lg", ctx.size === "lg");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.title || ctx.headerTemplate ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("no-padding", ctx.noPadding);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.footerTemplate ? 4 : -1);
+        } }, dependencies: [CommonModule, i1.NgTemplateOutlet], styles: ["@keyframes _ngcontent-%COMP%_shimmer {\n  0% {\n    background-position: -200% 0;\n  }\n  100% {\n    background-position: 200% 0;\n  }\n}\n[_nghost-%COMP%] {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 14px;\n  line-height: 1.4;\n  color: #212121;\n}\n[_nghost-%COMP%]   *[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n}\n\n.settings-card[_ngcontent-%COMP%] {\n  background: #ffffff;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  padding: 20px;\n}\n.settings-card[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n  transform: translateY(-1px);\n}\n\n.settings-card-floating[_ngcontent-%COMP%] {\n  background: #ffffff;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n  padding: 20px;\n}\n.settings-card-floating[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n  transform: translateY(-2px);\n}\n\n.settings-card-sm[_ngcontent-%COMP%] {\n  background: #ffffff;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  padding: 16px;\n}\n.settings-card-sm[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n  transform: translateY(-1px);\n}\n\n.settings-card-lg[_ngcontent-%COMP%] {\n  background: #ffffff;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  padding: 24px;\n}\n.settings-card-lg[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n  transform: translateY(-1px);\n}\n\n.dashboard-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 24px 0 16px 0;\n}\n.dashboard-header[_ngcontent-%COMP%]   .header-info[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.dashboard-header[_ngcontent-%COMP%]   .header-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%], .dashboard-header[_ngcontent-%COMP%]   .header-info[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%], .dashboard-header[_ngcontent-%COMP%]   .header-info[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-weight: 600;\n  color: #212121;\n  font-size: 24px;\n  line-height: 1.2;\n}\n.dashboard-header[_ngcontent-%COMP%]   .header-info[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  font-size: 18px;\n}\n.dashboard-header[_ngcontent-%COMP%]   .header-info[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n.dashboard-header[_ngcontent-%COMP%]   .header-controls[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.section-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #e0e0e0;\n}\n.section-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%], .section-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0;\n  font-weight: 500;\n  color: #212121;\n  font-size: 16px;\n}\n.section-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.control-btn[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: #ffffff;\n  color: #212121;\n  border-color: #bdbdbd;\n}\n.control-btn[_ngcontent-%COMP%]:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.control-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.control-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n.control-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #f8f9fa;\n  border-color: #2196f3;\n  color: #2196f3;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n.control-btn.control-btn-primary[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: #2196f3;\n  color: #ffffff;\n  border-color: #2196f3;\n}\n.control-btn.control-btn-primary[_ngcontent-%COMP%]:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.control-btn.control-btn-primary[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.control-btn.control-btn-primary[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n.control-btn.control-btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #1976d2;\n  border-color: #1976d2;\n  box-shadow: 0 2px 8px rgba(33, 150, 243, 0.2);\n  transform: translateY(-1px);\n}\n.control-btn.control-btn-primary[_ngcontent-%COMP%]:active {\n  transform: translateY(0);\n}\n.control-btn.control-btn-danger[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: #f44336;\n  color: #ffffff;\n  border-color: #f44336;\n}\n.control-btn.control-btn-danger[_ngcontent-%COMP%]:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.control-btn.control-btn-danger[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.control-btn.control-btn-danger[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n.control-btn.control-btn-danger[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #ea1c0d;\n  border-color: #ea1c0d;\n  box-shadow: 0 2px 8px rgba(244, 67, 54, 0.3);\n  transform: translateY(-1px);\n}\n.control-btn.control-btn-ghost[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: transparent;\n  color: #666666;\n  border-color: transparent;\n}\n.control-btn.control-btn-ghost[_ngcontent-%COMP%]:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.control-btn.control-btn-ghost[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.control-btn.control-btn-ghost[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n.control-btn.control-btn-ghost[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #f8f9fa;\n  color: #2196f3;\n}\n.control-btn.control-btn-sm[_ngcontent-%COMP%] {\n  height: 28px;\n  padding: 0 8px;\n  font-size: 11px;\n}\n.control-btn.control-btn-sm[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n.control-btn.control-btn-lg[_ngcontent-%COMP%] {\n  height: 44px;\n  padding: 0 24px;\n  font-size: 14px;\n}\n.control-btn.control-btn-lg[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n\n.action-btn[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: transparent;\n  color: #666666;\n  border-color: transparent;\n  height: 28px;\n  padding: 0 8px;\n  font-size: 11px;\n  width: 28px;\n  padding: 0;\n}\n.action-btn[_ngcontent-%COMP%]:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.action-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.action-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n.action-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #f8f9fa;\n  color: #2196f3;\n}\n.action-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n.action-btn.action-btn-primary[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: #2196f3;\n  color: #ffffff;\n  border-color: #2196f3;\n  height: 28px;\n  padding: 0 8px;\n  font-size: 11px;\n  width: 28px;\n  padding: 0;\n}\n.action-btn.action-btn-primary[_ngcontent-%COMP%]:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.action-btn.action-btn-primary[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.action-btn.action-btn-primary[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n.action-btn.action-btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #1976d2;\n  border-color: #1976d2;\n  box-shadow: 0 2px 8px rgba(33, 150, 243, 0.2);\n  transform: translateY(-1px);\n}\n.action-btn.action-btn-primary[_ngcontent-%COMP%]:active {\n  transform: translateY(0);\n}\n.action-btn.action-btn-primary[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n.action-btn.action-btn-danger[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: #f44336;\n  color: #ffffff;\n  border-color: #f44336;\n  height: 28px;\n  padding: 0 8px;\n  font-size: 11px;\n  width: 28px;\n  padding: 0;\n}\n.action-btn.action-btn-danger[_ngcontent-%COMP%]:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.action-btn.action-btn-danger[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.action-btn.action-btn-danger[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n.action-btn.action-btn-danger[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #ea1c0d;\n  border-color: #ea1c0d;\n  box-shadow: 0 2px 8px rgba(244, 67, 54, 0.3);\n  transform: translateY(-1px);\n}\n.action-btn.action-btn-danger[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.info-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 8px;\n  height: 20px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  background: rgba(33, 150, 243, 0.1);\n  color: #1976d2;\n  border: 1px solid rgba(33, 150, 243, 0.2);\n}\n\n.status-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 8px;\n  height: 20px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  background: rgba(158, 158, 158, 0.1);\n  color: #666666;\n  border: 1px solid rgba(158, 158, 158, 0.2);\n}\n.status-badge.status-active[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 8px;\n  height: 20px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  background: rgba(76, 175, 80, 0.1);\n  color: #3d8b40;\n  border: 1px solid rgba(76, 175, 80, 0.2);\n}\n.status-badge.status-migration[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 8px;\n  height: 20px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  background: rgba(33, 150, 243, 0.1);\n  color: #1976d2;\n  border: 1px solid rgba(33, 150, 243, 0.2);\n}\n.status-badge.status-warning[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 8px;\n  height: 20px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  background: rgba(255, 193, 7, 0.1);\n  color: #6d5200;\n  border: 1px solid rgba(255, 193, 7, 0.2);\n}\n.status-badge.status-error[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 8px;\n  height: 20px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  background: rgba(244, 67, 54, 0.1);\n  color: #ea1c0d;\n  border: 1px solid rgba(244, 67, 54, 0.2);\n}\n\n.settings-nav[_ngcontent-%COMP%] {\n  width: 220px;\n  min-width: 220px;\n  max-width: 220px;\n  background: #ffffff;\n  border-right: 1px solid #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow-y: auto;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n.settings-nav[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  margin: 0 8px 4px 8px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 400;\n  color: #666666;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  position: relative;\n}\n.settings-nav[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 3px;\n  height: 0;\n  background: #2196f3;\n  border-radius: 0 2px 2px 0;\n  transition: height all 0.15s ease;\n}\n.settings-nav[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n  color: #2196f3;\n  transform: translateX(2px);\n}\n.settings-nav[_ngcontent-%COMP%]   .nav-item.active[_ngcontent-%COMP%] {\n  background: rgba(33, 150, 243, 0.1);\n  color: #2196f3;\n  font-weight: 500;\n}\n.settings-nav[_ngcontent-%COMP%]   .nav-item.active[_ngcontent-%COMP%]::before {\n  height: 24px;\n}\n.settings-nav[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n  width: 18px;\n  text-align: center;\n}\n\n.form-field[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n}\n.form-field[_ngcontent-%COMP%]   .field-label[_ngcontent-%COMP%] {\n  display: block;\n  margin-bottom: 4px;\n  font-size: 12px;\n  font-weight: 500;\n  color: #212121;\n}\n.form-field[_ngcontent-%COMP%]   .field-hint[_ngcontent-%COMP%] {\n  margin-top: 4px;\n  font-size: 11px;\n  color: #9e9e9e;\n}\n.form-field[_ngcontent-%COMP%]   .field-error[_ngcontent-%COMP%] {\n  margin-top: 4px;\n  font-size: 11px;\n  color: #f44336;\n}\n.form-field[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], .form-field[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%], .form-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 36px;\n  padding: 0 8px;\n  border: 1px solid #e0e0e0;\n  border-radius: 6px;\n  font-size: 12px;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  background: #ffffff;\n  color: #212121;\n  transition: all 0.15s ease;\n  outline: none;\n}\n.form-field[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder, .form-field[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]::placeholder, .form-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]::placeholder {\n  color: #9e9e9e;\n}\n.form-field[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus, .form-field[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]:focus, .form-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus {\n  border-color: #2196f3;\n  box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.2);\n}\n.form-field[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:disabled, .form-field[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]:disabled, .form-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:disabled {\n  background: #f8f9fa;\n  color: #bdbdbd;\n  cursor: not-allowed;\n}\n\n.form-row[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n}\n.form-row[_ngcontent-%COMP%]   .form-field[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.checkbox-field[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n.checkbox-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  color: #212121;\n  cursor: pointer;\n  margin: 0;\n}\n\n.status-bar[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 24px;\n  padding: 16px;\n  background: #fafafa;\n  border: 1px solid #e0e0e0;\n  border-radius: 6px;\n  margin-bottom: 16px;\n}\n.status-bar[_ngcontent-%COMP%]   .status-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n}\n.status-bar[_ngcontent-%COMP%]   .status-item[_ngcontent-%COMP%]   .status-label[_ngcontent-%COMP%] {\n  color: #666666;\n  font-weight: 500;\n}\n.status-bar[_ngcontent-%COMP%]   .status-item[_ngcontent-%COMP%]   .status-value[_ngcontent-%COMP%] {\n  color: #212121;\n  font-weight: 600;\n}\n.status-bar[_ngcontent-%COMP%]   .status-item[_ngcontent-%COMP%]   .status-value.text-success[_ngcontent-%COMP%] {\n  color: #4caf50;\n}\n.status-bar[_ngcontent-%COMP%]   .status-item[_ngcontent-%COMP%]   .status-value.text-warning[_ngcontent-%COMP%] {\n  color: #ffc107;\n}\n.status-bar[_ngcontent-%COMP%]   .status-item[_ngcontent-%COMP%]   .status-value.text-danger[_ngcontent-%COMP%] {\n  color: #f44336;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: 16px;\n  padding: 48px;\n  text-align: center;\n  color: #666666;\n}\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 48px;\n  color: #9e9e9e;\n  margin-bottom: 8px;\n}\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 500;\n  color: #212121;\n}\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  max-width: 400px;\n  line-height: 1.6;\n}\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: 16px;\n  padding: 48px;\n}\n.loading-container[_ngcontent-%COMP%]   .loading-spinner[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  border: 3px solid #e0e0e0;\n  border-top-color: #2196f3;\n  border-radius: 50%;\n  animation: _ngcontent-%COMP%_spin 1s linear infinite;\n}\n.loading-container[_ngcontent-%COMP%]   .loading-text[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #666666;\n}\n\n@keyframes _ngcontent-%COMP%_spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.text-success[_ngcontent-%COMP%] {\n  color: #4caf50 !important;\n}\n\n.text-warning[_ngcontent-%COMP%] {\n  color: #ffc107 !important;\n}\n\n.text-danger[_ngcontent-%COMP%] {\n  color: #f44336 !important;\n}\n\n.text-info[_ngcontent-%COMP%] {\n  color: #00bcd4 !important;\n}\n\n.text-muted[_ngcontent-%COMP%] {\n  color: #9e9e9e !important;\n}\n\n.text-primary[_ngcontent-%COMP%] {\n  color: #212121 !important;\n}\n\n.text-secondary[_ngcontent-%COMP%] {\n  color: #666666 !important;\n}\n\n.mb-0[_ngcontent-%COMP%] {\n  margin-bottom: 0 !important;\n}\n\n.mb-1[_ngcontent-%COMP%] {\n  margin-bottom: 4px !important;\n}\n\n.mb-2[_ngcontent-%COMP%] {\n  margin-bottom: 8px !important;\n}\n\n.mb-3[_ngcontent-%COMP%] {\n  margin-bottom: 16px !important;\n}\n\n.mb-4[_ngcontent-%COMP%] {\n  margin-bottom: 24px !important;\n}\n\n.mb-5[_ngcontent-%COMP%] {\n  margin-bottom: 32px !important;\n}\n\n.mt-0[_ngcontent-%COMP%] {\n  margin-top: 0 !important;\n}\n\n.mt-1[_ngcontent-%COMP%] {\n  margin-top: 4px !important;\n}\n\n.mt-2[_ngcontent-%COMP%] {\n  margin-top: 8px !important;\n}\n\n.mt-3[_ngcontent-%COMP%] {\n  margin-top: 16px !important;\n}\n\n.mt-4[_ngcontent-%COMP%] {\n  margin-top: 24px !important;\n}\n\n.mt-5[_ngcontent-%COMP%] {\n  margin-top: 32px !important;\n}\n\n.d-flex[_ngcontent-%COMP%] {\n  display: flex !important;\n}\n\n.d-block[_ngcontent-%COMP%] {\n  display: block !important;\n}\n\n.d-inline-block[_ngcontent-%COMP%] {\n  display: inline-block !important;\n}\n\n.d-none[_ngcontent-%COMP%] {\n  display: none !important;\n}\n\n.flex-1[_ngcontent-%COMP%] {\n  flex: 1 !important;\n}\n\n.flex-column[_ngcontent-%COMP%] {\n  flex-direction: column !important;\n}\n\n.flex-row[_ngcontent-%COMP%] {\n  flex-direction: row !important;\n}\n\n.align-center[_ngcontent-%COMP%] {\n  align-items: center !important;\n}\n\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center !important;\n}\n\n.justify-between[_ngcontent-%COMP%] {\n  justify-content: space-between !important;\n}\n\n.stats-grid[_ngcontent-%COMP%] {\n  display: grid !important;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n  width: 100%;\n}\n@media (max-width: 768px) {\n  .stats-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n}\n\n.stat-card[_ngcontent-%COMP%] {\n  margin-right: 10px;\n}\n\n.role-card[_ngcontent-%COMP%] {\n  margin-bottom: 5px;\n}\n\n@media (max-width: 768px) {\n  .settings-card[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n  .dashboard-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 16px;\n  }\n  .dashboard-header[_ngcontent-%COMP%]   .header-controls[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: flex-start;\n  }\n  .form-row[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n}\n[_nghost-%COMP%] {\n  display: block;\n  width: 100%;\n}\n\n.settings-card[_ngcontent-%COMP%] {\n  background: #ffffff;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.settings-card[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n  transform: translateY(-1px);\n}\n.settings-card.settings-card-floating[_ngcontent-%COMP%] {\n  background: #ffffff;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n}\n.settings-card.settings-card-floating[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n  transform: translateY(-2px);\n}\n.settings-card.settings-card-sm[_ngcontent-%COMP%] {\n  padding: 16px;\n}\n.settings-card.settings-card-lg[_ngcontent-%COMP%] {\n  padding: 24px;\n}\n\n.card-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #e0e0e0;\n  flex-shrink: 0;\n  padding: 24px 24px 16px 24px;\n  margin: 0;\n}\n.card-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%], .card-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0;\n  font-weight: 500;\n  color: #212121;\n  font-size: 16px;\n}\n.card-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n.card-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%] {\n  flex: 1;\n}\n.card-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%]   .card-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #212121;\n  line-height: 1.2;\n}\n.card-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%]   .card-subtitle[_ngcontent-%COMP%] {\n  margin: 4px 0 0 0;\n  font-size: 12px;\n  color: #666666;\n  line-height: 1.4;\n}\n.card-header[_ngcontent-%COMP%]   .header-actions[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  display: flex;\n  gap: 8px;\n  align-items: flex-start;\n}\n\n.card-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  padding: 0 24px 24px 24px;\n}\n.card-content.no-padding[_ngcontent-%COMP%] {\n  padding: 0;\n}\n\n.card-footer[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  padding: 16px 24px 24px 24px;\n  border-top: 1px solid #e0e0e0;\n  background: #f8f9fa;\n  border-radius: 0 0 8px 8px;\n}\n\n.settings-card-sm[_ngcontent-%COMP%]   .card-header[_ngcontent-%COMP%] {\n  padding: 16px 16px 8px 16px;\n}\n.settings-card-sm[_ngcontent-%COMP%]   .card-header[_ngcontent-%COMP%]   .card-title[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n.settings-card-sm[_ngcontent-%COMP%]   .card-header[_ngcontent-%COMP%]   .card-subtitle[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n.settings-card-sm[_ngcontent-%COMP%]   .card-content[_ngcontent-%COMP%] {\n  padding: 0 16px 16px 16px;\n}\n.settings-card-sm[_ngcontent-%COMP%]   .card-content.no-padding[_ngcontent-%COMP%] {\n  padding: 0;\n}\n.settings-card-sm[_ngcontent-%COMP%]   .card-footer[_ngcontent-%COMP%] {\n  padding: 8px 16px 16px 16px;\n}\n\n.settings-card-lg[_ngcontent-%COMP%]   .card-header[_ngcontent-%COMP%] {\n  padding: 32px 32px 24px 32px;\n}\n.settings-card-lg[_ngcontent-%COMP%]   .card-header[_ngcontent-%COMP%]   .card-title[_ngcontent-%COMP%] {\n  font-size: 18px;\n}\n.settings-card-lg[_ngcontent-%COMP%]   .card-content[_ngcontent-%COMP%] {\n  padding: 0 32px 32px 32px;\n}\n.settings-card-lg[_ngcontent-%COMP%]   .card-content.no-padding[_ngcontent-%COMP%] {\n  padding: 0;\n}\n.settings-card-lg[_ngcontent-%COMP%]   .card-footer[_ngcontent-%COMP%] {\n  padding: 24px 32px 32px 32px;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SettingsCardComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-settings-card', standalone: true, imports: [CommonModule], template: `
+    <div class="mj-card" 
+         [class.mj-card-floating]="floating" 
+         [class.mj-card-sm]="size === 'sm'" 
+         [class.mj-card-lg]="size === 'lg'">
+      @if (title || headerTemplate) {
+        <div class="mj-card-header">
+          @if (headerTemplate) {
+            <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
+          } @else {
+            <div class="header-content">
+              <h3 class="card-title">{{ title }}</h3>
+              @if (subtitle) {
+                <p class="card-subtitle">{{ subtitle }}</p>
+              }
+            </div>
+            @if (actionTemplate) {
+              <div class="mj-card-actions">
+                <ng-container *ngTemplateOutlet="actionTemplate"></ng-container>
+              </div>
+            }
+          }
+        </div>
+      }
+      
+      <div class="mj-card-body" [class.no-padding]="noPadding">
+        <ng-content></ng-content>
+      </div>
+      
+      @if (footerTemplate) {
+        <div class="mj-card-footer">
+          <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
+        </div>
+      }
+    </div>
+  `, styles: ["@keyframes shimmer {\n  0% {\n    background-position: -200% 0;\n  }\n  100% {\n    background-position: 200% 0;\n  }\n}\n:host {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 14px;\n  line-height: 1.4;\n  color: #212121;\n}\n:host * {\n  box-sizing: border-box;\n}\n\n.settings-card {\n  background: #ffffff;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  padding: 20px;\n}\n.settings-card:hover {\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n  transform: translateY(-1px);\n}\n\n.settings-card-floating {\n  background: #ffffff;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n  padding: 20px;\n}\n.settings-card-floating:hover {\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n  transform: translateY(-2px);\n}\n\n.settings-card-sm {\n  background: #ffffff;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  padding: 16px;\n}\n.settings-card-sm:hover {\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n  transform: translateY(-1px);\n}\n\n.settings-card-lg {\n  background: #ffffff;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  padding: 24px;\n}\n.settings-card-lg:hover {\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n  transform: translateY(-1px);\n}\n\n.dashboard-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 24px 0 16px 0;\n}\n.dashboard-header .header-info {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.dashboard-header .header-info h1, .dashboard-header .header-info h2, .dashboard-header .header-info h3 {\n  margin: 0;\n  font-weight: 600;\n  color: #212121;\n  font-size: 24px;\n  line-height: 1.2;\n}\n.dashboard-header .header-info h2 {\n  font-size: 18px;\n}\n.dashboard-header .header-info h3 {\n  font-size: 16px;\n}\n.dashboard-header .header-controls {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.section-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #e0e0e0;\n}\n.section-header h3, .section-header h4 {\n  margin: 0;\n  font-weight: 500;\n  color: #212121;\n  font-size: 16px;\n}\n.section-header h4 {\n  font-size: 14px;\n}\n\n.control-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: #ffffff;\n  color: #212121;\n  border-color: #bdbdbd;\n}\n.control-btn:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.control-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.control-btn i {\n  font-size: 14px;\n}\n.control-btn:hover:not(:disabled) {\n  background: #f8f9fa;\n  border-color: #2196f3;\n  color: #2196f3;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n.control-btn.control-btn-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: #2196f3;\n  color: #ffffff;\n  border-color: #2196f3;\n}\n.control-btn.control-btn-primary:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.control-btn.control-btn-primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.control-btn.control-btn-primary i {\n  font-size: 14px;\n}\n.control-btn.control-btn-primary:hover:not(:disabled) {\n  background: #1976d2;\n  border-color: #1976d2;\n  box-shadow: 0 2px 8px rgba(33, 150, 243, 0.2);\n  transform: translateY(-1px);\n}\n.control-btn.control-btn-primary:active {\n  transform: translateY(0);\n}\n.control-btn.control-btn-danger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: #f44336;\n  color: #ffffff;\n  border-color: #f44336;\n}\n.control-btn.control-btn-danger:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.control-btn.control-btn-danger:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.control-btn.control-btn-danger i {\n  font-size: 14px;\n}\n.control-btn.control-btn-danger:hover:not(:disabled) {\n  background: #ea1c0d;\n  border-color: #ea1c0d;\n  box-shadow: 0 2px 8px rgba(244, 67, 54, 0.3);\n  transform: translateY(-1px);\n}\n.control-btn.control-btn-ghost {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: transparent;\n  color: #666666;\n  border-color: transparent;\n}\n.control-btn.control-btn-ghost:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.control-btn.control-btn-ghost:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.control-btn.control-btn-ghost i {\n  font-size: 14px;\n}\n.control-btn.control-btn-ghost:hover:not(:disabled) {\n  background: #f8f9fa;\n  color: #2196f3;\n}\n.control-btn.control-btn-sm {\n  height: 28px;\n  padding: 0 8px;\n  font-size: 11px;\n}\n.control-btn.control-btn-sm i {\n  font-size: 12px;\n}\n.control-btn.control-btn-lg {\n  height: 44px;\n  padding: 0 24px;\n  font-size: 14px;\n}\n.control-btn.control-btn-lg i {\n  font-size: 16px;\n}\n\n.action-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: transparent;\n  color: #666666;\n  border-color: transparent;\n  height: 28px;\n  padding: 0 8px;\n  font-size: 11px;\n  width: 28px;\n  padding: 0;\n}\n.action-btn:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.action-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.action-btn i {\n  font-size: 14px;\n}\n.action-btn:hover:not(:disabled) {\n  background: #f8f9fa;\n  color: #2196f3;\n}\n.action-btn i {\n  font-size: 12px;\n}\n.action-btn.action-btn-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: #2196f3;\n  color: #ffffff;\n  border-color: #2196f3;\n  height: 28px;\n  padding: 0 8px;\n  font-size: 11px;\n  width: 28px;\n  padding: 0;\n}\n.action-btn.action-btn-primary:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.action-btn.action-btn-primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.action-btn.action-btn-primary i {\n  font-size: 14px;\n}\n.action-btn.action-btn-primary:hover:not(:disabled) {\n  background: #1976d2;\n  border-color: #1976d2;\n  box-shadow: 0 2px 8px rgba(33, 150, 243, 0.2);\n  transform: translateY(-1px);\n}\n.action-btn.action-btn-primary:active {\n  transform: translateY(0);\n}\n.action-btn.action-btn-primary i {\n  font-size: 12px;\n}\n.action-btn.action-btn-danger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 0 16px;\n  height: 36px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  border: 1px solid transparent;\n  outline: none;\n  white-space: nowrap;\n  background: #f44336;\n  color: #ffffff;\n  border-color: #f44336;\n  height: 28px;\n  padding: 0 8px;\n  font-size: 11px;\n  width: 28px;\n  padding: 0;\n}\n.action-btn.action-btn-danger:focus {\n  outline: 2px solid rgba(33, 150, 243, 0.2);\n  outline-offset: 2px;\n}\n.action-btn.action-btn-danger:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.action-btn.action-btn-danger i {\n  font-size: 14px;\n}\n.action-btn.action-btn-danger:hover:not(:disabled) {\n  background: #ea1c0d;\n  border-color: #ea1c0d;\n  box-shadow: 0 2px 8px rgba(244, 67, 54, 0.3);\n  transform: translateY(-1px);\n}\n.action-btn.action-btn-danger i {\n  font-size: 12px;\n}\n\n.info-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 8px;\n  height: 20px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  background: rgba(33, 150, 243, 0.1);\n  color: #1976d2;\n  border: 1px solid rgba(33, 150, 243, 0.2);\n}\n\n.status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 8px;\n  height: 20px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  background: rgba(158, 158, 158, 0.1);\n  color: #666666;\n  border: 1px solid rgba(158, 158, 158, 0.2);\n}\n.status-badge.status-active {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 8px;\n  height: 20px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  background: rgba(76, 175, 80, 0.1);\n  color: #3d8b40;\n  border: 1px solid rgba(76, 175, 80, 0.2);\n}\n.status-badge.status-migration {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 8px;\n  height: 20px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  background: rgba(33, 150, 243, 0.1);\n  color: #1976d2;\n  border: 1px solid rgba(33, 150, 243, 0.2);\n}\n.status-badge.status-warning {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 8px;\n  height: 20px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  background: rgba(255, 193, 7, 0.1);\n  color: #6d5200;\n  border: 1px solid rgba(255, 193, 7, 0.2);\n}\n.status-badge.status-error {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 8px;\n  height: 20px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  background: rgba(244, 67, 54, 0.1);\n  color: #ea1c0d;\n  border: 1px solid rgba(244, 67, 54, 0.2);\n}\n\n.settings-nav {\n  width: 220px;\n  min-width: 220px;\n  max-width: 220px;\n  background: #ffffff;\n  border-right: 1px solid #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow-y: auto;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n.settings-nav .nav-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  margin: 0 8px 4px 8px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 400;\n  color: #666666;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  position: relative;\n}\n.settings-nav .nav-item::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 3px;\n  height: 0;\n  background: #2196f3;\n  border-radius: 0 2px 2px 0;\n  transition: height all 0.15s ease;\n}\n.settings-nav .nav-item:hover {\n  background: #f8f9fa;\n  color: #2196f3;\n  transform: translateX(2px);\n}\n.settings-nav .nav-item.active {\n  background: rgba(33, 150, 243, 0.1);\n  color: #2196f3;\n  font-weight: 500;\n}\n.settings-nav .nav-item.active::before {\n  height: 24px;\n}\n.settings-nav .nav-item i {\n  font-size: 14px;\n  width: 18px;\n  text-align: center;\n}\n\n.form-field {\n  margin-bottom: 16px;\n}\n.form-field .field-label {\n  display: block;\n  margin-bottom: 4px;\n  font-size: 12px;\n  font-weight: 500;\n  color: #212121;\n}\n.form-field .field-hint {\n  margin-top: 4px;\n  font-size: 11px;\n  color: #9e9e9e;\n}\n.form-field .field-error {\n  margin-top: 4px;\n  font-size: 11px;\n  color: #f44336;\n}\n.form-field input, .form-field textarea, .form-field select {\n  width: 100%;\n  height: 36px;\n  padding: 0 8px;\n  border: 1px solid #e0e0e0;\n  border-radius: 6px;\n  font-size: 12px;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  background: #ffffff;\n  color: #212121;\n  transition: all 0.15s ease;\n  outline: none;\n}\n.form-field input::placeholder, .form-field textarea::placeholder, .form-field select::placeholder {\n  color: #9e9e9e;\n}\n.form-field input:focus, .form-field textarea:focus, .form-field select:focus {\n  border-color: #2196f3;\n  box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.2);\n}\n.form-field input:disabled, .form-field textarea:disabled, .form-field select:disabled {\n  background: #f8f9fa;\n  color: #bdbdbd;\n  cursor: not-allowed;\n}\n\n.form-row {\n  display: flex;\n  gap: 16px;\n}\n.form-row .form-field {\n  flex: 1;\n}\n\n.checkbox-field {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n.checkbox-field label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  color: #212121;\n  cursor: pointer;\n  margin: 0;\n}\n\n.status-bar {\n  display: flex;\n  gap: 24px;\n  padding: 16px;\n  background: #fafafa;\n  border: 1px solid #e0e0e0;\n  border-radius: 6px;\n  margin-bottom: 16px;\n}\n.status-bar .status-item {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n}\n.status-bar .status-item .status-label {\n  color: #666666;\n  font-weight: 500;\n}\n.status-bar .status-item .status-value {\n  color: #212121;\n  font-weight: 600;\n}\n.status-bar .status-item .status-value.text-success {\n  color: #4caf50;\n}\n.status-bar .status-item .status-value.text-warning {\n  color: #ffc107;\n}\n.status-bar .status-item .status-value.text-danger {\n  color: #f44336;\n}\n\n.empty-state {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: 16px;\n  padding: 48px;\n  text-align: center;\n  color: #666666;\n}\n.empty-state i {\n  font-size: 48px;\n  color: #9e9e9e;\n  margin-bottom: 8px;\n}\n.empty-state h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 500;\n  color: #212121;\n}\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n  max-width: 400px;\n  line-height: 1.6;\n}\n\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: 16px;\n  padding: 48px;\n}\n.loading-container .loading-spinner {\n  width: 40px;\n  height: 40px;\n  border: 3px solid #e0e0e0;\n  border-top-color: #2196f3;\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n}\n.loading-container .loading-text {\n  font-size: 12px;\n  color: #666666;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.text-success {\n  color: #4caf50 !important;\n}\n\n.text-warning {\n  color: #ffc107 !important;\n}\n\n.text-danger {\n  color: #f44336 !important;\n}\n\n.text-info {\n  color: #00bcd4 !important;\n}\n\n.text-muted {\n  color: #9e9e9e !important;\n}\n\n.text-primary {\n  color: #212121 !important;\n}\n\n.text-secondary {\n  color: #666666 !important;\n}\n\n.mb-0 {\n  margin-bottom: 0 !important;\n}\n\n.mb-1 {\n  margin-bottom: 4px !important;\n}\n\n.mb-2 {\n  margin-bottom: 8px !important;\n}\n\n.mb-3 {\n  margin-bottom: 16px !important;\n}\n\n.mb-4 {\n  margin-bottom: 24px !important;\n}\n\n.mb-5 {\n  margin-bottom: 32px !important;\n}\n\n.mt-0 {\n  margin-top: 0 !important;\n}\n\n.mt-1 {\n  margin-top: 4px !important;\n}\n\n.mt-2 {\n  margin-top: 8px !important;\n}\n\n.mt-3 {\n  margin-top: 16px !important;\n}\n\n.mt-4 {\n  margin-top: 24px !important;\n}\n\n.mt-5 {\n  margin-top: 32px !important;\n}\n\n.d-flex {\n  display: flex !important;\n}\n\n.d-block {\n  display: block !important;\n}\n\n.d-inline-block {\n  display: inline-block !important;\n}\n\n.d-none {\n  display: none !important;\n}\n\n.flex-1 {\n  flex: 1 !important;\n}\n\n.flex-column {\n  flex-direction: column !important;\n}\n\n.flex-row {\n  flex-direction: row !important;\n}\n\n.align-center {\n  align-items: center !important;\n}\n\n.justify-center {\n  justify-content: center !important;\n}\n\n.justify-between {\n  justify-content: space-between !important;\n}\n\n.stats-grid {\n  display: grid !important;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n  width: 100%;\n}\n@media (max-width: 768px) {\n  .stats-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n}\n\n.stat-card {\n  margin-right: 10px;\n}\n\n.role-card {\n  margin-bottom: 5px;\n}\n\n@media (max-width: 768px) {\n  .settings-card {\n    padding: 16px;\n  }\n  .dashboard-header {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 16px;\n  }\n  .dashboard-header .header-controls {\n    width: 100%;\n    justify-content: flex-start;\n  }\n  .form-row {\n    flex-direction: column;\n  }\n}\n:host {\n  display: block;\n  width: 100%;\n}\n\n.settings-card {\n  background: #ffffff;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.settings-card:hover {\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n  transform: translateY(-1px);\n}\n.settings-card.settings-card-floating {\n  background: #ffffff;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n}\n.settings-card.settings-card-floating:hover {\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n  transform: translateY(-2px);\n}\n.settings-card.settings-card-sm {\n  padding: 16px;\n}\n.settings-card.settings-card-lg {\n  padding: 24px;\n}\n\n.card-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #e0e0e0;\n  flex-shrink: 0;\n  padding: 24px 24px 16px 24px;\n  margin: 0;\n}\n.card-header h3, .card-header h4 {\n  margin: 0;\n  font-weight: 500;\n  color: #212121;\n  font-size: 16px;\n}\n.card-header h4 {\n  font-size: 14px;\n}\n.card-header .header-content {\n  flex: 1;\n}\n.card-header .header-content .card-title {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #212121;\n  line-height: 1.2;\n}\n.card-header .header-content .card-subtitle {\n  margin: 4px 0 0 0;\n  font-size: 12px;\n  color: #666666;\n  line-height: 1.4;\n}\n.card-header .header-actions {\n  flex-shrink: 0;\n  display: flex;\n  gap: 8px;\n  align-items: flex-start;\n}\n\n.card-content {\n  flex: 1;\n  min-height: 0;\n  padding: 0 24px 24px 24px;\n}\n.card-content.no-padding {\n  padding: 0;\n}\n\n.card-footer {\n  flex-shrink: 0;\n  padding: 16px 24px 24px 24px;\n  border-top: 1px solid #e0e0e0;\n  background: #f8f9fa;\n  border-radius: 0 0 8px 8px;\n}\n\n.settings-card-sm .card-header {\n  padding: 16px 16px 8px 16px;\n}\n.settings-card-sm .card-header .card-title {\n  font-size: 14px;\n}\n.settings-card-sm .card-header .card-subtitle {\n  font-size: 11px;\n}\n.settings-card-sm .card-content {\n  padding: 0 16px 16px 16px;\n}\n.settings-card-sm .card-content.no-padding {\n  padding: 0;\n}\n.settings-card-sm .card-footer {\n  padding: 8px 16px 16px 16px;\n}\n\n.settings-card-lg .card-header {\n  padding: 32px 32px 24px 32px;\n}\n.settings-card-lg .card-header .card-title {\n  font-size: 18px;\n}\n.settings-card-lg .card-content {\n  padding: 0 32px 32px 32px;\n}\n.settings-card-lg .card-content.no-padding {\n  padding: 0;\n}\n.settings-card-lg .card-footer {\n  padding: 24px 32px 32px 32px;\n}\n"] }]
+    }], null, { title: [{
+            type: Input
+        }], subtitle: [{
+            type: Input
+        }], floating: [{
+            type: Input
+        }], size: [{
+            type: Input
+        }], noPadding: [{
+            type: Input
+        }], headerTemplate: [{
+            type: Input
+        }], actionTemplate: [{
+            type: Input
+        }], footerTemplate: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SettingsCardComponent, { className: "SettingsCardComponent" }); })();
+//# sourceMappingURL=settings-card.component.js.map

package/dist/lib/shared/components/settings-card/settings-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-card.component.js","sourceRoot":"","sources":["../../../../../src/lib/shared/components/settings-card/settings-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;;;;IAkBnC,wBAAgE;;;IAAhE,oHAAiD;;;IAAlC,wDAAgC;;;IAK3C,4BAAyB;IAAA,YAAc;IAAA,iBAAI;;;IAAlB,cAAc;IAAd,qCAAc;;;IAKvC,wBAAgE;;;IADlE,8BAA6B;IAC3B,kIAAiD;IACnD,iBAAM;;;IADW,cAAgC;IAAhC,wDAAgC;;;IAPjD,AADF,8BAA4B,YACH;IAAA,YAAW;IAAA,iBAAK;IACvC,wGAAgB;IAGlB,iBAAM;IACN,0GAAsB;;;IALG,eAAW;IAAX,kCAAW;IAClC,cAEC;IAFD,0CAEC;IAEH,cAIC;IAJD,gDAIC;;;IAdL,8BAA4B;IAGxB,AAFF,kGAAsB,qEAEb;IAaX,iBAAM;;;IAfJ,cAcC;IAdD,+CAcC;;;IAUD,wBAAgE;;;IADlE,8BAA4B;IAC1B,sGAAiD;IACnD,iBAAM;;;IADW,cAAgC;IAAhC,wDAAgC;;AAvCzD;;;GAGG;AA2CH,MAAM,OAAO,qBAAqB;IAChC,yCAAyC;IAChC,KAAK,CAAU;IAExB,8CAA8C;IACrC,QAAQ,CAAU;IAE3B,4DAA4D;IACnD,QAAQ,GAAG,KAAK,CAAC;IAE1B,wBAAwB;IACf,IAAI,GAAuB,IAAI,CAAC;IAEzC,kDAAkD;IACzC,SAAS,GAAG,KAAK,CAAC;IAE3B,yCAAyC;IAChC,cAAc,CAAoB;IAE3C,yCAAyC;IAChC,cAAc,CAAoB;IAE3C,kCAAkC;IACzB,cAAc,CAAoB;+EAvBhC,qBAAqB;6DAArB,qBAAqB;;YArC9B,8BAGwC;YACtC,8EAA+B;YAoB/B,8BAAyD;YACvD,kBAAyB;YAC3B,iBAAM;YAEN,8EAAsB;YAKxB,iBAAM;;YA9BD,AADA,AADA,gDAAmC,iCACD,iCACA;YACrC,cAkBC;YAlBD,0DAkBC;YAEyB,cAA8B;YAA9B,2CAA8B;YAIxD,eAIC;YAJD,6CAIC;4BAlCK,YAAY;;iFAuCX,qBAAqB;cA1CjC,SAAS;2BACE,kBAAkB,cAChB,IAAI,WACP,CAAC,YAAY,CAAC,YACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCT;gBAKQ,KAAK;kBAAb,KAAK;YAGG,QAAQ;kBAAhB,KAAK;YAGG,QAAQ;kBAAhB,KAAK;YAGG,IAAI;kBAAZ,KAAK;YAGG,SAAS;kBAAjB,KAAK;YAGG,cAAc;kBAAtB,KAAK;YAGG,cAAc;kBAAtB,KAAK;YAGG,cAAc;kBAAtB,KAAK;;kFAvBK,qBAAqB"}

package/dist/lib/shared/settings-card.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-card.component.d.ts","sourceRoot":"","sources":["../../../src/lib/shared/settings-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;;AAEvE,qBAuBa,qBAAqB;IACvB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,QAAQ,UAAS;IAChB,MAAM,qBAA4B;yCAJjC,qBAAqB;2CAArB,qBAAqB;CAKjC"}
+{"version":3,"file":"settings-card.component.d.ts","sourceRoot":"","sources":["../../../src/lib/shared/settings-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;;AAEvE,qBAwBa,qBAAqB;IACvB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,QAAQ,UAAS;IAChB,MAAM,qBAA4B;yCAJjC,qBAAqB;2CAArB,qBAAqB;CAKjC"}

package/dist/lib/shared/settings-card.component.js

@@ -15,7 +15,7 @@ export class SettingsCardComponent {
     expanded = false;
     toggle = new EventEmitter();
     static ɵfac = function SettingsCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SettingsCardComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SettingsCardComponent, selectors: [["mj-settings-card"]], inputs: { title: "title", icon: "icon", expanded: "expanded" }, outputs: { toggle: "toggle" }, ngContentSelectors: _c0, decls: 9, vars: 8, consts: [[1, "settings-card"], ["role", "button", "tabindex", "0", 1, "card-header", 3, "click", "keydown.enter", "keydown.space"], [1, "card-icon"], ["aria-hidden", "true"], [1, "card-title"], ["type", "button", 1, "expand-button"], ["aria-hidden", "true", 1, "fa-solid", "fa-chevron-down"], ["role", "region", 1, "card-content"]], template: function SettingsCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SettingsCardComponent, selectors: [["mj-settings-card"]], inputs: { title: "title", icon: "icon", expanded: "expanded" }, outputs: { toggle: "toggle" }, standalone: false, ngContentSelectors: _c0, decls: 9, vars: 8, consts: [[1, "settings-card"], ["role", "button", "tabindex", "0", 1, "card-header", 3, "click", "keydown.enter", "keydown.space"], [1, "card-icon"], ["aria-hidden", "true"], [1, "card-title"], ["type", "button", 1, "expand-button"], ["aria-hidden", "true", 1, "fa-solid", "fa-chevron-down"], ["role", "region", 1, "card-content"]], template: function SettingsCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵlistener("click", function SettingsCardComponent_Template_div_click_1_listener() { return ctx.toggle.emit(); })("keydown.enter", function SettingsCardComponent_Template_div_keydown_enter_1_listener() { return ctx.toggle.emit(); })("keydown.space", function SettingsCardComponent_Template_div_keydown_space_1_listener($event) { ctx.toggle.emit(); return $event.preventDefault(); });
@@ -28,7 +28,7 @@ export class SettingsCardComponent {
             i0.ɵɵelementStart(6, "button", 5);
             i0.ɵɵelement(7, "i", 6);
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(8, SettingsCardComponent_Conditional_8_Template, 2, 1, "div", 7);
+            i0.ɵɵconditionalCreate(8, SettingsCardComponent_Conditional_8_Template, 2, 1, "div", 7);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassProp("expanded", ctx.expanded);
@@ -44,7 +44,7 @@ export class SettingsCardComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SettingsCardComponent, [{
         type: Component,
-        args: [{ selector: 'mj-settings-card', template: `
+        args: [{ standalone: false, selector: 'mj-settings-card', template: `
     <div class="settings-card" [class.expanded]="expanded">
       <div class="card-header" (click)="toggle.emit()" role="button" tabindex="0" (keydown.enter)="toggle.emit()" (keydown.space)="toggle.emit(); $event.preventDefault()">
         <div class="card-icon">
@@ -72,5 +72,5 @@ export class SettingsCardComponent {
         }], toggle: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SettingsCardComponent, { className: "SettingsCardComponent", filePath: "src/lib/shared/settings-card.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SettingsCardComponent, { className: "SettingsCardComponent", filePath: "src/lib/shared/settings-card.component.ts", lineNumber: 27 }); })();
 //# sourceMappingURL=settings-card.component.js.map

package/dist/lib/shared/settings-card.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-card.component.js","sourceRoot":"","sources":["../../../src/lib/shared/settings-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;;;;IAiB/D,8BAA+E;IAC7E,kBAAyB;IAC3B,iBAAM;;;;;AAMd,MAAM,OAAO,qBAAqB;IACvB,KAAK,GAAG,EAAE,CAAC;IACX,IAAI,GAAG,EAAE,CAAC;IACV,QAAQ,GAAG,KAAK,CAAC;IAChB,MAAM,GAAG,IAAI,YAAY,EAAQ,CAAC;+GAJjC,qBAAqB;6DAArB,qBAAqB;;YAnB5B,AADF,8BAAuD,aACgH;YAAzD,AAAhC,AAAnD,+FAAS,iBAAa,IAAC,kGAA6C,iBAAa,IAAC,iGAAkB,iBAAa,SAAE,uBAAuB,IAAC;YAClK,8BAAuB;YACrB,uBAAyC;YAC3C,iBAAM;YACN,6BAAuB;YAAA,YAAW;YAAA,iBAAK;YACvC,iCAAmJ;YACjJ,uBAA2D;YAE/D,AADE,iBAAS,EACL;YAEN,8EAAgB;YAKlB,iBAAM;;YAhBqB,wCAA2B;YAG7C,eAAc;YAAd,uBAAc;YAEI,eAAW;YAAX,+BAAW;YACJ,cAA+B;;YAK/D,eAIC;YAJD,uCAIC;;;iFAKM,qBAAqB;cAvBjC,SAAS;2BACE,kBAAkB,YAClB;;;;;;;;;;;;;;;;;;GAkBT;gBAIQ,KAAK;kBAAb,KAAK;YACG,IAAI;kBAAZ,KAAK;YACG,QAAQ;kBAAhB,KAAK;YACI,MAAM;kBAAf,MAAM;;kFAJI,qBAAqB"}
+{"version":3,"file":"settings-card.component.js","sourceRoot":"","sources":["../../../src/lib/shared/settings-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;;;;IAkB/D,8BAA+E;IAC7E,kBAAyB;IAC3B,iBAAM;;;;;AAMd,MAAM,OAAO,qBAAqB;IACvB,KAAK,GAAG,EAAE,CAAC;IACX,IAAI,GAAG,EAAE,CAAC;IACV,QAAQ,GAAG,KAAK,CAAC;IAChB,MAAM,GAAG,IAAI,YAAY,EAAQ,CAAC;+GAJjC,qBAAqB;6DAArB,qBAAqB;;YAnB5B,AADF,8BAAuD,aACgH;YAAzD,AAAhC,AAAnD,+FAAS,iBAAa,IAAC,kGAA6C,iBAAa,IAAC,iGAAkB,iBAAa,SAAE,uBAAuB,IAAC;YAClK,8BAAuB;YACrB,uBAAyC;YAC3C,iBAAM;YACN,6BAAuB;YAAA,YAAW;YAAA,iBAAK;YACvC,iCAAmJ;YACjJ,uBAA2D;YAE/D,AADE,iBAAS,EACL;YAEN,uFAAgB;YAKlB,iBAAM;;YAhBqB,wCAA2B;YAG7C,eAAc;YAAd,uBAAc;YAEI,eAAW;YAAX,+BAAW;YACJ,cAA+B;;YAK/D,eAIC;YAJD,uCAIC;;;iFAKM,qBAAqB;cAxBjC,SAAS;6BACI,KAAK,YACP,kBAAkB,YAClB;;;;;;;;;;;;;;;;;;GAkBT;;kBAIA,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,MAAM;;kFAJI,qBAAqB"}

package/dist/lib/sql-logging/sql-logging.component.d.ts

@@ -94,14 +94,14 @@ export declare class SqlLoggingComponent extends BaseDashboard implements OnDest
         /** Whether to format output as migration file */
         formatAsMigration: boolean;
         /** Types of SQL statements to capture */
-        statementTypes: "both" | "queries" | "mutations";
+        statementTypes: "queries" | "mutations" | "both";
         /** Whether to format SQL with proper indentation */
         prettyPrint: boolean;
         /** Human-readable name for the session */
         sessionName: string;
         /** Regex filter options */
         filterPatterns: string;
-        filterType: "exclude" | "include";
+        filterType: "include" | "exclude";
         verboseOutput: boolean;
         defaultSchemaName: string;
     };

package/dist/lib/sql-logging/sql-logging.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sql-logging.component.d.ts","sourceRoot":"","sources":["../../../src/lib/sql-logging/sql-logging.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"sql-logging.component.d.ts","sourceRoot":"","sources":["../../../src/lib/sql-logging/sql-logging.component.ts"],"names":[],"mappings":"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"}