@memberjunction/ng-dashboard-viewer 6.2.0-edge.2 → 6.2.0-edge.4

package/dist/lib/layout-preview/dashboard-layout-preview-node.component.d.ts

@@ -0,0 +1,20 @@
+import { DashboardLayoutPreviewGroup, DashboardLayoutPreviewNode, DashboardLayoutPreviewPanel } from './dashboard-layout-preview';
+import * as i0 from "@angular/core";
+/**
+ * One node of a dashboard layout preview: a panel box, or a row or column that draws its children
+ * with this component. The host takes the node's share of its parent as its flex-grow.
+ */
+export declare class DashboardLayoutPreviewNodeComponent {
+    /** The node when it is a panel, else null. */
+    Panel: DashboardLayoutPreviewPanel | null;
+    /** The node when it is a row or column, else null. */
+    Group: DashboardLayoutPreviewGroup | null;
+    /** The node's share of its parent, from 0 to 1. */
+    Weight: number;
+    private _node;
+    set Node(value: DashboardLayoutPreviewNode);
+    get Node(): DashboardLayoutPreviewNode | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardLayoutPreviewNodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardLayoutPreviewNodeComponent, "mj-dashboard-layout-preview-node", never, { "Node": { "alias": "Node"; "required": true; }; }, {}, never, never, false, never>;
+}
+//# sourceMappingURL=dashboard-layout-preview-node.component.d.ts.map

package/dist/lib/layout-preview/dashboard-layout-preview-node.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout-preview-node.component.d.ts","sourceRoot":"","sources":["../../../src/lib/layout-preview/dashboard-layout-preview-node.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;;AAElI;;;GAGG;AACH,qBAYa,mCAAmC;IAC5C,8CAA8C;IACvC,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAQ;IACxD,sDAAsD;IAC/C,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAQ;IACxD,mDAAmD;IAC5C,MAAM,SAAK;IAElB,OAAO,CAAC,KAAK,CAA2C;IAExD,IACI,IAAI,CAAC,KAAK,EAAE,0BAA0B,EAKzC;IACD,IAAI,IAAI,IAAI,0BAA0B,GAAG,IAAI,CAE5C;yCAnBQ,mCAAmC;2CAAnC,mCAAmC;CAoB/C"}

package/dist/lib/layout-preview/dashboard-layout-preview-node.component.js

