@memberjunction/ng-base-forms 5.38.0 → 5.39.0

package/dist/lib/isa-related-panel/isa-related-card.component.js

@@ -323,11 +323,11 @@ export class MjIsaRelatedCardComponent extends BaseAngularComponent {
             i0.ɵɵconditional(!ctx.IsLoading && !ctx.LoadError && ctx.RelatedRecord ? 11 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Children.length > 0 && !ctx.IsLoading ? 12 : -1);
-        } }, dependencies: [MjIsaRelatedCardComponent], styles: ["/* ============================================\n   ISA RELATED CARD\n   Compact summary card for one sibling/child entity\n   ============================================ */\n\n.mj-isa-card {\n  background: var(--mj-bg-surface-card);\n  border-radius: var(--mj-radius-lg);\n  box-shadow: var(--mj-shadow-sm);\n  overflow: hidden;\n  border-left: 3px solid var(--mj-brand-primary);\n}\n\n/* ---- Header ---- */\n.mj-isa-card__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  background: var(--mj-bg-surface-elevated);\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mj-isa-card__header-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.mj-isa-card__icon {\n  font-size: 14px;\n  color: var(--mj-brand-primary);\n  flex-shrink: 0;\n}\n\n.mj-isa-card__entity-name {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n}\n\n.mj-isa-card__record-name {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mj-isa-card__open-link {\n  font-size: 11px;\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n  font-weight: 600;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.mj-isa-card__open-link:hover {\n  text-decoration: underline;\n}\n\n/* ---- Body / Fields ---- */\n.mj-isa-card__body {\n  padding: 8px 14px 10px;\n}\n\n.mj-isa-card__field {\n  display: flex;\n  align-items: baseline;\n  padding: 3px 0;\n  gap: 8px;\n}\n\n.mj-isa-card__field-label {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  width: 110px;\n  flex-shrink: 0;\n}\n\n.mj-isa-card__field-value {\n  font-size: 12px;\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.mj-isa-card__field-value--bool-yes {\n  color: var(--mj-status-success);\n}\n\n.mj-isa-card__field-value--bool-no {\n  color: var(--mj-status-error);\n}\n\n/* ---- Expand/Collapse ---- */\n.mj-isa-card__expand-row {\n  padding: 0 14px 8px;\n}\n\n.mj-isa-card__expand-btn {\n  font-size: 11px;\n  color: var(--mj-brand-primary);\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-weight: 600;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mj-isa-card__expand-btn:hover {\n  text-decoration: underline;\n}\n\n.mj-isa-card__expand-chevron {\n  font-size: 9px;\n}\n\n.mj-isa-card__extra-fields {\n  padding: 0 14px 10px;\n  border-top: 1px dashed var(--mj-border-default);\n  margin-top: 4px;\n  padding-top: 8px;\n}\n\n/* ---- Loading State ---- */\n.mj-isa-card__body--loading {\n  padding: 12px 14px;\n}\n\n.mj-isa-card__loading-bar {\n  height: 10px;\n  background: linear-gradient(90deg,\n    var(--mj-bg-surface-sunken) 25%,\n    var(--mj-border-default) 50%,\n    var(--mj-bg-surface-sunken) 75%);\n  background-size: 200% 100%;\n  animation: mj-isa-shimmer 1.5s infinite;\n  border-radius: 4px;\n  margin-bottom: 8px;\n  width: 80%;\n}\n\n.mj-isa-card__loading-bar--short {\n  width: 50%;\n}\n\n@keyframes mj-isa-shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n/* ---- Nested Sub-Cards (grandchild+ rendered inside parent card) ---- */\n.mj-isa-card__children {\n  padding: 6px 10px 8px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.mj-isa-card--nested {\n  box-shadow: none;\n  border: 1px solid var(--mj-border-default);\n  border-left: 2px solid color-mix(in srgb, var(--mj-brand-primary) 60%, var(--mj-color-neutral-400));\n  border-radius: var(--mj-radius-md);\n}\n\n.mj-isa-card--nested .mj-isa-card__header {\n  padding: 6px 10px;\n  background: var(--mj-bg-surface-sunken);\n  border-bottom-color: var(--mj-border-default);\n}\n\n.mj-isa-card--nested .mj-isa-card__entity-name {\n  font-size: 12px;\n}\n\n.mj-isa-card--nested .mj-isa-card__icon {\n  font-size: 12px;\n}\n\n.mj-isa-card--nested .mj-isa-card__body {\n  padding: 6px 10px 8px;\n}\n\n.mj-isa-card--nested .mj-isa-card__field-label {\n  width: 95px;\n  font-size: 10px;\n}\n\n.mj-isa-card--nested .mj-isa-card__field-value {\n  font-size: 11px;\n}\n\n/* ---- Error State ---- */\n.mj-isa-card__body--error {\n  padding: 10px 14px;\n}\n\n.mj-isa-card__error-text {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  font-style: italic;\n}\n"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [MjIsaRelatedCardComponent], styles: ["/* ============================================\n   ISA RELATED CARD\n   Compact summary card for one sibling/child entity\n   ============================================ */\n\n.mj-isa-card {\n  background: var(--mj-bg-surface-card);\n  border-radius: var(--mj-radius-lg);\n  box-shadow: var(--mj-shadow-sm);\n  overflow: hidden;\n  border-left: 3px solid var(--mj-brand-primary);\n}\n\n/* ---- Header ---- */\n.mj-isa-card__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  background: var(--mj-bg-surface-elevated);\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mj-isa-card__header-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.mj-isa-card__icon {\n  font-size: 14px;\n  color: var(--mj-brand-primary);\n  flex-shrink: 0;\n}\n\n.mj-isa-card__entity-name {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n}\n\n.mj-isa-card__record-name {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mj-isa-card__open-link {\n  font-size: 11px;\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n  font-weight: 600;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.mj-isa-card__open-link:hover {\n  text-decoration: underline;\n}\n\n/* ---- Body / Fields ---- */\n.mj-isa-card__body {\n  padding: 8px 14px 10px;\n}\n\n.mj-isa-card__field {\n  display: flex;\n  align-items: baseline;\n  padding: 3px 0;\n  gap: 8px;\n}\n\n.mj-isa-card__field-label {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  width: 110px;\n  flex-shrink: 0;\n}\n\n.mj-isa-card__field-value {\n  font-size: 12px;\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.mj-isa-card__field-value--bool-yes {\n  color: var(--mj-status-success);\n}\n\n.mj-isa-card__field-value--bool-no {\n  color: var(--mj-status-error);\n}\n\n/* ---- Expand/Collapse ---- */\n.mj-isa-card__expand-row {\n  padding: 0 14px 8px;\n}\n\n.mj-isa-card__expand-btn {\n  font-size: 11px;\n  color: var(--mj-brand-primary);\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-weight: 600;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mj-isa-card__expand-btn:hover {\n  text-decoration: underline;\n}\n\n.mj-isa-card__expand-chevron {\n  font-size: 9px;\n}\n\n.mj-isa-card__extra-fields {\n  padding: 0 14px 10px;\n  border-top: 1px dashed var(--mj-border-default);\n  margin-top: 4px;\n  padding-top: 8px;\n}\n\n/* ---- Loading State ---- */\n.mj-isa-card__body--loading {\n  padding: 12px 14px;\n}\n\n.mj-isa-card__loading-bar {\n  height: 10px;\n  background: linear-gradient(90deg,\n    var(--mj-bg-surface-sunken) 25%,\n    var(--mj-border-default) 50%,\n    var(--mj-bg-surface-sunken) 75%);\n  background-size: 200% 100%;\n  animation: mj-isa-shimmer 1.5s infinite;\n  border-radius: 4px;\n  margin-bottom: 8px;\n  width: 80%;\n}\n\n.mj-isa-card__loading-bar--short {\n  width: 50%;\n}\n\n@keyframes mj-isa-shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n/* ---- Nested Sub-Cards (grandchild+ rendered inside parent card) ---- */\n.mj-isa-card__children {\n  padding: 6px 10px 8px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.mj-isa-card--nested {\n  box-shadow: none;\n  border: 1px solid var(--mj-border-default);\n  border-left: 2px solid color-mix(in srgb, var(--mj-brand-primary) 60%, var(--mj-border-strong));\n  border-radius: var(--mj-radius-md);\n}\n\n.mj-isa-card--nested .mj-isa-card__header {\n  padding: 6px 10px;\n  background: var(--mj-bg-surface-sunken);\n  border-bottom-color: var(--mj-border-default);\n}\n\n.mj-isa-card--nested .mj-isa-card__entity-name {\n  font-size: 12px;\n}\n\n.mj-isa-card--nested .mj-isa-card__icon {\n  font-size: 12px;\n}\n\n.mj-isa-card--nested .mj-isa-card__body {\n  padding: 6px 10px 8px;\n}\n\n.mj-isa-card--nested .mj-isa-card__field-label {\n  width: 95px;\n  font-size: 10px;\n}\n\n.mj-isa-card--nested .mj-isa-card__field-value {\n  font-size: 11px;\n}\n\n/* ---- Error State ---- */\n.mj-isa-card__body--error {\n  padding: 10px 14px;\n}\n\n.mj-isa-card__error-text {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  font-style: italic;\n}\n"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MjIsaRelatedCardComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-isa-related-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- ISA Related Card: compact summary of one sibling/child entity record -->\n<div class=\"mj-isa-card\"\n     [class.mj-isa-card--loading]=\"IsLoading\"\n     [class.mj-isa-card--error]=\"LoadError\"\n     [class.mj-isa-card--nested]=\"Depth > 0\">\n\n  <!-- Card Header -->\n  <div class=\"mj-isa-card__header\">\n    <div class=\"mj-isa-card__header-left\">\n      <i [class]=\"IconClass\" class=\"mj-isa-card__icon\"></i>\n      <span class=\"mj-isa-card__entity-name\">{{ DisplayName }}</span>\n      @if (RecordName) {\n        <span class=\"mj-isa-card__record-name\">{{ RecordName }}</span>\n      }\n    </div>\n    <a href=\"#\" class=\"mj-isa-card__open-link\" (click)=\"OnOpenClick($event)\">Open &rarr;</a>\n  </div>\n\n  <!-- Loading State -->\n  @if (IsLoading) {\n    <div class=\"mj-isa-card__body mj-isa-card__body--loading\">\n      <div class=\"mj-isa-card__loading-bar\"></div>\n      <div class=\"mj-isa-card__loading-bar mj-isa-card__loading-bar--short\"></div>\n    </div>\n  }\n\n  <!-- Error State -->\n  @if (LoadError && !IsLoading) {\n    <div class=\"mj-isa-card__body mj-isa-card__body--error\">\n      <span class=\"mj-isa-card__error-text\">Unable to load record</span>\n    </div>\n  }\n\n  <!-- Field Values -->\n  @if (!IsLoading && !LoadError && RelatedRecord) {\n    <div class=\"mj-isa-card__body\">\n      @for (field of DefaultFields; track field.Label) {\n        <div class=\"mj-isa-card__field\">\n          <span class=\"mj-isa-card__field-label\">{{ field.Label }}</span>\n          <span class=\"mj-isa-card__field-value\"\n                [class.mj-isa-card__field-value--bool-yes]=\"field.IsBooleanTrue\"\n                [class.mj-isa-card__field-value--bool-no]=\"field.IsBooleanFalse\">\n            {{ field.Value }}\n          </span>\n        </div>\n      }\n    </div>\n\n    <!-- Expand/Collapse for extra fields -->\n    @if (ExtraFields.length > 0) {\n      <div class=\"mj-isa-card__expand-row\">\n        <button class=\"mj-isa-card__expand-btn\" (click)=\"ToggleExpand()\">\n          @if (!Expanded) {\n            Show {{ ExtraFields.length }} more field{{ ExtraFields.length > 1 ? 's' : '' }}\n            <i class=\"fa-solid fa-chevron-down mj-isa-card__expand-chevron\"></i>\n          } @else {\n            Show fewer fields\n            <i class=\"fa-solid fa-chevron-up mj-isa-card__expand-chevron\"></i>\n          }\n        </button>\n      </div>\n\n      @if (Expanded) {\n        <div class=\"mj-isa-card__extra-fields\">\n          @for (field of ExtraFields; track field.Label) {\n            <div class=\"mj-isa-card__field\">\n              <span class=\"mj-isa-card__field-label\">{{ field.Label }}</span>\n              <span class=\"mj-isa-card__field-value\"\n                    [class.mj-isa-card__field-value--bool-yes]=\"field.IsBooleanTrue\"\n                    [class.mj-isa-card__field-value--bool-no]=\"field.IsBooleanFalse\">\n                {{ field.Value }}\n              </span>\n            </div>\n          }\n        </div>\n      }\n    }\n  }\n\n  <!-- Nested sub-cards for IS-A children (e.g., Gold Members inside Members) -->\n  @if (Children.length > 0 && !IsLoading) {\n    <div class=\"mj-isa-card__children\">\n      @for (child of Children; track child.EntityName) {\n        <mj-isa-related-card\n          [EntityName]=\"child.EntityName\"\n          [PrimaryKey]=\"PrimaryKey\"\n          [CurrentRecordName]=\"CurrentRecordName\"\n          [Relationship]=\"'child'\"\n          [Depth]=\"Depth + 1\"\n          [Children]=\"child.Children\"\n          (Navigate)=\"Navigate.emit($event)\">\n        </mj-isa-related-card>\n      }\n    </div>\n  }\n</div>\n", styles: ["/* ============================================\n   ISA RELATED CARD\n   Compact summary card for one sibling/child entity\n   ============================================ */\n\n.mj-isa-card {\n  background: var(--mj-bg-surface-card);\n  border-radius: var(--mj-radius-lg);\n  box-shadow: var(--mj-shadow-sm);\n  overflow: hidden;\n  border-left: 3px solid var(--mj-brand-primary);\n}\n\n/* ---- Header ---- */\n.mj-isa-card__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  background: var(--mj-bg-surface-elevated);\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mj-isa-card__header-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.mj-isa-card__icon {\n  font-size: 14px;\n  color: var(--mj-brand-primary);\n  flex-shrink: 0;\n}\n\n.mj-isa-card__entity-name {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n}\n\n.mj-isa-card__record-name {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mj-isa-card__open-link {\n  font-size: 11px;\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n  font-weight: 600;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.mj-isa-card__open-link:hover {\n  text-decoration: underline;\n}\n\n/* ---- Body / Fields ---- */\n.mj-isa-card__body {\n  padding: 8px 14px 10px;\n}\n\n.mj-isa-card__field {\n  display: flex;\n  align-items: baseline;\n  padding: 3px 0;\n  gap: 8px;\n}\n\n.mj-isa-card__field-label {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  width: 110px;\n  flex-shrink: 0;\n}\n\n.mj-isa-card__field-value {\n  font-size: 12px;\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.mj-isa-card__field-value--bool-yes {\n  color: var(--mj-status-success);\n}\n\n.mj-isa-card__field-value--bool-no {\n  color: var(--mj-status-error);\n}\n\n/* ---- Expand/Collapse ---- */\n.mj-isa-card__expand-row {\n  padding: 0 14px 8px;\n}\n\n.mj-isa-card__expand-btn {\n  font-size: 11px;\n  color: var(--mj-brand-primary);\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-weight: 600;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mj-isa-card__expand-btn:hover {\n  text-decoration: underline;\n}\n\n.mj-isa-card__expand-chevron {\n  font-size: 9px;\n}\n\n.mj-isa-card__extra-fields {\n  padding: 0 14px 10px;\n  border-top: 1px dashed var(--mj-border-default);\n  margin-top: 4px;\n  padding-top: 8px;\n}\n\n/* ---- Loading State ---- */\n.mj-isa-card__body--loading {\n  padding: 12px 14px;\n}\n\n.mj-isa-card__loading-bar {\n  height: 10px;\n  background: linear-gradient(90deg,\n    var(--mj-bg-surface-sunken) 25%,\n    var(--mj-border-default) 50%,\n    var(--mj-bg-surface-sunken) 75%);\n  background-size: 200% 100%;\n  animation: mj-isa-shimmer 1.5s infinite;\n  border-radius: 4px;\n  margin-bottom: 8px;\n  width: 80%;\n}\n\n.mj-isa-card__loading-bar--short {\n  width: 50%;\n}\n\n@keyframes mj-isa-shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n/* ---- Nested Sub-Cards (grandchild+ rendered inside parent card) ---- */\n.mj-isa-card__children {\n  padding: 6px 10px 8px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.mj-isa-card--nested {\n  box-shadow: none;\n  border: 1px solid var(--mj-border-default);\n  border-left: 2px solid color-mix(in srgb, var(--mj-brand-primary) 60%, var(--mj-color-neutral-400));\n  border-radius: var(--mj-radius-md);\n}\n\n.mj-isa-card--nested .mj-isa-card__header {\n  padding: 6px 10px;\n  background: var(--mj-bg-surface-sunken);\n  border-bottom-color: var(--mj-border-default);\n}\n\n.mj-isa-card--nested .mj-isa-card__entity-name {\n  font-size: 12px;\n}\n\n.mj-isa-card--nested .mj-isa-card__icon {\n  font-size: 12px;\n}\n\n.mj-isa-card--nested .mj-isa-card__body {\n  padding: 6px 10px 8px;\n}\n\n.mj-isa-card--nested .mj-isa-card__field-label {\n  width: 95px;\n  font-size: 10px;\n}\n\n.mj-isa-card--nested .mj-isa-card__field-value {\n  font-size: 11px;\n}\n\n/* ---- Error State ---- */\n.mj-isa-card__body--error {\n  padding: 10px 14px;\n}\n\n.mj-isa-card__error-text {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  font-style: italic;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-isa-related-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- ISA Related Card: compact summary of one sibling/child entity record -->\n<div class=\"mj-isa-card\"\n     [class.mj-isa-card--loading]=\"IsLoading\"\n     [class.mj-isa-card--error]=\"LoadError\"\n     [class.mj-isa-card--nested]=\"Depth > 0\">\n\n  <!-- Card Header -->\n  <div class=\"mj-isa-card__header\">\n    <div class=\"mj-isa-card__header-left\">\n      <i [class]=\"IconClass\" class=\"mj-isa-card__icon\"></i>\n      <span class=\"mj-isa-card__entity-name\">{{ DisplayName }}</span>\n      @if (RecordName) {\n        <span class=\"mj-isa-card__record-name\">{{ RecordName }}</span>\n      }\n    </div>\n    <a href=\"#\" class=\"mj-isa-card__open-link\" (click)=\"OnOpenClick($event)\">Open &rarr;</a>\n  </div>\n\n  <!-- Loading State -->\n  @if (IsLoading) {\n    <div class=\"mj-isa-card__body mj-isa-card__body--loading\">\n      <div class=\"mj-isa-card__loading-bar\"></div>\n      <div class=\"mj-isa-card__loading-bar mj-isa-card__loading-bar--short\"></div>\n    </div>\n  }\n\n  <!-- Error State -->\n  @if (LoadError && !IsLoading) {\n    <div class=\"mj-isa-card__body mj-isa-card__body--error\">\n      <span class=\"mj-isa-card__error-text\">Unable to load record</span>\n    </div>\n  }\n\n  <!-- Field Values -->\n  @if (!IsLoading && !LoadError && RelatedRecord) {\n    <div class=\"mj-isa-card__body\">\n      @for (field of DefaultFields; track field.Label) {\n        <div class=\"mj-isa-card__field\">\n          <span class=\"mj-isa-card__field-label\">{{ field.Label }}</span>\n          <span class=\"mj-isa-card__field-value\"\n                [class.mj-isa-card__field-value--bool-yes]=\"field.IsBooleanTrue\"\n                [class.mj-isa-card__field-value--bool-no]=\"field.IsBooleanFalse\">\n            {{ field.Value }}\n          </span>\n        </div>\n      }\n    </div>\n\n    <!-- Expand/Collapse for extra fields -->\n    @if (ExtraFields.length > 0) {\n      <div class=\"mj-isa-card__expand-row\">\n        <button class=\"mj-isa-card__expand-btn\" (click)=\"ToggleExpand()\">\n          @if (!Expanded) {\n            Show {{ ExtraFields.length }} more field{{ ExtraFields.length > 1 ? 's' : '' }}\n            <i class=\"fa-solid fa-chevron-down mj-isa-card__expand-chevron\"></i>\n          } @else {\n            Show fewer fields\n            <i class=\"fa-solid fa-chevron-up mj-isa-card__expand-chevron\"></i>\n          }\n        </button>\n      </div>\n\n      @if (Expanded) {\n        <div class=\"mj-isa-card__extra-fields\">\n          @for (field of ExtraFields; track field.Label) {\n            <div class=\"mj-isa-card__field\">\n              <span class=\"mj-isa-card__field-label\">{{ field.Label }}</span>\n              <span class=\"mj-isa-card__field-value\"\n                    [class.mj-isa-card__field-value--bool-yes]=\"field.IsBooleanTrue\"\n                    [class.mj-isa-card__field-value--bool-no]=\"field.IsBooleanFalse\">\n                {{ field.Value }}\n              </span>\n            </div>\n          }\n        </div>\n      }\n    }\n  }\n\n  <!-- Nested sub-cards for IS-A children (e.g., Gold Members inside Members) -->\n  @if (Children.length > 0 && !IsLoading) {\n    <div class=\"mj-isa-card__children\">\n      @for (child of Children; track child.EntityName) {\n        <mj-isa-related-card\n          [EntityName]=\"child.EntityName\"\n          [PrimaryKey]=\"PrimaryKey\"\n          [CurrentRecordName]=\"CurrentRecordName\"\n          [Relationship]=\"'child'\"\n          [Depth]=\"Depth + 1\"\n          [Children]=\"child.Children\"\n          (Navigate)=\"Navigate.emit($event)\">\n        </mj-isa-related-card>\n      }\n    </div>\n  }\n</div>\n", styles: ["/* ============================================\n   ISA RELATED CARD\n   Compact summary card for one sibling/child entity\n   ============================================ */\n\n.mj-isa-card {\n  background: var(--mj-bg-surface-card);\n  border-radius: var(--mj-radius-lg);\n  box-shadow: var(--mj-shadow-sm);\n  overflow: hidden;\n  border-left: 3px solid var(--mj-brand-primary);\n}\n\n/* ---- Header ---- */\n.mj-isa-card__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  background: var(--mj-bg-surface-elevated);\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mj-isa-card__header-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.mj-isa-card__icon {\n  font-size: 14px;\n  color: var(--mj-brand-primary);\n  flex-shrink: 0;\n}\n\n.mj-isa-card__entity-name {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n}\n\n.mj-isa-card__record-name {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mj-isa-card__open-link {\n  font-size: 11px;\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n  font-weight: 600;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.mj-isa-card__open-link:hover {\n  text-decoration: underline;\n}\n\n/* ---- Body / Fields ---- */\n.mj-isa-card__body {\n  padding: 8px 14px 10px;\n}\n\n.mj-isa-card__field {\n  display: flex;\n  align-items: baseline;\n  padding: 3px 0;\n  gap: 8px;\n}\n\n.mj-isa-card__field-label {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  width: 110px;\n  flex-shrink: 0;\n}\n\n.mj-isa-card__field-value {\n  font-size: 12px;\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.mj-isa-card__field-value--bool-yes {\n  color: var(--mj-status-success);\n}\n\n.mj-isa-card__field-value--bool-no {\n  color: var(--mj-status-error);\n}\n\n/* ---- Expand/Collapse ---- */\n.mj-isa-card__expand-row {\n  padding: 0 14px 8px;\n}\n\n.mj-isa-card__expand-btn {\n  font-size: 11px;\n  color: var(--mj-brand-primary);\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-weight: 600;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mj-isa-card__expand-btn:hover {\n  text-decoration: underline;\n}\n\n.mj-isa-card__expand-chevron {\n  font-size: 9px;\n}\n\n.mj-isa-card__extra-fields {\n  padding: 0 14px 10px;\n  border-top: 1px dashed var(--mj-border-default);\n  margin-top: 4px;\n  padding-top: 8px;\n}\n\n/* ---- Loading State ---- */\n.mj-isa-card__body--loading {\n  padding: 12px 14px;\n}\n\n.mj-isa-card__loading-bar {\n  height: 10px;\n  background: linear-gradient(90deg,\n    var(--mj-bg-surface-sunken) 25%,\n    var(--mj-border-default) 50%,\n    var(--mj-bg-surface-sunken) 75%);\n  background-size: 200% 100%;\n  animation: mj-isa-shimmer 1.5s infinite;\n  border-radius: 4px;\n  margin-bottom: 8px;\n  width: 80%;\n}\n\n.mj-isa-card__loading-bar--short {\n  width: 50%;\n}\n\n@keyframes mj-isa-shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n/* ---- Nested Sub-Cards (grandchild+ rendered inside parent card) ---- */\n.mj-isa-card__children {\n  padding: 6px 10px 8px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.mj-isa-card--nested {\n  box-shadow: none;\n  border: 1px solid var(--mj-border-default);\n  border-left: 2px solid color-mix(in srgb, var(--mj-brand-primary) 60%, var(--mj-border-strong));\n  border-radius: var(--mj-radius-md);\n}\n\n.mj-isa-card--nested .mj-isa-card__header {\n  padding: 6px 10px;\n  background: var(--mj-bg-surface-sunken);\n  border-bottom-color: var(--mj-border-default);\n}\n\n.mj-isa-card--nested .mj-isa-card__entity-name {\n  font-size: 12px;\n}\n\n.mj-isa-card--nested .mj-isa-card__icon {\n  font-size: 12px;\n}\n\n.mj-isa-card--nested .mj-isa-card__body {\n  padding: 6px 10px 8px;\n}\n\n.mj-isa-card--nested .mj-isa-card__field-label {\n  width: 95px;\n  font-size: 10px;\n}\n\n.mj-isa-card--nested .mj-isa-card__field-value {\n  font-size: 11px;\n}\n\n/* ---- Error State ---- */\n.mj-isa-card__body--error {\n  padding: 10px 14px;\n}\n\n.mj-isa-card__error-text {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  font-style: italic;\n}\n"] }]
     }], null, { EntityName: [{
             type: Input
         }], PrimaryKey: [{

package/dist/lib/overlays/base-form-overlay.d.ts

@@ -0,0 +1,114 @@
+import { EventEmitter } from '@angular/core';
+import { BaseEntity, CompositeKey } from '@memberjunction/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { MjEntityFormHostComponent } from '../host/entity-form-host.component';
+import { EntityFormConfig } from '../types/entity-form-config';
+import { FormNavigationEvent } from '../types/navigation-events';
+import { FormNotificationEvent, RecordDeletedEvent, RecordSaveFailedEvent, ValidationFailedEvent } from '../types/form-types';
+import { BaseFormComponent } from '../base-form-component';
+import * as i0 from "@angular/core";
+/** How an overlay closed. */
+export type FormOverlayCloseReason = 'save' | 'cancel';
+/**
+ * Shared logic for the form overlay shells ({@link MjFormDialogComponent} and
+ * {@link MjFormSlideInComponent}). Both wrap an {@link MjEntityFormHostComponent}
+ * in chrome that owns the title + Save/Cancel, bubble the host's events upward,
+ * and proxy the form inputs downward.
+ *
+ * Subclasses provide only the template; all input/output plumbing lives here.
+ */
+export declare abstract class BaseFormOverlay extends BaseAngularComponent {
+    /** Reference to the hosted form (template must name the host `#host`). */
+    protected host?: MjEntityFormHostComponent;
+    /** Entity name to load. Ignored when {@link Record} is supplied. */
+    EntityName: string | null;
+    /** Primary key of the record to edit. Empty/absent → new record. */
+    PrimaryKey?: CompositeKey;
+    /** Convenience single-column ('ID') key; used when {@link PrimaryKey} is absent. */
+    RecordID?: string;
+    /** Pre-loaded record to bind directly (skips load). */
+    Record: BaseEntity | null;
+    /** New-record default values: URL-segment string or plain object. */
+    NewRecordValues: string | Record<string, unknown> | null;
+    /**
+     * Render a single registered form section (`BaseFormSectionComponent`
+     * registered as `'<EntityName>.<SectionName>'`) instead of the full form.
+     * See {@link MjEntityFormHostComponent.SectionName}.
+     */
+    SectionName: string | null;
+    /** Force edit mode (default: new → edit, existing → read). */
+    EditMode: boolean | null;
+    /**
+     * Per-instance config OVERRIDE. Treated as a partial set of overrides that is
+     * merged **over** the surface's {@link PresetConfig} — so passing
+     * `{ StartInEditMode: true }` keeps the preset's `Toolbar: null` etc. instead
+     * of replacing the whole preset. Bind the merged result via {@link EffectiveConfig}.
+     */
+    Config: EntityFormConfig | null;
+    /**
+     * The surface's default config preset (TAB/DIALOG/SLIDEIN). Subclasses override
+     * this getter; the base returns an empty object (no defaults).
+     */
+    protected get PresetConfig(): EntityFormConfig;
+    /**
+     * The config actually handed to the form host: the surface {@link PresetConfig}
+     * with any consumer {@link Config} overrides merged on top. This is what makes
+     * partial configs work — you only specify what differs from the preset.
+     */
+    get EffectiveConfig(): EntityFormConfig;
+    /** Title shown in the chrome. When empty, derived from the record on load. */
+    Title: string;
+    /** Whether to show the Save/Cancel footer. Default: true. */
+    ShowFooter: boolean;
+    /** Save button label. */
+    SaveButtonText: string;
+    /** Cancel button label. */
+    CancelButtonText: string;
+    private _visible;
+    private _closed;
+    /** Two-way: whether the overlay is shown. */
+    set Visible(value: boolean);
+    get Visible(): boolean;
+    VisibleChange: EventEmitter<boolean>;
+    /** Emitted after a successful save (carries the saved entity). */
+    Saved: EventEmitter<BaseEntity<unknown>>;
+    /** Emitted when the overlay closes (save or cancel). */
+    Closed: EventEmitter<FormOverlayCloseReason>;
+    /** Re-emitted host navigation requests (consumer decides; chrome never routes). */
+    Navigate: EventEmitter<FormNavigationEvent>;
+    /** Re-emitted host notifications. */
+    Notification: EventEmitter<FormNotificationEvent>;
+    /** Re-emitted host record-deleted. */
+    RecordDeleted: EventEmitter<RecordDeletedEvent>;
+    /** Re-emitted host save-failed. */
+    RecordSaveFailed: EventEmitter<RecordSaveFailedEvent>;
+    /** Re-emitted host validation-failed. */
+    ValidationFailed: EventEmitter<ValidationFailedEvent>;
+    /** Re-emitted host load error. */
+    LoadError: EventEmitter<{
+        title: string;
+        detail: string;
+    }>;
+    /** The live form instance, for power-user wiring. */
+    FormCreated: EventEmitter<BaseFormComponent>;
+    /** True while a save is in flight (disables the Save button). */
+    saving: boolean;
+    /** Title actually rendered (Title input, or derived from the record). */
+    effectiveTitle: string;
+    /** The live form component instance (for power-user wiring via MJFormRef). */
+    get formInstance(): BaseFormComponent | null;
+    /** Resolves the primary key to pass to the host (PrimaryKey beats RecordID). */
+    protected get effectivePrimaryKey(): CompositeKey | undefined;
+    /** Save via the hosted form. Closing happens on the resulting `Saved` event. */
+    onSaveClick(): Promise<void>;
+    onHostSaved(record: BaseEntity): void;
+    onCancel(): void;
+    /** Host asked to be dismissed (e.g. Discard on a brand-new record). */
+    onHostDismissed(): void;
+    onFormCreated(form: BaseFormComponent): void;
+    /** Hide the overlay and emit Closed exactly once per open. Idempotent. */
+    protected close(reason: FormOverlayCloseReason): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormOverlay, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFormOverlay, never, never, { "EntityName": { "alias": "EntityName"; "required": false; }; "PrimaryKey": { "alias": "PrimaryKey"; "required": false; }; "RecordID": { "alias": "RecordID"; "required": false; }; "Record": { "alias": "Record"; "required": false; }; "NewRecordValues": { "alias": "NewRecordValues"; "required": false; }; "SectionName": { "alias": "SectionName"; "required": false; }; "EditMode": { "alias": "EditMode"; "required": false; }; "Config": { "alias": "Config"; "required": false; }; "Title": { "alias": "Title"; "required": false; }; "ShowFooter": { "alias": "ShowFooter"; "required": false; }; "SaveButtonText": { "alias": "SaveButtonText"; "required": false; }; "CancelButtonText": { "alias": "CancelButtonText"; "required": false; }; "Visible": { "alias": "Visible"; "required": false; }; }, { "VisibleChange": "VisibleChange"; "Saved": "Saved"; "Closed": "Closed"; "Navigate": "Navigate"; "Notification": "Notification"; "RecordDeleted": "RecordDeleted"; "RecordSaveFailed": "RecordSaveFailed"; "ValidationFailed": "ValidationFailed"; "LoadError": "LoadError"; "FormCreated": "FormCreated"; }, never, never, true, never>;
+}
+//# sourceMappingURL=base-form-overlay.d.ts.map

package/dist/lib/overlays/base-form-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-form-overlay.d.ts","sourceRoot":"","sources":["../../../src/lib/overlays/base-form-overlay.ts"],"names":[],"mappings":"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"}

package/dist/lib/overlays/base-form-overlay.js

@@ -0,0 +1,227 @@
+import { Directive, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import { CompositeKey } from '@memberjunction/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import * as i0 from "@angular/core";
+const _c0 = ["host"];
+/**
+ * Shared logic for the form overlay shells ({@link MjFormDialogComponent} and
+ * {@link MjFormSlideInComponent}). Both wrap an {@link MjEntityFormHostComponent}
+ * in chrome that owns the title + Save/Cancel, bubble the host's events upward,
+ * and proxy the form inputs downward.
+ *
+ * Subclasses provide only the template; all input/output plumbing lives here.
+ */
+export class BaseFormOverlay extends BaseAngularComponent {
+    /** Reference to the hosted form (template must name the host `#host`). */
+    host;
+    // ── Record selection (mirror MjEntityFormHostComponent) ──────────────────
+    /** Entity name to load. Ignored when {@link Record} is supplied. */
+    EntityName = null;
+    /** Primary key of the record to edit. Empty/absent → new record. */
+    PrimaryKey;
+    /** Convenience single-column ('ID') key; used when {@link PrimaryKey} is absent. */
+    RecordID;
+    /** Pre-loaded record to bind directly (skips load). */
+    Record = null;
+    /** New-record default values: URL-segment string or plain object. */
+    NewRecordValues = null;
+    /**
+     * Render a single registered form section (`BaseFormSectionComponent`
+     * registered as `'<EntityName>.<SectionName>'`) instead of the full form.
+     * See {@link MjEntityFormHostComponent.SectionName}.
+     */
+    SectionName = null;
+    /** Force edit mode (default: new → edit, existing → read). */
+    EditMode = null;
+    /**
+     * Per-instance config OVERRIDE. Treated as a partial set of overrides that is
+     * merged **over** the surface's {@link PresetConfig} — so passing
+     * `{ StartInEditMode: true }` keeps the preset's `Toolbar: null` etc. instead
+     * of replacing the whole preset. Bind the merged result via {@link EffectiveConfig}.
+     */
+    Config = null;
+    /**
+     * The surface's default config preset (TAB/DIALOG/SLIDEIN). Subclasses override
+     * this getter; the base returns an empty object (no defaults).
+     */
+    get PresetConfig() { return {}; }
+    /**
+     * The config actually handed to the form host: the surface {@link PresetConfig}
+     * with any consumer {@link Config} overrides merged on top. This is what makes
+     * partial configs work — you only specify what differs from the preset.
+     */
+    get EffectiveConfig() {
+        return { ...this.PresetConfig, ...(this.Config ?? {}) };
+    }
+    // ── Chrome ────────────────────────────────────────────────────────────────
+    /** Title shown in the chrome. When empty, derived from the record on load. */
+    Title = '';
+    /** Whether to show the Save/Cancel footer. Default: true. */
+    ShowFooter = true;
+    /** Save button label. */
+    SaveButtonText = 'Save';
+    /** Cancel button label. */
+    CancelButtonText = 'Cancel';
+    _visible = false;
+    _closed = false;
+    /** Two-way: whether the overlay is shown. */
+    set Visible(value) {
+        if (value !== this._visible) {
+            this._visible = value;
+            if (value) {
+                this._closed = false; // re-arm for the next close
+                this.effectiveTitle = this.Title; // section mode has no FormCreated; full mode refines this
+            }
+            this.VisibleChange.emit(value);
+        }
+    }
+    get Visible() { return this._visible; }
+    // ── Outputs ─────────────────────────────────────────────────────────────
+    VisibleChange = new EventEmitter();
+    /** Emitted after a successful save (carries the saved entity). */
+    Saved = new EventEmitter();
+    /** Emitted when the overlay closes (save or cancel). */
+    Closed = new EventEmitter();
+    /** Re-emitted host navigation requests (consumer decides; chrome never routes). */
+    Navigate = new EventEmitter();
+    /** Re-emitted host notifications. */
+    Notification = new EventEmitter();
+    /** Re-emitted host record-deleted. */
+    RecordDeleted = new EventEmitter();
+    /** Re-emitted host save-failed. */
+    RecordSaveFailed = new EventEmitter();
+    /** Re-emitted host validation-failed. */
+    ValidationFailed = new EventEmitter();
+    /** Re-emitted host load error. */
+    LoadError = new EventEmitter();
+    /** The live form instance, for power-user wiring. */
+    FormCreated = new EventEmitter();
+    // ── State ─────────────────────────────────────────────────────────────────
+    /** True while a save is in flight (disables the Save button). */
+    saving = false;
+    /** Title actually rendered (Title input, or derived from the record). */
+    effectiveTitle = '';
+    /** The live form component instance (for power-user wiring via MJFormRef). */
+    get formInstance() {
+        return this.host?.Form ?? null;
+    }
+    /** Resolves the primary key to pass to the host (PrimaryKey beats RecordID). */
+    get effectivePrimaryKey() {
+        if (this.PrimaryKey)
+            return this.PrimaryKey;
+        if (this.RecordID)
+            return CompositeKey.FromID(this.RecordID);
+        return undefined;
+    }
+    // ── Host event handlers (wired in subclass templates) ─────────────────────
+    /** Save via the hosted form. Closing happens on the resulting `Saved` event. */
+    async onSaveClick() {
+        if (!this.host)
+            return;
+        this.saving = true;
+        try {
+            await this.host.Save();
+        }
+        finally {
+            this.saving = false;
+        }
+    }
+    onHostSaved(record) {
+        this.Saved.emit(record);
+        this.close('save');
+    }
+    onCancel() {
+        if (this._closed)
+            return;
+        this.host?.Cancel();
+        this.close('cancel');
+    }
+    /** Host asked to be dismissed (e.g. Discard on a brand-new record). */
+    onHostDismissed() {
+        this.close('cancel');
+    }
+    onFormCreated(form) {
+        this.FormCreated.emit(form);
+        if (!this.Title) {
+            const rec = form.record;
+            const entityLabel = rec?.EntityInfo?.DisplayName ?? rec?.EntityInfo?.Name ?? '';
+            this.effectiveTitle = rec?.IsSaved
+                ? `${entityLabel}`
+                : `New ${entityLabel}`;
+        }
+        else {
+            this.effectiveTitle = this.Title;
+        }
+    }
+    /** Hide the overlay and emit Closed exactly once per open. Idempotent. */
+    close(reason) {
+        if (this._closed)
+            return;
+        this._closed = true;
+        if (this._visible) {
+            this._visible = false;
+            this.VisibleChange.emit(false);
+        }
+        this.Closed.emit(reason);
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵBaseFormOverlay_BaseFactory; return function BaseFormOverlay_Factory(__ngFactoryType__) { return (ɵBaseFormOverlay_BaseFactory || (ɵBaseFormOverlay_BaseFactory = i0.ɵɵgetInheritedFactory(BaseFormOverlay)))(__ngFactoryType__ || BaseFormOverlay); }; })();
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseFormOverlay, viewQuery: function BaseFormOverlay_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.host = _t.first);
+        } }, inputs: { EntityName: "EntityName", PrimaryKey: "PrimaryKey", RecordID: "RecordID", Record: "Record", NewRecordValues: "NewRecordValues", SectionName: "SectionName", EditMode: "EditMode", Config: "Config", Title: "Title", ShowFooter: "ShowFooter", SaveButtonText: "SaveButtonText", CancelButtonText: "CancelButtonText", Visible: "Visible" }, outputs: { VisibleChange: "VisibleChange", Saved: "Saved", Closed: "Closed", Navigate: "Navigate", Notification: "Notification", RecordDeleted: "RecordDeleted", RecordSaveFailed: "RecordSaveFailed", ValidationFailed: "ValidationFailed", LoadError: "LoadError", FormCreated: "FormCreated" }, features: [i0.ɵɵInheritDefinitionFeature] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseFormOverlay, [{
+        type: Directive
+    }], null, { host: [{
+            type: ViewChild,
+            args: ['host']
+        }], EntityName: [{
+            type: Input
+        }], PrimaryKey: [{
+            type: Input
+        }], RecordID: [{
+            type: Input
+        }], Record: [{
+            type: Input
+        }], NewRecordValues: [{
+            type: Input
+        }], SectionName: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }], Config: [{
+            type: Input
+        }], Title: [{
+            type: Input
+        }], ShowFooter: [{
+            type: Input
+        }], SaveButtonText: [{
+            type: Input
+        }], CancelButtonText: [{
+            type: Input
+        }], Visible: [{
+            type: Input
+        }], VisibleChange: [{
+            type: Output
+        }], Saved: [{
+            type: Output
+        }], Closed: [{
+            type: Output
+        }], Navigate: [{
+            type: Output
+        }], Notification: [{
+            type: Output
+        }], RecordDeleted: [{
+            type: Output
+        }], RecordSaveFailed: [{
+            type: Output
+        }], ValidationFailed: [{
+            type: Output
+        }], LoadError: [{
+            type: Output
+        }], FormCreated: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=base-form-overlay.js.map

