@memberjunction/ng-shared-generic 5.51.0 → 6.1.0-edge.1

package/LICENSE

@@ -0,0 +1,7 @@
+ISC License
+
+Copyright (c) 2023 MemberJunction
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/dist/lib/_tokens.scss

@@ -161,6 +161,7 @@
   --mj-brand-primary-active: var(--mj-color-brand-700);
   --mj-brand-primary-light: var(--mj-color-brand-350);
   --mj-brand-secondary: var(--mj-color-brand-900);
+  --mj-brand-secondary-hover: var(--mj-color-brand-800);
   --mj-brand-on-primary: var(--mj-color-neutral-0);
   --mj-brand-on-secondary: var(--mj-color-neutral-0);
 
@@ -216,6 +217,29 @@
   --mj-viz-9: #FF5722;  /* deep orange */
   --mj-viz-10: #3F51B5; /* indigo */
 
+  /* Data-Visualization Sequential Ramp
+     Single-hue intensity ramp for heatmaps, choropleths and density shading,
+     ordered light-to-dark. Built from the brand ramp (not literals) so an org
+     overlay re-tints intensity shading along with everything else. Exposed to
+     interactive components as `styles.sequentialScale`. Dark mode re-anchors
+     these (see the dark block) because a light-to-dark ramp inverts its reading
+     on a dark surface. */
+  --mj-viz-seq-1: var(--mj-color-brand-100);
+  --mj-viz-seq-2: var(--mj-color-brand-200);
+  --mj-viz-seq-3: var(--mj-color-brand-300);
+  --mj-viz-seq-4: var(--mj-color-brand-400);
+  --mj-viz-seq-5: var(--mj-color-brand-500);
+  --mj-viz-seq-6: var(--mj-color-brand-600);
+  --mj-viz-seq-7: var(--mj-color-brand-700);
+
+  /* Data-Visualization Diverging Ramp
+     For measures with a meaningful midpoint (variance vs target, gain/loss,
+     sentiment). Anchored on the status hues so the default reads "bad → neutral
+     → good"; exposed as `styles.divergingScale`. */
+  --mj-viz-div-low: var(--mj-color-error-500);
+  --mj-viz-div-mid: var(--mj-color-neutral-200);
+  --mj-viz-div-high: var(--mj-color-success-500);
+
   /* Application Accent (set per-application from metadata)
      Default uses amber accent, but apps can override to use primary/tertiary/custom */
   --mj-app-accent: var(--mj-brand-accent);
@@ -474,6 +498,26 @@
   --mj-login-wave-2:     var(--mj-color-tertiary-400);
   --mj-login-wave-3:     var(--mj-color-brand-400);
 
+  /* Data-Visualization Sequential Ramp (dark-mode re-anchor)
+     On a dark surface, "more ink" means brighter rather than darker, so the ramp
+     runs from a step that sits close to the page background up to a light,
+     saturated brand step. Order is preserved (index 1 = lowest intensity), only
+     the anchoring flips. */
+  --mj-viz-seq-1: var(--mj-color-brand-900);
+  --mj-viz-seq-2: var(--mj-color-brand-800);
+  --mj-viz-seq-3: var(--mj-color-brand-700);
+  --mj-viz-seq-4: var(--mj-color-brand-600);
+  --mj-viz-seq-5: var(--mj-color-brand-500);
+  --mj-viz-seq-6: var(--mj-color-brand-400);
+  --mj-viz-seq-7: var(--mj-color-brand-300);
+
+  /* Data-Visualization Diverging Ramp (dark-mode re-anchor)
+     Endpoints lighten so they stay legible against the dark surface; the neutral
+     center darkens so "no deviation" recedes rather than glares. */
+  --mj-viz-div-low: var(--mj-color-error-400);
+  --mj-viz-div-mid: var(--mj-color-neutral-700);
+  --mj-viz-div-high: var(--mj-color-success-400);
+
   /* Logo — lighter mark for dark header backgrounds */
   --mj-logo-mark: url('/assets/mj-mark-dark.svg');
   --mj-logo-color: #4dabd5;

package/dist/lib/dom-utils.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef } from '@angular/core';
+/**
+ * Is `child` inside `parent` in the DOM tree?
+ *
+ * A pure DOM predicate with no MJ, Explorer or routing coupling — which is why it lives here in a
+ * Generic package rather than on `SharedService`. It was previously reachable only as
+ * `SharedService.IsDescendant`, which meant a widget wanting this three-line tree walk had to take
+ * a dependency on MJ Explorer to get it. That is exactly the accidental coupling the UI layering
+ * rules exist to prevent (see `guides/UI_LAYERING_GUIDE.md`).
+ *
+ * `SharedService.IsDescendant` delegates here, so existing Explorer callers are unaffected.
+ *
+ * @param parent the candidate ancestor
+ * @param child the candidate descendant
+ * @returns true when `child` is a descendant of `parent`; false when either is missing or unrelated
+ */
+export declare function IsDescendantElement(parent: ElementRef | null | undefined, child: ElementRef | null | undefined): boolean;
+//# sourceMappingURL=dom-utils.d.ts.map