@@ -0,0 +1,80 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+function DashboardLayoutPreviewNodeComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 1);
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const panel_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(panel_r1.Icon);
+} }
+function DashboardLayoutPreviewNodeComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 0);
+    i0.ɵɵconditionalCreate(1, DashboardLayoutPreviewNodeComponent_Conditional_0_Conditional_1_Template, 2, 2, "span", 1);
+    i0.ɵɵelementStart(2, "span", 2);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const panel_r1 = ctx;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(panel_r1.Icon ? 1 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(panel_r1.Title);
+} }
+function DashboardLayoutPreviewNodeComponent_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-dashboard-layout-preview-node", 3);
+} if (rf & 2) {
+    const child_r2 = ctx.$implicit;
+    i0.ɵɵproperty("Node", child_r2);
+} }
+function DashboardLayoutPreviewNodeComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, DashboardLayoutPreviewNodeComponent_Conditional_1_For_1_Template, 1, 1, "mj-dashboard-layout-preview-node", 3, i0.ɵɵrepeaterTrackByIndex);
+} if (rf & 2) {
+    i0.ɵɵrepeater(ctx.Children);
+} }
+/**
+ * One node of a dashboard layout preview: a panel box, or a row or column that draws its children
+ * with this component. The host takes the node's share of its parent as its flex-grow.
+ */
+export class DashboardLayoutPreviewNodeComponent {
+    /** The node when it is a panel, else null. */
+    Panel = null;
+    /** The node when it is a row or column, else null. */
+    Group = null;
+    /** The node's share of its parent, from 0 to 1. */
+    Weight = 1;
+    _node = null;
+    set Node(value) {
+        this._node = value;
+        this.Weight = value.Weight;
+        this.Panel = value.Kind === 'panel' ? value : null;
+        this.Group = value.Kind === 'panel' ? null : value;
+    }
+    get Node() {
+        return this._node;
+    }
+    static ɵfac = function DashboardLayoutPreviewNodeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardLayoutPreviewNodeComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardLayoutPreviewNodeComponent, selectors: [["mj-dashboard-layout-preview-node"]], hostVars: 6, hostBindings: function DashboardLayoutPreviewNodeComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵstyleProp("flex-grow", ctx.Weight);
+            i0.ɵɵclassProp("dlp-row", (ctx.Group == null ? null : ctx.Group.Kind) === "row")("dlp-column", (ctx.Group == null ? null : ctx.Group.Kind) === "column");
+        } }, inputs: { Node: "Node" }, standalone: false, decls: 2, vars: 1, consts: [[1, "dlp-panel"], [1, "dlp-icon"], [1, "dlp-title"], [3, "Node"]], template: function DashboardLayoutPreviewNodeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, DashboardLayoutPreviewNodeComponent_Conditional_0_Template, 4, 2, "span", 0)(1, DashboardLayoutPreviewNodeComponent_Conditional_1_Template, 2, 0);
+        } if (rf & 2) {
+            let tmp_0_0;
+            i0.ɵɵconditional((tmp_0_0 = ctx.Panel) ? 0 : (tmp_0_0 = ctx.Group) ? 1 : -1, tmp_0_0);
+        } }, dependencies: [DashboardLayoutPreviewNodeComponent], styles: ["\n[_nghost-%COMP%] {\n  display: flex;\n  flex: 1 1 0;\n  min-width: 0;\n  min-height: 0;\n  gap: 4px;\n}\n\n.dlp-row[_nghost-%COMP%] {\n  flex-direction: row;\n}\n\n.dlp-column[_nghost-%COMP%] {\n  flex-direction: column;\n}\n\n\n.dlp-panel[_ngcontent-%COMP%] {\n  flex: 1 1 0;\n  min-width: 0;\n  min-height: 0;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 3px;\n  padding: 4px;\n  overflow: hidden;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-top: 3px solid color-mix(in srgb, var(--mj-brand-primary) 45%, var(--mj-border-default));\n  border-radius: var(--mj-radius-sm);\n  color: var(--mj-text-secondary);\n}\n\n.dlp-icon[_ngcontent-%COMP%] {\n  font-size: 12px;\n  line-height: 1;\n  color: var(--mj-brand-primary);\n}\n\n.dlp-title[_ngcontent-%COMP%] {\n  max-width: 100%;\n  font-size: 10px;\n  font-weight: var(--mj-font-semibold);\n  line-height: 1.2;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardLayoutPreviewNodeComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-dashboard-layout-preview-node', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                    '[class.dlp-row]': "Group?.Kind === 'row'",
+                    '[class.dlp-column]': "Group?.Kind === 'column'",
+                    '[style.flex-grow]': 'Weight',
+                }, template: "@if (Panel; as panel) {\n  <span class=\"dlp-panel\">\n    @if (panel.Icon) {\n      <span class=\"dlp-icon\"><i [class]=\"panel.Icon\"></i></span>\n    }\n    <span class=\"dlp-title\">{{ panel.Title }}</span>\n  </span>\n} @else if (Group; as group) {\n  @for (child of group.Children; track $index) {\n    <mj-dashboard-layout-preview-node [Node]=\"child\"></mj-dashboard-layout-preview-node>\n  }\n}\n", styles: ["/* A node grows by its share of the parent (flex-grow is bound to its weight). */\n:host {\n  display: flex;\n  flex: 1 1 0;\n  min-width: 0;\n  min-height: 0;\n  gap: 4px;\n}\n\n:host(.dlp-row) {\n  flex-direction: row;\n}\n\n:host(.dlp-column) {\n  flex-direction: column;\n}\n\n/* A panel box: the panel's icon above its title, in small text. The top edge stands for the panel header. */\n.dlp-panel {\n  flex: 1 1 0;\n  min-width: 0;\n  min-height: 0;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 3px;\n  padding: 4px;\n  overflow: hidden;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-top: 3px solid color-mix(in srgb, var(--mj-brand-primary) 45%, var(--mj-border-default));\n  border-radius: var(--mj-radius-sm);\n  color: var(--mj-text-secondary);\n}\n\n.dlp-icon {\n  font-size: 12px;\n  line-height: 1;\n  color: var(--mj-brand-primary);\n}\n\n.dlp-title {\n  max-width: 100%;\n  font-size: 10px;\n  font-weight: var(--mj-font-semibold);\n  line-height: 1.2;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n"] }]
+    }], null, { Node: [{
+            type: Input,
+            args: [{ required: true }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardLayoutPreviewNodeComponent, { className: "DashboardLayoutPreviewNodeComponent", filePath: "src/lib/layout-preview/dashboard-layout-preview-node.component.ts", lineNumber: 20 }); })();
+//# sourceMappingURL=dashboard-layout-preview-node.component.js.map

package/dist/lib/layout-preview/dashboard-layout-preview-node.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout-preview-node.component.js","sourceRoot":"","sources":["../../../src/lib/layout-preview/dashboard-layout-preview-node.component.ts","../../../src/lib/layout-preview/dashboard-layout-preview-node.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;ICGpE,+BAAuB;IAAA,oBAA4B;IAAA,iBAAO;;;IAAhC,cAAoB;IAApB,4BAAoB;;;IAFlD,+BAAwB;IACtB,oHAAkB;IAGlB,+BAAwB;IAAA,YAAiB;IAC3C,AAD2C,iBAAO,EAC3C;;;IAJL,cAEC;IAFD,wCAEC;IACuB,eAAiB;IAAjB,oCAAiB;;;IAIzC,sDAAoF;;;IAAlD,+BAAc;;;IADlD,gKAEC;;IAFD,2BAEC;;ADPH;;;GAGG;AAaH,MAAM,OAAO,mCAAmC;IAC5C,8CAA8C;IACvC,KAAK,GAAuC,IAAI,CAAC;IACxD,sDAAsD;IAC/C,KAAK,GAAuC,IAAI,CAAC;IACxD,mDAAmD;IAC5C,MAAM,GAAG,CAAC,CAAC;IAEV,KAAK,GAAsC,IAAI,CAAC;IAExD,IACI,IAAI,CAAC,KAAiC;QACtC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QACnD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACvD,CAAC;IACD,IAAI,IAAI;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;6HAnBQ,mCAAmC;6DAAnC,mCAAmC;YAAnC,uCAAmC;YAAnC,0EAAgB,KAAK,CAAc,+DAAnB,QAAQ,CAAW;;YCZ9C,AAPF,sGAAuB,qEAOO;;;YAP9B,qFAWC;4BDQY,mCAAmC;;iFAAnC,mCAAmC;cAZ/C,SAAS;6BACM,KAAK,YACP,kCAAkC,mBAG3B,uBAAuB,CAAC,MAAM,QACzC;oBACF,iBAAiB,EAAE,uBAAuB;oBAC1C,oBAAoB,EAAE,0BAA0B;oBAChD,mBAAmB,EAAE,QAAQ;iBAChC;;kBAYA,KAAK;mBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;kFAVhB,mCAAmC","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { DashboardLayoutPreviewGroup, DashboardLayoutPreviewNode, DashboardLayoutPreviewPanel } from './dashboard-layout-preview';\n\n/**\n * One node of a dashboard layout preview: a panel box, or a row or column that draws its children\n * with this component. The host takes the node's share of its parent as its flex-grow.\n */\n@Component({\n    standalone: false,\n    selector: 'mj-dashboard-layout-preview-node',\n    templateUrl: './dashboard-layout-preview-node.component.html',\n    styleUrls: ['./dashboard-layout-preview-node.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class.dlp-row]': \"Group?.Kind === 'row'\",\n        '[class.dlp-column]': \"Group?.Kind === 'column'\",\n        '[style.flex-grow]': 'Weight',\n    },\n})\nexport class DashboardLayoutPreviewNodeComponent {\n    /** The node when it is a panel, else null. */\n    public Panel: DashboardLayoutPreviewPanel | null = null;\n    /** The node when it is a row or column, else null. */\n    public Group: DashboardLayoutPreviewGroup | null = null;\n    /** The node's share of its parent, from 0 to 1. */\n    public Weight = 1;\n\n    private _node: DashboardLayoutPreviewNode | null = null;\n\n    @Input({ required: true })\n    set Node(value: DashboardLayoutPreviewNode) {\n        this._node = value;\n        this.Weight = value.Weight;\n        this.Panel = value.Kind === 'panel' ? value : null;\n        this.Group = value.Kind === 'panel' ? null : value;\n    }\n    get Node(): DashboardLayoutPreviewNode | null {\n        return this._node;\n    }\n}\n","@if (Panel; as panel) {\n  <span class=\"dlp-panel\">\n    @if (panel.Icon) {\n      <span class=\"dlp-icon\"><i [class]=\"panel.Icon\"></i></span>\n    }\n    <span class=\"dlp-title\">{{ panel.Title }}</span>\n  </span>\n} @else if (Group; as group) {\n  @for (child of group.Children; track $index) {\n    <mj-dashboard-layout-preview-node [Node]=\"child\"></mj-dashboard-layout-preview-node>\n  }\n}\n"]}

package/dist/lib/layout-preview/dashboard-layout-preview.component.d.ts

@@ -0,0 +1,28 @@
+import { DashboardLayoutPreviewNode } from './dashboard-layout-preview';
+import * as i0 from "@angular/core";
+/**
+ * A miniature of a dashboard's saved panel layout: nested boxes sized like the saved rows, columns
+ * and panels, each box with its panel's icon and title. It fills its container and renders only
+ * phrasing elements, so it can sit inside a button. It is decorative (aria-hidden), so the host
+ * must name the dashboard. It draws nothing when there is no panel layout.
+ */
+export declare class DashboardLayoutPreviewComponent {
+    /** The tree drawn: Preview when it is set, else the tree built from UIConfigDetails, else null. */
+    Root: DashboardLayoutPreviewNode | null;
+    private _uiConfigDetails;
+    private _parsed;
+    private _preview;
+    /** The dashboard's saved configuration (`MJ: Dashboards.UIConfigDetails`). Not used while Preview is set. */
+    set UIConfigDetails(value: string | null | undefined);
+    get UIConfigDetails(): string | null;
+    /**
+     * A tree the host already built with BuildDashboardLayoutPreview, so the saved configuration is
+     * not parsed again.
+     */
+    set Preview(value: DashboardLayoutPreviewNode | null | undefined);
+    get Preview(): DashboardLayoutPreviewNode | null;
+    private updateRoot;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardLayoutPreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardLayoutPreviewComponent, "mj-dashboard-layout-preview", never, { "UIConfigDetails": { "alias": "UIConfigDetails"; "required": false; }; "Preview": { "alias": "Preview"; "required": false; }; }, {}, never, never, false, never>;
+}
+//# sourceMappingURL=dashboard-layout-preview.component.d.ts.map

package/dist/lib/layout-preview/dashboard-layout-preview.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout-preview.component.d.ts","sourceRoot":"","sources":["../../../src/lib/layout-preview/dashboard-layout-preview.component.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;;AAErG;;;;;GAKG;AACH,qBAQa,+BAA+B;IACxC,mGAAmG;IAC5F,IAAI,EAAE,0BAA0B,GAAG,IAAI,CAAQ;IAEtD,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,OAAO,CAA2C;IAC1D,OAAO,CAAC,QAAQ,CAA2C;IAE3D,6GAA6G;IAC7G,IACI,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAInD;IACD,IAAI,eAAe,IAAI,MAAM,GAAG,IAAI,CAEnC;IAED;;;OAGG;IACH,IACI,OAAO,CAAC,KAAK,EAAE,0BAA0B,GAAG,IAAI,GAAG,SAAS,EAG/D;IACD,IAAI,OAAO,IAAI,0BAA0B,GAAG,IAAI,CAE/C;IAED,OAAO,CAAC,UAAU;yCAhCT,+BAA+B;2CAA/B,+BAA+B;CAmC3C"}

package/dist/lib/layout-preview/dashboard-layout-preview.component.js

@@ -0,0 +1,62 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { BuildDashboardLayoutPreview } from './dashboard-layout-preview';
+import * as i0 from "@angular/core";
+import * as i1 from "./dashboard-layout-preview-node.component";
+function DashboardLayoutPreviewComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-dashboard-layout-preview-node", 0);
+} if (rf & 2) {
+    i0.ɵɵproperty("Node", ctx);
+} }
+/**
+ * A miniature of a dashboard's saved panel layout: nested boxes sized like the saved rows, columns
+ * and panels, each box with its panel's icon and title. It fills its container and renders only
+ * phrasing elements, so it can sit inside a button. It is decorative (aria-hidden), so the host
+ * must name the dashboard. It draws nothing when there is no panel layout.
+ */
+export class DashboardLayoutPreviewComponent {
+    /** The tree drawn: Preview when it is set, else the tree built from UIConfigDetails, else null. */
+    Root = null;
+    _uiConfigDetails = null;
+    _parsed = null;
+    _preview = null;
+    /** The dashboard's saved configuration (`MJ: Dashboards.UIConfigDetails`). Not used while Preview is set. */
+    set UIConfigDetails(value) {
+        this._uiConfigDetails = value ?? null;
+        this._parsed = BuildDashboardLayoutPreview(this._uiConfigDetails);
+        this.updateRoot();
+    }
+    get UIConfigDetails() {
+        return this._uiConfigDetails;
+    }
+    /**
+     * A tree the host already built with BuildDashboardLayoutPreview, so the saved configuration is
+     * not parsed again.
+     */
+    set Preview(value) {
+        this._preview = value ?? null;
+        this.updateRoot();
+    }
+    get Preview() {
+        return this._preview;
+    }
+    updateRoot() {
+        this.Root = this._preview ?? this._parsed;
+    }
+    static ɵfac = function DashboardLayoutPreviewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardLayoutPreviewComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardLayoutPreviewComponent, selectors: [["mj-dashboard-layout-preview"]], hostAttrs: ["aria-hidden", "true"], inputs: { UIConfigDetails: "UIConfigDetails", Preview: "Preview" }, standalone: false, decls: 1, vars: 1, consts: [[3, "Node"]], template: function DashboardLayoutPreviewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, DashboardLayoutPreviewComponent_Conditional_0_Template, 1, 1, "mj-dashboard-layout-preview-node", 0);
+        } if (rf & 2) {
+            let tmp_0_0;
+            i0.ɵɵconditional((tmp_0_0 = ctx.Root) ? 0 : -1, tmp_0_0);
+        } }, dependencies: [i1.DashboardLayoutPreviewNodeComponent], styles: ["\n\n[_nghost-%COMP%] {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  padding: 8px;\n  overflow: hidden;\n  font-family: var(--mj-font-family);\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardLayoutPreviewComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-dashboard-layout-preview', changeDetection: ChangeDetectionStrategy.OnPush, host: { 'aria-hidden': 'true' }, template: "@if (Root; as root) {\n  <mj-dashboard-layout-preview-node [Node]=\"root\"></mj-dashboard-layout-preview-node>\n}\n", styles: ["/* Fills its container. The root node grows to fill the space inside the margin.\n   The font is set here because a container such as a button does not pass its font down. */\n:host {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  padding: 8px;\n  overflow: hidden;\n  font-family: var(--mj-font-family);\n}\n"] }]
+    }], null, { UIConfigDetails: [{
+            type: Input
+        }], Preview: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardLayoutPreviewComponent, { className: "DashboardLayoutPreviewComponent", filePath: "src/lib/layout-preview/dashboard-layout-preview.component.ts", lineNumber: 18 }); })();
+//# sourceMappingURL=dashboard-layout-preview.component.js.map

