Deploying to gh-pages from @ 72e1134 🚀

.cache/storybook/default/dev-server/storybook-0c9aba2732f8798ca2ae104c09855acc

@@ -1 +1 @@
-{"key":"lastEvents","content":{"boot":{"body":{"eventType":"boot","eventId":"_0nSNR75LcVFbbX9nrSVv","sessionId":"VZot8jf2ykKsvjrRI4vF7","payload":{"eventType":"build"},"context":{"inCI":true,"platform":"Linux","nodeVersion":"20.18.1","cliVersion":"8.4.4"}},"timestamp":1734009590506}}}
+{"key":"lastEvents","content":{"boot":{"body":{"eventType":"boot","eventId":"UGrvSyNudT1nbkhuEeMMc","sessionId":"6UcvjR3EnVMVxJttP3oF2","payload":{"eventType":"build"},"context":{"inCI":true,"platform":"Linux","nodeVersion":"20.18.1","cliVersion":"8.4.4"}},"timestamp":1734010977366}}}

.cache/storybook/default/dev-server/storybook-21d6f40cfb511982e4424e0e250a9557

@@ -1 +1 @@
-{"key":"session","content":{"id":"VZot8jf2ykKsvjrRI4vF7","lastUsed":1734009590490}}
+{"key":"session","content":{"id":"6UcvjR3EnVMVxJttP3oF2","lastUsed":1734010977350}}

app/_models/formly.ts

@@ -53,6 +53,8 @@ export interface FormlyInputConfig<T> extends FormlyInterface<T> {
   placeholder?: string;
   maxLength?: number;
   minLength?: number;
+  max?: number;
+  min?: number;
   parsers?: any;
   inputKind: InputKind;
 }

app/_services/formly/formly-service.service.ts

@@ -82,7 +82,7 @@ export class FormlyService {
         warningMessage: config.warningMessage,
         additionalProperties: {
           disabledExpression: config.disabledExpression,
-          tooltipMessage: config.tooltipMessage ?? 'WHAT',
+          tooltipMessage: config.tooltipMessage ?? '',
           showWrapperLabel: config.showWrapperLabel ?? true,
         },
       },
