@ajf/material 18.4.0 → 18.5.0

package/form-builder/form-builder-service.d.ts

@@ -23,6 +23,19 @@ import { AjfAttachmentsOrigin, AjfChoicesOrigin, AjfField, AjfFieldType, AjfForm
 import { AjfCondition } from '@ajf/core/models';
 import { BehaviorSubject, Observable } from 'rxjs';
 import * as i0 from "@angular/core";
+/**
+ * The categories the entries of the form builder field types palette are
+ * grouped into, in display order. The values are translation keys, rendered as
+ * the header of each group.
+ */
+export declare const AjfFormBuilderNodeTypeCategories: {
+    readonly structure: "Structure";
+    readonly text: "Text";
+    readonly numeric: "Numeric";
+    readonly choices: "Choice fields";
+    readonly dateTime: "Date & time";
+    readonly advanced: "Advanced";
+};
 export interface AjfFormBuilderNodeTypeEntry {
     label: string;
     nodeType: {
@@ -30,6 +43,13 @@ export interface AjfFormBuilderNodeTypeEntry {
         field?: AjfFieldType;
     };
     isSlide?: boolean;
+    /**
+     * The category the entry belongs to, one of
+     * {@link AjfFormBuilderNodeTypeCategories}. Entries sharing a category are
+     * rendered under a common header; entries without a category are rendered
+     * last, with no header.
+     */
+    category?: string;
 }
 export interface AjfFormBuilderNodeEntry {
     node: AjfNode;
@@ -79,6 +99,11 @@ export type AjfContainerNode = AjfSlide | AjfRepeatingSlide | AjfNodeGroup;
 export declare function cleanDefaultValue(value: any, node: AjfField<any>): string | null;
 export declare function flattenNodes(nodes: AjfNode[]): AjfNode[];
 export declare class AjfFormBuilderService {
+    /**
+     * The node types available in the palette, listed by category in display
+     * order. Entries of the same category are rendered under a common header, see
+     * {@link AjfFormBuilderNodeTypeCategories}.
+     */
     private _availableNodeTypes;
     /**
      * Available node types

package/form-builder/form-builder.d.ts

@@ -20,8 +20,9 @@
  *
  */
 import { AjfChoicesOrigin, AjfForm } from '@ajf/core/forms';
+import { BooleanInput } from '@angular/cdk/coercion';
 import { CdkDrag, CdkDragDrop } from '@angular/cdk/drag-drop';
-import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
+import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { MatSlideToggleChange } from '@angular/material/slide-toggle';
 import { Observable } from 'rxjs';
@@ -35,6 +36,32 @@ export declare class AjfFormBuilder implements AfterViewChecked, AfterContentIni
     private _form;
     get form(): AjfForm | undefined;
     set form(form: AjfForm | undefined);
+    /**
+     * True when the slides of the designer are kept expanded. Slides added later
+     * follow this state as well.
+     * It drives the "expand slides" toggle of the toolbar and can be set by the
+     * host, both one-way (`[expandSlides]="true"`) and two-way
+     * (`[(expandSlides)]="expanded"`).
+     */
+    private _expandSlides;
+    get expandSlides(): boolean;
+    set expandSlides(expandSlides: boolean);
+    /**
+     * Emits whenever the slides expansion state is changed from inside the form
+     * builder, i.e. by the toolbar controls.
+     */
+    readonly expandSlidesChange: EventEmitter<boolean>;
+    /**
+     * When true the form builder fills the whole height of its container: the
+     * field types palette, the designer and the properties panel stretch to the
+     * available height and scroll internally, instead of growing with their
+     * content. Requires the container to have a definite height.
+     */
+    private _fillHeight;
+    get fillHeight(): boolean;
+    set fillHeight(fillHeight: boolean);
+    static ngAcceptInputType_expandSlides: BooleanInput;
+    static ngAcceptInputType_fillHeight: BooleanInput;
     /**
      * Called to set form builder validation errors
      */
@@ -79,11 +106,23 @@ export declare class AjfFormBuilder implements AfterViewChecked, AfterContentIni
     onDrop(event: CdkDragDrop<AjfFormBuilderNodeEntry> | CdkDragDrop<AjfFormBuilderNodeTypeEntry>, content?: boolean): void;
     editChoicesOrigin(choicesOrigin: AjfChoicesOrigin<any>): void;
     editStringIdentifier(): void;
+    /**
+     * Expands all the slides of the designer and keeps the slides added later expanded.
+     */
     expandAll(): void;
+    /**
+     * Collapses all the slides of the designer and keeps the slides added later collapsed.
+     */
     collapseAll(): void;
     expandToggle(evt: MatSlideToggleChange): void;
+    /**
+     * Applies the slides expansion state to the service.
+     * @param expanded True to keep the slides expanded
+     * @param notify True to emit expandSlidesChange when the state changes
+     */
+    private _setSlidesExpanded;
     downloadAsXlsform(): Promise<void>;
     private _setCurrentForm;
     static ɵfac: i0.ɵɵFactoryDeclaration<AjfFormBuilder, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AjfFormBuilder, "ajf-form-builder", never, { "form": { "alias": "form"; "required": false; }; }, { "formBuilderValidation": "formBuilderValidation"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AjfFormBuilder, "ajf-form-builder", never, { "form": { "alias": "form"; "required": false; }; "expandSlides": { "alias": "expandSlides"; "required": false; }; "fillHeight": { "alias": "fillHeight"; "required": false; }; }, { "expandSlidesChange": "expandSlidesChange"; "formBuilderValidation": "formBuilderValidation"; }, never, never, false, never>;
 }

package/form-builder/node-type-groups.pipe.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @license
+ * Copyright (C) Gnucoop soc. coop.
+ *
+ * This file is part of the Advanced JSON forms (ajf).
+ *
+ * Advanced JSON forms (ajf) is free software: you can redistribute it and/or
+ * modify it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the License,
+ * or (at your option) any later version.
+ *
+ * Advanced JSON forms (ajf) is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Advanced JSON forms (ajf).
+ * If not, see http://www.gnu.org/licenses/.
+ *
+ */
+import { PipeTransform } from '@angular/core';
+import { AjfFormBuilderNodeTypeEntry } from './form-builder-service';
+import * as i0 from "@angular/core";
+/**
+ * A group of node types of the palette, rendered under a common header.
+ */
+export interface AjfFormBuilderNodeTypeGroup {
+    /**
+     * The translation key of the group header. Empty for the group of the entries
+     * that have no category, which is rendered without a header.
+     */
+    category: string;
+    nodeTypes: AjfFormBuilderNodeTypeEntry[];
+}
+/**
+ * Groups the node types of the palette by category, keeping the categories in
+ * the order of their first entry. Applied after the search filter, so that the
+ * categories left without entries produce no header.
+ */
+export declare class NodeTypeGroupsPipe implements PipeTransform {
+    transform(nodeTypes: AjfFormBuilderNodeTypeEntry[]): AjfFormBuilderNodeTypeGroup[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<NodeTypeGroupsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NodeTypeGroupsPipe, "nodeTypeGroups", false>;
+}

package/form-builder/public_api.d.ts

@@ -23,3 +23,4 @@ export * from './form-builder-module';
 export * from './form-builder-service';
 export * from './form-builder-utils';
 export * from './form-builder';
+export * from './node-type-groups.pipe';

package/form-builder/string-identifier-dialog.d.ts

@@ -19,30 +19,24 @@
  * If not, see http://www.gnu.org/licenses/.
  *
  */
-import { AjfFormStringIdentifier } from '@ajf/core/forms';
-import { ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
-import { MatChipInputEvent } from '@angular/material/chips';
-import { MatTableDataSource } from '@angular/material/table';
+import { AjfField } from '@ajf/core/forms';
+import { OnDestroy } from '@angular/core';
+import { FormControl } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { AjfFormBuilderService } from './form-builder-service';
 import * as i0 from "@angular/core";
 export declare class AjfFbStringIdentifierDialogComponent implements OnDestroy {
     private _service;
-    private _cdr;
-    readonly dataSource: MatTableDataSource<AjfFormStringIdentifier>;
-    readonly displayedColumns: string[];
-    readonly fields$: Observable<string[]>;
-    readonly separatorKeysCodes: number[];
+    readonly fields$: Observable<AjfField[]>;
+    readonly filteredFields$: Observable<AjfField[]>;
+    readonly searchFilterCtrl: FormControl<string>;
+    selectedFieldNames: string[];
+    private _fields;
+    private _fieldsSub;
     private _stringIdentifierSub;
-    constructor(_service: AjfFormBuilderService, _cdr: ChangeDetectorRef);
-    addRow(): void;
-    deleteRow(rowIdx: number): void;
-    addValue(row: AjfFormStringIdentifier, evt: MatChipInputEvent, valueInput: HTMLInputElement): void;
-    removeValue(row: AjfFormStringIdentifier, value: string): void;
+    constructor(_service: AjfFormBuilderService);
     ngOnDestroy(): void;
     saveStringIdentifier(): void;
-    selected(row: AjfFormStringIdentifier, evt: MatAutocompleteSelectedEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AjfFbStringIdentifierDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AjfFbStringIdentifierDialogComponent, "ajf-fb-string-identifier-dialog", never, {}, {}, never, never, false, never>;
 }

package/forms/_theming.scss

@@ -0,0 +1,142 @@
+// Public theming API of the AJF form renderer.
+//
+// The renderer paints itself from a set of `--ajf-*` custom properties. Their
+// defaults already follow Angular Material's M3 system variables where a host
+// publishes them, so an application themed with `use-system-variables: true`
+// needs nothing from this file.
+//
+// Everything else -- an M2 theme, a prebuilt theme, or an M3 theme without
+// system variables -- has a theme object but no system variables, and that is
+// what this mixin is for:
+//
+//     @use '@angular/material' as mat;
+//     @use '@ajf/material/forms/theming' as ajf-forms;
+//
+//     $theme: mat.define-light-theme(...);   // or mat.define-theme(...)
+//
+//     :root {
+//       @include mat.all-component-themes($theme);
+//       @include ajf-forms.theme($theme);
+//     }
+//
+// For a light and a dark theme, include it once per selector -- the renderer's
+// own `.ajf-dark` / `.ajf-light` classes and its `prefers-color-scheme` block
+// only carry the built-in palette, so once you hand it your own colours you also
+// own the switch:
+//
+//     .my-dark-theme {
+//       @include mat.all-component-colors($dark-theme);
+//       @include ajf-forms.theme($dark-theme);
+//     }
+//
+// This file emits custom properties only -- no selectors, no component styles --
+// so including it more than once costs nothing but the declarations.
+
+@use 'sass:list';
+@use '@angular/material' as mat;
+
+/// The M3 colour role behind each token.
+$_m3-roles: (
+  bg: surface-container-low,
+  surface: surface,
+  band: surface-container,
+  border: outline-variant,
+  border-strong: outline,
+  accent: primary,
+  accent-fg: on-primary,
+  accent-soft: primary-container,
+  accent-ink: on-primary-container,
+  text: on-surface,
+  text-muted: on-surface-variant,
+  danger: error,
+  danger-bg: error-container,
+);
+
+/// The M2 palette/hue pair behind each token. M2 has no container roles, so the
+/// soft surfaces are taken from the theme's background palette and the tinted
+/// ones are mixed from the accent at include time.
+$_m2-colors: (
+  bg: (background, background),
+  surface: (background, card),
+  band: (background, app-bar),
+  border: (foreground, divider),
+  accent: (primary, default),
+  accent-fg: (primary, default-contrast),
+  text: (foreground, text),
+  text-muted: (foreground, secondary-text),
+  danger: (warn, default),
+);
+
+/// M2's dividers are far too faint to draw a control box with, so the border a
+/// control carries is mixed from the theme's own text colour instead.
+$_m2-control-border-mix: 32%;
+
+@mixin _m3($theme) {
+  @each $name, $role in $_m3-roles {
+    --ajf-#{$name}: #{mat.get-theme-color($theme, $role)};
+  }
+
+  $primary: mat.get-theme-color($theme, primary);
+  $on-primary: mat.get-theme-color($theme, on-primary);
+
+  --ajf-text-faint: color-mix(
+    in srgb,
+    #{mat.get-theme-color($theme, on-surface-variant)} 70%,
+    transparent
+  );
+  --ajf-accent-hover: color-mix(in srgb, #{$primary} 85%, #{$on-primary});
+  // Sits on the filled accent, so it is tinted with the accent's own contrast.
+  --ajf-kbd-bg: color-mix(in srgb, #{$on-primary} 22%, transparent);
+  // What a filled button falls back to once disabled: the accent gone, a flat
+  // neutral in its place, and the ordinary text colour on top -- readable on
+  // either palette, where the accent's contrast colour is not.
+  --ajf-disabled-bg: color-mix(
+    in srgb,
+    #{mat.get-theme-color($theme, on-surface)} 12%,
+    #{mat.get-theme-color($theme, surface)}
+  );
+  --ajf-disabled-fg: color-mix(
+    in srgb,
+    #{mat.get-theme-color($theme, on-surface)} 65%,
+    #{mat.get-theme-color($theme, surface)}
+  );
+}
+
+@mixin _m2($theme) {
+  @each $name, $color in $_m2-colors {
+    --ajf-#{$name}: #{mat.get-theme-color($theme, list.nth($color, 1), list.nth($color, 2))};
+  }
+
+  $primary: mat.get-theme-color($theme, primary, default);
+  $on-primary: mat.get-theme-color($theme, primary, default-contrast);
+  $warn: mat.get-theme-color($theme, warn, default);
+  $card: mat.get-theme-color($theme, background, card);
+  $text: mat.get-theme-color($theme, foreground, text);
+  $secondary: mat.get-theme-color($theme, foreground, secondary-text);
+
+  --ajf-border-strong: color-mix(in srgb, #{$text} #{$_m2-control-border-mix}, #{$card});
+  --ajf-accent-soft: color-mix(in srgb, #{$primary} 12%, #{$card});
+  --ajf-accent-ink: color-mix(in srgb, #{$primary} 80%, #{$secondary});
+  --ajf-accent-hover: color-mix(in srgb, #{$primary} 85%, #{$secondary});
+  --ajf-danger-bg: color-mix(in srgb, #{$warn} 10%, #{$card});
+  --ajf-text-faint: color-mix(in srgb, #{$secondary} 70%, transparent);
+  --ajf-kbd-bg: color-mix(in srgb, #{$on-primary} 22%, transparent);
+  // See the M3 branch: disabled, a filled button goes flat neutral and keeps
+  // the ordinary text colour.
+  --ajf-disabled-bg: color-mix(in srgb, #{$text} 12%, #{$card});
+  --ajf-disabled-fg: color-mix(in srgb, #{$text} 65%, #{$card});
+}
+
+/// Map an Angular Material theme onto the AJF form tokens.
+/// Accepts both an M2 theme (`define-light-theme`, `define-dark-theme`, the
+/// prebuilt themes) and an M3 one (`define-theme`).
+@mixin theme($theme) {
+  $version: mat.get-theme-version($theme);
+  @if $version == 0 {
+    @include _m2($theme);
+  } @else if $version == 1 {
+    @include _m3($theme);
+  } @else {
+    @error 'Unsupported Angular Material theme version: #{$version}.';
+  }
+}

package/forms/current-slide.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @license
+ * Copyright (C) Gnucoop soc. coop.
+ *
+ * This file is part of the Advanced JSON forms (ajf).
+ *
+ * Advanced JSON forms (ajf) is free software: you can redistribute it and/or
+ * modify it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the License,
+ * or (at your option) any later version.
+ *
+ * Advanced JSON forms (ajf) is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Advanced JSON forms (ajf).
+ * If not, see http://www.gnu.org/licenses/.
+ *
+ */
+import { AjfSlideInstance } from '@ajf/core/forms';
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/** Which slide the page slider is currently showing, and where it sits. */
+export interface AjfCurrentSlide {
+    /** Null while a start or end message page is on screen. */
+    slide: AjfSlideInstance | null;
+    /** The repetition on screen, zero based; 0 for a non-repeating slide. */
+    repIndex: number;
+    /** How many repetitions the slide has; 0 when it does not repeat. */
+    reps: number;
+    /** The slide's ordinal among the visible ones, for the header badge. */
+    displayNumber: number;
+    /** How many visible slides the form has. */
+    total: number;
+    /**
+     * How many pages the slider holds: one per visible slide, one per repetition
+     * of a repeating slide, plus the start and end message pages. Nothing to
+     * navigate to when this is 1.
+     */
+    pages: number;
+}
+/**
+ * Resolve the page slider's current page into a slide.
+ *
+ * The renderer lays out one page per slide, and one page per repetition of a
+ * repeating slide, optionally preceded by a start message page -- the same
+ * arithmetic the error navigation in `AjfFormRenderer` performs.
+ *
+ * Impure, because slide visibility and repetition counts are mutated in place.
+ * The result is memoized so that the pipe keeps handing back the same object
+ * while nothing has moved: returning a fresh one on every check would trip
+ * Angular's "expression has changed after it was checked" guard.
+ */
+export declare class AjfCurrentSlidePipe implements PipeTransform {
+    private _last;
+    transform(slides: AjfSlideInstance[] | null, currentPage: number, hasStartMessage: boolean, hasEndMessage?: boolean): AjfCurrentSlide;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AjfCurrentSlidePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AjfCurrentSlidePipe, "ajfCurrentSlide", false>;
+}

package/forms/field-row.d.ts

@@ -0,0 +1,63 @@
+/**
+ * @license
+ * Copyright (C) Gnucoop soc. coop.
+ *
+ * This file is part of the Advanced JSON forms (ajf).
+ *
+ * Advanced JSON forms (ajf) is free software: you can redistribute it and/or
+ * modify it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the License,
+ * or (at your option) any later version.
+ *
+ * Advanced JSON forms (ajf) is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Advanced JSON forms (ajf).
+ * If not, see http://www.gnu.org/licenses/.
+ *
+ */
+import { AjfFieldInstance } from '@ajf/core/forms';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ChangeDetectorRef, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * One field of a slide, laid out as a row: type badge, label, control, and a
+ * right-hand column carrying either the field description or its validation
+ * error.
+ *
+ * Both the plain and the repeating slide branches of the renderer render through
+ * this component, so the row layout is defined in exactly one place.
+ */
+export declare class AjfFieldRow implements OnDestroy {
+    private _cdr;
+    set instance(instance: AjfFieldInstance);
+    get instance(): AjfFieldInstance;
+    private _instance;
+    private _instanceSub;
+    constructor(_cdr: ChangeDetectorRef);
+    ngOnDestroy(): void;
+    set readonly(readonly: boolean);
+    get readonly(): boolean;
+    private _readonly;
+    /**
+     * Rows drop out on the host element rather than inside it, so that a hidden
+     * field leaves no empty cell behind when rows are laid out in columns.
+     *
+     * Three kinds of node carry no information of their own and are kept out of
+     * the layout: a container node, which is only a bracket around the fields it
+     * holds and has no fieldType to render; a formula field with no label, which
+     * only feeds other fields; and a note with no body -- the renderer synthesises
+     * one of those to carry a node group's label, and a group is meant to show
+     * nothing of itself.
+     */
+    get hidden(): boolean;
+    /** Notes render their own block and never get a control border around it. */
+    get isNote(): boolean;
+    get required(): boolean;
+    static ngAcceptInputType_readonly: BooleanInput;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AjfFieldRow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AjfFieldRow, "ajf-field-row", never, { "instance": { "alias": "instance"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, false, never>;
+}

package/forms/form.d.ts

@@ -19,16 +19,53 @@
  * If not, see http://www.gnu.org/licenses/.
  *
  */
-import { AjfFormRenderer as CoreFormRenderer, AjfFormRendererService, AjfFieldInstance } from '@ajf/core/forms';
+import { AjfFieldInstance, AjfFormRenderer as CoreFormRenderer, AjfFormRendererService, AjfSlideInstance } from '@ajf/core/forms';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { ChangeDetectorRef } from '@angular/core';
+import { AfterViewChecked, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AjfFormRenderer extends CoreFormRenderer {
+export declare class AjfFormRenderer extends CoreFormRenderer implements AfterViewChecked, OnDestroy {
+    /**
+     * @deprecated The slide strip has been replaced by the jump menu in the slide
+     * header, which is always available. Kept so that existing templates still
+     * compile.
+     */
     topBar: boolean;
+    /**
+     * @deprecated Field rows align their labels and controls on a shared grid, so
+     * there is nothing left to centre.
+     */
     centeredFieldsContent: boolean;
+    /** How many field rows sit side by side. */
     maxColumns: 1 | 2 | 3;
+    /**
+     * The page the slider is showing. The slide header is rendered once, above the
+     * slider, so it needs to know which slide is on screen; the page slider only
+     * reports that imperatively, hence the mirrored property.
+     */
+    currentPage: number;
+    private _slideList;
+    private _validitySubscription;
+    private _slidesSubscription;
+    private _valueSubscription;
+    private _pageSubscription;
+    private _pageInit;
     constructor(rendererService: AjfFormRendererService, changeDetectorRef: ChangeDetectorRef);
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
     fieldStyle(field: AjfFieldInstance): any;
+    /** Page to the first page of a slide, from the header's jump menu. */
+    goToSlide(slide: AjfSlideInstance): void;
+    /** Page to one repetition of the repeating slide currently on screen. */
+    goToRep(slide: AjfSlideInstance, repIndex: number): void;
+    goToPrevSlide(): void;
+    goToNextSlide(): void;
+    /**
+     * The slider page a slide starts on. `AjfSlideInstance.position` cannot be
+     * used directly here: it does not account for a start message page, and this
+     * has to agree with the page arithmetic used by `ajfCurrentSlide`.
+     */
+    private _pageOf;
+    private _slideTo;
     static ngAcceptInputType_fixedOrientation: BooleanInput;
     static ngAcceptInputType_hasEndMessage: BooleanInput;
     static ngAcceptInputType_hasStartMessage: BooleanInput;