package/dist/lib/overlays/base-form-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-form-overlay.js","sourceRoot":"","sources":["../../../src/lib/overlays/base-form-overlay.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, Input, Output, EventEmitter, ViewChild } from '@angular/core';\nimport { BaseEntity, CompositeKey } from '@memberjunction/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\n\nimport { MjEntityFormHostComponent } from '../host/entity-form-host.component';\nimport { EntityFormConfig } from '../types/entity-form-config';\nimport { FormNavigationEvent } from '../types/navigation-events';\nimport {\n  FormNotificationEvent, RecordDeletedEvent, RecordSaveFailedEvent, ValidationFailedEvent\n} from '../types/form-types';\nimport { BaseFormComponent } from '../base-form-component';\n\n/** How an overlay closed. */\nexport type FormOverlayCloseReason = 'save' | 'cancel';\n\n/**\n * Shared logic for the form overlay shells ({@link MjFormDialogComponent} and\n * {@link MjFormSlideInComponent}). Both wrap an {@link MjEntityFormHostComponent}\n * in chrome that owns the title + Save/Cancel, bubble the host's events upward,\n * and proxy the form inputs downward.\n *\n * Subclasses provide only the template; all input/output plumbing lives here.\n */\n@Directive()\nexport abstract class BaseFormOverlay extends BaseAngularComponent {\n  /** Reference to the hosted form (template must name the host `#host`). */\n  @ViewChild('host') protected host?: MjEntityFormHostComponent;\n\n  // ── Record selection (mirror MjEntityFormHostComponent) ──────────────────\n\n  /** Entity name to load. Ignored when {@link Record} is supplied. */\n  @Input() EntityName: string | null = null;\n  /** Primary key of the record to edit. Empty/absent → new record. */\n  @Input() PrimaryKey?: CompositeKey;\n  /** Convenience single-column ('ID') key; used when {@link PrimaryKey} is absent. */\n  @Input() RecordID?: string;\n  /** Pre-loaded record to bind directly (skips load). */\n  @Input() Record: BaseEntity | null = null;\n  /** New-record default values: URL-segment string or plain object. */\n  @Input() NewRecordValues: string | Record<string, unknown> | null = null;\n  /**\n   * Render a single registered form section (`BaseFormSectionComponent`\n   * registered as `'<EntityName>.<SectionName>'`) instead of the full form.\n   * See {@link MjEntityFormHostComponent.SectionName}.\n   */\n  @Input() SectionName: string | null = null;\n  /** Force edit mode (default: new → edit, existing → read). */\n  @Input() EditMode: boolean | null = null;\n  /**\n   * Per-instance config OVERRIDE. Treated as a partial set of overrides that is\n   * merged **over** the surface's {@link PresetConfig} — so passing\n   * `{ StartInEditMode: true }` keeps the preset's `Toolbar: null` etc. instead\n   * of replacing the whole preset. Bind the merged result via {@link EffectiveConfig}.\n   */\n  @Input() Config: EntityFormConfig | null = null;\n\n  /**\n   * The surface's default config preset (TAB/DIALOG/SLIDEIN). Subclasses override\n   * this getter; the base returns an empty object (no defaults).\n   */\n  protected get PresetConfig(): EntityFormConfig { return {}; }\n\n  /**\n   * The config actually handed to the form host: the surface {@link PresetConfig}\n   * with any consumer {@link Config} overrides merged on top. This is what makes\n   * partial configs work — you only specify what differs from the preset.\n   */\n  get EffectiveConfig(): EntityFormConfig {\n    return { ...this.PresetConfig, ...(this.Config ?? {}) };\n  }\n\n  // ── Chrome ────────────────────────────────────────────────────────────────\n\n  /** Title shown in the chrome. When empty, derived from the record on load. */\n  @Input() Title = '';\n  /** Whether to show the Save/Cancel footer. Default: true. */\n  @Input() ShowFooter = true;\n  /** Save button label. */\n  @Input() SaveButtonText = 'Save';\n  /** Cancel button label. */\n  @Input() CancelButtonText = 'Cancel';\n\n  private _visible = false;\n  private _closed = false;\n  /** Two-way: whether the overlay is shown. */\n  @Input()\n  set Visible(value: boolean) {\n    if (value !== this._visible) {\n      this._visible = value;\n      if (value) {\n        this._closed = false;          // re-arm for the next close\n        this.effectiveTitle = this.Title; // section mode has no FormCreated; full mode refines this\n      }\n      this.VisibleChange.emit(value);\n    }\n  }\n  get Visible(): boolean { return this._visible; }\n\n  // ── Outputs ─────────────────────────────────────────────────────────────\n\n  @Output() VisibleChange = new EventEmitter<boolean>();\n  /** Emitted after a successful save (carries the saved entity). */\n  @Output() Saved = new EventEmitter<BaseEntity>();\n  /** Emitted when the overlay closes (save or cancel). */\n  @Output() Closed = new EventEmitter<FormOverlayCloseReason>();\n  /** Re-emitted host navigation requests (consumer decides; chrome never routes). */\n  @Output() Navigate = new EventEmitter<FormNavigationEvent>();\n  /** Re-emitted host notifications. */\n  @Output() Notification = new EventEmitter<FormNotificationEvent>();\n  /** Re-emitted host record-deleted. */\n  @Output() RecordDeleted = new EventEmitter<RecordDeletedEvent>();\n  /** Re-emitted host save-failed. */\n  @Output() RecordSaveFailed = new EventEmitter<RecordSaveFailedEvent>();\n  /** Re-emitted host validation-failed. */\n  @Output() ValidationFailed = new EventEmitter<ValidationFailedEvent>();\n  /** Re-emitted host load error. */\n  @Output() LoadError = new EventEmitter<{ title: string; detail: string }>();\n  /** The live form instance, for power-user wiring. */\n  @Output() FormCreated = new EventEmitter<BaseFormComponent>();\n\n  // ── State ─────────────────────────────────────────────────────────────────\n\n  /** True while a save is in flight (disables the Save button). */\n  public saving = false;\n  /** Title actually rendered (Title input, or derived from the record). */\n  public effectiveTitle = '';\n\n  /** The live form component instance (for power-user wiring via MJFormRef). */\n  get formInstance(): BaseFormComponent | null {\n    return this.host?.Form ?? null;\n  }\n\n  /** Resolves the primary key to pass to the host (PrimaryKey beats RecordID). */\n  protected get effectivePrimaryKey(): CompositeKey | undefined {\n    if (this.PrimaryKey) return this.PrimaryKey;\n    if (this.RecordID) return CompositeKey.FromID(this.RecordID);\n    return undefined;\n  }\n\n  // ── Host event handlers (wired in subclass templates) ─────────────────────\n\n  /** Save via the hosted form. Closing happens on the resulting `Saved` event. */\n  async onSaveClick(): Promise<void> {\n    if (!this.host) return;\n    this.saving = true;\n    try {\n      await this.host.Save();\n    } finally {\n      this.saving = false;\n    }\n  }\n\n  onHostSaved(record: BaseEntity): void {\n    this.Saved.emit(record);\n    this.close('save');\n  }\n\n  onCancel(): void {\n    if (this._closed) return;\n    this.host?.Cancel();\n    this.close('cancel');\n  }\n\n  /** Host asked to be dismissed (e.g. Discard on a brand-new record). */\n  onHostDismissed(): void {\n    this.close('cancel');\n  }\n\n  onFormCreated(form: BaseFormComponent): void {\n    this.FormCreated.emit(form);\n    if (!this.Title) {\n      const rec = form.record;\n      const entityLabel = rec?.EntityInfo?.DisplayName ?? rec?.EntityInfo?.Name ?? '';\n      this.effectiveTitle = rec?.IsSaved\n        ? `${entityLabel}`\n        : `New ${entityLabel}`;\n    } else {\n      this.effectiveTitle = this.Title;\n    }\n  }\n\n  /** Hide the overlay and emit Closed exactly once per open. Idempotent. */\n  protected close(reason: FormOverlayCloseReason): void {\n    if (this._closed) return;\n    this._closed = true;\n    if (this._visible) {\n      this._visible = false;\n      this.VisibleChange.emit(false);\n    }\n    this.Closed.emit(reason);\n  }\n}\n"]}

package/dist/lib/overlays/form-dialog.component.d.ts

@@ -0,0 +1,35 @@
+import { BaseFormOverlay } from './base-form-overlay';
+import * as i0 from "@angular/core";
+/**
+ * Opens any MemberJunction entity form inside a modal dialog.
+ *
+ * Wraps {@link MjEntityFormHostComponent} in `<mj-dialog>` chrome with a
+ * Save/Cancel footer. Defaults to {@link DIALOG_FORM_CONFIG} (no in-form
+ * toolbar, related grids hidden, in-form links inert) — override via `Config`.
+ *
+ * Standalone — import it directly:
+ * ```typescript
+ * import { MjFormDialogComponent } from '@memberjunction/ng-base-forms';
+ * ```
+ *
+ * @example Declarative
+ * ```html
+ * <mj-form-dialog [EntityName]="'Users'" [RecordID]="id"
+ *   [(Visible)]="show" (Saved)="onSaved($event)"></mj-form-dialog>
+ * ```
+ */
+export declare class MjFormDialogComponent extends BaseFormOverlay {
+    /** Dialog width (px or CSS string). */
+    Width: number | string | null;
+    /** Dialog height (px or CSS string). Default auto. */
+    Height: number | string | null;
+    /**
+     * Form config. Defaults to the dialog preset; consumers can override.
+     * (Declared here so the dialog gets the dialog-appropriate default while the
+     * shared base stays presentation-neutral.)
+     */
+    protected get PresetConfig(): import("../types/entity-form-config").EntityFormConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MjFormDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MjFormDialogComponent, "mj-form-dialog", never, { "Width": { "alias": "Width"; "required": false; }; "Height": { "alias": "Height"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=form-dialog.component.d.ts.map

package/dist/lib/overlays/form-dialog.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-dialog.component.d.ts","sourceRoot":"","sources":["../../../src/lib/overlays/form-dialog.component.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;;AAGtD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAMa,qBAAsB,SAAQ,eAAe;IACxD,uCAAuC;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAO;IAC7C,sDAAsD;IAC7C,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAE/C;;;;OAIG;IACH,cAAuB,YAAY,2DAAiC;yCAXzD,qBAAqB;2CAArB,qBAAqB;CAYjC"}

package/dist/lib/overlays/form-dialog.component.js

@@ -0,0 +1,92 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MJDialogComponent, MJDialogActionsComponent, MJButtonDirective } from '@memberjunction/ng-ui-components';
+import { BaseFormsModule } from '../../module';
+import { BaseFormOverlay } from './base-form-overlay';
+import { DIALOG_FORM_CONFIG } from '../types/entity-form-config';
+import * as i0 from "@angular/core";
+import * as i1 from "../host/entity-form-host.component";
+function MjFormDialogComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog-actions")(1, "button", 4);
+    i0.ɵɵlistener("click", function MjFormDialogComponent_Conditional_0_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSaveClick()); });
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 5);
+    i0.ɵɵlistener("click", function MjFormDialogComponent_Conditional_0_Conditional_3_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.saving);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.SaveButtonText);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.saving);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.CancelButtonText);
+} }
+function MjFormDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 2);
+    i0.ɵɵlistener("Close", function MjFormDialogComponent_Conditional_0_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
+    i0.ɵɵelementStart(1, "mj-entity-form-host", 3, 0);
+    i0.ɵɵlistener("Saved", function MjFormDialogComponent_Conditional_0_Template_mj_entity_form_host_Saved_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onHostSaved($event)); })("Dismissed", function MjFormDialogComponent_Conditional_0_Template_mj_entity_form_host_Dismissed_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onHostDismissed()); })("FormCreated", function MjFormDialogComponent_Conditional_0_Template_mj_entity_form_host_FormCreated_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFormCreated($event)); })("Navigate", function MjFormDialogComponent_Conditional_0_Template_mj_entity_form_host_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Navigate.emit($event)); })("Notification", function MjFormDialogComponent_Conditional_0_Template_mj_entity_form_host_Notification_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Notification.emit($event)); })("RecordDeleted", function MjFormDialogComponent_Conditional_0_Template_mj_entity_form_host_RecordDeleted_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.RecordDeleted.emit($event)); })("RecordSaveFailed", function MjFormDialogComponent_Conditional_0_Template_mj_entity_form_host_RecordSaveFailed_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.RecordSaveFailed.emit($event)); })("ValidationFailed", function MjFormDialogComponent_Conditional_0_Template_mj_entity_form_host_ValidationFailed_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ValidationFailed.emit($event)); })("LoadError", function MjFormDialogComponent_Conditional_0_Template_mj_entity_form_host_LoadError_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.LoadError.emit($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, MjFormDialogComponent_Conditional_0_Conditional_3_Template, 5, 4, "mj-dialog-actions");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", true)("Title", ctx_r1.effectiveTitle)("Width", ctx_r1.Width)("Height", ctx_r1.Height);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("EntityName", ctx_r1.EntityName)("PrimaryKey", ctx_r1.effectivePrimaryKey)("Record", ctx_r1.Record)("NewRecordValues", ctx_r1.NewRecordValues)("SectionName", ctx_r1.SectionName)("EditMode", ctx_r1.EditMode)("Config", ctx_r1.EffectiveConfig)("Provider", ctx_r1.Provider);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.ShowFooter ? 3 : -1);
+} }
+/**
+ * Opens any MemberJunction entity form inside a modal dialog.
+ *
+ * Wraps {@link MjEntityFormHostComponent} in `<mj-dialog>` chrome with a
+ * Save/Cancel footer. Defaults to {@link DIALOG_FORM_CONFIG} (no in-form
+ * toolbar, related grids hidden, in-form links inert) — override via `Config`.
+ *
+ * Standalone — import it directly:
+ * ```typescript
+ * import { MjFormDialogComponent } from '@memberjunction/ng-base-forms';
+ * ```
+ *
+ * @example Declarative
+ * ```html
+ * <mj-form-dialog [EntityName]="'Users'" [RecordID]="id"
+ *   [(Visible)]="show" (Saved)="onSaved($event)"></mj-form-dialog>
+ * ```
+ */
+export class MjFormDialogComponent extends BaseFormOverlay {
+    /** Dialog width (px or CSS string). */
+    Width = 760;
+    /** Dialog height (px or CSS string). Default auto. */
+    Height = null;
+    /**
+     * Form config. Defaults to the dialog preset; consumers can override.
+     * (Declared here so the dialog gets the dialog-appropriate default while the
+     * shared base stays presentation-neutral.)
+     */
+    get PresetConfig() { return DIALOG_FORM_CONFIG; }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMjFormDialogComponent_BaseFactory; return function MjFormDialogComponent_Factory(__ngFactoryType__) { return (ɵMjFormDialogComponent_BaseFactory || (ɵMjFormDialogComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MjFormDialogComponent)))(__ngFactoryType__ || MjFormDialogComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MjFormDialogComponent, selectors: [["mj-form-dialog"]], inputs: { Width: "Width", Height: "Height" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["host", ""], [3, "Visible", "Title", "Width", "Height"], [3, "Close", "Visible", "Title", "Width", "Height"], [3, "Saved", "Dismissed", "FormCreated", "Navigate", "Notification", "RecordDeleted", "RecordSaveFailed", "ValidationFailed", "LoadError", "EntityName", "PrimaryKey", "Record", "NewRecordValues", "SectionName", "EditMode", "Config", "Provider"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], ["mjButton", "", 3, "click", "disabled"]], template: function MjFormDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, MjFormDialogComponent_Conditional_0_Template, 4, 13, "mj-dialog", 1);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.Visible ? 0 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjEntityFormHostComponent, MJDialogComponent, MJDialogActionsComponent, MJButtonDirective], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MjFormDialogComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-form-dialog', imports: [CommonModule, BaseFormsModule, MJDialogComponent, MJDialogActionsComponent, MJButtonDirective], template: "@if (Visible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Title]=\"effectiveTitle\"\n    [Width]=\"Width\"\n    [Height]=\"Height\"\n    (Close)=\"onCancel()\">\n\n    <mj-entity-form-host #host\n      [EntityName]=\"EntityName\"\n      [PrimaryKey]=\"effectivePrimaryKey!\"\n      [Record]=\"Record\"\n      [NewRecordValues]=\"NewRecordValues\"\n      [SectionName]=\"SectionName\"\n      [EditMode]=\"EditMode\"\n      [Config]=\"EffectiveConfig\"\n      [Provider]=\"Provider\"\n      (Saved)=\"onHostSaved($event)\"\n      (Dismissed)=\"onHostDismissed()\"\n      (FormCreated)=\"onFormCreated($event)\"\n      (Navigate)=\"Navigate.emit($event)\"\n      (Notification)=\"Notification.emit($event)\"\n      (RecordDeleted)=\"RecordDeleted.emit($event)\"\n      (RecordSaveFailed)=\"RecordSaveFailed.emit($event)\"\n      (ValidationFailed)=\"ValidationFailed.emit($event)\"\n      (LoadError)=\"LoadError.emit($event)\">\n    </mj-entity-form-host>\n\n    @if (ShowFooter) {\n      <mj-dialog-actions>\n        <button mjButton variant=\"primary\" [disabled]=\"saving\" (click)=\"onSaveClick()\">{{ SaveButtonText }}</button>\n        <button mjButton [disabled]=\"saving\" (click)=\"onCancel()\">{{ CancelButtonText }}</button>\n      </mj-dialog-actions>\n    }\n  </mj-dialog>\n}\n" }]
+    }], null, { Width: [{
+            type: Input
+        }], Height: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MjFormDialogComponent, { className: "MjFormDialogComponent", filePath: "src/lib/overlays/form-dialog.component.ts", lineNumber: 35 }); })();
+//# sourceMappingURL=form-dialog.component.js.map

