chore: update prettier & format

package.json

@@ -130,7 +130,7 @@
     "npm-run-all": "^4.1.5",
     "postcss": "8.4.16",
     "postcss-url": "10.1.3",
-    "prettier": "2.7.1",
+    "prettier": "3.6.2",
     "pretty-quick": "3.1.3",
     "shallow-render": "18.0.0",
     "start-server-and-test": "1.14.0",

projects/swimlane/ngx-ui-testing/README.md

@@ -188,7 +188,7 @@ These are helper commands not directly related to ngx-ui.
 
 ### `.getByName`
 
-Find element by name attribute. Alias for ` cy.get(``*[name="${name}"]``) `
+Find element by name attribute. Alias for `cy.get(``*[name="${name}"]``)`
 
 ```ts
 .getByName('name')

projects/swimlane/ngx-ui/CHANGELOG.md

@@ -583,7 +583,6 @@ Breaking (`ngx-time`): There could be a potential breaking change due to how `ng
 ## 35.6.0 (2021-04-28)
 
 - Refactor: `ngx-large-format-dialog-content` Stepper and Tabs variant usage
-
   - The variants are now driven via `ng-template` and custom directives instead of Content Project due to limit of
     Content Project when it comes to nested elements.
 

projects/swimlane/ngx-ui/src/lib/components/button-toggle/button-toggle.component.scss

@@ -8,7 +8,9 @@
   border-radius: 2px;
   color: colors.$color-blue-grey-350;
   white-space: nowrap;
