@league-of-foundry-developers/foundry-vtt-types 0.8.9-9 → 9.245.0

package/src/foundry/foundry.js/applications/formApplications/documentSheets/playlistSoundConfig.d.ts

@@ -10,7 +10,7 @@ declare global {
    * @typeParam Data    - The data structure used to render the handlebars template.
    */
   class PlaylistSoundConfig<
-    Options extends DocumentSheet.Options = DocumentSheet.Options,
+    Options extends DocumentSheetOptions = DocumentSheetOptions,
     Data extends object = PlaylistSoundConfig.Data<Options>
   > extends DocumentSheet<Options, Data, InstanceType<ConfiguredDocumentClass<typeof PlaylistSound>>> {
     /**
@@ -24,7 +24,7 @@ declare global {
      * });
      * ```
      */
-    static get defaultOptions(): DocumentSheet.Options;
+    static get defaultOptions(): DocumentSheetOptions;
 
     /** @override */
     get title(): string;
@@ -58,7 +58,7 @@ declare global {
     /**
      * @typeParam Options - the type of the options object
      */
-    interface Data<Options extends DocumentSheet.Options = DocumentSheet.Options>
+    interface Data<Options extends DocumentSheetOptions = DocumentSheetOptions>
       extends DocumentSheet.Data<InstanceType<ConfiguredDocumentClass<typeof PlaylistSound>>, Options> {
       lvolume: number;
     }

package/src/foundry/foundry.js/applications/formApplications/documentSheets/rollTableConfig.d.ts

@@ -1,8 +1,5 @@
-import type {
-  ConfiguredDocumentClassForName,
-  ConstructorDataType,
-  ToObjectFalseType
-} from '../../../../../types/helperTypes';
+import type { ConfiguredDocumentClassForName, ToObjectFalseType } from '../../../../../types/helperTypes';
+import type { TableResultDataConstructorData } from '../../../../common/data/data.mjs/tableResultData.js';
 
 declare global {
   /**
@@ -11,8 +8,8 @@ declare global {
    * @typeParam Data    - The data structure used to render the handlebars template.
    */
   class RollTableConfig<
-    Options extends DocumentSheet.Options = DocumentSheet.Options,
-    Data extends object = ActorSheet.Data<Options>
+    Options extends DocumentSheetOptions = DocumentSheetOptions,
+    Data extends object = RollTableConfig.Data
   > extends DocumentSheet<Options, Data, InstanceType<ConfiguredDocumentClassForName<'RollTable'>>> {
     /**
      * @defaultValue
@@ -29,7 +26,7 @@ declare global {
      * })
      * ```
      */
-    static get defaultOptions(): DocumentSheet.Options;
+    static get defaultOptions(): DocumentSheetOptions;
 
     /**
      * @override
@@ -55,7 +52,7 @@ declare global {
      */
     protected _onCreateResult(
       event: JQuery.ClickEvent | DragEvent,
-      resultData?: ConstructorDataType<foundry.data.TableResultData>
+      resultData?: TableResultDataConstructorData
     ): Promise<ConfiguredDocumentClassForName<'TableResult'>[]>;
 
     /**
@@ -186,7 +183,7 @@ declare global {
     } & {
       [Key in number as `results.${number}.text`]: string;
     } & {
-      [Key in number as `results.${number}.type`]: foundry.CONST.TableResultType;
+      [Key in number as `results.${number}.type`]: foundry.CONST.TABLE_RESULT_TYPES;
     } & {
       [Key in number as `results.${number}.weight`]: string;
     };

package/src/foundry/foundry.js/applications/formApplications/documentSheets/sceneConfig.d.ts

@@ -9,7 +9,7 @@ declare global {
    * @typeParam Data    - The data structure used to render the handlebars template.
    */
   class SceneConfig<
-    Options extends DocumentSheet.Options = DocumentSheet.Options,
+    Options extends DocumentSheetOptions = DocumentSheetOptions,
     Data extends object = SceneConfig.Data<Options>
   > extends DocumentSheet<Options, Data, InstanceType<ConfiguredDocumentClassForName<'Scene'>>> {
     /**
@@ -25,7 +25,7 @@ declare global {
      * });
      * ```
      */
-    static get defaultOptions(): DocumentSheet.Options;
+    static get defaultOptions(): DocumentSheetOptions;
 
     /**
      * @override
@@ -44,13 +44,13 @@ declare global {
      * @param options - (unused)
      * @override
      */
-    getData(options?: Partial<DocumentSheet.Options>): Data | Promise<Data>;
+    getData(options?: Partial<DocumentSheetOptions>): Data | Promise<Data>;
 
     /**
      * Get an enumeration of the available grid types which can be applied to this Scene
      * @internal
      */
-    protected static _getGridTypes(): Record<foundry.CONST.GridType, string>;
+    protected static _getGridTypes(): Record<foundry.CONST.GRID_TYPES, string>;
 
     /**
      * Get the available weather effect types which can be applied to this Scene
@@ -100,7 +100,7 @@ declare global {
   }
 
   namespace SceneConfig {
-    interface Data<Options extends DocumentSheet.Options = DocumentSheet.Options>
+    interface Data<Options extends DocumentSheetOptions = DocumentSheetOptions>
       extends DocumentSheet.Data<InstanceType<ConfiguredDocumentClassForName<'Scene'>>, Options> {
       gridTypes: ReturnType<typeof SceneConfig['_getGridTypes']>;
       weatherTypes: ReturnType<SceneConfig['_getWeatherTypes']>;
@@ -127,7 +127,7 @@ declare global {
       gridAlpha: number;
       gridColor: string;
       gridDistance: number | null;
-      gridType: foundry.CONST.GridType;
+      gridType: foundry.CONST.GRID_TYPES;
       gridUnits: string;
       hasGlobalThreshold: boolean;
       height: number | null;
@@ -140,7 +140,7 @@ declare global {
       navName: string;
       navigation: boolean;
       padding: number;
-      'permission.default': foundry.CONST.EntityPermission;
+      'permission.default': foundry.CONST.DOCUMENT_PERMISSION_LEVELS;
       playlist: string;
       shiftX: number | null;
       shiftY: number | null;

package/src/foundry/foundry.js/applications/formApplications/documentSheets/tileConfig.d.ts

@@ -48,15 +48,15 @@ declare global {
   }
 
   namespace TileConfig {
-    interface Data<Options extends DocumentSheet.Options>
+    interface Data<Options extends DocumentSheetOptions>
       extends DocumentSheet.Data<InstanceType<ConfiguredDocumentClassForName<'Tile'>>, Options> {
       submitText: string;
-      occlusionModes: Record<foundry.CONST.TileOcclusionModes, string>;
+      occlusionModes: Record<foundry.CONST.TILE_OCCLUSION_MODES, string>;
     }
 
     type FormData = Pick<TileDataConstructorData, 'height' | 'img' | 'rotation' | 'width' | 'x' | 'y'>;
 
-    interface Options extends DocumentSheet.Options {
+    interface Options extends DocumentSheetOptions {
       /**
        * Configure a preview version of a tile which is not yet saved
        */

package/src/foundry/foundry.js/applications/formApplications/documentSheets/userConfig.d.ts

@@ -7,7 +7,7 @@ declare global {
    * @typeParam Data    - The data structure used to render the handlebars template.
    */
   class UserConfig<
-    Options extends DocumentSheet.Options = UserConfig.Options,
+    Options extends DocumentSheetOptions = UserConfig.Options,
     Data extends object = UserConfig.Data<Options>
   > extends DocumentSheet<Options, Data, InstanceType<ConfiguredDocumentClass<typeof User>>> {
     /**
@@ -48,32 +48,32 @@ declare global {
   }
 
   namespace UserConfig {
-    interface Data<Options extends DocumentSheet.Options> {
+    interface Data<Options extends DocumentSheetOptions> {
       user: InstanceType<ConfiguredDocumentClass<typeof User>>;
       actors: InstanceType<ConfiguredDocumentClass<typeof Actor>>[];
       options: Options;
     }
 
-    interface Options extends DocumentSheet.Options {
+    interface Options extends DocumentSheetOptions {
       /**
        * @defaultValue `["sheet", "user-config"]`
        */
-      classes: DocumentSheet.Options['classes'];
+      classes: DocumentSheetOptions['classes'];
 
       /**
        * @defaultValue `"templates/user/user-config.html"`
        */
-      template: DocumentSheet.Options['template'];
+      template: DocumentSheetOptions['template'];
 
       /**
        * @defaultValue `400`
        */
-      width: DocumentSheet.Options['width'];
+      width: DocumentSheetOptions['width'];
 
       /**
        * @defaultValue `auto`
        */
-      height: DocumentSheet.Options['height'];
+      height: DocumentSheetOptions['height'];
     }
   }
 }

package/src/foundry/foundry.js/applications/formApplications/drawingConfig.d.ts

@@ -76,7 +76,7 @@ declare global {
       bezierFactor: number;
       fillAlpha: number;
       fillColor: string;
-      fillType: foundry.CONST.DrawingFillType;
+      fillType: foundry.CONST.DRAWING_FILL_TYPES;
       fontFamily: string;
       fontSize: number | null;
       height: number | null;
@@ -94,7 +94,7 @@ declare global {
       z: number | null;
     }
 
-    interface Options extends FormApplication.Options {
+    interface Options extends FormApplicationOptions {
       /**
        * Configure the default drawing settings, instead of a specific Drawing
        * @defaultValue `false`

package/src/foundry/foundry.js/applications/formApplications/entitySheetConfig.d.ts

@@ -8,7 +8,7 @@ declare global {
    * @typeParam ConcreteDocument - The type of the Document which is being managed
    */
   class EntitySheetConfig<
-    Options extends FormApplication.Options = FormApplication.Options,
+    Options extends FormApplicationOptions = FormApplicationOptions,
     Data extends object = EntitySheetConfig.Data<foundry.abstract.Document<any, any>, Options>,
     ConcreteDocument extends foundry.abstract.Document<any, any> = Data extends EntitySheetConfig.Data<infer T>
       ? T
@@ -24,7 +24,7 @@ declare global {
      * })
      * ```
      */
-    static get defaultOptions(): FormApplication.Options;
+    static get defaultOptions(): FormApplicationOptions;
 
     /**
      * An array of pending sheet assignments which are submitted before other elements of the framework are ready.
@@ -137,7 +137,7 @@ declare global {
      */
     interface Data<
       ConcreteDocument extends foundry.abstract.Document<any, any>,
-      Options extends FormApplication.Options = FormApplication.Options
+      Options extends FormApplicationOptions = FormApplicationOptions
     > {
       isGM: boolean;
       object: foundry.utils.Duplicated<ConcreteDocument['data']>;

package/src/foundry/foundry.js/applications/formApplications/gridConfig.d.ts

@@ -5,7 +5,7 @@ declare global {
    * A tool for fine tuning the grid in a Scene
    * @typeParam Options - the type of the options object
    */
-  class GridConfig<Options extends FormApplication.Options = FormApplication.Options> extends FormApplication<
+  class GridConfig<Options extends FormApplicationOptions = FormApplicationOptions> extends FormApplication<
     Options,
     GridConfig.Data,
     InstanceType<ConfiguredDocumentClass<typeof Scene>>
@@ -156,7 +156,7 @@ declare global {
     }
 
     type FormData = {
-      gridType: foundry.CONST.GridType;
+      gridType: foundry.CONST.GRID_TYPES;
       grid: number | null;
       scale: number | null;
       shiftX: number | null;

package/src/foundry/foundry.js/applications/formApplications/imagePopout.d.ts

@@ -20,7 +20,7 @@
  * ```
  */
 declare class ImagePopout extends FormApplication<ImagePopout.Options, ImagePopout.Data, string> {
-  constructor(src: string, options?: ImagePopout.Options);
+  constructor(src: string, options?: Partial<ImagePopout.Options>);
 
   /**
    * @defaultValue `null`
@@ -91,7 +91,7 @@ declare class ImagePopout extends FormApplication<ImagePopout.Options, ImagePopo
 }
 
 declare namespace ImagePopout {
-  interface Options extends FormApplication.Options {
+  interface Options extends FormApplicationOptions {
     /**
      * @defaultValue `'templates/apps/image-popout.html'`
      */

package/src/foundry/foundry.js/applications/formApplications/index.d.ts

@@ -7,6 +7,7 @@ import './drawingConfig';
 import './entitySheetConfig';
 import './gridConfig';
 import './imagePopout';
+import './keybindingsConfig';
 import './moduleManagement';
 import './permissionConfig';
 import './settingsConfig';

package/src/foundry/foundry.js/applications/formApplications/keybindingsConfig.d.ts

@@ -0,0 +1,257 @@
+/**
+ * Allows for viewing and editing of Keybinding Actions
+ */
+declare class KeybindingsConfig<
+  Options extends FormApplicationOptions = FormApplicationOptions,
+  Data extends KeybindingsConfig.Data = KeybindingsConfig.Data
+> extends FormApplication<Options, Data> {
+  /**
+   * A cached copy of the Categories
+   */
+  protected _cachedData: KeybindingsConfig.CategoryData | null;
+
+  /**
+   * The category being filtered for
+   */
+  protected _category: string;
+
+  /**
+   * A Map of pending Edits. The Keys are bindingIds
+   * @internal
+   */
+  protected _pendingEdits: Map<string, KeybindingsConfig.PendingBinding[]>;
+
+  /**
+   * @override
+   * @defaultValue
+   * ```typescript
+   * foundry.utils.mergeObject(super.defaultOptions, {
+   *   title: game.i18n.localize("SETTINGS.Keybindings"),
+   *   id: "keybindings",
+   *   template: "templates/sidebar/apps/keybindings-config.html",
+   *   width: 750,
+   *   height: 600,
+   *   resizable: true,
+   *   scrollY: [".filters", ".category-list"],
+   *   filters: [{inputSelector: 'input[name="filter"]', contentSelector: ".category-list"}]
+   * })
+   * ```
+   */
+  static get defaultOptions(): FormApplicationOptions;
+
+  /**
+   * @param options - (unused)
+   * @override
+   */
+  getData(options?: Partial<Options>): Data;
+
+  /**
+   * Builds the set of Bindings into a form usable for display and configuration
+   * @internal
+   */
+  protected _getCategoryData(): KeybindingsConfig.CategoryData;
+
+  /**
+   * Add faux-keybind actions that represent the possible Mouse Controls
+   * @param categories - The current Map of Categories to add to
+   * @returns The number of Actions added
+   * @internal
+   */
+  protected _addMouseControlsReference(categories: Map<string, KeybindingsConfig.Category>): number;
+
+  /**
+   * Given an Binding and its parent Action, detects other Actions that might conflict with that binding
+   * @param actionId - The namespaced Action ID the Binding belongs to
+   * @param action   - The Action config
+   * @param binding  - The Binding
+   * @internal
+   */
+  protected _detectConflictingActions(
+    actionId: string,
+    action: KeybindingActionConfig,
+    binding: KeybindingActionBinding
+  ): KeybindingAction[];
+
+  /**
+   * Transforms a Binding into a human readable string representation
+   * @param binding - The Binding
+   * @returns A human readable string
+   * @internal
+   */
+  protected static _humanizeBinding(binding: KeybindingActionBinding): string;
+
+  /**
+   * Compares two Category Filters for rendering
+   * This method ignores cases of equality because we know our categories are unique
+   * @param a - The first Category
+   * @param b - The second Category
+   * @returns A number for usage in the Sort method
+   * @internal
+   */
+  protected static _sortCategories(a: KeybindingsConfig.Category, b: KeybindingsConfig.Category): number;
+
+  /**
+   * Classify what Category an Action belongs to
+   * @param action - The Action to classify
+   * @returns The category the Action belongs to
+   * @internal
+   */
+  protected _categorizeAction(action: KeybindingsConfig): KeybindingsConfig.BaseCategory;
+
+  /** @override */
+  activateListeners(html: JQuery): void;
+
+  /**
+   * Handle left-click events to filter to a certain category
+   * @internal
+   */
+  protected _onClickCategoryFilter(event: MouseEvent): void;
+
+  /**
+   * Handle left-click events to show / hide a certain category
+   * @internal
+   */
+  protected _onClickCategoryCollapse(event: MouseEvent): void;
+
+  /**
+   * Handle left-click events to reset all Actions to Default
+   * @internal
+   */
+  protected _onClickResetActions(event: MouseEvent): Promise<void>;
+
+  /**
+   * Handle Control clicks
+   * @internal
+   */
+  protected _onClickBindingControl(event: MouseEvent): void;
+
+  /**
+   * Handle left-click events to show / hide a certain category
+   * @internal
+   */
+  protected _onClickAdd(event: MouseEvent): Promise<void>;
+
+  /**
+   * Handle left-click events to show / hide a certain category
+   * @internal
+   */
+  protected _onClickDelete(event: MouseEvent): Promise<void>;
+
+  /**
+   * Inserts a Binding into the Pending Edits object, creating a new Map entry as needed
+   * @internal
+   */
+  protected _addPendingEdit(
+    namespace: string,
+    action: string,
+    bindingIndex: number,
+    binding: KeybindingsConfig.PendingBinding
+  ): void;
+
+  /**
+   * Toggle visibility of the Edit / Save UI
+   * @internal
+   */
+  protected _onClickEditableBinding(event: MouseEvent): void;
+
+  /**
+   * Toggle visibility of the Edit UI
+   * @internal
+   */
+  protected _onDoubleClickKey(event: MouseEvent): void;
+
+  /**
+   * Save the new Binding value and update the display of the UI
+   * @internal
+   */
+  protected _onClickSaveBinding(event: MouseEvent): Promise<void>;
+
+  /**
+   * Given a clicked Action element, finds the parent Action
+   * @internal
+   */
+  protected _getParentAction(event: KeyboardEvent | MouseEvent): {
+    namespace: string;
+    action: string;
+    actionHtml: HTMLElement;
+  };
+
+  /**
+   * Given a Clicked binding control element, finds the parent Binding
+   * @internal
+   */
+  protected _getParentBinding(event: KeyboardEvent | MouseEvent): { bindingHtml: HTMLElement; bindingId: string };
+
+  /**
+   * Iterates over all Pending edits, merging them in with unedited Bindings and then saving and resetting the UI
+   * @internal
+   */
+  protected _savePendingEdits(): Promise<void>;
+
+  /**
+   * Processes input from the keyboard to form a list of pending Binding edits
+   * @param event - The keyboard event
+   * @internal
+   */
+  protected _onKeydownBindingInput(event: KeyboardEvent): void;
+
+  /**
+   * @param event - (unused)
+   * @override
+   */
+  protected _onSearchFilter(event: KeyboardEvent, query: string, rgx: RegExp, html: HTMLElement): void;
+
+  /** @remarks KeybindingsConfig does not implement this method. */
+  protected _updateObject(event?: unknown, formData?: unknown): Promise<never>;
+}
+
+declare namespace KeybindingsConfig {
+  interface Data extends CategoryData {
+    categories: DataCategory[];
+    allActive: boolean;
+  }
+
+  interface DataCategory extends Category {
+    active: boolean;
+    hidden: boolean;
+  }
+
+  interface CategoryData {
+    categories: Category[];
+    totalActions: number;
+  }
+
+  interface BaseCategory {
+    id: string;
+    title: string;
+  }
+
+  interface Category extends BaseCategory {
+    actions: ActionData[];
+    count: number;
+  }
+
+  interface ActionData extends KeybindingActionConfig {
+    category: string;
+    bindings: DisplayBinding[];
+    id: string;
+    name: string;
+    hint?: string;
+    cssClass?: string;
+    notes: string;
+  }
+
+  interface DisplayBinding extends Partial<KeybindingActionBinding> {
+    id: string;
+    display: string;
+    cssClasses: string;
+    isEditable: boolean;
+    isFirst: boolean;
+    conflicts: string;
+    hasConflicts: boolean;
+  }
+
+  interface PendingBinding extends KeybindingActionBinding {
+    index: number;
+  }
+}

package/src/foundry/foundry.js/applications/formApplications/moduleManagement.d.ts

@@ -7,7 +7,7 @@
  */
 
 declare class ModuleManagement<
-  Options extends FormApplication.Options = FormApplication.Options,
+  Options extends FormApplicationOptions = FormApplicationOptions,
   Data extends object = ModuleManagement.Data
 > extends FormApplication<Options, Data, undefined> {
   /**
@@ -50,7 +50,7 @@ declare class ModuleManagement<
    * });
    * ```
    */
-  static get defaultOptions(): FormApplication.Options;
+  static get defaultOptions(): FormApplicationOptions;
 
   /** @override */
   get isEditable(): boolean;

package/src/foundry/foundry.js/applications/formApplications/permissionConfig.d.ts

@@ -1,7 +1,7 @@
 /**
  * An application for configuring the permissions which are available to each User role.
  */
-declare class PermissionConfig extends FormApplication<FormApplication.Options, PermissionConfig.Data> {
+declare class PermissionConfig extends FormApplication<FormApplicationOptions, PermissionConfig.Data> {
   /**
    * @override
    * @defaultValue
@@ -23,7 +23,7 @@ declare class PermissionConfig extends FormApplication<FormApplication.Options,
    * @param options - (unused)
    * @override
    */
-  getData(options?: Partial<FormApplication.Options>): PermissionConfig.Data;
+  getData(options?: Partial<FormApplicationOptions>): PermissionConfig.Data;
 
   /**
    * Prepare the permissions object used to render the configuration template

package/src/foundry/foundry.js/applications/formApplications/settingsConfig.d.ts

@@ -8,7 +8,7 @@ declare global {
    * @typeParam Data    - The data structure used to render the handlebars template.
    */
   class SettingsConfig<
-    Options extends FormApplication.Options = FormApplication.Options,
+    Options extends FormApplicationOptions = FormApplicationOptions,
     Data extends object = SettingsConfig.Data
   > extends FormApplication<Options, Data> {
     /**

package/src/foundry/foundry.js/applications/formApplications/tokenConfig.d.ts

@@ -1,4 +1,5 @@
-import type { ConfiguredDocumentClassForName, ConstructorDataType } from '../../../../types/helperTypes';
+import type { ConfiguredDocumentClassForName } from '../../../../types/helperTypes';
+import type { TokenDataConstructorData } from '../../../common/data/data.mjs/tokenData.js';
 
 declare global {
   /**
@@ -7,7 +8,7 @@ declare global {
    * @typeParam Data    - The data structure used to render the handlebars template.
    */
   class TokenConfig<
-    Options extends FormApplication.Options = FormApplication.Options,
+    Options extends FormApplicationOptions = FormApplicationOptions,
     Data extends object = TokenConfig.Data<Options>
   > extends FormApplication<
     Options,
@@ -36,7 +37,7 @@ declare global {
      * })
      * ```
      */
-    static get defaultOptions(): FormApplication.Options;
+    static get defaultOptions(): FormApplicationOptions;
 
     /** @override */
     get id(): string;
@@ -70,9 +71,7 @@ declare global {
     activateListeners(html: JQuery): void;
 
     /** @override */
-    protected _getSubmitData(
-      updateData?: ConstructorDataType<foundry.data.TokenData>
-    ): Record<string, unknown> & { lightAlpha: number };
+    protected _getSubmitData(updateData?: TokenDataConstructorData): Record<string, unknown> & { lightAlpha: number };
 
     /** @override */
     protected _updateObject(
@@ -104,7 +103,7 @@ declare global {
       value: string[][];
     }
 
-    interface Data<Options extends FormApplication.Options = FormApplication.Options> {
+    interface Data<Options extends FormApplicationOptions = FormApplicationOptions> {
       cssClasses: string;
       isPrototype: boolean;
       hasAlternates: boolean;
@@ -115,9 +114,9 @@ declare global {
       barAttributes: Record<string, string[]>;
       bar1: ReturnType<TokenDocument['getBarAttribute']>;
       bar2: ReturnType<TokenDocument['getBarAttribute']>;
-      displayModes: Record<foundry.CONST.TokenDisplayMode, string>;
+      displayModes: Record<foundry.CONST.TOKEN_DISPLAY_MODES, string>;
       actors: { _id: string; name: string }[];
-      dispositions: Record<foundry.CONST.TokenDisposition, string>;
+      dispositions: Record<foundry.CONST.TOKEN_DISPOSITIONS, string>;
       lightAnimations: { [Key in keyof typeof CONFIG.Canvas.lightAnimations]: string } & { '': string };
       lightAlpha: number;
       isGM: boolean;
@@ -134,9 +133,9 @@ declare global {
       brightSight: number | null;
       dimLight: number | null;
       dimSight: number | null;
-      displayBars: foundry.CONST.TokenDisplayMode;
-      displayName: foundry.CONST.TokenDisplayMode;
-      disposition: foundry.CONST.TokenDisposition;
+      displayBars: foundry.CONST.TOKEN_DISPLAY_MODES;
+      displayName: foundry.CONST.TOKEN_DISPLAY_MODES;
+      disposition: foundry.CONST.TOKEN_DISPOSITIONS;
       elevation: number | null;
       height: number | null;
       img: string;