package/dist/lib/dom-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-utils.d.ts","sourceRoot":"","sources":["../../src/lib/dom-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAQxH"}

package/dist/lib/dom-utils.js

@@ -0,0 +1,27 @@
+/**
+ * Is `child` inside `parent` in the DOM tree?
+ *
+ * A pure DOM predicate with no MJ, Explorer or routing coupling — which is why it lives here in a
+ * Generic package rather than on `SharedService`. It was previously reachable only as
+ * `SharedService.IsDescendant`, which meant a widget wanting this three-line tree walk had to take
+ * a dependency on MJ Explorer to get it. That is exactly the accidental coupling the UI layering
+ * rules exist to prevent (see `guides/UI_LAYERING_GUIDE.md`).
+ *
+ * `SharedService.IsDescendant` delegates here, so existing Explorer callers are unaffected.
+ *
+ * @param parent the candidate ancestor
+ * @param child the candidate descendant
+ * @returns true when `child` is a descendant of `parent`; false when either is missing or unrelated
+ */
+export function IsDescendantElement(parent, child) {
+    if (!parent?.nativeElement || !child?.nativeElement)
+        return false;
+    let node = child.nativeElement.parentNode;
+    while (node != null) {
+        if (node === parent.nativeElement)
+            return true;
+        node = node.parentNode;
+    }
+    return false;
+}
+//# sourceMappingURL=dom-utils.js.map

package/dist/lib/dom-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-utils.js","sourceRoot":"","sources":["../../src/lib/dom-utils.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,mBAAmB,CAAC,MAAqC,EAAE,KAAoC;IAC3G,IAAI,CAAC,MAAM,EAAE,aAAa,IAAI,CAAC,KAAK,EAAE,aAAa;QAAE,OAAO,KAAK,CAAC;IAClE,IAAI,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IAC1C,OAAO,IAAI,IAAI,IAAI,EAAE,CAAC;QAClB,IAAI,IAAI,KAAK,MAAM,CAAC,aAAa;YAAE,OAAO,IAAI,CAAC;QAC/C,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC","sourcesContent":["import { ElementRef } from '@angular/core';\n\n/**\n * Is `child` inside `parent` in the DOM tree?\n *\n * A pure DOM predicate with no MJ, Explorer or routing coupling — which is why it lives here in a\n * Generic package rather than on `SharedService`. It was previously reachable only as\n * `SharedService.IsDescendant`, which meant a widget wanting this three-line tree walk had to take\n * a dependency on MJ Explorer to get it. That is exactly the accidental coupling the UI layering\n * rules exist to prevent (see `guides/UI_LAYERING_GUIDE.md`).\n *\n * `SharedService.IsDescendant` delegates here, so existing Explorer callers are unaffected.\n *\n * @param parent the candidate ancestor\n * @param child the candidate descendant\n * @returns true when `child` is a descendant of `parent`; false when either is missing or unrelated\n */\nexport function IsDescendantElement(parent: ElementRef | null | undefined, child: ElementRef | null | undefined): boolean {\n    if (!parent?.nativeElement || !child?.nativeElement) return false;\n    let node = child.nativeElement.parentNode;\n    while (node != null) {\n        if (node === parent.nativeElement) return true;\n        node = node.parentNode;\n    }\n    return false;\n}\n"]}

package/dist/public-api.d.ts

@@ -1,6 +1,7 @@
 export * from './lib/module';
 export * from './lib/recent-access.service';
 export * from './lib/theme.service';
+export * from './lib/dom-utils';
 export * from './lib/ag-grid-theme-params';
 export * from './lib/loading/loading.component';
 export * from './lib/rich-text/rich-text-sanitize';

package/dist/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAKA,cAAc,cAAc,CAAC;AAG7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AAGpC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,iCAAiC,CAAC;AAGhD,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAKA,cAAc,cAAc,CAAC;AAG7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AAGpC,cAAc,iBAAiB,CAAC;AAGhC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,iCAAiC,CAAC;AAGhD,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC"}

package/dist/public-api.js

@@ -6,6 +6,8 @@ export * from './lib/module';
 // Services
 export * from './lib/recent-access.service';
 export * from './lib/theme.service';
+// DOM helpers
+export * from './lib/dom-utils';
 // Theming constants
 export * from './lib/ag-grid-theme-params';
 // Components