package/dist/lib/overlays/form-dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-dialog.component.js","sourceRoot":"","sources":["../../../src/lib/overlays/form-dialog.component.ts","../../../src/lib/overlays/form-dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EACL,iBAAiB,EAAE,wBAAwB,EAAE,iBAAiB,EAC/D,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;;;;ICsBzD,AADF,yCAAmB,gBAC8D;IAAxB,wMAAS,oBAAa,KAAC;IAAC,YAAoB;IAAA,iBAAS;IAC5G,iCAA0D;IAArB,wMAAS,iBAAU,KAAC;IAAC,YAAsB;IAClF,AADkF,iBAAS,EACvE;;;IAFiB,cAAmB;IAAnB,wCAAmB;IAAyB,cAAoB;IAApB,2CAAoB;IAClF,cAAmB;IAAnB,wCAAmB;IAAsB,cAAsB;IAAtB,6CAAsB;;;;IA9BtF,oCAKuB;IAArB,4LAAS,iBAAU,KAAC;IAEpB,iDAiBuC;IAArC,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,4MAAS,0BAAmB,KAAC,iMAChB,wBAAiB,KAAC,2MAChB,4BAAqB,KAAC,qMACzB,4BAAqB,KAAC,6MAClB,gCAAyB,KAAC,+MACzB,iCAA0B,KAAC,qNACxB,oCAA6B,KAAC,qNAC9B,oCAA6B,KAAC,uMACrC,6BAAsB,KAAC;IACtC,iBAAsB;IAEtB,gHAAkB;IAMpB,iBAAY;;;IA7BV,AADA,AADA,AADA,8BAAgB,gCACQ,uBACT,yBACE;IAIf,cAAyB;IAOzB,AADA,AADA,AADA,AADA,AADA,AADA,AADA,8CAAyB,0CACU,yBAClB,2CACkB,mCACR,6BACN,kCACK,6BACL;IAYvB,eAKC;IALD,4CAKC;;ADvBL;;;;;;;;;;;;;;;;;GAiBG;AAOH,MAAM,OAAO,qBAAsB,SAAQ,eAAe;IACxD,uCAAuC;IAC9B,KAAK,GAA2B,GAAG,CAAC;IAC7C,sDAAsD;IAC7C,MAAM,GAA2B,IAAI,CAAC;IAE/C;;;;OAIG;IACH,IAAuB,YAAY,KAAK,OAAO,kBAAkB,CAAC,CAAC,CAAC;iQAXzD,qBAAqB,yBAArB,qBAAqB;6DAArB,qBAAqB;YClClC,8FAAe;;YAAf,sCAmCC;4BDJW,YAAY,EAAE,eAAe,gCAAE,iBAAiB,EAAE,wBAAwB,EAAE,iBAAiB;;iFAG5F,qBAAqB;cANjC,SAAS;6BACI,IAAI,YACN,gBAAgB,WACjB,CAAC,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,iBAAiB,CAAC;;kBAKvG,KAAK;;kBAEL,KAAK;;kFAJK,qBAAqB","sourcesContent":["import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n  MJDialogComponent, MJDialogActionsComponent, MJButtonDirective\n} from '@memberjunction/ng-ui-components';\n\nimport { BaseFormsModule } from '../../module';\nimport { BaseFormOverlay } from './base-form-overlay';\nimport { DIALOG_FORM_CONFIG } from '../types/entity-form-config';\n\n/**\n * Opens any MemberJunction entity form inside a modal dialog.\n *\n * Wraps {@link MjEntityFormHostComponent} in `<mj-dialog>` chrome with a\n * Save/Cancel footer. Defaults to {@link DIALOG_FORM_CONFIG} (no in-form\n * toolbar, related grids hidden, in-form links inert) — override via `Config`.\n *\n * Standalone — import it directly:\n * ```typescript\n * import { MjFormDialogComponent } from '@memberjunction/ng-base-forms';\n * ```\n *\n * @example Declarative\n * ```html\n * <mj-form-dialog [EntityName]=\"'Users'\" [RecordID]=\"id\"\n *   [(Visible)]=\"show\" (Saved)=\"onSaved($event)\"></mj-form-dialog>\n * ```\n */\n@Component({\n  standalone: true,\n  selector: 'mj-form-dialog',\n  imports: [CommonModule, BaseFormsModule, MJDialogComponent, MJDialogActionsComponent, MJButtonDirective],\n  templateUrl: './form-dialog.component.html',\n})\nexport class MjFormDialogComponent extends BaseFormOverlay {\n  /** Dialog width (px or CSS string). */\n  @Input() Width: number | string | null = 760;\n  /** Dialog height (px or CSS string). Default auto. */\n  @Input() Height: number | string | null = null;\n\n  /**\n   * Form config. Defaults to the dialog preset; consumers can override.\n   * (Declared here so the dialog gets the dialog-appropriate default while the\n   * shared base stays presentation-neutral.)\n   */\n  protected override get PresetConfig() { return DIALOG_FORM_CONFIG; }\n}\n","@if (Visible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Title]=\"effectiveTitle\"\n    [Width]=\"Width\"\n    [Height]=\"Height\"\n    (Close)=\"onCancel()\">\n\n    <mj-entity-form-host #host\n      [EntityName]=\"EntityName\"\n      [PrimaryKey]=\"effectivePrimaryKey!\"\n      [Record]=\"Record\"\n      [NewRecordValues]=\"NewRecordValues\"\n      [SectionName]=\"SectionName\"\n      [EditMode]=\"EditMode\"\n      [Config]=\"EffectiveConfig\"\n      [Provider]=\"Provider\"\n      (Saved)=\"onHostSaved($event)\"\n      (Dismissed)=\"onHostDismissed()\"\n      (FormCreated)=\"onFormCreated($event)\"\n      (Navigate)=\"Navigate.emit($event)\"\n      (Notification)=\"Notification.emit($event)\"\n      (RecordDeleted)=\"RecordDeleted.emit($event)\"\n      (RecordSaveFailed)=\"RecordSaveFailed.emit($event)\"\n      (ValidationFailed)=\"ValidationFailed.emit($event)\"\n      (LoadError)=\"LoadError.emit($event)\">\n    </mj-entity-form-host>\n\n    @if (ShowFooter) {\n      <mj-dialog-actions>\n        <button mjButton variant=\"primary\" [disabled]=\"saving\" (click)=\"onSaveClick()\">{{ SaveButtonText }}</button>\n        <button mjButton [disabled]=\"saving\" (click)=\"onCancel()\">{{ CancelButtonText }}</button>\n      </mj-dialog-actions>\n    }\n  </mj-dialog>\n}\n"]}