@@ -165,7 +165,9 @@ export class FormlyService {
       parsers: config.parsers,
       props: {
         maxLength: config.maxLength,
+        max: config.max,
         minLength: config.minLength,
+        min: config.min,
         label: config.label ?? capitalize(`${config.key}`),
         type: innerInputType,
         required: config.required ?? true,

app/campaign/components/graph-help-modal/graph-help-modal.component.html

@@ -1,11 +1,12 @@
 <button
+  btn
   aria-label="shows modal explaining graph data"
   class="rounded-pill"
+  [kind]="'NONE'"
+  [icon]="'info-circle'"
+  [text]="'Help'"
   (click)="openModal(infoModal)"
->
-  Help
-  <app-icon [icon]="'info-circle'"></app-icon>
-</button>
+></button>
 
 <ng-template #infoModal let-modal>
   <div class="modal-header">

app/campaign/components/graph-help-modal/graph-help-modal.component.ts

@@ -5,6 +5,7 @@ import {
   TemplateRef,
 } from '@angular/core';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { ButtonComponent } from 'src/design/atoms/button/button.component';
 import { IconComponent } from '../../../../design/atoms/icon/icon.component';
 import { SeparatorComponent } from '../../../../design/atoms/separator/separator.component';
 
@@ -79,7 +80,7 @@ const GRAPH_INTERACTIONS = [
 @Component({
   selector: 'app-graph-help-modal',
   standalone: true,
-  imports: [IconComponent, SeparatorComponent],
+  imports: [IconComponent, SeparatorComponent, ButtonComponent],
   templateUrl: './graph-help-modal.component.html',
   styleUrl: './graph-help-modal.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,

app/campaign/components/graph-settings-modal/graph-settings-modal.component.ts

@@ -35,30 +35,20 @@ export class GraphSettingsModalComponent {
     this.formlyService.buildInputConfig<typeof GRAPH_SETTINGS>({
       key: 'linkAttractingForce',
       inputKind: 'NUMBER_FRACTION',
-      label: 'Strength of links pulling nodes together',
+      label: 'Strength of links pulling nodes together (0-3)',
+      max: 3,
+      min: 0,
     }),
     this.formlyService.buildInputConfig<typeof GRAPH_SETTINGS>({
       key: 'nodeRepellingForce',
       inputKind: 'NUMBER_FRACTION',
       label: 'Strength of nodes repelling each other',
     }),
-    this.formlyService.buildInputConfig<typeof GRAPH_SETTINGS>({
-      key: 'xForce',
-      inputKind: 'NUMBER_FRACTION',
-      label: 'Horizontal force',
-    }),
-    this.formlyService.buildInputConfig<typeof GRAPH_SETTINGS>({
-      key: 'yForce',
-      inputKind: 'NUMBER_FRACTION',
-      label: 'Vertical force',
-    }),
   ]);
 
   onSettingsSubmit(model: any) {
     const newSettings: typeof GRAPH_SETTINGS = {
       ...model,
-      xForce: parseFloat(model.xForce),
-      yForce: parseFloat(model.yForce),
       linkAttractingForce: parseFloat(model.linkAttractingForce),
       nodeRepellingForce: parseFloat(model.nodeRepellingForce),
     };

design/organisms/graph/graph.service.ts

@@ -270,8 +270,8 @@ export class GraphService {
         'charge',
         forceManyBody().strength(-1 * settings.nodeRepellingForce),
       )
-      .force('x', forceX().strength(settings.undirectedForce))
-      .force('y', forceY().strength(settings.undirectedForce))
+      .force('x', forceX(settings.width / 2).strength(settings.undirectedForce))
+      .force('y', forceY(height / 2).strength(settings.undirectedForce))
       .force('center', forceCenter(settings.width / 2, height / 2));
     addDragBehavior(allNodesElement, simulation);
 

iframe.html

@@ -504,7 +504,7 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
 
 
-      import './runtime~main.9737e5bb.iframe.bundle.js';
+      import './runtime~main.dfad0a1c.iframe.bundle.js';
 
       import './main.83ad97ca.iframe.bundle.js';
 

project.json

@@ -1 +1 @@
-{"generatedAt":1734009590921,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@types/jasmine":"4.3.6","jasmine-core":"4.5.0","karma":"6.4.4","karma-chrome-launcher":"3.1.1","karma-coverage":"2.2.1","karma-jasmine":"5.1.0","karma-jasmine-html-reporter":"2.0.0"},"packageManager":{"type":"npm","version":"10.8.2"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/angular","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/angular","portableStoriesFileCount":0,"storybookVersion":"8.4.4","storybookVersionSpecifier":"^8.3.5","language":"typescript","storybookPackages":{"@storybook/addon-links":{"version":"8.4.4"},"@storybook/angular":{"version":"8.4.4"},"@storybook/blocks":{"version":"8.4.4"},"@storybook/test":{"version":"8.4.4"},"storybook":{"version":"8.4.4"}},"addons":{"@storybook/addon-essentials":{"version":"8.4.4"},"@storybook/addon-interactions":{"version":"8.4.4"},"@storybook/addon-a11y":{"version":"8.4.4"},"storybook-preset-inline-svg":{"version":"1.0.1"},"@chromatic-com/storybook":{"version":"1.9.0"}}}
+{"generatedAt":1734010977786,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@types/jasmine":"4.3.6","jasmine-core":"4.5.0","karma":"6.4.4","karma-chrome-launcher":"3.1.1","karma-coverage":"2.2.1","karma-jasmine":"5.1.0","karma-jasmine-html-reporter":"2.0.0"},"packageManager":{"type":"npm","version":"10.8.2"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/angular","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/angular","portableStoriesFileCount":0,"storybookVersion":"8.4.4","storybookVersionSpecifier":"^8.3.5","language":"typescript","storybookPackages":{"@storybook/addon-links":{"version":"8.4.4"},"@storybook/angular":{"version":"8.4.4"},"@storybook/blocks":{"version":"8.4.4"},"@storybook/test":{"version":"8.4.4"},"storybook":{"version":"8.4.4"}},"addons":{"@storybook/addon-essentials":{"version":"8.4.4"},"@storybook/addon-interactions":{"version":"8.4.4"},"@storybook/addon-a11y":{"version":"8.4.4"},"storybook-preset-inline-svg":{"version":"1.0.1"},"@chromatic-com/storybook":{"version":"1.9.0"}}}