@memberjunction/ng-core-entity-forms 6.2.0 → 6.3.0-edge.0

package/dist/lib/shared/phone-sections-state.d.ts

@@ -0,0 +1,28 @@
+/**
+ * A form's phone-sections state (design call 7A): whether the viewport is phone width, and
+ * which section shows behind the picker. Bind it to `mj-accordion-sections`:
+ *
+ * ```html
+ * <mj-accordion-sections [Enabled]="Phone.IsPhone" [ActiveKey]="Phone.Section" (ActiveKeyChange)="Phone.Pick($event)">
+ * ```
+ *
+ * It follows the breakpoint live (rotation, resize, DevTools device mode) until `Stop()`, which
+ * the form calls from `ngOnDestroy`. `onChange` runs after every change, usually
+ * `() => this.cdr.markForCheck()`.
+ */
+export declare class PhoneSectionsState {
+    private readonly onChange;
+    /** Phone width right now. */
+    IsPhone: boolean;
+    /** The section showing on a phone; null means the first. */
+    Section: string | null;
+    private readonly stopWatch;
+    constructor(onChange: () => void);
+    /** Re-reads the breakpoint. */
+    Sync(): void;
+    /** The section the user picked. */
+    Pick(key: string): void;
+    /** Stops following the breakpoint. */
+    Stop(): void;
+}
+//# sourceMappingURL=phone-sections-state.d.ts.map

package/dist/lib/shared/phone-sections-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-sections-state.d.ts","sourceRoot":"","sources":["../../../src/lib/shared/phone-sections-state.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,qBAAa,kBAAkB;IAOf,OAAO,CAAC,QAAQ,CAAC,QAAQ;IANrC,6BAA6B;IACtB,OAAO,UAAqB;IACnC,4DAA4D;IACrD,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IACrC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;gBAEV,QAAQ,EAAE,MAAM,IAAI;IAIjD,+BAA+B;IACxB,IAAI,IAAI,IAAI;IAKnB,mCAAmC;IAC5B,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAK9B,sCAAsC;IAC/B,IAAI,IAAI,IAAI;CAGtB"}

package/dist/lib/shared/phone-sections-state.js

@@ -0,0 +1,38 @@
+import { IsPhoneViewport, WatchPhoneViewport } from '@memberjunction/ng-ui-components';
+/**
+ * A form's phone-sections state (design call 7A): whether the viewport is phone width, and
+ * which section shows behind the picker. Bind it to `mj-accordion-sections`:
+ *
+ * ```html
+ * <mj-accordion-sections [Enabled]="Phone.IsPhone" [ActiveKey]="Phone.Section" (ActiveKeyChange)="Phone.Pick($event)">
+ * ```
+ *
+ * It follows the breakpoint live (rotation, resize, DevTools device mode) until `Stop()`, which
+ * the form calls from `ngOnDestroy`. `onChange` runs after every change, usually
+ * `() => this.cdr.markForCheck()`.
+ */
+export class PhoneSectionsState {
+    constructor(onChange) {
+        this.onChange = onChange;
+        /** Phone width right now. */
+        this.IsPhone = IsPhoneViewport();
+        /** The section showing on a phone; null means the first. */
+        this.Section = null;
+        this.stopWatch = WatchPhoneViewport(() => this.Sync());
+    }
+    /** Re-reads the breakpoint. */
+    Sync() {
+        this.IsPhone = IsPhoneViewport();
+        this.onChange();
+    }
+    /** The section the user picked. */
+    Pick(key) {
+        this.Section = key;
+        this.onChange();
+    }
+    /** Stops following the breakpoint. */
+    Stop() {
+        this.stopWatch();
+    }
+}
+//# sourceMappingURL=phone-sections-state.js.map