package/dist/public-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,SAAS;AACT,cAAc,cAAc,CAAC;AAE7B,WAAW;AACX,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AAEpC,oBAAoB;AACpB,cAAc,4BAA4B,CAAC;AAE3C,aAAa;AACb,cAAc,iCAAiC,CAAC;AAEhD,mDAAmD;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC","sourcesContent":["/*\n * Public API Surface for @memberjunction/ng-shared-generic\n */\n\n// Module\nexport * from './lib/module';\n\n// Services\nexport * from './lib/recent-access.service';\nexport * from './lib/theme.service';\n\n// Theming constants\nexport * from './lib/ag-grid-theme-params';\n\n// Components\nexport * from './lib/loading/loading.component';\n\n// Rich-text rendering (safe HTML/SVG sanitization)\nexport * from './lib/rich-text/rich-text-sanitize';\nexport * from './lib/rich-text/safe-rich-html.pipe';\n"]}
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,SAAS;AACT,cAAc,cAAc,CAAC;AAE7B,WAAW;AACX,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AAEpC,cAAc;AACd,cAAc,iBAAiB,CAAC;AAEhC,oBAAoB;AACpB,cAAc,4BAA4B,CAAC;AAE3C,aAAa;AACb,cAAc,iCAAiC,CAAC;AAEhD,mDAAmD;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC","sourcesContent":["/*\n * Public API Surface for @memberjunction/ng-shared-generic\n */\n\n// Module\nexport * from './lib/module';\n\n// Services\nexport * from './lib/recent-access.service';\nexport * from './lib/theme.service';\n\n// DOM helpers\nexport * from './lib/dom-utils';\n\n// Theming constants\nexport * from './lib/ag-grid-theme-params';\n\n// Components\nexport * from './lib/loading/loading.component';\n\n// Rich-text rendering (safe HTML/SVG sanitization)\nexport * from './lib/rich-text/rich-text-sanitize';\nexport * from './lib/rich-text/safe-rich-html.pipe';\n"]}

package/package.json

@@ -1,19 +1,12 @@
 {
   "name": "@memberjunction/ng-shared-generic",
-  "version": "5.51.0",
+  "version": "6.1.0-edge.1",
   "description": "MemberJunction: Generic Angular Shared Package - utility services and reusable elements used in any Angular application.",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
   "files": [
     "/dist"
   ],
-  "scripts": {
-    "test": "vitest run",
-    "build": "npm run clean && ngc && npm run copy-assets",
-    "copy-assets": "cpy 'src/lib/_tokens.scss' dist/lib --flat",
-    "clean": "rimraf dist",
-    "test:watch": "vitest"
-  },
   "keywords": [
     "MemberJunction",
     "Angular"
@@ -23,21 +16,21 @@
   "devDependencies": {
     "@angular/compiler": "21.1.3",
     "@angular/compiler-cli": "21.1.3",
-    "@memberjunction/ng-test-utils": "5.51.0",
+    "@memberjunction/ng-test-utils": "6.1.0-edge.1",
     "vitest": "^4.0.18"
   },
   "peerDependencies": {
-    "@angular/common": "21.1.3",
-    "@angular/core": "21.1.3",
-    "@angular/platform-browser": "21.1.3",
+    "@angular/common": "^21.1.3",
+    "@angular/core": "^21.1.3",
+    "@angular/platform-browser": "^21.1.3",
     "rxjs": "^7.8.2"
   },
   "dependencies": {
-    "@memberjunction/core": "5.51.0",
-    "@memberjunction/ng-base-types": "5.51.0",
-    "@memberjunction/core-entities": "5.51.0",
-    "@memberjunction/global": "5.51.0",
-    "@memberjunction/theme-engine": "5.51.0",
+    "@memberjunction/core": "6.1.0-edge.1",
+    "@memberjunction/ng-base-types": "6.1.0-edge.1",
+    "@memberjunction/core-entities": "6.1.0-edge.1",
+    "@memberjunction/global": "6.1.0-edge.1",
+    "@memberjunction/theme-engine": "6.1.0-edge.1",
     "dompurify": "^3.3.0",
     "tslib": "^2.8.1"
   },
@@ -45,5 +38,14 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/MemberJunction/MJ"
+  },
+  "mjUILayer": "widgets",
+  "scripts": {
+    "test": "vitest run",
+    "test:types": "tsc --noEmit -p tsconfig.spec.json",
+    "build": "npm run clean && ngc && npm run copy-assets",
+    "copy-assets": "cpy 'src/lib/_tokens.scss' dist/lib --flat",
+    "clean": "rimraf dist",
+    "test:watch": "vitest"
   }
-}
+}