package/dist/lib/layout-preview/dashboard-layout-preview.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout-preview.component.js","sourceRoot":"","sources":["../../../src/lib/layout-preview/dashboard-layout-preview.component.ts","../../../src/lib/layout-preview/dashboard-layout-preview.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,2BAA2B,EAA8B,MAAM,4BAA4B,CAAC;;;;ICAnG,sDAAmF;;IAAjD,0BAAa;;ADEjD;;;;;GAKG;AASH,MAAM,OAAO,+BAA+B;IACxC,mGAAmG;IAC5F,IAAI,GAAsC,IAAI,CAAC;IAE9C,gBAAgB,GAAkB,IAAI,CAAC;IACvC,OAAO,GAAsC,IAAI,CAAC;IAClD,QAAQ,GAAsC,IAAI,CAAC;IAE3D,6GAA6G;IAC7G,IACI,eAAe,CAAC,KAAgC;QAChD,IAAI,CAAC,gBAAgB,GAAG,KAAK,IAAI,IAAI,CAAC;QACtC,IAAI,CAAC,OAAO,GAAG,2BAA2B,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClE,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IACD,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IAED;;;OAGG;IACH,IACI,OAAO,CAAC,KAAoD;QAC5D,IAAI,CAAC,QAAQ,GAAG,KAAK,IAAI,IAAI,CAAC;QAC9B,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IACD,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAEO,UAAU;QACd,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC;IAC9C,CAAC;yHAlCQ,+BAA+B;6DAA/B,+BAA+B;YCjB5C,8HAAqB;;;YAArB,wDAEC;;;iFDeY,+BAA+B;cAR3C,SAAS;6BACM,KAAK,YACP,6BAA6B,mBAGtB,uBAAuB,CAAC,MAAM,QACzC,EAAE,aAAa,EAAE,MAAM,EAAE;;kBAW9B,KAAK;;kBAcL,KAAK;;kFAvBG,+BAA+B","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { BuildDashboardLayoutPreview, DashboardLayoutPreviewNode } from './dashboard-layout-preview';\n\n/**\n * A miniature of a dashboard's saved panel layout: nested boxes sized like the saved rows, columns\n * and panels, each box with its panel's icon and title. It fills its container and renders only\n * phrasing elements, so it can sit inside a button. It is decorative (aria-hidden), so the host\n * must name the dashboard. It draws nothing when there is no panel layout.\n */\n@Component({\n    standalone: false,\n    selector: 'mj-dashboard-layout-preview',\n    templateUrl: './dashboard-layout-preview.component.html',\n    styleUrls: ['./dashboard-layout-preview.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: { 'aria-hidden': 'true' },\n})\nexport class DashboardLayoutPreviewComponent {\n    /** The tree drawn: Preview when it is set, else the tree built from UIConfigDetails, else null. */\n    public Root: DashboardLayoutPreviewNode | null = null;\n\n    private _uiConfigDetails: string | null = null;\n    private _parsed: DashboardLayoutPreviewNode | null = null;\n    private _preview: DashboardLayoutPreviewNode | null = null;\n\n    /** The dashboard's saved configuration (`MJ: Dashboards.UIConfigDetails`). Not used while Preview is set. */\n    @Input()\n    set UIConfigDetails(value: string | null | undefined) {\n        this._uiConfigDetails = value ?? null;\n        this._parsed = BuildDashboardLayoutPreview(this._uiConfigDetails);\n        this.updateRoot();\n    }\n    get UIConfigDetails(): string | null {\n        return this._uiConfigDetails;\n    }\n\n    /**\n     * A tree the host already built with BuildDashboardLayoutPreview, so the saved configuration is\n     * not parsed again.\n     */\n    @Input()\n    set Preview(value: DashboardLayoutPreviewNode | null | undefined) {\n        this._preview = value ?? null;\n        this.updateRoot();\n    }\n    get Preview(): DashboardLayoutPreviewNode | null {\n        return this._preview;\n    }\n\n    private updateRoot(): void {\n        this.Root = this._preview ?? this._parsed;\n    }\n}\n","@if (Root; as root) {\n  <mj-dashboard-layout-preview-node [Node]=\"root\"></mj-dashboard-layout-preview-node>\n}\n"]}

package/dist/lib/layout-preview/dashboard-layout-preview.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @fileoverview Pure logic for a dashboard's layout preview: a small tree of the rows, columns and
+ * panels in a saved dashboard configuration (`MJ: Dashboards.UIConfigDetails`), which
+ * DashboardLayoutPreviewComponent draws as a miniature of the dashboard.
+ */
+/** A row or column of a layout preview: its children side by side (row) or top to bottom (column). */
+export interface DashboardLayoutPreviewGroup {
+    Kind: 'row' | 'column';
+    /** Share of the parent's length, from 0 to 1. The shares of one parent's children add up to 1. */
+    Weight: number;
+    Children: DashboardLayoutPreviewNode[];
+}
+/** One panel box of a layout preview. */
+export interface DashboardLayoutPreviewPanel {
+    Kind: 'panel';
+    /** Share of the parent's length, from 0 to 1. The shares of one parent's children add up to 1. */
+    Weight: number;
+    Title: string;
+    /** Font Awesome classes, or null when the panel has no icon. */
+    Icon: string | null;
+}
+/** A node of a layout preview tree. */
+export type DashboardLayoutPreviewNode = DashboardLayoutPreviewGroup | DashboardLayoutPreviewPanel;
+/**
+ * Builds the layout preview of a saved dashboard configuration (`{ layout, settings }`, where
+ * `layout` is Golden Layout's saved layout). A stack shows as one panel: its active item, or its
+ * first. Each node's weight is its share of its parent, from the saved `size` and `sizeUnit`.
+ * Draws at most 24 panels and 8 levels of nesting; the rest is left out.
+ * @returns The tree, or null when there is nothing to draw: no, empty or invalid JSON, the legacy
+ * tile format, a null layout, or a layout with no panels.
+ */
+export declare function BuildDashboardLayoutPreview(uiConfigDetails: string | null | undefined): DashboardLayoutPreviewNode | null;
+//# sourceMappingURL=dashboard-layout-preview.d.ts.map

package/dist/lib/layout-preview/dashboard-layout-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout-preview.d.ts","sourceRoot":"","sources":["../../../src/lib/layout-preview/dashboard-layout-preview.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,sGAAsG;AACtG,MAAM,WAAW,2BAA2B;IACxC,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IACvB,kGAAkG;IAClG,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,0BAA0B,EAAE,CAAC;CAC1C;AAED,yCAAyC;AACzC,MAAM,WAAW,2BAA2B;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,kGAAkG;IAClG,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,uCAAuC;AACvC,MAAM,MAAM,0BAA0B,GAAG,2BAA2B,GAAG,2BAA2B,CAAC;AA0BnG;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,0BAA0B,GAAG,IAAI,CAIzH"}

package/dist/lib/layout-preview/dashboard-layout-preview.js

@@ -0,0 +1,138 @@
+/**
+ * @fileoverview Pure logic for a dashboard's layout preview: a small tree of the rows, columns and
+ * panels in a saved dashboard configuration (`MJ: Dashboards.UIConfigDetails`), which
+ * DashboardLayoutPreviewComponent draws as a miniature of the dashboard.
+ */
+/** Most panel boxes a preview draws. Later panels are left out. */
+const MAX_PREVIEW_PANELS = 24;
+/** Deepest row or column nesting a preview follows. Deeper items are left out. */
+const MAX_PREVIEW_DEPTH = 8;
+/**
+ * Builds the layout preview of a saved dashboard configuration (`{ layout, settings }`, where
+ * `layout` is Golden Layout's saved layout). A stack shows as one panel: its active item, or its
+ * first. Each node's weight is its share of its parent, from the saved `size` and `sizeUnit`.
+ * Draws at most 24 panels and 8 levels of nesting; the rest is left out.
+ * @returns The tree, or null when there is nothing to draw: no, empty or invalid JSON, the legacy
+ * tile format, a null layout, or a layout with no panels.
+ */
+export function BuildDashboardLayoutPreview(uiConfigDetails) {
+    const root = savedLayoutRoot(uiConfigDetails);
+    const node = root ? toPreviewNode(root, 0, { left: MAX_PREVIEW_PANELS }) : null;
+    return node ? { ...node, Weight: 1 } : null;
+}
+/** The root item of the saved layout, or null when the configuration has none. */
+function savedLayoutRoot(uiConfigDetails) {
+    if (!uiConfigDetails?.trim())
+        return null;
+    const config = parseJson(uiConfigDetails);
+    if (!isJsonObject(config))
+        return null;
+    const layout = config['layout'];
+    if (!isJsonObject(layout))
+        return null;
+    const root = layout['root'];
+    return isJsonObject(root) ? root : null;
+}
+function parseJson(text) {
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return undefined;
+    }
+}
+function isJsonObject(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+/** A saved layout item as a preview node, or null when it has no panel to draw. */
+function toPreviewNode(item, depth, budget) {
+    if (budget.left <= 0 || depth > MAX_PREVIEW_DEPTH)
+        return null;
+    const type = item['type'];
+    switch (type) {
+        case 'row':
+        case 'column':
+            return toGroup(type, item, depth, budget);
+        case 'stack':
+            return toPanel(activeItem(item), budget);
+        case 'component':
+            return toPanel(item, budget);
+        default:
+            return null;
+    }
+}
+/** A row or column with the children that have panels to draw, or null when none has. */
+function toGroup(kind, item, depth, budget) {
+    const content = item['content'];
+    if (!Array.isArray(content))
+        return null;
+    const kept = [];
+    for (const child of content) {
+        if (budget.left <= 0)
+            break;
+        if (!isJsonObject(child))
+            continue;
+        const node = toPreviewNode(child, depth + 1, budget);
+        if (node) {
+            kept.push({ node, size: itemSize(child) });
+        }
+    }
+    if (kept.length === 0)
+        return null;
+    const weights = shares(kept.map(k => k.size));
+    return { Kind: kind, Weight: 1, Children: kept.map((k, i) => ({ ...k.node, Weight: weights[i] })) };
+}
+/** The item a stack shows: its active item, else its first. Null for an empty stack. */
+function activeItem(stack) {
+    const content = stack['content'];
+    if (!Array.isArray(content))
+        return null;
+    const index = stack['activeItemIndex'];
+    const active = typeof index === 'number' ? content[index] : undefined;
+    if (isJsonObject(active))
+        return active;
+    return content.find(isJsonObject) ?? null;
+}
+/** A panel with the title and icon from the component's panel data (componentState). */
+function toPanel(component, budget) {
+    if (!component)
+        return null;
+    budget.left--;
+    const state = component['componentState'];
+    const panel = isJsonObject(state) ? state : {};
+    return {
+        Kind: 'panel',
+        Weight: 1,
+        Title: nonEmptyText(panel['title']) ?? nonEmptyText(component['title']) ?? '',
+        Icon: nonEmptyText(panel['icon']),
+    };
+}
+function nonEmptyText(value) {
+    return typeof value === 'string' && value.trim() ? value.trim() : null;
+}
+/** A saved item's size. A missing size, or one in px or em, counts as one fr. */
+function itemSize(item) {
+    const value = item['size'];
+    const unit = item['sizeUnit'];
+    if (typeof value === 'number' && Number.isFinite(value) && value > 0 && (unit === '%' || unit === 'fr')) {
+        return { unit, value };
+    }
+    return { unit: 'fr', value: 1 };
+}
+/**
+ * Each item's share of its row or column, the way Golden Layout sizes them: % sizes first, then
+ * the fr items share the space the % sizes leave (50 more when they leave nothing). The shares
+ * add up to 1.
+ */
+function shares(sizes) {
+    const percentTotal = sum(sizes.filter(s => s.unit === '%').map(s => s.value));
+    const frTotal = sum(sizes.filter(s => s.unit === 'fr').map(s => s.value));
+    const frSpace = Math.round(percentTotal) < 100 ? 100 - percentTotal : 50;
+    const amounts = sizes.map(s => (s.unit === '%' ? s.value : (frSpace * s.value) / frTotal));
+    const total = sum(amounts);
+    return amounts.map(amount => amount / total);
+}
+function sum(values) {
+    return values.reduce((total, value) => total + value, 0);
+}
+//# sourceMappingURL=dashboard-layout-preview.js.map

package/dist/lib/layout-preview/dashboard-layout-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout-preview.js","sourceRoot":"","sources":["../../../src/lib/layout-preview/dashboard-layout-preview.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Pure logic for a dashboard's layout preview: a small tree of the rows, columns and\n * panels in a saved dashboard configuration (`MJ: Dashboards.UIConfigDetails`), which\n * DashboardLayoutPreviewComponent draws as a miniature of the dashboard.\n */\n\n/** A row or column of a layout preview: its children side by side (row) or top to bottom (column). */\nexport interface DashboardLayoutPreviewGroup {\n    Kind: 'row' | 'column';\n    /** Share of the parent's length, from 0 to 1. The shares of one parent's children add up to 1. */\n    Weight: number;\n    Children: DashboardLayoutPreviewNode[];\n}\n\n/** One panel box of a layout preview. */\nexport interface DashboardLayoutPreviewPanel {\n    Kind: 'panel';\n    /** Share of the parent's length, from 0 to 1. The shares of one parent's children add up to 1. */\n    Weight: number;\n    Title: string;\n    /** Font Awesome classes, or null when the panel has no icon. */\n    Icon: string | null;\n}\n\n/** A node of a layout preview tree. */\nexport type DashboardLayoutPreviewNode = DashboardLayoutPreviewGroup | DashboardLayoutPreviewPanel;\n\n/** Most panel boxes a preview draws. Later panels are left out. */\nconst MAX_PREVIEW_PANELS = 24;\n\n/** Deepest row or column nesting a preview follows. Deeper items are left out. */\nconst MAX_PREVIEW_DEPTH = 8;\n\n/** A value JSON.parse can return. */\ntype JsonValue = string | number | boolean | null | JsonValue[] | JsonObject;\n\ninterface JsonObject {\n    [key: string]: JsonValue;\n}\n\n/** The size of a saved item in its row or column. */\ninterface ItemSize {\n    unit: '%' | 'fr';\n    value: number;\n}\n\n/** How many more panels one tree walk may add. */\ninterface PanelBudget {\n    left: number;\n}\n\n/**\n * Builds the layout preview of a saved dashboard configuration (`{ layout, settings }`, where\n * `layout` is Golden Layout's saved layout). A stack shows as one panel: its active item, or its\n * first. Each node's weight is its share of its parent, from the saved `size` and `sizeUnit`.\n * Draws at most 24 panels and 8 levels of nesting; the rest is left out.\n * @returns The tree, or null when there is nothing to draw: no, empty or invalid JSON, the legacy\n * tile format, a null layout, or a layout with no panels.\n */\nexport function BuildDashboardLayoutPreview(uiConfigDetails: string | null | undefined): DashboardLayoutPreviewNode | null {\n    const root = savedLayoutRoot(uiConfigDetails);\n    const node = root ? toPreviewNode(root, 0, { left: MAX_PREVIEW_PANELS }) : null;\n    return node ? { ...node, Weight: 1 } : null;\n}\n\n/** The root item of the saved layout, or null when the configuration has none. */\nfunction savedLayoutRoot(uiConfigDetails: string | null | undefined): JsonObject | null {\n    if (!uiConfigDetails?.trim()) return null;\n    const config = parseJson(uiConfigDetails);\n    if (!isJsonObject(config)) return null;\n    const layout = config['layout'];\n    if (!isJsonObject(layout)) return null;\n    const root = layout['root'];\n    return isJsonObject(root) ? root : null;\n}\n\nfunction parseJson(text: string): JsonValue | undefined {\n    try {\n        return JSON.parse(text) as JsonValue;\n    } catch {\n        return undefined;\n    }\n}\n\nfunction isJsonObject(value: JsonValue | undefined): value is JsonObject {\n    return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\n/** A saved layout item as a preview node, or null when it has no panel to draw. */\nfunction toPreviewNode(item: JsonObject, depth: number, budget: PanelBudget): DashboardLayoutPreviewNode | null {\n    if (budget.left <= 0 || depth > MAX_PREVIEW_DEPTH) return null;\n    const type = item['type'];\n    switch (type) {\n        case 'row':\n        case 'column':\n            return toGroup(type, item, depth, budget);\n        case 'stack':\n            return toPanel(activeItem(item), budget);\n        case 'component':\n            return toPanel(item, budget);\n        default:\n            return null;\n    }\n}\n\n/** A row or column with the children that have panels to draw, or null when none has. */\nfunction toGroup(kind: 'row' | 'column', item: JsonObject, depth: number, budget: PanelBudget): DashboardLayoutPreviewGroup | null {\n    const content = item['content'];\n    if (!Array.isArray(content)) return null;\n    const kept: Array<{ node: DashboardLayoutPreviewNode; size: ItemSize }> = [];\n    for (const child of content) {\n        if (budget.left <= 0) break;\n        if (!isJsonObject(child)) continue;\n        const node = toPreviewNode(child, depth + 1, budget);\n        if (node) {\n            kept.push({ node, size: itemSize(child) });\n        }\n    }\n    if (kept.length === 0) return null;\n    const weights = shares(kept.map(k => k.size));\n    return { Kind: kind, Weight: 1, Children: kept.map((k, i) => ({ ...k.node, Weight: weights[i] })) };\n}\n\n/** The item a stack shows: its active item, else its first. Null for an empty stack. */\nfunction activeItem(stack: JsonObject): JsonObject | null {\n    const content = stack['content'];\n    if (!Array.isArray(content)) return null;\n    const index = stack['activeItemIndex'];\n    const active = typeof index === 'number' ? content[index] : undefined;\n    if (isJsonObject(active)) return active;\n    return content.find(isJsonObject) ?? null;\n}\n\n/** A panel with the title and icon from the component's panel data (componentState). */\nfunction toPanel(component: JsonObject | null, budget: PanelBudget): DashboardLayoutPreviewPanel | null {\n    if (!component) return null;\n    budget.left--;\n    const state = component['componentState'];\n    const panel: JsonObject = isJsonObject(state) ? state : {};\n    return {\n        Kind: 'panel',\n        Weight: 1,\n        Title: nonEmptyText(panel['title']) ?? nonEmptyText(component['title']) ?? '',\n        Icon: nonEmptyText(panel['icon']),\n    };\n}\n\nfunction nonEmptyText(value: JsonValue | undefined): string | null {\n    return typeof value === 'string' && value.trim() ? value.trim() : null;\n}\n\n/** A saved item's size. A missing size, or one in px or em, counts as one fr. */\nfunction itemSize(item: JsonObject): ItemSize {\n    const value = item['size'];\n    const unit = item['sizeUnit'];\n    if (typeof value === 'number' && Number.isFinite(value) && value > 0 && (unit === '%' || unit === 'fr')) {\n        return { unit, value };\n    }\n    return { unit: 'fr', value: 1 };\n}\n\n/**\n * Each item's share of its row or column, the way Golden Layout sizes them: % sizes first, then\n * the fr items share the space the % sizes leave (50 more when they leave nothing). The shares\n * add up to 1.\n */\nfunction shares(sizes: ItemSize[]): number[] {\n    const percentTotal = sum(sizes.filter(s => s.unit === '%').map(s => s.value));\n    const frTotal = sum(sizes.filter(s => s.unit === 'fr').map(s => s.value));\n    const frSpace = Math.round(percentTotal) < 100 ? 100 - percentTotal : 50;\n    const amounts = sizes.map(s => (s.unit === '%' ? s.value : (frSpace * s.value) / frTotal));\n    const total = sum(amounts);\n    return amounts.map(amount => amount / total);\n}\n\nfunction sum(values: number[]): number {\n    return values.reduce((total, value) => total + value, 0);\n}\n"]}