-  transition: background-color 0.25s cubic-bezier(0.35, 0, 0.25, 1), font-weight 0.25s ease-in;
+  transition:
+    background-color 0.25s cubic-bezier(0.35, 0, 0.25, 1),
+    font-weight 0.25s ease-in;
 
   &.checked {
     font-weight: 600;

projects/swimlane/ngx-ui/src/lib/components/calendar/calendar.component.ts

@@ -135,7 +135,10 @@ export class CalendarComponent implements OnInit, AfterViewInit, ControlValueAcc
   private _minView: CalendarView;
   private _defaultView: CalendarView;
 
-  constructor(private readonly cdr: ChangeDetectorRef, private readonly elm: ElementRef) {}
+  constructor(
+    private readonly cdr: ChangeDetectorRef,
+    private readonly elm: ElementRef
+  ) {}
 
   ngOnInit() {
     this.focusDate = this.createMoment(this.value);

projects/swimlane/ngx-ui/src/lib/components/code-editor/foldgutter.css

@@ -1,6 +1,10 @@
 .CodeMirror-foldmarker {
   color: blue;
-  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
+  text-shadow:
+    #b9f 1px 1px 2px,
+    #b9f -1px -1px 2px,
+    #b9f 1px -1px 2px,
+    #b9f -1px 1px 2px;
   font-family: arial;
   line-height: 0.3;
   cursor: pointer;

projects/swimlane/ngx-ui/src/lib/components/column/column/column.component.scss

@@ -83,7 +83,11 @@
           overflow: hidden;
           color: colors.$color-blue-grey-150;
           text-overflow: ellipsis;
-          font-family: Source Sans Pro, Open Sans, Arial, sans-serif;
+          font-family:
+            Source Sans Pro,
+            Open Sans,
+            Arial,
+            sans-serif;
           font-size: 14px;
           font-style: normal;
           font-weight: 400;

projects/swimlane/ngx-ui/src/lib/components/date-range-calendar/date-range-picker.component.ts

@@ -367,29 +367,35 @@ export class DateRangePickerComponent implements OnInit, OnChanges {
     this.timeValueStart = {};
     if (start) {
       const startMoment = this.createMoment(start);
-      this.timeValueStart = Object.keys(this.timezones).reduce((timezoneAcc, timezoneKey) => {
-        const timezoneValue = this.timezones[timezoneKey] || guessTimeZone;
-        const dateInTimezone = startMoment.clone().tz(timezoneValue);
-        timezoneAcc[timezoneKey] = {
-          key: timezoneKey,
-          clip: dateInTimezone.format(DATE_DISPLAY_FORMATS.fullDateTime),
-          display: dateInTimezone.format(DATE_DISPLAY_FORMATS.fullDateTime)
-        };
-        return timezoneAcc;
-      }, {} as Record<string, { key: string; clip: string; display: string }>);
+      this.timeValueStart = Object.keys(this.timezones).reduce(
+        (timezoneAcc, timezoneKey) => {
+          const timezoneValue = this.timezones[timezoneKey] || guessTimeZone;
+          const dateInTimezone = startMoment.clone().tz(timezoneValue);
+          timezoneAcc[timezoneKey] = {
+            key: timezoneKey,
+            clip: dateInTimezone.format(DATE_DISPLAY_FORMATS.fullDateTime),
+            display: dateInTimezone.format(DATE_DISPLAY_FORMATS.fullDateTime)
+          };
+          return timezoneAcc;
+        },
+        {} as Record<string, { key: string; clip: string; display: string }>
+      );
     }
     if (end) {
       const endMoment = this.createMoment(end);
-      this.timeValueEnd = Object.keys(this.timezones).reduce((timezoneAcc, timezoneKey) => {
-        const timezoneValue = this.timezones[timezoneKey] || guessTimeZone;
-        const dateInTimezone = endMoment.clone().tz(timezoneValue);
-        timezoneAcc[timezoneKey] = {
-          key: timezoneKey,
-          clip: dateInTimezone.format(DATE_DISPLAY_FORMATS.fullDateTime),
-          display: dateInTimezone.format(DATE_DISPLAY_FORMATS.fullDateTime)
-        };
-        return timezoneAcc;
-      }, {} as Record<string, { key: string; clip: string; display: string }>);
+      this.timeValueEnd = Object.keys(this.timezones).reduce(
+        (timezoneAcc, timezoneKey) => {
+          const timezoneValue = this.timezones[timezoneKey] || guessTimeZone;
+          const dateInTimezone = endMoment.clone().tz(timezoneValue);
+          timezoneAcc[timezoneKey] = {
+            key: timezoneKey,
+            clip: dateInTimezone.format(DATE_DISPLAY_FORMATS.fullDateTime),
+            display: dateInTimezone.format(DATE_DISPLAY_FORMATS.fullDateTime)
+          };
+          return timezoneAcc;
+        },
+        {} as Record<string, { key: string; clip: string; display: string }>
+      );
     }
     this.cdr.detectChanges();
   }

projects/swimlane/ngx-ui/src/lib/components/date-time/date-time.component.ts

@@ -120,8 +120,8 @@ export class DateTimeComponent implements OnDestroy, OnChanges, ControlValueAcce
         const sameDiff: moment.unitOfTime.StartOf = this.precision
           ? this.precision
           : this.inputType === DateTimeType.date
-          ? 'day'
-          : 'second';
+            ? 'day'
+            : 'second';
         isSame = this._value ? date.isSame(this._value, sameDiff) : false;
       }
     }

projects/swimlane/ngx-ui/src/lib/components/dialog/alert/alert.service.ts

@@ -32,7 +32,10 @@ export class AlertService extends DialogService<AlertComponent> {
 
   protected type: any = AlertComponent;
 
-  constructor(readonly injectionService: InjectionService, readonly overlayService: OverlayService) {
+  constructor(
+    readonly injectionService: InjectionService,
+    readonly overlayService: OverlayService
+  ) {
     super(injectionService, overlayService);
   }
 

projects/swimlane/ngx-ui/src/lib/components/dialog/dialog.component.ts

@@ -138,7 +138,10 @@ export class DialogComponent implements OnInit, OnDestroy {
   private _visible?: boolean;
   private _zIndex?: number;
 
-  constructor(private readonly element: ElementRef, private readonly renderer2: Renderer2) {}
+  constructor(
+    private readonly element: ElementRef,
+    private readonly renderer2: Renderer2
+  ) {}
 
   ngOnInit(): void {
     if (this.visible) {

projects/swimlane/ngx-ui/src/lib/components/dialog/dialog.service.ts

@@ -28,7 +28,10 @@ export class DialogService<T = DialogComponent> extends InjectionRegistryService
   protected type: any = DialogComponent;
   private zIndex = 995;
 
-  constructor(readonly injectionService: InjectionService, readonly overlayService: OverlayService) {
+  constructor(
+    readonly injectionService: InjectionService,
+    readonly overlayService: OverlayService
+  ) {
     super(injectionService);
   }
 

projects/swimlane/ngx-ui/src/lib/components/dialog/large-format/large-format-dialog-content.component.ts

@@ -68,7 +68,10 @@ export class LargeFormatDialogContentComponent implements OnInit {
   @ViewChild('myTemplate', { static: true }) myTemplate: ElementRef;
   imageTemplate = {};
 
-  constructor(public elementRef: ElementRef, private readonly alertService: AlertService) {
+  constructor(
+    public elementRef: ElementRef,
+    private readonly alertService: AlertService
+  ) {
     if (elementRef.nativeElement.tagName.toLowerCase() === 'ngx-medium-format-dialog-content') {
       this.format = 'medium';
     }

projects/swimlane/ngx-ui/src/lib/components/dropdown/dropdown.component.scss

@@ -72,7 +72,9 @@ $dropdown-color: colors.$color-grey-100;
     margin-top: 0;
     opacity: 0;
     display: none;
-    transition: visibility 0s, opacity 0.25s ease-out;
+    transition:
+      visibility 0s,
+      opacity 0.25s ease-out;
 
     &::before {
       z-index: -1;

projects/swimlane/ngx-ui/src/lib/components/dropdown/dropdown.component.ts

@@ -94,7 +94,10 @@ export class DropdownComponent implements AfterContentInit, OnDestroy {
   private _closeOnMouseLeave = false;
   private _leaveTimeout = null;
 
-  constructor(private readonly renderer: Renderer2, private readonly cd: ChangeDetectorRef) {}
+  constructor(
+    private readonly renderer: Renderer2,
+    private readonly cd: ChangeDetectorRef
+  ) {}
 
   ngAfterContentInit(): void {
     if (this.dropdownToggle) {

projects/swimlane/ngx-ui/src/lib/components/filter/filter.component.scss

@@ -246,7 +246,9 @@ $max-width: 300px;
     margin-top: 10px;
     opacity: 0;
     display: none;
-    transition: visibility 0s, opacity 0.25s ease-out;
+    transition:
+      visibility 0s,
+      opacity 0.25s ease-out;
 
     li {
       max-width: 100%;

projects/swimlane/ngx-ui/src/lib/components/json-editor/json-editor-flat/json-editor-node-flat/json-editor-node-flat.component.scss

@@ -158,7 +158,11 @@ ngx-json-editor-node-flat {
           min-height: 1.2em; // min height keeps input from shifting when error is shown
           text-transform: capitalize;
           font-size: 12px;
-          font-family: Source Sans Pro, Open Sans, Arial, sans-serif;
+          font-family:
+            Source Sans Pro,
+            Open Sans,
+            Arial,
+            sans-serif;
         }
       }
     }

projects/swimlane/ngx-ui/src/lib/components/json-editor/json-editor-flat/json-editor-node-flat/json-editor-node-flat.component.ts

@@ -74,7 +74,10 @@ export class JsonEditorNodeFlatComponent extends JsonEditorNode implements OnIni
   nodeExpandTrigger$ = new Subject<boolean>();
   private readonly unsub$: Subject<void> = new Subject();
 
-  constructor(public dialogMngr: DialogService, private dateFormat: DateFormatPipe) {
+  constructor(
+    public dialogMngr: DialogService,
+    private dateFormat: DateFormatPipe
+  ) {
     super(dialogMngr);
   }
 

projects/swimlane/ngx-ui/src/lib/components/json-editor/json-editor-flat/json-editor-node-flat/node-types/object-node-flat/object-node-flat.component.ts

@@ -60,7 +60,10 @@ export class ObjectNodeFlatComponent extends ObjectNode implements OnInit, OnCha
     return this.hideRoot && this.level === 0;
   }
 
-  constructor(private dialogService: DialogService, protected cdr: ChangeDetectorRef) {
+  constructor(
+    private dialogService: DialogService,
+    protected cdr: ChangeDetectorRef
+  ) {
     super(cdr);
   }
 

projects/swimlane/ngx-ui/src/lib/components/json-editor/json-editor.ts

@@ -23,7 +23,10 @@ export class JsonEditor implements OnChanges {
 
   errors: any[];
 
-  constructor(protected schemaValidatorService: SchemaValidatorService, protected cdr: ChangeDetectorRef) {}
+  constructor(
+    protected schemaValidatorService: SchemaValidatorService,
+    protected cdr: ChangeDetectorRef
+  ) {}
 
   ngOnChanges(changes: SimpleChanges) {
     if (changes.schema) {

projects/swimlane/ngx-ui/src/lib/components/json-editor/json-editor/json-editor-node/json-editor-node.component.ts

@@ -31,7 +31,10 @@ export class JsonEditorNodeComponent extends JsonEditorNode implements OnInit {
 
   placeholder = '';
 
-  constructor(public dialogMngr: DialogService, private dateFormat: DateFormatPipe) {
+  constructor(
+    public dialogMngr: DialogService,
+    private dateFormat: DateFormatPipe
+  ) {
     super(dialogMngr);
   }
 

projects/swimlane/ngx-ui/src/lib/components/json-editor/json-editor/json-editor.component.ts

@@ -33,7 +33,10 @@ export class JsonEditorComponent extends JsonEditor {
   @ContentChildren(JsonEditorNodeComponent)
   nodeElms: QueryList<JsonEditorNodeComponent>;
 
-  constructor(protected schemaValidatorService: SchemaValidatorService, protected cdr: ChangeDetectorRef) {
+  constructor(
+    protected schemaValidatorService: SchemaValidatorService,
+    protected cdr: ChangeDetectorRef
+  ) {
     super(schemaValidatorService, cdr);
   }
 }

projects/swimlane/ngx-ui/src/lib/components/multi-dimension-selection/multi-dimension-selection.component.scss

@@ -6,7 +6,9 @@ ngx-multi-dimension-selection.ngx-multi-dimension-selection {
   max-width: min-content;
   opacity: 0;
   position: absolute;
-  transition: visibility 0s, opacity 0.25s ease-out;
+  transition:
+    visibility 0s,
+    opacity 0.25s ease-out;
   z-index: 1000;
 
   &__detached {

projects/swimlane/ngx-ui/src/lib/components/nav-menu/nav-menu.component.scss

@@ -247,7 +247,9 @@ ngx-nav-menu.expanded,
   box-shadow: none !important;
   padding: 0 !important;
 
-  transition: opacity 0.3s, transform 0s !important;
+  transition:
+    opacity 0.3s,
+    transform 0s !important;
 
   .sub-nav {
     max-height: 300px;

projects/swimlane/ngx-ui/src/lib/components/navbar/navbar-item.component.ts

@@ -65,7 +65,10 @@ export class NavbarItemComponent {
   private _total?: number;
   private _index?: number;
 
-  constructor(private readonly _cdr: ChangeDetectorRef, private readonly _el: ElementRef<HTMLElement>) {}
+  constructor(
+    private readonly _cdr: ChangeDetectorRef,
+    private readonly _el: ElementRef<HTMLElement>
+  ) {}
 
   setActive() {
     this.active = this.index;

projects/swimlane/ngx-ui/src/lib/components/navbar/navbar.component.ts

@@ -111,7 +111,10 @@ export class NavbarComponent implements AfterViewInit, OnDestroy {
     return this._el.nativeElement.nodeName.toLowerCase();
   }
 
-  constructor(private readonly _el: ElementRef<HTMLElement>, private readonly _cdr: ChangeDetectorRef) {
+  constructor(
+    private readonly _el: ElementRef<HTMLElement>,
+    private readonly _cdr: ChangeDetectorRef
+  ) {
     this._el.nativeElement.classList.add(this._name);
   }
 

projects/swimlane/ngx-ui/src/lib/components/notification/notification.service.ts

@@ -40,7 +40,10 @@ export class NotificationService extends InjectionRegistryService<NotificationCo
     return 'Notification' in window;
   }
 
-  constructor(readonly injectionService: InjectionService, @Inject(DOCUMENT) private readonly document: Document) {
+  constructor(
+    readonly injectionService: InjectionService,
+    @Inject(DOCUMENT) private readonly document: Document
+  ) {
     super(injectionService);
   }
 

projects/swimlane/ngx-ui/src/lib/components/overlay/resize-overlay.component.scss

@@ -48,7 +48,10 @@
 
         background: #afb7c8;
         color: #060709;
-        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
+        box-shadow:
+          0 1px 3px 0 rgba(0, 0, 0, 0.2),
+          0 1px 1px 0 rgba(0, 0, 0, 0.14),
+          0 2px 1px -1px rgba(0, 0, 0, 0.12);
         border-radius: 0;
         font-size: 13px;
         padding: 7px;

projects/swimlane/ngx-ui/src/lib/components/radiobutton/radiobutton.component.scss

@@ -31,7 +31,9 @@
       border-radius: 50%;
       border: 1px solid #6f809e;
       opacity: 1;
-      transition: background-color 0.3s ease, opacity 0.3s ease;
+      transition:
+        background-color 0.3s ease,
+        opacity 0.3s ease;
       outline: 0px none colors.$color-blue-200;
       outline-offset: 1px;
     }

projects/swimlane/ngx-ui/src/lib/components/radiobutton/radiobutton.component.ts

@@ -101,7 +101,10 @@ export class RadioButtonComponent implements ControlValueAccessor {
   private _value = false;
   private _disabled = false;
 
-  constructor(private readonly cdr: ChangeDetectorRef, private readonly elementRef: ElementRef) {}
+  constructor(
+    private readonly cdr: ChangeDetectorRef,
+    private readonly elementRef: ElementRef
+  ) {}
 
   _onInputChange(event: Event) {
     event.stopPropagation();