package/dist/lib/shared/phone-sections-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-sections-state.js","sourceRoot":"","sources":["../../../src/lib/shared/phone-sections-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEvF;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,kBAAkB;IAO3B,YAA6B,QAAoB;QAApB,aAAQ,GAAR,QAAQ,CAAY;QANjD,6BAA6B;QACtB,YAAO,GAAG,eAAe,EAAE,CAAC;QACnC,4DAA4D;QACrD,YAAO,GAAkB,IAAI,CAAC;QAIjC,IAAI,CAAC,SAAS,GAAG,kBAAkB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,+BAA+B;IACxB,IAAI;QACP,IAAI,CAAC,OAAO,GAAG,eAAe,EAAE,CAAC;QACjC,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,mCAAmC;IAC5B,IAAI,CAAC,GAAW;QACnB,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC;QACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,sCAAsC;IAC/B,IAAI;QACP,IAAI,CAAC,SAAS,EAAE,CAAC;IACrB,CAAC;CACJ","sourcesContent":["import { IsPhoneViewport, WatchPhoneViewport } from '@memberjunction/ng-ui-components';\n\n/**\n * A form's phone-sections state (design call 7A): whether the viewport is phone width, and\n * which section shows behind the picker. Bind it to `mj-accordion-sections`:\n *\n * ```html\n * <mj-accordion-sections [Enabled]=\"Phone.IsPhone\" [ActiveKey]=\"Phone.Section\" (ActiveKeyChange)=\"Phone.Pick($event)\">\n * ```\n *\n * It follows the breakpoint live (rotation, resize, DevTools device mode) until `Stop()`, which\n * the form calls from `ngOnDestroy`. `onChange` runs after every change, usually\n * `() => this.cdr.markForCheck()`.\n */\nexport class PhoneSectionsState {\n    /** Phone width right now. */\n    public IsPhone = IsPhoneViewport();\n    /** The section showing on a phone; null means the first. */\n    public Section: string | null = null;\n    private readonly stopWatch: () => void;\n\n    constructor(private readonly onChange: () => void) {\n        this.stopWatch = WatchPhoneViewport(() => this.Sync());\n    }\n\n    /** Re-reads the breakpoint. */\n    public Sync(): void {\n        this.IsPhone = IsPhoneViewport();\n        this.onChange();\n    }\n\n    /** The section the user picked. */\n    public Pick(key: string): void {\n        this.Section = key;\n        this.onChange();\n    }\n\n    /** Stops following the breakpoint. */\n    public Stop(): void {\n        this.stopWatch();\n    }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-core-entity-forms",
-  "version": "6.2.0",
+  "version": "6.3.0-edge.0",
   "description": "MemberJunction Core Entity Angular Forms",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@angular/compiler": "21.2.22",
     "@angular/compiler-cli": "21.2.22",
-    "@memberjunction/ng-test-utils": "6.2.0"
+    "@memberjunction/ng-test-utils": "6.3.0-edge.0"
   },
   "peerDependencies": {
     "@angular/cdk": "^21.2.14",
@@ -25,54 +25,54 @@
   "dependencies": {
     "@codemirror/language": "^6.12.4",
     "@codemirror/language-data": "^6.5.2",
-    "@memberjunction/actions-base": "6.2.0",
-    "@memberjunction/ai": "6.2.0",
-    "@memberjunction/ai-core-plus": "6.2.0",
-    "@memberjunction/ai-engine-base": "6.2.0",
-    "@memberjunction/core": "6.2.0",
-    "@memberjunction/core-entities": "6.2.0",
-    "@memberjunction/feature-pipelines": "6.2.0",
-    "@memberjunction/global": "6.2.0",
-    "@memberjunction/graphql-dataprovider": "6.2.0",
-    "@memberjunction/ng-action-gallery": "6.2.0",
-    "@memberjunction/ng-actions": "6.2.0",
-    "@memberjunction/ng-agents": "6.2.0",
-    "@memberjunction/ng-artifacts": "6.2.0",
-    "@memberjunction/ng-ai-test-harness": "6.2.0",
-    "@memberjunction/ng-base-application": "6.2.0",
-    "@memberjunction/ng-base-forms": "6.2.0",
-    "@memberjunction/ng-base-types": "6.2.0",
-    "@memberjunction/ng-brand-kits": "6.2.0",
-    "@memberjunction/ng-code-editor": "6.2.0",
-    "@memberjunction/ng-deep-diff": "6.2.0",
-    "@memberjunction/ng-entity-relationship-diagram": "6.2.0",
-    "@memberjunction/ng-entity-viewer": "6.2.0",
-    "@memberjunction/ng-flow-editor": "6.2.0",
-    "@memberjunction/ng-hierarchy-tree": "6.2.0",
-    "@memberjunction/ng-join-grid": "6.2.0",
-    "@memberjunction/ng-link-directives": "6.2.0",
-    "@memberjunction/ng-list-management": "6.2.0",
-    "@memberjunction/ng-markdown": "6.2.0",
-    "@memberjunction/ng-notifications": "6.2.0",
-    "@memberjunction/ng-query-viewer": "6.2.0",
-    "@memberjunction/ng-record-clone": "6.2.0",
-    "@memberjunction/ng-record-process-studio": "6.2.0",
-    "@memberjunction/ng-rubrics": "6.2.0",
-    "@memberjunction/ng-resource-permissions": "6.2.0",
-    "@memberjunction/ng-search": "6.2.0",
-    "@memberjunction/ng-shared": "6.2.0",
-    "@memberjunction/ng-shared-generic": "6.2.0",
-    "@memberjunction/ng-tabstrip": "6.2.0",
-    "@memberjunction/ng-task-graph-editor": "6.2.0",
-    "@memberjunction/ng-testing": "6.2.0",
-    "@memberjunction/ng-timeline": "6.2.0",
-    "@memberjunction/ng-trees": "6.2.0",
-    "@memberjunction/ng-ui-components": "6.2.0",
-    "@memberjunction/ng-versions": "6.2.0",
-    "@memberjunction/predictive-studio-core": "6.2.0",
-    "@memberjunction/record-cloning-base": "6.2.0",
-    "@memberjunction/rubrics-base": "6.2.0",
-    "@memberjunction/templates-base-types": "6.2.0",
+    "@memberjunction/actions-base": "6.3.0-edge.0",
+    "@memberjunction/ai": "6.3.0-edge.0",
+    "@memberjunction/ai-core-plus": "6.3.0-edge.0",
+    "@memberjunction/ai-engine-base": "6.3.0-edge.0",
+    "@memberjunction/core": "6.3.0-edge.0",
+    "@memberjunction/core-entities": "6.3.0-edge.0",
+    "@memberjunction/feature-pipelines": "6.3.0-edge.0",
+    "@memberjunction/global": "6.3.0-edge.0",
+    "@memberjunction/graphql-dataprovider": "6.3.0-edge.0",
+    "@memberjunction/ng-action-gallery": "6.3.0-edge.0",
+    "@memberjunction/ng-actions": "6.3.0-edge.0",
+    "@memberjunction/ng-agents": "6.3.0-edge.0",
+    "@memberjunction/ng-artifacts": "6.3.0-edge.0",
+    "@memberjunction/ng-ai-test-harness": "6.3.0-edge.0",
+    "@memberjunction/ng-base-application": "6.3.0-edge.0",
+    "@memberjunction/ng-base-forms": "6.3.0-edge.0",
+    "@memberjunction/ng-base-types": "6.3.0-edge.0",
+    "@memberjunction/ng-brand-kits": "6.3.0-edge.0",
+    "@memberjunction/ng-code-editor": "6.3.0-edge.0",
+    "@memberjunction/ng-deep-diff": "6.3.0-edge.0",
+    "@memberjunction/ng-entity-relationship-diagram": "6.3.0-edge.0",
+    "@memberjunction/ng-entity-viewer": "6.3.0-edge.0",
+    "@memberjunction/ng-flow-editor": "6.3.0-edge.0",
+    "@memberjunction/ng-hierarchy-tree": "6.3.0-edge.0",
+    "@memberjunction/ng-join-grid": "6.3.0-edge.0",
+    "@memberjunction/ng-link-directives": "6.3.0-edge.0",
+    "@memberjunction/ng-list-management": "6.3.0-edge.0",
+    "@memberjunction/ng-markdown": "6.3.0-edge.0",
+    "@memberjunction/ng-notifications": "6.3.0-edge.0",
+    "@memberjunction/ng-query-viewer": "6.3.0-edge.0",
+    "@memberjunction/ng-record-clone": "6.3.0-edge.0",
+    "@memberjunction/ng-record-process-studio": "6.3.0-edge.0",
+    "@memberjunction/ng-rubrics": "6.3.0-edge.0",
+    "@memberjunction/ng-resource-permissions": "6.3.0-edge.0",
+    "@memberjunction/ng-search": "6.3.0-edge.0",
+    "@memberjunction/ng-shared": "6.3.0-edge.0",
+    "@memberjunction/ng-shared-generic": "6.3.0-edge.0",
+    "@memberjunction/ng-tabstrip": "6.3.0-edge.0",
+    "@memberjunction/ng-task-graph-editor": "6.3.0-edge.0",
+    "@memberjunction/ng-testing": "6.3.0-edge.0",
+    "@memberjunction/ng-timeline": "6.3.0-edge.0",
+    "@memberjunction/ng-trees": "6.3.0-edge.0",
+    "@memberjunction/ng-ui-components": "6.3.0-edge.0",
+    "@memberjunction/ng-versions": "6.3.0-edge.0",
+    "@memberjunction/predictive-studio-core": "6.3.0-edge.0",
+    "@memberjunction/record-cloning-base": "6.3.0-edge.0",
+    "@memberjunction/rubrics-base": "6.3.0-edge.0",
+    "@memberjunction/templates-base-types": "6.3.0-edge.0",
     "@types/d3": "^7.4.3",
     "ag-grid-angular": "^35.0.1",
     "ag-grid-community": "^35.0.1",