package/dist/lib/models/dashboard-layout-editor.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @fileoverview Pure edits of a dashboard's saved Golden Layout tree (`ResolvedLayoutConfig`):
+ * find a panel, insert, remove, move and resize panels, and describe the layout for an agent.
+ * Every edit works on a copy and returns a new layout; the input is never changed.
+ */
+import { ResolvedLayoutConfig } from 'golden-layout';
+import type { DashboardPanel } from './dashboard-types';
+/** The placements beside another panel, and `tab` to join that panel's stack. */
+export declare const PANEL_PLACEMENTS: readonly ["left", "right", "above", "below", "tab"];
+/** Where a panel goes beside another panel, or `tab` to join that panel's stack. */
+export type PanelPlacement = (typeof PANEL_PLACEMENTS)[number];
+/** Where a panel goes, relative to another panel or at the end of the root. */
+export type PanelPosition = {
+    relativeTo: string;
+    placement: PanelPlacement;
+} | {
+    placement: 'end';
+};
+/** One step from the root to a panel: the container kind and the child index taken. */
+export interface LayoutPathStep {
+    kind: 'row' | 'column' | 'stack';
+    index: number;
+}
+/** A compact description of a layout for an agent. */
+export interface SimplifiedLayoutNode {
+    kind: 'row' | 'column' | 'stack' | 'panel';
+    sizePct?: number;
+    panelId?: string;
+    title?: string;
+    children?: SimplifiedLayoutNode[];
+}
+/** A layout edit that cannot be applied: an unknown panel, an invalid position or axis. */
+export declare class LayoutEditError extends Error {
+    constructor(message: string);
+}
+/** The path from the root to the panel; the last step is the panel's tab in its stack. Null when the panel is not in the layout. */
+export declare function FindPanelPath(layout: ResolvedLayoutConfig | null, panelId: string): LayoutPathStep[] | null;
+/** A readable address for a path, for example `row/1 › column/0 › tab 2`. */
+export declare function DescribePath(path: LayoutPathStep[]): string;
+/**
+ * The layout with a copy of `panel` added at `position`. Beside another panel, the new panel joins
+ * the target's row or column, or the target is wrapped in a new one; the items of that container
+ * share it evenly as integer percentages. `tab` adds the panel to the target's stack and shows it;
+ * `end` adds it at the right end of the root, and an empty layout gets a root stack.
+ * @throws LayoutEditError when the placement is not one of PANEL_PLACEMENTS or `end`, when a placement
+ * other than `end` has no `relativeTo`, or when `relativeTo` is not in the layout.
+ */
+export declare function InsertPanel(layout: ResolvedLayoutConfig | null, panel: DashboardPanel, position: PanelPosition): ResolvedLayoutConfig;
+/**
+ * The layout without the panel. Its stack keeps showing the same tab when that tab remains. An
+ * empty stack is removed, a container left with one item is replaced by that item, and the items of
+ * a container that lost one share it evenly unless their sizes still add up to 100%. A layout left
+ * with no panels has no root.
+ * @throws LayoutEditError when the panel is not in the layout.
+ */
+export declare function RemovePanelFromLayout(layout: ResolvedLayoutConfig | null, panelId: string): ResolvedLayoutConfig;
+/**
+ * The layout with the panel removed from where it is and inserted at `position`.
+ * @throws LayoutEditError when the position is not valid (as for InsertPanel), when the panel or
+ * `relativeTo` is not in the layout, or when `relativeTo` is the panel itself.
+ */
+export declare function MovePanel(layout: ResolvedLayoutConfig | null, panelId: string, position: PanelPosition): ResolvedLayoutConfig;
+/**
+ * The layout with the panel resized. `widthPct` sets the panel's share of the nearest row that it
+ * shares with other items, and `heightPct` its share of the nearest such column; give either or both.
+ * The share is kept between 5% and 95%, and low enough that every other item in the container keeps
+ * at least 5%. The other items share the rest in proportion to their current shares. Sizes are integer
+ * percentages that add up to 100.
+ * @throws LayoutEditError when the panel is not in the layout, no size or a non-finite size is given,
+ * or the panel shares no row (for a width) or column (for a height) with other items.
+ */
+export declare function ResizePanel(layout: ResolvedLayoutConfig | null, panelId: string, size: {
+    widthPct?: number;
+    heightPct?: number;
+}): ResolvedLayoutConfig;
+/** A compact tree of the layout: containers with integer percentage sizes and panels with their IDs. */
+export declare function SimplifyLayout(layout: ResolvedLayoutConfig | null): SimplifiedLayoutNode | null;
+//# sourceMappingURL=dashboard-layout-editor.d.ts.map

package/dist/lib/models/dashboard-layout-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout-editor.d.ts","sourceRoot":"","sources":["../../../src/lib/models/dashboard-layout-editor.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,qDAAsD,CAAC;AAEpF,oFAAoF;AACpF,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,+EAA+E;AAC/E,MAAM,MAAM,aAAa,GACrB;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,cAAc,CAAA;CAAE,GACjD;IAAE,SAAS,EAAE,KAAK,CAAA;CAAE,CAAC;AAEzB,uFAAuF;AACvF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,sDAAsD;AACtD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;CACnC;AAED,2FAA2F;AAC3F,qBAAa,eAAgB,SAAQ,KAAK;gBAC5B,OAAO,EAAE,MAAM;CAI5B;AA+CD,oIAAoI;AACpI,wBAAgB,aAAa,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,cAAc,EAAE,GAAG,IAAI,CAG3G;AAED,6EAA6E;AAC7E,wBAAgB,YAAY,CAAC,IAAI,EAAE,cAAc,EAAE,GAAG,MAAM,CAE3D;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,aAAa,GAAG,oBAAoB,CAiBrI;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,oBAAoB,CAOhH;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,oBAAoB,CAQ7H;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,oBAAoB,GAAG,IAAI,EACnC,OAAO,EAAE,MAAM,EACf,IAAI,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAC9C,oBAAoB,CAQtB;AAED,wGAAwG;AACxG,wBAAgB,cAAc,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI,GAAG,oBAAoB,GAAG,IAAI,CAG/F"}