// For Library Version: 1.146.0

declare module "sap/ui/layout/library" {
  import Control from "sap/ui/core/Control";

  import GridLayoutBase from "sap/ui/layout/cssgrid/GridLayoutBase";

  import { CSSGapShortHand } from "sap/ui/core/library";

  /**
   * Available Background Design.
   *
   * This enum is part of the 'sap/ui/layout/library' module export and must be accessed by the property 'BackgroundDesign'.
   *
   * @since 1.36.0
   */
  export enum BackgroundDesign {
    /**
     * A solid background color dependent on the theme.
     */
    Solid = "Solid",
    /**
     * A translucent background depending on the opacity value of the theme.
     */
    Translucent = "Translucent",
    /**
     * Transparent background.
     */
    Transparent = "Transparent",
  }
  /**
   * A string type that is used inside the BlockLayout to set predefined background color to the cells inside
   * the control.
   *
   * This enum is part of the 'sap/ui/layout/library' module export and must be accessed by the property 'BlockBackgroundType'.
   */
  export enum BlockBackgroundType {
    /**
     * Background with pre-defined accent colors
     */
    Accent = "Accent",
    /**
     * For applications that want to make use of e.g. charts in the Blocks, this layout type has spacings around
     * the Blocks
     */
    Dashboard = "Dashboard",
    /**
     * Background is transparent
     */
    Default = "Default",
    /**
     * Background is with predefined light colors
     */
    Light = "Light",
    /**
     * Background with bright and dark background colors
     *
     * @deprecated As of version 1.50.
     */
    Mixed = "Mixed",
  }
  /**
   * A string type that is used inside the BlockLayoutCell to set a predefined set of colors for the cells.
   *
   * This enum is part of the 'sap/ui/layout/library' module export and must be accessed by the property 'BlockLayoutCellColorSet'.
   *
   * @since 1.48
   */
  export enum BlockLayoutCellColorSet {
    /**
     * Color Set 1
     */
    ColorSet1 = "ColorSet1",
    /**
     * Color Set 10
     */
    ColorSet10 = "ColorSet10",
    /**
     * Color Set 11
     */
    ColorSet11 = "ColorSet11",
    /**
     * Color Set 2
     */
    ColorSet2 = "ColorSet2",
    /**
     * Color Set 3
     */
    ColorSet3 = "ColorSet3",
    /**
     * Color Set 4
     */
    ColorSet4 = "ColorSet4",
    /**
     * Color Set 5
     */
    ColorSet5 = "ColorSet5",
    /**
     * Color Set 6
     */
    ColorSet6 = "ColorSet6",
    /**
     * Color Set 7
     */
    ColorSet7 = "ColorSet7",
    /**
     * Color Set 8
     */
    ColorSet8 = "ColorSet8",
    /**
     * Color Set 9
     */
    ColorSet9 = "ColorSet9",
  }
  /**
   * A string type that is used inside the BlockLayoutCell to set a predefined set of color shades for the
   * cells. The colors are defined with sap.ui.layout.BlockLayoutCellColorSet. And this is for the shades
   * only.
   *
   * This enum is part of the 'sap/ui/layout/library' module export and must be accessed by the property 'BlockLayoutCellColorShade'.
   *
   * @since 1.48
   */
  export enum BlockLayoutCellColorShade {
    /**
     * Shade A
     */
    ShadeA = "ShadeA",
    /**
     * Shade B
     */
    ShadeB = "ShadeB",
    /**
     * Shade C
     */
    ShadeC = "ShadeC",
    /**
     * Shade D
     */
    ShadeD = "ShadeD",
    /**
     * Shade E - available only for SAP Quartz and Horizon themes
     */
    ShadeE = "ShadeE",
    /**
     * Shade F - available only for SAP Quartz and Horizon themes
     */
    ShadeF = "ShadeF",
  }
  /**
   * A string type that is used inside the BlockLayoutRow to set predefined set of colors the cells inside
   * the control. Color sets depend on sap.ui.layout.BlockBackgroundType
   *
   * This enum is part of the 'sap/ui/layout/library' module export and must be accessed by the property 'BlockRowColorSets'.
   */
  export enum BlockRowColorSets {
    /**
     * sap.ui.layout.BlockBackgroundType.Default: N/A sap.ui.layout.BlockBackgroundType.Light: Color Set 1 sap.ui.layout.BlockBackgroundType.Mixed:
     * Color Set 1 sap.ui.layout.BlockBackgroundType.Accent: Color Set 1 sap.ui.layout.BlockBackgroundType.Dashboard:
     * N/A
     */
    ColorSet1 = "ColorSet1",
    /**
     * sap.ui.layout.BlockBackgroundType.Default: N/A sap.ui.layout.BlockBackgroundType.Light: Color Set 2 sap.ui.layout.BlockBackgroundType.Mixed:
     * Color Set 2 sap.ui.layout.BlockBackgroundType.Accent: Color Set 2 sap.ui.layout.BlockBackgroundType.Dashboard:
     * N/A
     */
    ColorSet2 = "ColorSet2",
    /**
     * sap.ui.layout.BlockBackgroundType.Default: N/A sap.ui.layout.BlockBackgroundType.Light: Color Set 1 sap.ui.layout.BlockBackgroundType.Mixed:
     * Color Set 1 sap.ui.layout.BlockBackgroundType.Accent: Color Set 3 sap.ui.layout.BlockBackgroundType.Dashboard:
     * N/A
     */
    ColorSet3 = "ColorSet3",
    /**
     * sap.ui.layout.BlockBackgroundType.Default: N/A sap.ui.layout.BlockBackgroundType.Light: Color Set 2 sap.ui.layout.BlockBackgroundType.Mixed:
     * Color Set 2 sap.ui.layout.BlockBackgroundType.Accent: Color Set 4 sap.ui.layout.BlockBackgroundType.Dashboard:
     * N/A
     */
    ColorSet4 = "ColorSet4",
  }
  /**
   * A string type that represents how many boxes per row should be displayed for each screen size. The breakpoints
   * are for extra large (XL), large (L), medium (M) and small (S) screen sizes.
   *
   * **Note:** The parameters must be provided in the order .
   *
   * @since 1.61.0
   */
  export type BoxesPerRowConfig = string;

  /**
   * A string type that represents the indent values of the `Grid` for large, medium and small screens.
   *
   * Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number
   * of columns from 1 to 11 that the container has to take, for example: `L2 M4 S6`, `M11`, `s10` or `l4
   * m4`.
   *
   * **Note:** The parameters must be provided in the order .
   */
  export type GridIndent = string;

  /**
   * The position of the {@link sap.ui.layout.Grid}. Can be `Left` (default), `Center` or `Right`.
   *
   * This enum is part of the 'sap/ui/layout/library' module export and must be accessed by the property 'GridPosition'.
   */
  export enum GridPosition {
    /**
     * `Grid` is centered on the screen.
     */
    Center = "Center",
    /**
     * `Grid` is aligned left.
     */
    Left = "Left",
    /**
     * `Grid` is aligned to the right.
     */
    Right = "Right",
  }
  /**
   * A string type that represents the span values of the `Grid` for large, medium and small screens.
   *
   * Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number
   * of columns from 1 to 12 that the container has to take, for example: `L2 M4 S6`, `M12`, `s10` or `l4
   * m4`.
   *
   * **Note:** The parameters must be provided in the order .
   */
  export type GridSpan = string;

  /**
   * Types of the DynamicSideContent FallDown options
   *
   * This enum is part of the 'sap/ui/layout/library' module export and must be accessed by the property 'SideContentFallDown'.
   *
   * @since 1.30
   */
  export enum SideContentFallDown {
    /**
     * Side content falls down on breakpoints below L
     */
    BelowL = "BelowL",
    /**
     * Side content falls down on breakpoints below M
     */
    BelowM = "BelowM",
    /**
     * Side content falls down on breakpoints below XL
     */
    BelowXL = "BelowXL",
    /**
     * Side content falls down on breakpoint M and the minimum width for the side content
     */
    OnMinimumWidth = "OnMinimumWidth",
  }
  /**
   * The position of the side content - End (default) and Begin.
   *
   * This enum is part of the 'sap/ui/layout/library' module export and must be accessed by the property 'SideContentPosition'.
   */
  export enum SideContentPosition {
    /**
     * The side content is on the left side of the main container in left-to-right mode and on the right side
     * in right-to-left mode.
     */
    Begin = "Begin",
    /**
     * The side content is on the right side of the main container in left-to-right mode and on the left side
     * in right-to-left mode.
     */
    End = "End",
  }
  /**
   * Types of the DynamicSideContent Visibility options
   *
   * This enum is part of the 'sap/ui/layout/library' module export and must be accessed by the property 'SideContentVisibility'.
   *
   * @since 1.30
   */
  export enum SideContentVisibility {
    /**
     * Show the side content on any breakpoint
     */
    AlwaysShow = "AlwaysShow",
    /**
     * Don't show the side content on any breakpoints
     */
    NeverShow = "NeverShow",
    /**
     * Show the side content on XL breakpoint
     */
    ShowAboveL = "ShowAboveL",
    /**
     * Show the side content on L and XL breakpoints
     */
    ShowAboveM = "ShowAboveM",
    /**
     * Show the side content on M, L and XL breakpoints
     */
    ShowAboveS = "ShowAboveS",
  }

  export namespace cssgrid {
    /**
     * Defines the functions that need to be implemented by a Control which wants to have display:grid behavior
     * via sap.ui.layout.cssgrid.GridLayoutDelegate
     *
     * @since 1.60.0
     */
    interface IGridConfigurable {
      __implements__sap_ui_layout_cssgrid_IGridConfigurable: boolean;

      /**
       * The function is used by GridLayoutDelegate to determine on which HTML Elements the display:grid styles
       * should be applied
       *
       * @since 1.60.0
       *
       * @returns The controls or HTML elements on which display:grid styles should be applied
       */
      getGridDomRefs(): Control[] | HTMLElement[];
      /**
       * The function is used by GridLayoutDelegate to get the grid layout (display:grid styles) to apply
       *
       * @since 1.60.0
       *
       * @returns The display:grid layout to apply
       */
      getGridLayoutConfiguration(): GridLayoutBase;
    }

    /**
     * LayoutData for grid items
     *
     * @since 1.88.0
     */
    interface IGridItemLayoutData {
      __implements__sap_ui_layout_cssgrid_IGridItemLayoutData: boolean;
    }

    /**
     * A string type that is used for CSS grid to control how the auto-placement algorithm works, specifying
     * exactly how auto-placed items get flowed into the grid.
     *
     * This enum is part of the 'sap/ui/layout/library' module export and must be accessed by the property 'cssgrid.CSSGridAutoFlow'.
     * See:
     * 	{@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow}
     *
     * @since 1.60.0
     */
    enum CSSGridAutoFlow {
      /**
       * Insert auto-placed items by filling each column.
       */
      Column = "Column",
      /**
       * Insert auto-placed items by filling each column, and fill any holes in the grid.
       */
      ColumnDense = "ColumnDense",
      /**
       * Insert auto-placed items by filling each row.
       */
      Row = "Row",
      /**
       * Insert auto-placed items by filling each row, and fill any holes in the grid.
       */
      RowDense = "RowDense",
    }
    /**
     * A string type that represents a short hand CSS grid gap.
     * See:
     * 	{@link https://developer.mozilla.org/en-US/docs/Web/CSS/gap}
     *
     * @since 1.60.0
     * @deprecated As of version 1.135. use {@link sap.ui.core.CSSGapShortHand} instead
     */
    type CSSGridGapShortHand = CSSGapShortHand;

    /**
     * A string type that represents one or two grid lines. Used to define the position and size of a single
     * grid item.
     *
     * Valid values:
     * 	 - auto
     * 	 - inherit
     * 	 - 1
     * 	 - span 2
     * 	 - span 2 / 5
     * 	 - span 2 / -5
     * 	 - 5 / 7
     * 	 - 7 / span 5
     * 	 - span 7 / span 5
     * See:
     * 	{@link https://developer.mozilla.org/en-US/docs/Glossary/Grid_lines MDN web docs: grid lines}
     *
     * @since 1.60.0
     */
    type CSSGridLine = string;

    /**
     * A string type that represents a grid track (the space between two grid lines)
     * See:
     * 	{@link https://developer.mozilla.org/en-US/docs/Glossary/Grid_tracks}
     *
     * @since 1.60.0
     */
    type CSSGridTrack = string;
  }

  export namespace form {
    /**
     * Available `FormLayouts` used to render a `SimpleForm`.
     *
     * This enum is part of the 'sap/ui/layout/library' module export and must be accessed by the property 'form.SimpleFormLayout'.
     *
     * @since 1.16.0
     */
    enum SimpleFormLayout {
      /**
       * Uses the `ColumnLayout` layout to render the `SimpleForm` control
       *
       * @since 1.56.0
       */
      ColumnLayout = "ColumnLayout",
      /**
       * Uses the `GridLayout` layout to render the `SimpleForm` control
       *
       * @deprecated As of version 1.67.0. as the `sap.ui.commons` library is deprecated, and the `GridLayout`
       * must not be used in responsive applications. Please use `ResponsiveGridLayout` or `ColumnLayout` instead.
       */
      GridLayout = "GridLayout",
      /**
       * Uses the `ResponsiveGridLayout` layout to render the `SimpleForm` control
       *
       * @since 1.16.0
       */
      ResponsiveGridLayout = "ResponsiveGridLayout",
      /**
       * Uses the `ResponsiveLayout` layout to render the `SimpleForm` control
       *
       * @deprecated As of version 1.93. replaced by {@link sap.ui.layout.form.SimpleFormLayout.ColumnLayout ColumnLayout}
       */
      ResponsiveLayout = "ResponsiveLayout",
    }
    /**
     * An `int` type that defines how many cells a control inside of a column of a {@link sap.ui.layout.form.Form Form }
     * control using the {@link sap.ui.layout.form.ColumnLayout ColumnLayout} control as {@link sap.ui.layout.form.Form#setLayout layout }
     * can use.
     *
     * Allowed values are numbers from 1 to 12 and -1. -1 means the value is calculated.
     *
     * @since 1.56.0
     */
    type ColumnCells = int;

    /**
     * An `int` type that defines how many columns a {@link sap.ui.layout.form.Form Form} control using the
     * {@link sap.ui.layout.form.ColumnLayout ColumnLayout} as {@link sap.ui.layout.form.Form#setLayout layout }
     * can have if it has large size
     *
     * Allowed values are numbers from 1 to 4. **Note:** In versions lower than 1.122 only 3 columns are allowed.
     *
     * @since 1.56.0
     */
    type ColumnsL = int;

    /**
     * An `int` type that defines how many columns a {@link sap.ui.layout.form.Form Form} control using the
     * {@link sap.ui.layout.form.ColumnLayout ColumnLayout} as {@link sap.ui.layout.form.Form#setLayout layout }
     * can have if it has medium size
     *
     * Allowed values are numbers from 1 to 3. **Note:** In versions lower than 1.122 only 2 columns are allowed.
     *
     * @since 1.56.0
     */
    type ColumnsM = int;

    /**
     * An `int` type that defines how many columns a {@link sap.ui.layout.form.Form Form} control using the
     * {@link sap.ui.layout.form.ColumnLayout ColumnLayout} as {@link sap.ui.layout.form.Form#setLayout layout }
     * can have if it has extra-large size
     *
     * Allowed values are numbers from 1 to 6. **Note:** In versions lower than 1.89 only 4 columns are allowed.
     *
     * @since 1.56.0
     */
    type ColumnsXL = int;

    /**
     * An `int` type that defines how many cells beside the controls inside of a column of a {@link sap.ui.layout.form.Form Form }
     * control using the {@link sap.ui.layout.form.ColumnLayout ColumnLayout} control as {@link sap.ui.layout.form.Form#setLayout layout }
     * are empty.
     *
     * Allowed values are numbers from 0 to 11.
     *
     * @since 1.56.0
     */
    type EmptyCells = int;

    /**
     * A string that defines the number of used cells in a `GridLayout`. This can be a number from 1 to 16,
     * "auto" or "full". If set to "auto" the size is determined by the number of fields and the available cells.
     * For labels the auto size is 3 cells. If set to "full" only one field is allowed within the `FormElement`.
     * It gets the full width of the row and the label is displayed above. **Note:** For labels full size has
     * no effect.
     *
     * @deprecated As of version 1.67.0. as `sap.ui.commons` library is deprecated and the `GridLayout` must
     * not be used in responsive applications. Please use `ResponsiveGridLayout` or `ColumnLayout` instead.
     */
    type GridElementCells = string;
  }
}

declare module "sap/ui/layout/BlockLayout" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import BlockLayoutRow from "sap/ui/layout/BlockLayoutRow";

  import { BlockBackgroundType } from "sap/ui/layout/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * The BlockLayout is used to display several objects in a section-based manner. Overview: The BlockLayout
   * uses horizontal and vertical subdivisions, and full-width banners to display a set of elements. By placing
   * pictorial and textual elements side-by-side in different blocks, you can establish a visual connection
   * between blocks and between similar elements. Structure: The BlockLayout contains BlockLayout cells. Every
   * cell consists of a title and content. The title can be text or a link.
   *
   * Special full-width sections of the BlockLayout allow horizontal scrolling through a set of blocks.
   *
   * The BlockLayout comes in five predefined types for background colors:
   * 	 - Layout only (default) - a layout scheme and no background colors
   * 	 - Light - a layout scheme with light colors
   * 	 - Accent - a layout scheme with 11 pre-defined color sets
   * 	 - Dashboard - a layout scheme with additional borders and no background colors  Background colors
   *     are attached directly to the blocks of the layout.
   *
   * **Note:** With version 1.48 colors can be set for each individual {@link sap.ui.layout.BlockLayoutCell cell}.
   * There are 11 pre-defined color sets, each with 4 different shades for the SAP Belize theme and 6 different
   * shades for the Quartz and Horizon themes. To change the background of a particular cell, set `backgroundColorSet`
   * (main color) and `backgroundColorShade` (shade).
   *
   * **Note:** Usage of disabled, emphasized or subtle links as titles is not recommended. Dark background
   * designs, for example Accent, are not fully supported with regards to Accessibility when used with links
   * as titles.
   *
   * Usage: When to use:
   * 	 - You want to create a catalogue-like page with sections of blocks.
   * 	 - The BlockLayout is intended for developing administrative tools and applications.  When not
   *     to use:
   * 	 - You want to display properties or features of one content item. Use a {@link sap.uxap.ObjectPageLayout object page }
   *     or {@link sap.f.DynamicPage dynamic page} instead.  Responsive Behavior:
   * 	 - The breakpoints of the block layout react to the width of the control itself and not to the actual
   *     screen size.
   * 	 -  On small screens all blocks will wrap to a single scrollable column
   *
   * @since 1.34
   */
  export default class BlockLayout extends Control {
    /**
     * Constructor for a new BlockLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     * See:
     * 	{@link fiori:https://experience.sap.com/fiori-design-web/block-layout/ Block Layout}
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $BlockLayoutSettings
    );
    /**
     * Constructor for a new BlockLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     * See:
     * 	{@link fiori:https://experience.sap.com/fiori-design-web/block-layout/ Block Layout}
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $BlockLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.BlockLayout with name `sClassName` and enriches it with
     * the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, BlockLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.BlockLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some content to the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addContent(
      /**
       * The content to add; if empty, nothing is inserted
       */
      oContent: BlockLayoutRow
    ): this;
    /**
     * Destroys all the content in the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyContent(): this;
    /**
     * Gets current value of property {@link #getBackground background}.
     *
     * Determines the background used for the Layout
     *
     * Default value is `"Default"`.
     *
     * @since 1.42
     *
     * @returns Value of property `background`
     */
    getBackground(): BlockBackgroundType;
    /**
     * Gets content of aggregation {@link #getContent content}.
     *
     * The Rows to be included in the content of the control
     */
    getContent(): BlockLayoutRow[];
    /**
     * Gets current value of property {@link #getKeepFontSize keepFontSize}.
     *
     * Keeps the font-size of the contents as is, independent from the screen size.
     *
     * Default value is `false`.
     *
     * @since 1.52
     *
     * @returns Value of property `keepFontSize`
     */
    getKeepFontSize(): boolean;
    /**
     * Checks for the provided `sap.ui.layout.BlockLayoutRow` in the aggregation {@link #getContent content}.
     * and returns its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfContent(
      /**
       * The content whose index is looked for
       */
      oContent: BlockLayoutRow
    ): int;
    /**
     * Inserts a content into the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertContent(
      /**
       * The content to insert; if empty, nothing is inserted
       */
      oContent: BlockLayoutRow,
      /**
       * The `0`-based index the content should be inserted at; for a negative value of `iIndex`, the content
       * is inserted at position 0; for a value greater than the current size of the aggregation, the content
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes all the controls from the aggregation {@link #getContent content}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllContent(): BlockLayoutRow[];
    /**
     * Removes a content from the aggregation {@link #getContent content}.
     *
     *
     * @returns The removed content or `null`
     */
    removeContent(
      /**
       * The content to remove or its index or id
       */
      vContent: int | string | BlockLayoutRow
    ): BlockLayoutRow | null;
    /**
     * Sets a new value for property {@link #getBackground background}.
     *
     * Determines the background used for the Layout
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"Default"`.
     *
     * @since 1.42
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBackground(
      /**
       * New value for property `background`
       */
      sBackground?: BlockBackgroundType | keyof typeof BlockBackgroundType
    ): this;
    /**
     * Sets a new value for property {@link #getKeepFontSize keepFontSize}.
     *
     * Keeps the font-size of the contents as is, independent from the screen size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     * @since 1.52
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setKeepFontSize(
      /**
       * New value for property `keepFontSize`
       */
      bKeepFontSize?: boolean
    ): this;
  }
  /**
   * Describes the settings that can be provided to the BlockLayout constructor.
   */
  export interface $BlockLayoutSettings extends $ControlSettings {
    /**
     * Determines the background used for the Layout
     *
     * @since 1.42
     */
    background?:
      | (BlockBackgroundType | keyof typeof BlockBackgroundType)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Keeps the font-size of the contents as is, independent from the screen size.
     *
     * @since 1.52
     */
    keepFontSize?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * The Rows to be included in the content of the control
     */
    content?:
      | BlockLayoutRow[]
      | BlockLayoutRow
      | AggregationBindingInfo
      | `{${string}}`;
  }
}

declare module "sap/ui/layout/BlockLayoutCell" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import {
    BlockLayoutCellColorSet,
    BlockLayoutCellColorShade,
  } from "sap/ui/layout/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { HorizontalAlign, TitleLevel } from "sap/ui/core/library";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * The BlockLayoutCell is used as an aggregation of the BlockLayoutRow. It contains Controls. The BlockLayoutCell
   * should be used only as aggregation of the BlockLayoutRow.
   *
   * @since 1.34
   */
  export default class BlockLayoutCell extends Control {
    /**
     * Constructor for a new BlockLayoutCell.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $BlockLayoutCellSettings
    );
    /**
     * Constructor for a new BlockLayoutCell.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $BlockLayoutCellSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.BlockLayoutCell with name `sClassName` and enriches it
     * with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, BlockLayoutCell>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.BlockLayoutCell.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some content to the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addContent(
      /**
       * The content to add; if empty, nothing is inserted
       */
      oContent: Control
    ): this;
    /**
     * Destroys all the content in the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyContent(): this;
    /**
     * Destroys the titleLink in the aggregation {@link #getTitleLink titleLink}.
     *
     * @since 1.56
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyTitleLink(): this;
    /**
     * Gets current value of property {@link #getBackgroundColorSet backgroundColorSet}.
     *
     * The Background color set from which the background color will be selected. **Note:** backgroundColorSet
     * should be used only in combination with backgroundColorShade.
     *
     * @since 1.48
     *
     * @returns Value of property `backgroundColorSet`
     */
    getBackgroundColorSet(): BlockLayoutCellColorSet;
    /**
     * Gets current value of property {@link #getBackgroundColorShade backgroundColorShade}.
     *
     * The index of the background color in the color set from which the color will be selected. **Note:** backgroundColorShade
     * should be used only in combination with backgroundColorSet.
     *
     * @since 1.48
     *
     * @returns Value of property `backgroundColorShade`
     */
    getBackgroundColorShade(): BlockLayoutCellColorShade;
    /**
     * Gets content of aggregation {@link #getContent content}.
     *
     * The content to be included inside the cell
     */
    getContent(): Control[];
    /**
     * Gets current value of property {@link #getTitle title}.
     *
     * Defines the title of the cell. **Note:** When the `titleLink` aggregation is provided, the title of the
     * cell will be replaced with the text from the `titleLink`.
     *
     *
     * @returns Value of property `title`
     */
    getTitle(): string;
    /**
     * Gets current value of property {@link #getTitleAlignment titleAlignment}.
     *
     * Defines the alignment of the cell title
     *
     * Default value is `"Begin"`.
     *
     *
     * @returns Value of property `titleAlignment`
     */
    getTitleAlignment(): HorizontalAlign;
    /**
     * Gets current value of property {@link #getTitleLevel titleLevel}.
     *
     * Defines the aria level of the title This information is e.g. used by assistive technologies like screenreaders
     * to create a hierarchical site map for faster navigation.
     *
     * Default value is `"Auto"`.
     *
     *
     * @returns Value of property `titleLevel`
     */
    getTitleLevel(): TitleLevel;
    /**
     * Gets content of aggregation {@link #getTitleLink titleLink}.
     *
     * The link that will replace the title of the cell. **Note:** The only possible value is the `sap.m.Link`
     * control.
     *
     * @since 1.56
     */
    getTitleLink(): Control;
    /**
     * Gets current value of property {@link #getWidth width}.
     *
     * Defines the width of the cell. Depending on the context of the cell - whether it's in scrollable, or
     * non scrollable row, this property is interpreted in two different ways. If the cell is placed inside
     * a scrollable row - this property defines the width of the cell in percentages. If no value is provided
     * - the default is 40%. If the cell is placed inside a non scrollable row - this property defines the grow
     * factor of the cell compared to the whole row. **For example:** If you have 2 cells, each with width of
     * 1, this means that they should be of equal size, and they need to fill the whole row. This results in
     * 50% width for each cell. If you have 2 cells, one with width of 1, the other with width of 3, this means
     * that the whole row width is 4, so the first cell will have a width of 25%, the second - 75%. According
     * to the visual guidelines, it is suggested that you only use 25%, 50%, 75% or 100% cells in you applications.
     * For example, 12,5% width is not desirable (1 cell with width 1, and another with width 7)
     *
     * Default value is `0`.
     *
     *
     * @returns Value of property `width`
     */
    getWidth(): int;
    /**
     * Checks for the provided `sap.ui.core.Control` in the aggregation {@link #getContent content}. and returns
     * its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfContent(
      /**
       * The content whose index is looked for
       */
      oContent: Control
    ): int;
    /**
     * Inserts a content into the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertContent(
      /**
       * The content to insert; if empty, nothing is inserted
       */
      oContent: Control,
      /**
       * The `0`-based index the content should be inserted at; for a negative value of `iIndex`, the content
       * is inserted at position 0; for a value greater than the current size of the aggregation, the content
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes all the controls from the aggregation {@link #getContent content}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllContent(): Control[];
    /**
     * Removes a content from the aggregation {@link #getContent content}.
     *
     *
     * @returns The removed content or `null`
     */
    removeContent(
      /**
       * The content to remove or its index or id
       */
      vContent: int | string | Control
    ): Control | null;
    /**
     * Sets a new value for property {@link #getBackgroundColorSet backgroundColorSet}.
     *
     * The Background color set from which the background color will be selected. **Note:** backgroundColorSet
     * should be used only in combination with backgroundColorShade.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * @since 1.48
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBackgroundColorSet(
      /**
       * New value for property `backgroundColorSet`
       */
      sBackgroundColorSet:
        | BlockLayoutCellColorSet
        | keyof typeof BlockLayoutCellColorSet
    ): this;
    /**
     * Sets a new value for property {@link #getBackgroundColorShade backgroundColorShade}.
     *
     * The index of the background color in the color set from which the color will be selected. **Note:** backgroundColorShade
     * should be used only in combination with backgroundColorSet.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * @since 1.48
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBackgroundColorShade(
      /**
       * New value for property `backgroundColorShade`
       */
      sBackgroundColorShade:
        | BlockLayoutCellColorShade
        | keyof typeof BlockLayoutCellColorShade
    ): this;
    /**
     * Sets a new value for property {@link #getTitle title}.
     *
     * Defines the title of the cell. **Note:** When the `titleLink` aggregation is provided, the title of the
     * cell will be replaced with the text from the `titleLink`.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setTitle(
      /**
       * New value for property `title`
       */
      sTitle?: string
    ): this;
    /**
     * Sets a new value for property {@link #getTitleAlignment titleAlignment}.
     *
     * Defines the alignment of the cell title
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"Begin"`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setTitleAlignment(
      /**
       * New value for property `titleAlignment`
       */
      sTitleAlignment?: HorizontalAlign | keyof typeof HorizontalAlign
    ): this;
    /**
     * Sets a new value for property {@link #getTitleLevel titleLevel}.
     *
     * Defines the aria level of the title This information is e.g. used by assistive technologies like screenreaders
     * to create a hierarchical site map for faster navigation.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"Auto"`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setTitleLevel(
      /**
       * New value for property `titleLevel`
       */
      sTitleLevel?: TitleLevel | keyof typeof TitleLevel
    ): this;
    /**
     * Sets the aggregated {@link #getTitleLink titleLink}.
     *
     * @since 1.56
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setTitleLink(
      /**
       * The titleLink to set
       */
      oTitleLink: Control
    ): this;
    /**
     * Sets the Width.
     *
     *
     * @returns this BlockLayoutCell reference for chaining.
     */
    setWidth(
      /**
       * value.
       */
      iWidth: number
    ): this;
  }
  /**
   * Describes the settings that can be provided to the BlockLayoutCell constructor.
   */
  export interface $BlockLayoutCellSettings extends $ControlSettings {
    /**
     * Defines the title of the cell. **Note:** When the `titleLink` aggregation is provided, the title of the
     * cell will be replaced with the text from the `titleLink`.
     */
    title?: string | PropertyBindingInfo;

    /**
     * Defines the alignment of the cell title
     */
    titleAlignment?:
      | (HorizontalAlign | keyof typeof HorizontalAlign)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Defines the aria level of the title This information is e.g. used by assistive technologies like screenreaders
     * to create a hierarchical site map for faster navigation.
     */
    titleLevel?:
      | (TitleLevel | keyof typeof TitleLevel)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Defines the width of the cell. Depending on the context of the cell - whether it's in scrollable, or
     * non scrollable row, this property is interpreted in two different ways. If the cell is placed inside
     * a scrollable row - this property defines the width of the cell in percentages. If no value is provided
     * - the default is 40%. If the cell is placed inside a non scrollable row - this property defines the grow
     * factor of the cell compared to the whole row. **For example:** If you have 2 cells, each with width of
     * 1, this means that they should be of equal size, and they need to fill the whole row. This results in
     * 50% width for each cell. If you have 2 cells, one with width of 1, the other with width of 3, this means
     * that the whole row width is 4, so the first cell will have a width of 25%, the second - 75%. According
     * to the visual guidelines, it is suggested that you only use 25%, 50%, 75% or 100% cells in you applications.
     * For example, 12,5% width is not desirable (1 cell with width 1, and another with width 7)
     */
    width?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * The Background color set from which the background color will be selected. **Note:** backgroundColorSet
     * should be used only in combination with backgroundColorShade.
     *
     * @since 1.48
     */
    backgroundColorSet?:
      | (BlockLayoutCellColorSet | keyof typeof BlockLayoutCellColorSet)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * The index of the background color in the color set from which the color will be selected. **Note:** backgroundColorShade
     * should be used only in combination with backgroundColorSet.
     *
     * @since 1.48
     */
    backgroundColorShade?:
      | (BlockLayoutCellColorShade | keyof typeof BlockLayoutCellColorShade)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * The content to be included inside the cell
     */
    content?: Control[] | Control | AggregationBindingInfo | `{${string}}`;

    /**
     * The link that will replace the title of the cell. **Note:** The only possible value is the `sap.m.Link`
     * control.
     *
     * @since 1.56
     */
    titleLink?: Control;
  }
}

declare module "sap/ui/layout/BlockLayoutCellData" {
  import {
    default as LayoutData,
    $LayoutDataSettings,
  } from "sap/ui/core/LayoutData";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * Holds layout data for the BlockLayoutCells contents.
   *
   * @since 1.50.0
   */
  export default class BlockLayoutCellData extends LayoutData {
    /**
     * Constructor for a new BlockLayoutCellData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * initial settings for the new control
       */
      mSettings?: $BlockLayoutCellDataSettings
    );
    /**
     * Constructor for a new BlockLayoutCellData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * id for the new control, generated automatically if no id is given
       */
      sId?: string,
      /**
       * initial settings for the new control
       */
      mSettings?: $BlockLayoutCellDataSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.BlockLayoutCellData with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.LayoutData.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, BlockLayoutCellData>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.BlockLayoutCellData.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getLSize lSize}.
     *
     * Sets the width of the cell for L size of the BlockLayout.
     *
     * Default value is `1`.
     *
     *
     * @returns Value of property `lSize`
     */
    getLSize(): int;
    /**
     * Gets current value of property {@link #getMSize mSize}.
     *
     * Sets the width of the cell for M size of the BlockLayout.
     *
     * Default value is `1`.
     *
     *
     * @returns Value of property `mSize`
     */
    getMSize(): int;
    /**
     * Gets current value of property {@link #getSSize sSize}.
     *
     * Sets the width of the cell for S size of the BlockLayout.
     *
     * Default value is `1`.
     *
     *
     * @returns Value of property `sSize`
     */
    getSSize(): int;
    /**
     * Gets current value of property {@link #getXlSize xlSize}.
     *
     * Sets the width of the cell for XL size of the BlockLayout.
     *
     * Default value is `1`.
     *
     *
     * @returns Value of property `xlSize`
     */
    getXlSize(): int;
    /**
     * Sets a new value for property {@link #getLSize lSize}.
     *
     * Sets the width of the cell for L size of the BlockLayout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLSize(
      /**
       * New value for property `lSize`
       */
      iLSize?: int
    ): this;
    /**
     * Sets a new value for property {@link #getMSize mSize}.
     *
     * Sets the width of the cell for M size of the BlockLayout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setMSize(
      /**
       * New value for property `mSize`
       */
      iMSize?: int
    ): this;
    /**
     * Sets width of the cell to all sizes if the width is specified.
     */
    setSize(iValue: undefined): this;
    /**
     * Sets a new value for property {@link #getSSize sSize}.
     *
     * Sets the width of the cell for S size of the BlockLayout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSSize(
      /**
       * New value for property `sSize`
       */
      iSSize?: int
    ): this;
    /**
     * Sets a new value for property {@link #getXlSize xlSize}.
     *
     * Sets the width of the cell for XL size of the BlockLayout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setXlSize(
      /**
       * New value for property `xlSize`
       */
      iXlSize?: int
    ): this;
  }
  /**
   * Describes the settings that can be provided to the BlockLayoutCellData constructor.
   */
  export interface $BlockLayoutCellDataSettings extends $LayoutDataSettings {
    /**
     * Sets the width of the cell for S size of the BlockLayout.
     */
    sSize?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the width of the cell for M size of the BlockLayout.
     */
    mSize?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the width of the cell for L size of the BlockLayout.
     */
    lSize?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the width of the cell for XL size of the BlockLayout.
     */
    xlSize?: int | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/BlockLayoutRow" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import { ID } from "sap/ui/core/library";

  import BlockLayoutCell from "sap/ui/layout/BlockLayoutCell";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { BlockRowColorSets } from "sap/ui/layout/library";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * The BlockLayoutRow is used as an aggregation to the BlockLayout. It aggregates Block Layout cells. The
   * BlockLayoutRow has 2 rendering modes - scrollable and non scrollable.
   *
   * @since 1.34
   */
  export default class BlockLayoutRow extends Control {
    /**
     * Constructor for a new BlockLayoutRow.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $BlockLayoutRowSettings
    );
    /**
     * Constructor for a new BlockLayoutRow.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $BlockLayoutRowSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.BlockLayoutRow with name `sClassName` and enriches it with
     * the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, BlockLayoutRow>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.BlockLayoutRow.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some accentCell into the association {@link #getAccentCells accentCells}.
     *
     * @since 1.42
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addAccentCell(
      /**
       * The accentCells to add; if empty, nothing is inserted
       */
      vAccentCell: ID | BlockLayoutCell
    ): this;
    /**
     * Adds some content to the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addContent(
      /**
       * The content to add; if empty, nothing is inserted
       */
      oContent: BlockLayoutCell
    ): this;
    /**
     * Destroys all the content in the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyContent(): this;
    /**
     * Returns array of IDs of the elements which are the current targets of the association {@link #getAccentCells accentCells}.
     *
     * @since 1.42
     */
    getAccentCells(): ID[];
    /**
     * Gets content of aggregation {@link #getContent content}.
     *
     * The content cells to be included in the row.
     */
    getContent(): BlockLayoutCell[];
    /**
     * Gets current value of property {@link #getRowColorSet rowColorSet}.
     *
     * Defines background type for that row. There might be several rows with the same type
     *
     * @since 1.42
     *
     * @returns Value of property `rowColorSet`
     */
    getRowColorSet(): BlockRowColorSets;
    /**
     * Gets current value of property {@link #getScrollable scrollable}.
     *
     * Sets the rendering mode of the BlockLayoutRow to scrollable. In scrollable mode, the cells get aligned
     * side by side, with horizontal scroll bar for the row.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `scrollable`
     */
    getScrollable(): boolean;
    /**
     * Checks for the provided `sap.ui.layout.BlockLayoutCell` in the aggregation {@link #getContent content}.
     * and returns its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfContent(
      /**
       * The content whose index is looked for
       */
      oContent: BlockLayoutCell
    ): int;
    /**
     * Inserts a content into the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertContent(
      /**
       * The content to insert; if empty, nothing is inserted
       */
      oContent: BlockLayoutCell,
      /**
       * The `0`-based index the content should be inserted at; for a negative value of `iIndex`, the content
       * is inserted at position 0; for a value greater than the current size of the aggregation, the content
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes an accentCell from the association named {@link #getAccentCells accentCells}.
     *
     * @since 1.42
     *
     * @returns The removed accentCell or `null`
     */
    removeAccentCell(
      /**
       * The accentCell to be removed or its index or ID
       */
      vAccentCell: int | ID | BlockLayoutCell
    ): ID | null;
    /**
     * Removes all the controls in the association named {@link #getAccentCells accentCells}.
     *
     * @since 1.42
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllAccentCells(): ID[];
    /**
     * Removes all the controls from the aggregation {@link #getContent content}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllContent(): BlockLayoutCell[];
    /**
     * Removes a content from the aggregation {@link #getContent content}.
     *
     *
     * @returns The removed content or `null`
     */
    removeContent(
      /**
       * The content to remove or its index or id
       */
      vContent: int | string | BlockLayoutCell
    ): BlockLayoutCell | null;
    /**
     * Changes dynamically row color set Note: this might invalidate cells inside and also change color sets
     * of the other BlockLayoutRow-s below it.
     *
     * @since 1.42
     */
    setRowColorSet(
      sType: BlockRowColorSets | keyof typeof BlockRowColorSets
    ): this;
    /**
     * Sets a new value for property {@link #getScrollable scrollable}.
     *
     * Sets the rendering mode of the BlockLayoutRow to scrollable. In scrollable mode, the cells get aligned
     * side by side, with horizontal scroll bar for the row.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setScrollable(
      /**
       * New value for property `scrollable`
       */
      bScrollable?: boolean
    ): this;
  }
  /**
   * Describes the settings that can be provided to the BlockLayoutRow constructor.
   */
  export interface $BlockLayoutRowSettings extends $ControlSettings {
    /**
     * Sets the rendering mode of the BlockLayoutRow to scrollable. In scrollable mode, the cells get aligned
     * side by side, with horizontal scroll bar for the row.
     */
    scrollable?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Defines background type for that row. There might be several rows with the same type
     *
     * @since 1.42
     */
    rowColorSet?:
      | (BlockRowColorSets | keyof typeof BlockRowColorSets)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * The content cells to be included in the row.
     */
    content?:
      | BlockLayoutCell[]
      | BlockLayoutCell
      | AggregationBindingInfo
      | `{${string}}`;

    /**
     * Cells that would be accented. *Note:* This association has visual impact only for BlockLayouts with background
     * types "Mixed" and "Accent".
     *
     * Mixed: In this type, areas of 25% (on desktop) can have a dark background color. Per section one area
     * can be dark. Accent: Every section can contain multiple gray blocks, which are used alternately, beginning
     * with the bright one
     *
     * @since 1.42
     */
    accentCells?: Array<BlockLayoutCell | string>;
  }
}

declare module "sap/ui/layout/cssgrid/CSSGrid" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import { cssgrid } from "sap/ui/layout/library";

  import GridLayoutBase from "sap/ui/layout/cssgrid/GridLayoutBase";

  import { CSSSize, CSSGapShortHand } from "sap/ui/core/library";

  import GridBasicLayout from "sap/ui/layout/cssgrid/GridBasicLayout";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * A layout control, used to create full page layouts or user interface elements.
   *
   * Overview:
   *
   * A two-dimensional layout control based on the native-browser CSS display grid which can handle both columns
   * and rows. The control can be used along with {@link sap.m.FlexBox} which is the one-dimensional alternative
   * for layouting.
   *
   * With properties it is possible to define:
   * 	 - columns, rows and their sizes in the grid
   * 	 - vertical and horizontal gaps between the grid items
   * 	 - the flow algorithm when new items are added in the grid
   *
   * The dimensions of the grid items are defined on a `CSSGrid` level. Every item can override its size by
   * specifying how many columns and/or rows it will take in the `CSSGrid`. Every item can override its position
   * by specifying from which column and/or row it will start. The configuration of a single item is done
   * with {@link sap.ui.layout.cssgrid.GridItemLayoutData GridItemLayoutData}.
   *
   * Terminology:
   * 	 - Grid - The container which has all grid settings
   * 	 - Gutters - The gap between the rows and columns
   * 	 - Grid areas - Items that take more than one row and/or column
   * 	 - Grid cells - The items of the Grid
   * 	 - Grid lines - The lines around and between the rows and columns
   * 	 - Grid tracks - The space between any two lines in the grid
   * 	 - "fr" Unit - A special grid unit (short from "fraction") which represents a fraction of the available
   *     space in the grid
   * 	 - Implicit and Explicit grid - Explicit grid consists of rows and columns defined with `gridTemplateColumns`
   *     and `gridTemplateRows`. The grid also creates rows and columns on its own when needed. Their dimensions
   *     are defined with `gridAutoColumns` and `gridAutoRows`.
   *
   * Structure: The `CSSGrid` has the following elements:
   * 	 - `items` - The items of the `CSSGrid`
   * 	 - `customLayout` - An aggregation used to pass the `CSSGrid` configuration. Used for templating.
   *
   * Usage:
   *
   * For general cases, use the `CSSGrid` properties to configure how the layout should look. For Box case
   * (equal sized items), use `customLayout` aggregation with {@link sap.ui.layout.cssgrid.GridBoxLayout GridBoxLayout }
   * For Grids which need different configurations based on available width, use `customLayout` aggregation
   * with {@link sap.ui.layout.cssgrid.GridResponsiveLayout GridResponsiveLayout} To set a specific position
   * to an item or define its dimensions in the grid, pass `layoutData` of type {@link sap.ui.layout.cssgrid.GridItemLayoutData GridItemLayoutData}
   *
   * When to use
   * 	 - If a two-dimensional layout configuration is needed (both columns and rows are defined)
   *
   * When not to use
   * 	 - If the layout needs to be defined only by one dimension (either column or row, not both). Use {@link sap.m.FlexBox FlexBox }
   *     instead.
   *
   * Responsive behavior:
   * 	 - Fully configurable by the developer. It is possible to create a "breathing" columns layout which
   *     means columns width will grow/shrink depending on grid size.
   * 	 - It is possible to pass a {@link sap.ui.layout.cssgrid.GridResponsiveLayout GridResponsiveLayout }
   *     to the `customLayout` aggregation of the `CSSGrid` and configure how it will look in different breakpoints
   *     (S, M, L, XL).
   *
   * Out of current scope::
   * 	 - Alignment and ordering
   * 	 - Named grid areas and lines
   *
   * @since 1.60
   */
  export default class CSSGrid
    extends Control
    implements cssgrid.IGridConfigurable
  {
    __implements__sap_ui_layout_cssgrid_IGridConfigurable: boolean;
    /**
     * Constructor for a new CSSGrid.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     * See:
     * 	{@link https://ui5.sap.com/#/topic/32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
     * 	{@link fiori:https://experience.sap.com/fiori-design-web/flexible-grid/ Flexible Grid}
     * 	{@link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout MDN web docs: CSS Grid Layout}
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $CSSGridSettings
    );
    /**
     * Constructor for a new CSSGrid.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     * See:
     * 	{@link https://ui5.sap.com/#/topic/32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
     * 	{@link fiori:https://experience.sap.com/fiori-design-web/flexible-grid/ Flexible Grid}
     * 	{@link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout MDN web docs: CSS Grid Layout}
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $CSSGridSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.cssgrid.CSSGrid with name `sClassName` and enriches it
     * with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, CSSGrid>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.cssgrid.CSSGrid.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some item to the aggregation {@link #getItems items}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addItem(
      /**
       * The item to add; if empty, nothing is inserted
       */
      oItem: Control
    ): this;
    /**
     * Destroys the customLayout in the aggregation {@link #getCustomLayout customLayout}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyCustomLayout(): this;
    /**
     * Destroys all the items in the aggregation {@link #getItems items}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyItems(): this;
    /**
     * Gets content of aggregation {@link #getCustomLayout customLayout}.
     *
     * Defines a custom Grid layout for the control. If provided, it will override all of the grid properties.
     */
    getCustomLayout(): GridLayoutBase;
    /**
     * Gets current value of property {@link #getGridAutoColumns gridAutoColumns}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns MDN web docs: grid-auto-columns}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridAutoColumns`
     */
    getGridAutoColumns(): cssgrid.CSSGridTrack;
    /**
     * Gets current value of property {@link #getGridAutoFlow gridAutoFlow}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow MDN web docs: grid-auto-flow}
     *
     * Default value is `"Row"`.
     *
     *
     * @returns Value of property `gridAutoFlow`
     */
    getGridAutoFlow(): cssgrid.CSSGridAutoFlow;
    /**
     * Gets current value of property {@link #getGridAutoRows gridAutoRows}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows MDN web docs: grid-auto-rows}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridAutoRows`
     */
    getGridAutoRows(): cssgrid.CSSGridTrack;
    /**
     * Gets current value of property {@link #getGridColumnGap gridColumnGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap MDN web docs: grid-column-gap}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridColumnGap`
     */
    getGridColumnGap(): CSSSize;
    /**
     * Implements IGridConfigurable interface
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns An array with the DOM elements
     */
    getGridDomRefs(): HTMLElement[];
    /**
     * Gets current value of property {@link #getGridGap gridGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap MDN web docs: grid-gap }
     * It is a shorthand for gridRowGap and gridColumnGap. If some of them is set, the gridGap value will have
     * less priority and will be overwritten.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridGap`
     */
    getGridGap(): CSSGapShortHand;
    /**
     * Returns the layout configuration of the `CSSGrid`.
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns The grid layout
     */
    getGridLayoutConfiguration(): GridBasicLayout;
    /**
     * Gets current value of property {@link #getGridRowGap gridRowGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap MDN web docs: grid-row-gap}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridRowGap`
     */
    getGridRowGap(): CSSSize;
    /**
     * Gets current value of property {@link #getGridTemplateColumns gridTemplateColumns}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns MDN web docs: grid-template-columns}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridTemplateColumns`
     */
    getGridTemplateColumns(): cssgrid.CSSGridTrack;
    /**
     * Gets current value of property {@link #getGridTemplateRows gridTemplateRows}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows MDN web docs: grid-template-rows}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridTemplateRows`
     */
    getGridTemplateRows(): cssgrid.CSSGridTrack;
    /**
     * Gets content of aggregation {@link #getItems items}.
     *
     * The items contained by the control.
     */
    getItems(): Control[];
    /**
     * Gets current value of property {@link #getWidth width}.
     *
     * The width of the control
     *
     * Default value is `"100%"`.
     *
     *
     * @returns Value of property `width`
     */
    getWidth(): CSSSize;
    /**
     * Checks for the provided `sap.ui.core.Control` in the aggregation {@link #getItems items}. and returns
     * its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfItem(
      /**
       * The item whose index is looked for
       */
      oItem: Control
    ): int;
    /**
     * Inserts a item into the aggregation {@link #getItems items}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertItem(
      /**
       * The item to insert; if empty, nothing is inserted
       */
      oItem: Control,
      /**
       * The `0`-based index the item should be inserted at; for a negative value of `iIndex`, the item is inserted
       * at position 0; for a value greater than the current size of the aggregation, the item is inserted at
       * the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes all the controls from the aggregation {@link #getItems items}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllItems(): Control[];
    /**
     * Removes a item from the aggregation {@link #getItems items}.
     *
     *
     * @returns The removed item or `null`
     */
    removeItem(
      /**
       * The item to remove or its index or id
       */
      vItem: int | string | Control
    ): Control | null;
    /**
     * Sets the aggregated {@link #getCustomLayout customLayout}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setCustomLayout(
      /**
       * The customLayout to set
       */
      oCustomLayout: GridLayoutBase
    ): this;
    /**
     * Sets a new value for property {@link #getGridAutoColumns gridAutoColumns}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns MDN web docs: grid-auto-columns}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridAutoColumns(
      /**
       * New value for property `gridAutoColumns`
       */
      sGridAutoColumns?: cssgrid.CSSGridTrack
    ): this;
    /**
     * Sets a new value for property {@link #getGridAutoFlow gridAutoFlow}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow MDN web docs: grid-auto-flow}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"Row"`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridAutoFlow(
      /**
       * New value for property `gridAutoFlow`
       */
      sGridAutoFlow?:
        | cssgrid.CSSGridAutoFlow
        | keyof typeof cssgrid.CSSGridAutoFlow
    ): this;
    /**
     * Sets a new value for property {@link #getGridAutoRows gridAutoRows}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows MDN web docs: grid-auto-rows}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridAutoRows(
      /**
       * New value for property `gridAutoRows`
       */
      sGridAutoRows?: cssgrid.CSSGridTrack
    ): this;
    /**
     * Sets a new value for property {@link #getGridColumnGap gridColumnGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap MDN web docs: grid-column-gap}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridColumnGap(
      /**
       * New value for property `gridColumnGap`
       */
      sGridColumnGap?: CSSSize
    ): this;
    /**
     * Sets a new value for property {@link #getGridGap gridGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap MDN web docs: grid-gap }
     * It is a shorthand for gridRowGap and gridColumnGap. If some of them is set, the gridGap value will have
     * less priority and will be overwritten.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridGap(
      /**
       * New value for property `gridGap`
       */
      sGridGap?: CSSGapShortHand
    ): this;
    /**
     * Sets a new value for property {@link #getGridRowGap gridRowGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap MDN web docs: grid-row-gap}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridRowGap(
      /**
       * New value for property `gridRowGap`
       */
      sGridRowGap?: CSSSize
    ): this;
    /**
     * Sets a new value for property {@link #getGridTemplateColumns gridTemplateColumns}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns MDN web docs: grid-template-columns}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridTemplateColumns(
      /**
       * New value for property `gridTemplateColumns`
       */
      sGridTemplateColumns?: cssgrid.CSSGridTrack
    ): this;
    /**
     * Sets a new value for property {@link #getGridTemplateRows gridTemplateRows}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows MDN web docs: grid-template-rows}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridTemplateRows(
      /**
       * New value for property `gridTemplateRows`
       */
      sGridTemplateRows?: cssgrid.CSSGridTrack
    ): this;
    /**
     * Sets a new value for property {@link #getWidth width}.
     *
     * The width of the control
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"100%"`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setWidth(
      /**
       * New value for property `width`
       */
      sWidth?: CSSSize
    ): this;
  }
  /**
   * Describes the settings that can be provided to the CSSGrid constructor.
   */
  export interface $CSSGridSettings extends $ControlSettings {
    /**
     * The width of the control
     */
    width?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns MDN web docs: grid-template-columns}
     */
    gridTemplateColumns?:
      | cssgrid.CSSGridTrack
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows MDN web docs: grid-template-rows}
     */
    gridTemplateRows?:
      | cssgrid.CSSGridTrack
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap MDN web docs: grid-row-gap}
     */
    gridRowGap?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap MDN web docs: grid-column-gap}
     */
    gridColumnGap?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap MDN web docs: grid-gap }
     * It is a shorthand for gridRowGap and gridColumnGap. If some of them is set, the gridGap value will have
     * less priority and will be overwritten.
     */
    gridGap?: CSSGapShortHand | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows MDN web docs: grid-auto-rows}
     */
    gridAutoRows?: cssgrid.CSSGridTrack | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns MDN web docs: grid-auto-columns}
     */
    gridAutoColumns?:
      | cssgrid.CSSGridTrack
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow MDN web docs: grid-auto-flow}
     */
    gridAutoFlow?:
      | (cssgrid.CSSGridAutoFlow | keyof typeof cssgrid.CSSGridAutoFlow)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Defines a custom Grid layout for the control. If provided, it will override all of the grid properties.
     */
    customLayout?: GridLayoutBase;

    /**
     * The items contained by the control.
     */
    items?: Control[] | Control | AggregationBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/cssgrid/GridBasicLayout" {
  import {
    default as GridLayoutBase,
    $GridLayoutBaseSettings,
  } from "sap/ui/layout/cssgrid/GridLayoutBase";

  import { cssgrid } from "sap/ui/layout/library";

  import { CSSSize, CSSGapShortHand } from "sap/ui/core/library";

  import ManagedObjectMetadata from "sap/ui/base/ManagedObjectMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * Applies a sap.ui.layout.cssgrid.GridSettings to a provided DOM element or Control.
   *
   * @since 1.60
   */
  export default class GridBasicLayout extends GridLayoutBase {
    /**
     * Constructor for a new GridBasicLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridBasicLayoutSettings
    );
    /**
     * Constructor for a new GridBasicLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridBasicLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.cssgrid.GridBasicLayout with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.layout.cssgrid.GridLayoutBase.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, GridBasicLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.cssgrid.GridBasicLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ManagedObjectMetadata;
    /**
     * Gets current value of property {@link #getGridAutoColumns gridAutoColumns}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns MDN web docs: grid-auto-columns}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridAutoColumns`
     */
    getGridAutoColumns(): cssgrid.CSSGridTrack;
    /**
     * Gets current value of property {@link #getGridAutoFlow gridAutoFlow}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow MDN web docs: grid-auto-flow}
     *
     * Default value is `"Row"`.
     *
     *
     * @returns Value of property `gridAutoFlow`
     */
    getGridAutoFlow(): cssgrid.CSSGridAutoFlow;
    /**
     * Gets current value of property {@link #getGridAutoRows gridAutoRows}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows MDN web docs: grid-auto-rows}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridAutoRows`
     */
    getGridAutoRows(): cssgrid.CSSGridTrack;
    /**
     * Gets current value of property {@link #getGridColumnGap gridColumnGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap MDN web docs: grid-column-gap}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridColumnGap`
     */
    getGridColumnGap(): CSSSize;
    /**
     * Gets current value of property {@link #getGridGap gridGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap MDN web docs: grid-gap}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridGap`
     */
    getGridGap(): CSSGapShortHand;
    /**
     * Gets current value of property {@link #getGridRowGap gridRowGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap MDN web docs: grid-row-gap}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridRowGap`
     */
    getGridRowGap(): CSSSize;
    /**
     * Gets current value of property {@link #getGridTemplateColumns gridTemplateColumns}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns MDN web docs: grid-template-columns}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridTemplateColumns`
     */
    getGridTemplateColumns(): cssgrid.CSSGridTrack;
    /**
     * Gets current value of property {@link #getGridTemplateRows gridTemplateRows}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows MDN web docs: grid-template-rows}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridTemplateRows`
     */
    getGridTemplateRows(): cssgrid.CSSGridTrack;
    /**
     * Sets a new value for property {@link #getGridAutoColumns gridAutoColumns}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns MDN web docs: grid-auto-columns}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridAutoColumns(
      /**
       * New value for property `gridAutoColumns`
       */
      sGridAutoColumns?: cssgrid.CSSGridTrack
    ): this;
    /**
     * Sets a new value for property {@link #getGridAutoFlow gridAutoFlow}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow MDN web docs: grid-auto-flow}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"Row"`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridAutoFlow(
      /**
       * New value for property `gridAutoFlow`
       */
      sGridAutoFlow?:
        | cssgrid.CSSGridAutoFlow
        | keyof typeof cssgrid.CSSGridAutoFlow
    ): this;
    /**
     * Sets a new value for property {@link #getGridAutoRows gridAutoRows}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows MDN web docs: grid-auto-rows}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridAutoRows(
      /**
       * New value for property `gridAutoRows`
       */
      sGridAutoRows?: cssgrid.CSSGridTrack
    ): this;
    /**
     * Sets a new value for property {@link #getGridColumnGap gridColumnGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap MDN web docs: grid-column-gap}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridColumnGap(
      /**
       * New value for property `gridColumnGap`
       */
      sGridColumnGap?: CSSSize
    ): this;
    /**
     * Sets a new value for property {@link #getGridGap gridGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap MDN web docs: grid-gap}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridGap(
      /**
       * New value for property `gridGap`
       */
      sGridGap?: CSSGapShortHand
    ): this;
    /**
     * Sets a new value for property {@link #getGridRowGap gridRowGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap MDN web docs: grid-row-gap}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridRowGap(
      /**
       * New value for property `gridRowGap`
       */
      sGridRowGap?: CSSSize
    ): this;
    /**
     * Sets a new value for property {@link #getGridTemplateColumns gridTemplateColumns}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns MDN web docs: grid-template-columns}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridTemplateColumns(
      /**
       * New value for property `gridTemplateColumns`
       */
      sGridTemplateColumns?: cssgrid.CSSGridTrack
    ): this;
    /**
     * Sets a new value for property {@link #getGridTemplateRows gridTemplateRows}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows MDN web docs: grid-template-rows}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridTemplateRows(
      /**
       * New value for property `gridTemplateRows`
       */
      sGridTemplateRows?: cssgrid.CSSGridTrack
    ): this;
  }
  /**
   * Describes the settings that can be provided to the GridBasicLayout constructor.
   */
  export interface $GridBasicLayoutSettings extends $GridLayoutBaseSettings {
    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns MDN web docs: grid-template-columns}
     */
    gridTemplateColumns?:
      | cssgrid.CSSGridTrack
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows MDN web docs: grid-template-rows}
     */
    gridTemplateRows?:
      | cssgrid.CSSGridTrack
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap MDN web docs: grid-row-gap}
     */
    gridRowGap?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap MDN web docs: grid-column-gap}
     */
    gridColumnGap?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap MDN web docs: grid-gap}
     */
    gridGap?: CSSGapShortHand | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows MDN web docs: grid-auto-rows}
     */
    gridAutoRows?: cssgrid.CSSGridTrack | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns MDN web docs: grid-auto-columns}
     */
    gridAutoColumns?:
      | cssgrid.CSSGridTrack
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow MDN web docs: grid-auto-flow}
     */
    gridAutoFlow?:
      | (cssgrid.CSSGridAutoFlow | keyof typeof cssgrid.CSSGridAutoFlow)
      | PropertyBindingInfo
      | `{${string}}`;
  }
}

declare module "sap/ui/layout/cssgrid/GridBoxLayout" {
  import {
    default as GridLayoutBase,
    $GridLayoutBaseSettings,
  } from "sap/ui/layout/cssgrid/GridLayoutBase";

  import { BoxesPerRowConfig } from "sap/ui/layout/library";

  import { CSSSize } from "sap/ui/core/library";

  import ManagedObjectMetadata from "sap/ui/base/ManagedObjectMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * Applies a sap.ui.layout.cssgrid.GridSettings to a provided DOM element or Control.
   *
   * @since 1.60
   */
  export default class GridBoxLayout extends GridLayoutBase {
    /**
     * Constructor for a new GridBoxLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridBoxLayoutSettings
    );
    /**
     * Constructor for a new GridBoxLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridBoxLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.cssgrid.GridBoxLayout with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.layout.cssgrid.GridLayoutBase.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, GridBoxLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.cssgrid.GridBoxLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ManagedObjectMetadata;
    /**
     * Returns a gridTemplateColumns value based on boxWidth and boxMinWidth properties
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns A value for gridTemplateColumns property
     */
    _getTemplateColumns(): string;
    /**
     * Gets current value of property {@link #getBoxesPerRowConfig boxesPerRowConfig}.
     *
     * A string type that defines number of Boxes per row for extra large, large, medium and small screens
     *
     * **Note:** When the property `boxMinWidth` or `boxWidth` is set this property has no effect.
     *
     * Default value is `"XL7 L6 M4 S2"`.
     *
     *
     * @returns Value of property `boxesPerRowConfig`
     */
    getBoxesPerRowConfig(): BoxesPerRowConfig;
    /**
     * Gets current value of property {@link #getBoxMinWidth boxMinWidth}.
     *
     * Defines the minimum width of the Boxes
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `boxMinWidth`
     */
    getBoxMinWidth(): CSSSize;
    /**
     * Gets current value of property {@link #getBoxWidth boxWidth}.
     *
     * Defines the width of the Boxes
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `boxWidth`
     */
    getBoxWidth(): CSSSize;
    /**
     *
     * @returns If the Grid Layout is responsive.
     */
    isResponsive(): boolean;
    /**
     * Sets a new value for property {@link #getBoxesPerRowConfig boxesPerRowConfig}.
     *
     * A string type that defines number of Boxes per row for extra large, large, medium and small screens
     *
     * **Note:** When the property `boxMinWidth` or `boxWidth` is set this property has no effect.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"XL7 L6 M4 S2"`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBoxesPerRowConfig(
      /**
       * New value for property `boxesPerRowConfig`
       */
      sBoxesPerRowConfig?: BoxesPerRowConfig
    ): this;
    /**
     * Sets a new value for property {@link #getBoxMinWidth boxMinWidth}.
     *
     * Defines the minimum width of the Boxes
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBoxMinWidth(
      /**
       * New value for property `boxMinWidth`
       */
      sBoxMinWidth?: CSSSize
    ): this;
    /**
     * Sets a new value for property {@link #getBoxWidth boxWidth}.
     *
     * Defines the width of the Boxes
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBoxWidth(
      /**
       * New value for property `boxWidth`
       */
      sBoxWidth?: CSSSize
    ): this;
  }
  /**
   * Describes the settings that can be provided to the GridBoxLayout constructor.
   */
  export interface $GridBoxLayoutSettings extends $GridLayoutBaseSettings {
    /**
     * Defines the minimum width of the Boxes
     */
    boxMinWidth?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Defines the width of the Boxes
     */
    boxWidth?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * A string type that defines number of Boxes per row for extra large, large, medium and small screens
     *
     * **Note:** When the property `boxMinWidth` or `boxWidth` is set this property has no effect.
     */
    boxesPerRowConfig?: BoxesPerRowConfig | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/cssgrid/GridItemLayoutData" {
  import {
    default as LayoutData,
    $LayoutDataSettings,
  } from "sap/ui/core/LayoutData";

  import { cssgrid } from "sap/ui/layout/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * Holds layout data for a grid item.
   */
  export default class GridItemLayoutData
    extends LayoutData
    implements cssgrid.IGridItemLayoutData
  {
    __implements__sap_ui_layout_cssgrid_IGridItemLayoutData: boolean;
    /**
     * Constructor for a new `sap.ui.layout.cssgrid.GridItemLayoutData`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new element.
       */
      mSettings?: $GridItemLayoutDataSettings
    );
    /**
     * Constructor for a new `sap.ui.layout.cssgrid.GridItemLayoutData`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new element, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new element.
       */
      mSettings?: $GridItemLayoutDataSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.cssgrid.GridItemLayoutData with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.LayoutData.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, GridItemLayoutData>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.cssgrid.GridItemLayoutData.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getGridColumn gridColumn}.
     *
     * Sets the value for the CSS display:grid item property grid-column {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column MDN web docs: grid-column}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridColumn`
     */
    getGridColumn(): cssgrid.CSSGridLine;
    /**
     * Gets current value of property {@link #getGridColumnEnd gridColumnEnd}.
     *
     * Sets the value for the CSS display:grid item property grid-column-end {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end MDN web docs: grid-column-end}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridColumnEnd`
     */
    getGridColumnEnd(): cssgrid.CSSGridLine;
    /**
     * Gets current value of property {@link #getGridColumnStart gridColumnStart}.
     *
     * Sets the value for the CSS display:grid item property grid-column-start {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start MDN web docs: grid-column-start}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridColumnStart`
     */
    getGridColumnStart(): cssgrid.CSSGridLine;
    /**
     * Gets current value of property {@link #getGridRow gridRow}.
     *
     * Sets the value for the CSS display:grid item property grid-row {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row MDN web docs: grid-row}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridRow`
     */
    getGridRow(): cssgrid.CSSGridLine;
    /**
     * Gets current value of property {@link #getGridRowEnd gridRowEnd}.
     *
     * Sets the value for the CSS display:grid item property grid-row-end {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end MDN web docs: grid-row-end}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridRowEnd`
     */
    getGridRowEnd(): cssgrid.CSSGridLine;
    /**
     * Gets current value of property {@link #getGridRowStart gridRowStart}.
     *
     * Sets the value for the CSS display:grid item property grid-row-start {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start MDN web docs: grid-row-start}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridRowStart`
     */
    getGridRowStart(): cssgrid.CSSGridLine;
    /**
     * Sets a new value for property {@link #getGridColumn gridColumn}.
     *
     * Sets the value for the CSS display:grid item property grid-column {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column MDN web docs: grid-column}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridColumn(
      /**
       * New value for property `gridColumn`
       */
      sGridColumn?: cssgrid.CSSGridLine
    ): this;
    /**
     * Sets a new value for property {@link #getGridColumnEnd gridColumnEnd}.
     *
     * Sets the value for the CSS display:grid item property grid-column-end {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end MDN web docs: grid-column-end}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridColumnEnd(
      /**
       * New value for property `gridColumnEnd`
       */
      sGridColumnEnd?: cssgrid.CSSGridLine
    ): this;
    /**
     * Sets a new value for property {@link #getGridColumnStart gridColumnStart}.
     *
     * Sets the value for the CSS display:grid item property grid-column-start {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start MDN web docs: grid-column-start}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridColumnStart(
      /**
       * New value for property `gridColumnStart`
       */
      sGridColumnStart?: cssgrid.CSSGridLine
    ): this;
    /**
     * Sets a new value for property {@link #getGridRow gridRow}.
     *
     * Sets the value for the CSS display:grid item property grid-row {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row MDN web docs: grid-row}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridRow(
      /**
       * New value for property `gridRow`
       */
      sGridRow?: cssgrid.CSSGridLine
    ): this;
    /**
     * Sets a new value for property {@link #getGridRowEnd gridRowEnd}.
     *
     * Sets the value for the CSS display:grid item property grid-row-end {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end MDN web docs: grid-row-end}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridRowEnd(
      /**
       * New value for property `gridRowEnd`
       */
      sGridRowEnd?: cssgrid.CSSGridLine
    ): this;
    /**
     * Sets a new value for property {@link #getGridRowStart gridRowStart}.
     *
     * Sets the value for the CSS display:grid item property grid-row-start {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start MDN web docs: grid-row-start}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridRowStart(
      /**
       * New value for property `gridRowStart`
       */
      sGridRowStart?: cssgrid.CSSGridLine
    ): this;
  }
  /**
   * Describes the settings that can be provided to the GridItemLayoutData constructor.
   */
  export interface $GridItemLayoutDataSettings extends $LayoutDataSettings {
    /**
     * Sets the value for the CSS display:grid item property grid-column-start {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start MDN web docs: grid-column-start}
     */
    gridColumnStart?: cssgrid.CSSGridLine | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid item property grid-column-end {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end MDN web docs: grid-column-end}
     */
    gridColumnEnd?: cssgrid.CSSGridLine | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid item property grid-row-start {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start MDN web docs: grid-row-start}
     */
    gridRowStart?: cssgrid.CSSGridLine | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid item property grid-row-end {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end MDN web docs: grid-row-end}
     */
    gridRowEnd?: cssgrid.CSSGridLine | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid item property grid-column {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column MDN web docs: grid-column}
     */
    gridColumn?: cssgrid.CSSGridLine | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid item property grid-row {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row MDN web docs: grid-row}
     */
    gridRow?: cssgrid.CSSGridLine | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/cssgrid/GridLayoutBase" {
  import {
    default as ManagedObject,
    $ManagedObjectSettings,
  } from "sap/ui/base/ManagedObject";

  import GridSettings from "sap/ui/layout/cssgrid/GridSettings";

  import Control from "sap/ui/core/Control";

  import ManagedObjectMetadata from "sap/ui/base/ManagedObjectMetadata";

  import { cssgrid } from "sap/ui/layout/library";

  /**
   * Applies a sap.ui.layout.cssgrid.GridSettings to a provided DOM element or Control.
   *
   * @since 1.60
   */
  export default abstract class GridLayoutBase extends ManagedObject {
    /**
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     *
     * This class does not have its own settings, but all settings applicable to the base type {@link sap.ui.base.ManagedObject#constructor sap.ui.base.ManagedObject }
     * can be used.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridLayoutBaseSettings
    );
    /**
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     *
     * This class does not have its own settings, but all settings applicable to the base type {@link sap.ui.base.ManagedObject#constructor sap.ui.base.ManagedObject }
     * can be used.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridLayoutBaseSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.cssgrid.GridLayoutBase with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.base.ManagedObject.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, GridLayoutBase>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.cssgrid.GridLayoutBase.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ManagedObjectMetadata;
    /**
     * Removes all display:grid styles from the provided HTML element
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     */
    _removeGridLayout(
      /**
       * The element from which to remove the grid styles
       */
      oElement: HTMLElement
    ): void;
    /**
     * Sets all display:grid styles to the provided HTML element
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     */
    _setGridLayout(
      /**
       * The element to which to apply the grid styles
       */
      oElement: HTMLElement,
      /**
       * The grid settings to apply
       */
      oGridSettings: GridSettings
    ): void;
    /**
     * Apply styles to the provided array of HTML elements or controls based on the currently active GridSettings
     */
    applyGridLayout(
      /**
       * The elements or controls on which to apply the display:grid styles
       */
      aElements: Control[] | HTMLElement[]
    ): void;
    /**
     * Should return the active GridSettings. Must be implemented by child classes.
     */
    getActiveGridSettings(): GridSettings;
    /**
     *
     * @returns If the Grid Layout is responsive.
     */
    isResponsive(): boolean;
    /**
     * Hook function for the Grid's onAfterRendering
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     */
    onGridAfterRendering(
      /**
       * The grid
       */
      oGrid: cssgrid.IGridConfigurable
    ): void;
    /**
     * Hook function for the Grid's resize. Will be called if the grid layout is responsive.
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     */
    onGridResize(
      /**
       * The event passed by the resize handler
       */
      oEvent: jQuery.Event
    ): void;
  }
  /**
   * Describes the settings that can be provided to the GridLayoutBase constructor.
   */
  export interface $GridLayoutBaseSettings extends $ManagedObjectSettings {}
}

declare module "sap/ui/layout/cssgrid/GridLayoutDelegate" {
  import BaseObject from "sap/ui/base/Object";

  /**
   * Add handlers for a sap.ui.layout.cssgrid.IGridConfigurable control lifecycle events. Applies the grid
   * layout when necessary. Calls sap.ui.layout.cssgrid.GridLayoutBase hook functions.
   */
  export default class GridLayoutDelegate extends BaseObject {
    constructor();
  }
}

declare module "sap/ui/layout/cssgrid/GridResponsiveLayout" {
  import {
    default as GridLayoutBase,
    $GridLayoutBaseSettings,
  } from "sap/ui/layout/cssgrid/GridLayoutBase";

  import GridSettings from "sap/ui/layout/cssgrid/GridSettings";

  import ManagedObjectMetadata from "sap/ui/base/ManagedObjectMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  import Event from "sap/ui/base/Event";

  /**
   * Applies a sap.ui.layout.cssgrid.GridSettings to a provided DOM element or Control. Have to possibility
   * to hold multiple sap.ui.layout.cssgrid.GridSettings and apply the currently active GridSettings.
   *
   * @since 1.60
   */
  export default class GridResponsiveLayout extends GridLayoutBase {
    /**
     * Constructor for a new GridResponsiveLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridResponsiveLayoutSettings
    );
    /**
     * Constructor for a new GridResponsiveLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridResponsiveLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.cssgrid.GridResponsiveLayout with name `sClassName` and
     * enriches it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.layout.cssgrid.GridLayoutBase.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, GridResponsiveLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.cssgrid.GridResponsiveLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ManagedObjectMetadata;
    /**
     * Attaches event handler `fnFunction` to the {@link #event:layoutChange layoutChange} event of this `sap.ui.layout.cssgrid.GridResponsiveLayout`.
     *
     * When called, the context of the event handler (its `this`) will be bound to `oListener` if specified,
     * otherwise it will be bound to this `sap.ui.layout.cssgrid.GridResponsiveLayout` itself.
     *
     * Fired when the currently active GridSettings changes
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    attachLayoutChange(
      /**
       * An application-specific payload object that will be passed to the event handler along with the event
       * object when firing the event
       */
      oData: object,
      /**
       * The function to be called when the event occurs
       */
      fnFunction: (p1: GridResponsiveLayout$LayoutChangeEvent) => void,
      /**
       * Context object to call the event handler with. Defaults to this `sap.ui.layout.cssgrid.GridResponsiveLayout`
       * itself
       */
      oListener?: object
    ): this;
    /**
     * Attaches event handler `fnFunction` to the {@link #event:layoutChange layoutChange} event of this `sap.ui.layout.cssgrid.GridResponsiveLayout`.
     *
     * When called, the context of the event handler (its `this`) will be bound to `oListener` if specified,
     * otherwise it will be bound to this `sap.ui.layout.cssgrid.GridResponsiveLayout` itself.
     *
     * Fired when the currently active GridSettings changes
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    attachLayoutChange(
      /**
       * The function to be called when the event occurs
       */
      fnFunction: (p1: GridResponsiveLayout$LayoutChangeEvent) => void,
      /**
       * Context object to call the event handler with. Defaults to this `sap.ui.layout.cssgrid.GridResponsiveLayout`
       * itself
       */
      oListener?: object
    ): this;
    /**
     * Destroys the layout in the aggregation {@link #getLayout layout}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyLayout(): this;
    /**
     * Destroys the layoutL in the aggregation {@link #getLayoutL layoutL}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyLayoutL(): this;
    /**
     * Destroys the layoutM in the aggregation {@link #getLayoutM layoutM}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyLayoutM(): this;
    /**
     * Destroys the layoutS in the aggregation {@link #getLayoutS layoutS}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyLayoutS(): this;
    /**
     * Destroys the layoutXL in the aggregation {@link #getLayoutXL layoutXL}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyLayoutXL(): this;
    /**
     * Detaches event handler `fnFunction` from the {@link #event:layoutChange layoutChange} event of this `sap.ui.layout.cssgrid.GridResponsiveLayout`.
     *
     * The passed function and listener object must match the ones used for event registration.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    detachLayoutChange(
      /**
       * The function to be called, when the event occurs
       */
      fnFunction: (p1: GridResponsiveLayout$LayoutChangeEvent) => void,
      /**
       * Context object on which the given function had to be called
       */
      oListener?: object
    ): this;
    /**
     * Fires event {@link #event:layoutChange layoutChange} to attached listeners.
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    fireLayoutChange(
      /**
       * Parameters to pass along with the event
       */
      mParameters?: GridResponsiveLayout$LayoutChangeEventParameters
    ): this;
    /**
     * Gets current value of property {@link #getContainerQuery containerQuery}.
     *
     * If set to `true`, the current range (large, medium or small) is defined by the size of the container
     * surrounding the `CSSGrid` instead of the device screen size (media Query).
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `containerQuery`
     */
    getContainerQuery(): boolean;
    /**
     * Gets content of aggregation {@link #getLayout layout}.
     *
     * The sap.ui.layout.cssgrid.GridSettings applied if no settings are provided for a specific size
     */
    getLayout(): GridSettings;
    /**
     * Gets content of aggregation {@link #getLayoutL layoutL}.
     *
     * The sap.ui.layout.cssgrid.GridSettings applied for size "L"
     */
    getLayoutL(): GridSettings;
    /**
     * Gets content of aggregation {@link #getLayoutM layoutM}.
     *
     * The sap.ui.layout.cssgrid.GridSettings applied for size "M"
     */
    getLayoutM(): GridSettings;
    /**
     * Gets content of aggregation {@link #getLayoutS layoutS}.
     *
     * The sap.ui.layout.cssgrid.GridSettings applied for size "S"
     */
    getLayoutS(): GridSettings;
    /**
     * Gets content of aggregation {@link #getLayoutXL layoutXL}.
     *
     * The sap.ui.layout.cssgrid.GridSettings applied for size "XL"
     */
    getLayoutXL(): GridSettings;
    /**
     * Sets a new value for property {@link #getContainerQuery containerQuery}.
     *
     * If set to `true`, the current range (large, medium or small) is defined by the size of the container
     * surrounding the `CSSGrid` instead of the device screen size (media Query).
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setContainerQuery(
      /**
       * New value for property `containerQuery`
       */
      bContainerQuery?: boolean
    ): this;
    /**
     * Sets the aggregated {@link #getLayout layout}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLayout(
      /**
       * The layout to set
       */
      oLayout: GridSettings
    ): this;
    /**
     * Sets the aggregated {@link #getLayoutL layoutL}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLayoutL(
      /**
       * The layoutL to set
       */
      oLayoutL: GridSettings
    ): this;
    /**
     * Sets the aggregated {@link #getLayoutM layoutM}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLayoutM(
      /**
       * The layoutM to set
       */
      oLayoutM: GridSettings
    ): this;
    /**
     * Sets the aggregated {@link #getLayoutS layoutS}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLayoutS(
      /**
       * The layoutS to set
       */
      oLayoutS: GridSettings
    ): this;
    /**
     * Sets the aggregated {@link #getLayoutXL layoutXL}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLayoutXL(
      /**
       * The layoutXL to set
       */
      oLayoutXL: GridSettings
    ): this;
  }
  /**
   * Describes the settings that can be provided to the GridResponsiveLayout constructor.
   */
  export interface $GridResponsiveLayoutSettings
    extends $GridLayoutBaseSettings {
    /**
     * If set to `true`, the current range (large, medium or small) is defined by the size of the container
     * surrounding the `CSSGrid` instead of the device screen size (media Query).
     */
    containerQuery?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * The sap.ui.layout.cssgrid.GridSettings applied if no settings are provided for a specific size
     */
    layout?: GridSettings;

    /**
     * The sap.ui.layout.cssgrid.GridSettings applied for size "S"
     */
    layoutS?: GridSettings;

    /**
     * The sap.ui.layout.cssgrid.GridSettings applied for size "M"
     */
    layoutM?: GridSettings;

    /**
     * The sap.ui.layout.cssgrid.GridSettings applied for size "L"
     */
    layoutL?: GridSettings;

    /**
     * The sap.ui.layout.cssgrid.GridSettings applied for size "XL"
     */
    layoutXL?: GridSettings;

    /**
     * Fired when the currently active GridSettings changes
     */
    layoutChange?: (oEvent: GridResponsiveLayout$LayoutChangeEvent) => void;
  }

  /**
   * Parameters of the GridResponsiveLayout#layoutChange event.
   */
  export interface GridResponsiveLayout$LayoutChangeEventParameters {
    /**
     * The name of the newly active layout aggregation
     */
    layout?: string;
  }

  /**
   * Event object of the GridResponsiveLayout#layoutChange event.
   */
  export type GridResponsiveLayout$LayoutChangeEvent = Event<
    GridResponsiveLayout$LayoutChangeEventParameters,
    GridResponsiveLayout
  >;
}

declare module "sap/ui/layout/cssgrid/GridSettings" {
  import {
    default as ManagedObject,
    $ManagedObjectSettings,
    PropertyBindingInfo,
  } from "sap/ui/base/ManagedObject";

  import { cssgrid } from "sap/ui/layout/library";

  import { CSSSize, CSSGapShortHand } from "sap/ui/core/library";

  import ManagedObjectMetadata from "sap/ui/base/ManagedObjectMetadata";

  /**
   * Holds a set of CSS display:grid properties
   *
   * @since 1.60
   */
  export default class GridSettings extends ManagedObject {
    /**
     * Constructor for a new GridSettings.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridSettingsSettings
    );
    /**
     * Constructor for a new GridSettings.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridSettingsSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.cssgrid.GridSettings with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.base.ManagedObject.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, GridSettings>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.cssgrid.GridSettings.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ManagedObjectMetadata;
    /**
     * Gets current value of property {@link #getGridAutoColumns gridAutoColumns}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns MDN web docs: grid-auto-columns}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridAutoColumns`
     */
    getGridAutoColumns(): cssgrid.CSSGridTrack;
    /**
     * Gets current value of property {@link #getGridAutoFlow gridAutoFlow}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow MDN web docs: grid-auto-flow}
     *
     * Default value is `"Row"`.
     *
     *
     * @returns Value of property `gridAutoFlow`
     */
    getGridAutoFlow(): cssgrid.CSSGridAutoFlow;
    /**
     * Gets current value of property {@link #getGridAutoRows gridAutoRows}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows MDN web docs: grid-auto-rows}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridAutoRows`
     */
    getGridAutoRows(): cssgrid.CSSGridTrack;
    /**
     * Gets current value of property {@link #getGridColumnGap gridColumnGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap MDN web docs: grid-column-gap}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridColumnGap`
     */
    getGridColumnGap(): CSSSize;
    /**
     * Gets current value of property {@link #getGridGap gridGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap MDN web docs: grid-gap}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridGap`
     */
    getGridGap(): CSSGapShortHand;
    /**
     * Gets current value of property {@link #getGridRowGap gridRowGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap MDN web docs: grid-row-gap}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridRowGap`
     */
    getGridRowGap(): CSSSize;
    /**
     * Gets current value of property {@link #getGridTemplateColumns gridTemplateColumns}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns MDN web docs: grid-template-columns}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridTemplateColumns`
     */
    getGridTemplateColumns(): cssgrid.CSSGridTrack;
    /**
     * Gets current value of property {@link #getGridTemplateRows gridTemplateRows}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows MDN web docs: grid-template-rows}
     *
     * Default value is `empty string`.
     *
     *
     * @returns Value of property `gridTemplateRows`
     */
    getGridTemplateRows(): cssgrid.CSSGridTrack;
    /**
     * Sets a new value for property {@link #getGridAutoColumns gridAutoColumns}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns MDN web docs: grid-auto-columns}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridAutoColumns(
      /**
       * New value for property `gridAutoColumns`
       */
      sGridAutoColumns?: cssgrid.CSSGridTrack
    ): this;
    /**
     * Sets a new value for property {@link #getGridAutoFlow gridAutoFlow}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow MDN web docs: grid-auto-flow}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"Row"`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridAutoFlow(
      /**
       * New value for property `gridAutoFlow`
       */
      sGridAutoFlow?:
        | cssgrid.CSSGridAutoFlow
        | keyof typeof cssgrid.CSSGridAutoFlow
    ): this;
    /**
     * Sets a new value for property {@link #getGridAutoRows gridAutoRows}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows MDN web docs: grid-auto-rows}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridAutoRows(
      /**
       * New value for property `gridAutoRows`
       */
      sGridAutoRows?: cssgrid.CSSGridTrack
    ): this;
    /**
     * Sets a new value for property {@link #getGridColumnGap gridColumnGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap MDN web docs: grid-column-gap}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridColumnGap(
      /**
       * New value for property `gridColumnGap`
       */
      sGridColumnGap?: CSSSize
    ): this;
    /**
     * Sets a new value for property {@link #getGridGap gridGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap MDN web docs: grid-gap}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridGap(
      /**
       * New value for property `gridGap`
       */
      sGridGap?: CSSGapShortHand
    ): this;
    /**
     * Sets a new value for property {@link #getGridRowGap gridRowGap}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap MDN web docs: grid-row-gap}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridRowGap(
      /**
       * New value for property `gridRowGap`
       */
      sGridRowGap?: CSSSize
    ): this;
    /**
     * Sets a new value for property {@link #getGridTemplateColumns gridTemplateColumns}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns MDN web docs: grid-template-columns}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridTemplateColumns(
      /**
       * New value for property `gridTemplateColumns`
       */
      sGridTemplateColumns?: cssgrid.CSSGridTrack
    ): this;
    /**
     * Sets a new value for property {@link #getGridTemplateRows gridTemplateRows}.
     *
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows MDN web docs: grid-template-rows}
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `empty string`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setGridTemplateRows(
      /**
       * New value for property `gridTemplateRows`
       */
      sGridTemplateRows?: cssgrid.CSSGridTrack
    ): this;
  }
  /**
   * Describes the settings that can be provided to the GridSettings constructor.
   */
  export interface $GridSettingsSettings extends $ManagedObjectSettings {
    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns MDN web docs: grid-template-columns}
     */
    gridTemplateColumns?:
      | cssgrid.CSSGridTrack
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows MDN web docs: grid-template-rows}
     */
    gridTemplateRows?:
      | cssgrid.CSSGridTrack
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap MDN web docs: grid-row-gap}
     */
    gridRowGap?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap MDN web docs: grid-column-gap}
     */
    gridColumnGap?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap MDN web docs: grid-gap}
     */
    gridGap?: CSSGapShortHand | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows MDN web docs: grid-auto-rows}
     */
    gridAutoRows?: cssgrid.CSSGridTrack | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns MDN web docs: grid-auto-columns}
     */
    gridAutoColumns?:
      | cssgrid.CSSGridTrack
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Sets the value for the CSS display:grid property {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow MDN web docs: grid-auto-flow}
     */
    gridAutoFlow?:
      | (cssgrid.CSSGridAutoFlow | keyof typeof cssgrid.CSSGridAutoFlow)
      | PropertyBindingInfo
      | `{${string}}`;
  }
}

declare module "sap/ui/layout/cssgrid/ResponsiveColumnItemLayoutData" {
  import {
    default as LayoutData,
    $LayoutDataSettings,
  } from "sap/ui/core/LayoutData";

  import { cssgrid } from "sap/ui/layout/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * Holds layout data for an item inside a responsive column layout.
   *
   * @since 1.72
   */
  export default class ResponsiveColumnItemLayoutData
    extends LayoutData
    implements cssgrid.IGridItemLayoutData
  {
    __implements__sap_ui_layout_cssgrid_IGridItemLayoutData: boolean;
    /**
     * Constructor for a new `sap.ui.layout.cssgrid.ResponsiveColumnItemLayoutData`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new element.
       */
      mSettings?: $ResponsiveColumnItemLayoutDataSettings
    );
    /**
     * Constructor for a new `sap.ui.layout.cssgrid.ResponsiveColumnItemLayoutData`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new element, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new element.
       */
      mSettings?: $ResponsiveColumnItemLayoutDataSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.cssgrid.ResponsiveColumnItemLayoutData with name `sClassName`
     * and enriches it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.LayoutData.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, ResponsiveColumnItemLayoutData>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.cssgrid.ResponsiveColumnItemLayoutData.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getColumns columns}.
     *
     * Specifies the number of columns, which the item should take.
     *
     * Default value is `1`.
     *
     *
     * @returns Value of property `columns`
     */
    getColumns(): int;
    /**
     * Gets current value of property {@link #getRows rows}.
     *
     * Specifies the number of rows, which the item should take.
     *
     * Default value is `1`.
     *
     *
     * @returns Value of property `rows`
     */
    getRows(): int;
    /**
     * Sets a new value for property {@link #getColumns columns}.
     *
     * Specifies the number of columns, which the item should take.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumns(
      /**
       * New value for property `columns`
       */
      iColumns?: int
    ): this;
    /**
     * Sets a new value for property {@link #getRows rows}.
     *
     * Specifies the number of rows, which the item should take.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setRows(
      /**
       * New value for property `rows`
       */
      iRows?: int
    ): this;
  }
  /**
   * Describes the settings that can be provided to the ResponsiveColumnItemLayoutData constructor.
   */
  export interface $ResponsiveColumnItemLayoutDataSettings
    extends $LayoutDataSettings {
    /**
     * Specifies the number of columns, which the item should take.
     */
    columns?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Specifies the number of rows, which the item should take.
     */
    rows?: int | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/cssgrid/ResponsiveColumnLayout" {
  import {
    default as GridLayoutBase,
    $GridLayoutBaseSettings,
  } from "sap/ui/layout/cssgrid/GridLayoutBase";

  import ManagedObjectMetadata from "sap/ui/base/ManagedObjectMetadata";

  import Event from "sap/ui/base/Event";

  /**
   * Represents a layout which displays variable number of columns, depending on available screen size. With
   * that it achieves flexible layouts and line breaks for large, medium, and small-sized screens, such as
   * desktop, tablet, and mobile.
   *
   * Grid row's height is dynamically determined by the height of the highest grid element on this row.
   *
   * The control provides the following breakpoints and layout sizes:
   * 	 -  "S" - screen width: up to 599px.
   * 	 -  "M" - screen width range: 600px - 1023px.
   * 	 -  "ML" - screen width range: 1024px - 1279px.
   * 	 -  "L" - screen width range: 1280px - 1439px.
   * 	 -  "XL" - screen width range: 1440px - 1679px.
   * 	 -  "XXL" - screen width range: 1680px - 1919px.
   * 	 -  "XXXL" - screen width range: 1920px and bigger.
   *
   * @since 1.72
   */
  export default class ResponsiveColumnLayout extends GridLayoutBase {
    /**
     * Constructor for a new `ResponsiveColumnLayout`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $ResponsiveColumnLayoutSettings
    );
    /**
     * Constructor for a new `ResponsiveColumnLayout`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $ResponsiveColumnLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.cssgrid.ResponsiveColumnLayout with name `sClassName` and
     * enriches it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.layout.cssgrid.GridLayoutBase.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, ResponsiveColumnLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.cssgrid.ResponsiveColumnLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ManagedObjectMetadata;
    /**
     * Attaches event handler `fnFunction` to the {@link #event:layoutChange layoutChange} event of this `sap.ui.layout.cssgrid.ResponsiveColumnLayout`.
     *
     * When called, the context of the event handler (its `this`) will be bound to `oListener` if specified,
     * otherwise it will be bound to this `sap.ui.layout.cssgrid.ResponsiveColumnLayout` itself.
     *
     * Fired when the currently active layout changes
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    attachLayoutChange(
      /**
       * An application-specific payload object that will be passed to the event handler along with the event
       * object when firing the event
       */
      oData: object,
      /**
       * The function to be called when the event occurs
       */
      fnFunction: (p1: ResponsiveColumnLayout$LayoutChangeEvent) => void,
      /**
       * Context object to call the event handler with. Defaults to this `sap.ui.layout.cssgrid.ResponsiveColumnLayout`
       * itself
       */
      oListener?: object
    ): this;
    /**
     * Attaches event handler `fnFunction` to the {@link #event:layoutChange layoutChange} event of this `sap.ui.layout.cssgrid.ResponsiveColumnLayout`.
     *
     * When called, the context of the event handler (its `this`) will be bound to `oListener` if specified,
     * otherwise it will be bound to this `sap.ui.layout.cssgrid.ResponsiveColumnLayout` itself.
     *
     * Fired when the currently active layout changes
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    attachLayoutChange(
      /**
       * The function to be called when the event occurs
       */
      fnFunction: (p1: ResponsiveColumnLayout$LayoutChangeEvent) => void,
      /**
       * Context object to call the event handler with. Defaults to this `sap.ui.layout.cssgrid.ResponsiveColumnLayout`
       * itself
       */
      oListener?: object
    ): this;
    /**
     * Detaches event handler `fnFunction` from the {@link #event:layoutChange layoutChange} event of this `sap.ui.layout.cssgrid.ResponsiveColumnLayout`.
     *
     * The passed function and listener object must match the ones used for event registration.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    detachLayoutChange(
      /**
       * The function to be called, when the event occurs
       */
      fnFunction: (p1: ResponsiveColumnLayout$LayoutChangeEvent) => void,
      /**
       * Context object on which the given function had to be called
       */
      oListener?: object
    ): this;
    /**
     * Fires event {@link #event:layoutChange layoutChange} to attached listeners.
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    fireLayoutChange(
      /**
       * Parameters to pass along with the event
       */
      mParameters?: ResponsiveColumnLayout$LayoutChangeEventParameters
    ): this;
    /**
     * Returns if the Grid Layout is responsive.
     *
     *
     * @returns If the Grid Layout is responsive.
     */
    isResponsive(): boolean;
  }
  /**
   * Describes the settings that can be provided to the ResponsiveColumnLayout constructor.
   */
  export interface $ResponsiveColumnLayoutSettings
    extends $GridLayoutBaseSettings {
    /**
     * Fired when the currently active layout changes
     */
    layoutChange?: (oEvent: ResponsiveColumnLayout$LayoutChangeEvent) => void;
  }

  /**
   * Parameters of the ResponsiveColumnLayout#layoutChange event.
   */
  export interface ResponsiveColumnLayout$LayoutChangeEventParameters {
    /**
     * The name of the newly active layout - "S", "M", "ML", "L", "XL", "XXL" or "XXXL".
     */
    layout?: string;
  }

  /**
   * Event object of the ResponsiveColumnLayout#layoutChange event.
   */
  export type ResponsiveColumnLayout$LayoutChangeEvent = Event<
    ResponsiveColumnLayout$LayoutChangeEventParameters,
    ResponsiveColumnLayout
  >;
}

declare module "sap/ui/layout/DynamicSideContent" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import ScrollEnablement from "sap/ui/core/delegate/ScrollEnablement";

  import {
    SideContentFallDown,
    SideContentPosition,
    SideContentVisibility,
  } from "sap/ui/layout/library";

  import { CSSSize } from "sap/ui/core/library";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  import Event from "sap/ui/base/Event";

  /**
   * Layout control that allows additional (side) content to be displayed dynamically.
   *
   * Overview:
   *
   * `DynamicSideContent` is a layout control that allows additional content to be displayed in a way that
   * flexibly adapts to different screen sizes. The side content appears in a container next to or directly
   * below the main content (it doesn't overlay). When the side content is triggered, the main content becomes
   * narrower (if appearing side-by-side). The side content contains a separate scrollbar when appearing next
   * to the main content.
   *
   * Usage:
   *
   * When to use?
   *
   * Use this control if you want to display relevant information that is not critical for users to complete
   * a task. Users should have access to all the key functions and critical information in the app even if
   * they do not see the side content. This is important because on smaller screen sizes it may be difficult
   * to display the side content in a way that is easily accessible for the user.
   *
   * When not to use?
   *
   * Don't use it if you want to display navigation or critical information that prevents users from completing
   * a task when they have no access to the side content.
   *
   * Responsive Behavior:
   *
   * Screen width > 1440 px
   *
   *
   * 	 - Main vs. side content ratio is 75 vs. 25 percent (with a minimum of 320px each).
   * 	 - If the application defines a trigger, the side content can be hidden.
   *
   * Screen width <= 1440 px and > 720px
   *
   *
   * 	 - Main vs. side content ratio is 66.666 vs. 33.333 percent (with a minimum of 320px each). If the side
   *     content width falls below 320 px, it automatically slides under the main content, unless the app development
   *     team specifies that it should disappear.
   *
   * Screen width <= 720 px (for example on a mobile device)
   *
   *
   * 	 - In this case, the side content automatically disappears from the screen (unless specified to stay
   *     under the content) and can be triggered from a pre-set trigger (specified within the app). When the side
   *     content is triggered, it replaces the main content. We recommend that you always place the trigger for
   *     the side content in the same location, such as in the app footer.
   *
   * A special case, allows for comparison mode between the main and side content. In this case, the screen
   * is split into 50:50 percent for main vs. side content. The responsive behavior of the equal split is
   * the same as in the standard view - the side content disappears on screen widths of less than 720 px and
   * can only be viewed by triggering it.
   *
   * **Note:** If there is a control that has property `sticky` inside the `DynamicSideContent` the stickiness
   * of that control will not work. `DynamicSideContent` has the overflow: auto style definition and this
   * prevents the sticky elements of the inside controls from becoming fixed at the top of the viewport. This
   * applies for example to {@link sap.m.Table} and {@link sap.m.PlanningCalendar}.
   *
   * @since 1.30
   */
  export default class DynamicSideContent extends Control {
    /**
     * Constructor for a new `DynamicSideContent`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     * See:
     * 	{@link fiori:https://experience.sap.com/fiori-design-web/dynamic-side-content/ Dynamic Side Content}
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $DynamicSideContentSettings
    );
    /**
     * Constructor for a new `DynamicSideContent`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     * See:
     * 	{@link fiori:https://experience.sap.com/fiori-design-web/dynamic-side-content/ Dynamic Side Content}
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $DynamicSideContentSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.DynamicSideContent with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, DynamicSideContent>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.DynamicSideContent.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds a control to the main content area. Only the main content part in the aggregation is re-rendered.
     *
     *
     * @returns Reference to `this` for method chaining
     */
    addMainContent(
      /**
       * Object to be added in the aggregation
       */
      oControl: Control
    ): this;
    /**
     * Adds a control to the side content area. Only the side content part in the aggregation is re-rendered.
     *
     *
     * @returns Reference to `this` for method chaining
     */
    addSideContent(
      /**
       * Object to be added in the aggregation
       */
      oControl: Control
    ): this;
    /**
     * Attaches event handler `fnFunction` to the {@link #event:breakpointChanged breakpointChanged} event of
     * this `sap.ui.layout.DynamicSideContent`.
     *
     * When called, the context of the event handler (its `this`) will be bound to `oListener` if specified,
     * otherwise it will be bound to this `sap.ui.layout.DynamicSideContent` itself.
     *
     * Fires when the current breakpoint has been changed.
     *
     * @since 1.32
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    attachBreakpointChanged(
      /**
       * An application-specific payload object that will be passed to the event handler along with the event
       * object when firing the event
       */
      oData: object,
      /**
       * The function to be called when the event occurs
       */
      fnFunction: (p1: DynamicSideContent$BreakpointChangedEvent) => void,
      /**
       * Context object to call the event handler with. Defaults to this `sap.ui.layout.DynamicSideContent` itself
       */
      oListener?: object
    ): this;
    /**
     * Attaches event handler `fnFunction` to the {@link #event:breakpointChanged breakpointChanged} event of
     * this `sap.ui.layout.DynamicSideContent`.
     *
     * When called, the context of the event handler (its `this`) will be bound to `oListener` if specified,
     * otherwise it will be bound to this `sap.ui.layout.DynamicSideContent` itself.
     *
     * Fires when the current breakpoint has been changed.
     *
     * @since 1.32
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    attachBreakpointChanged(
      /**
       * The function to be called when the event occurs
       */
      fnFunction: (p1: DynamicSideContent$BreakpointChangedEvent) => void,
      /**
       * Context object to call the event handler with. Defaults to this `sap.ui.layout.DynamicSideContent` itself
       */
      oListener?: object
    ): this;
    /**
     * Destroys all the mainContent in the aggregation {@link #getMainContent mainContent}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyMainContent(): this;
    /**
     * Destroys all the sideContent in the aggregation {@link #getSideContent sideContent}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroySideContent(): this;
    /**
     * Detaches event handler `fnFunction` from the {@link #event:breakpointChanged breakpointChanged} event
     * of this `sap.ui.layout.DynamicSideContent`.
     *
     * The passed function and listener object must match the ones used for event registration.
     *
     * @since 1.32
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    detachBreakpointChanged(
      /**
       * The function to be called, when the event occurs
       */
      fnFunction: (p1: DynamicSideContent$BreakpointChangedEvent) => void,
      /**
       * Context object on which the given function had to be called
       */
      oListener?: object
    ): this;
    /**
     * Fires event {@link #event:breakpointChanged breakpointChanged} to attached listeners.
     *
     * @since 1.32
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    fireBreakpointChanged(
      /**
       * Parameters to pass along with the event
       */
      mParameters?: DynamicSideContent$BreakpointChangedEventParameters
    ): this;
    /**
     * Gets current value of property {@link #getContainerQuery containerQuery}.
     *
     * If set to `true`, then not the media Query (device screen size) but the size of the container, surrounding
     * the control, defines the current range.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `containerQuery`
     */
    getContainerQuery(): boolean;
    /**
     * Returns the breakpoint for the current state of the control.
     *
     * If the control is not rendered yet, this method will return `undefined`, as current break point calculation
     * is based on the parent container width.
     *
     *
     * @returns currentBreakpoint
     */
    getCurrentBreakpoint(): string;
    /**
     * Gets current value of property {@link #getEqualSplit equalSplit}.
     *
     * Defines whether the control is in equal split mode. In this mode, the side and the main content take
     * 50:50 percent of the container on all screen sizes except for phone, where the main and side contents
     * are switching visibility using the toggle method.
     *
     * **Note:** setting this property overrides values set in `sideContentWidthM, sideContentWidthL, sideContentWidthXL`.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `equalSplit`
     */
    getEqualSplit(): boolean;
    /**
     * Gets content of aggregation {@link #getMainContent mainContent}.
     *
     * Main content controls.
     */
    getMainContent(): Control[];
    /**
     * Returns a scroll helper object used to handle scrolling.
     *
     * @since 1.78
     *
     * @returns The scroll helper instance
     */
    getScrollDelegate(
      /**
       * The control instance that requested the scroll helper
       */
      oControl: Control
    ): ScrollEnablement;
    /**
     * Gets current value of property {@link #getShowMainContent showMainContent}.
     *
     * Determines whether the main content is visible or hidden.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `showMainContent`
     */
    getShowMainContent(): boolean;
    /**
     * Gets current value of property {@link #getShowSideContent showSideContent}.
     *
     * Determines whether the side content is visible or hidden.
     *
     * **Note:** If both `showSideContent` and `showMainContent` properties are set to `true`, use the `toggle`
     * method for showing the side content on phone.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `showSideContent`
     */
    getShowSideContent(): boolean;
    /**
     * Gets content of aggregation {@link #getSideContent sideContent}.
     *
     * Side content controls.
     */
    getSideContent(): Control[];
    /**
     * Gets current value of property {@link #getSideContentFallDown sideContentFallDown}.
     *
     * Determines on which breakpoints the side content falls down below the main content.
     *
     * Default value is `OnMinimumWidth`.
     *
     *
     * @returns Value of property `sideContentFallDown`
     */
    getSideContentFallDown(): SideContentFallDown;
    /**
     * Gets current value of property {@link #getSideContentPosition sideContentPosition}.
     *
     * Determines whether the side content is on the left or on the right side of the main content.
     *
     * Default value is `End`.
     *
     * @since 1.36
     *
     * @returns Value of property `sideContentPosition`
     */
    getSideContentPosition(): SideContentPosition;
    /**
     * Gets current value of property {@link #getSideContentVisibility sideContentVisibility}.
     *
     * Determines on which breakpoints the side content is visible.
     *
     * Default value is `ShowAboveS`.
     *
     *
     * @returns Value of property `sideContentVisibility`
     */
    getSideContentVisibility(): SideContentVisibility;
    /**
     * Gets current value of property {@link #getSideContentWidthL sideContentWidthL}.
     *
     * Sets the width of the side content for L breakpoint (screen width <= 1440 px and > 1024px).
     *
     * Setting value to this property overrides the default width of the side content container in L breakpoint,
     * except when an `equalSplit` property is set. The width of the main content container is calculated respectively.
     *
     * @since 1.121
     *
     * @returns Value of property `sideContentWidthL`
     */
    getSideContentWidthL(): CSSSize;
    /**
     * Gets current value of property {@link #getSideContentWidthM sideContentWidthM}.
     *
     * Sets the width of the side content for M breakpoint (screen width <= 1024 px and > 720px).
     *
     * Setting value to this property overrides the default width of the side content container in M breakpoint,
     * except when an `equalSplit` property is set. The width of the main content container is calculated respectively.
     *
     * @since 1.121
     *
     * @returns Value of property `sideContentWidthM`
     */
    getSideContentWidthM(): CSSSize;
    /**
     * Gets current value of property {@link #getSideContentWidthXL sideContentWidthXL}.
     *
     * Sets the width of the side content for XL breakpoint (screen width > 1440 px).
     *
     * Setting value to this property overrides the default width of the side content container in XL breakpoint,
     * except when an `equalSplit` property is set. The width of the main content container is calculated respectively.
     *
     * @since 1.121
     *
     * @returns Value of property `sideContentWidthXL`
     */
    getSideContentWidthXL(): CSSSize;
    /**
     * Checks for the provided `sap.ui.core.Control` in the aggregation {@link #getMainContent mainContent}.
     * and returns its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfMainContent(
      /**
       * The mainContent whose index is looked for
       */
      oMainContent: Control
    ): int;
    /**
     * Checks for the provided `sap.ui.core.Control` in the aggregation {@link #getSideContent sideContent}.
     * and returns its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfSideContent(
      /**
       * The sideContent whose index is looked for
       */
      oSideContent: Control
    ): int;
    /**
     * Inserts a mainContent into the aggregation {@link #getMainContent mainContent}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertMainContent(
      /**
       * The mainContent to insert; if empty, nothing is inserted
       */
      oMainContent: Control,
      /**
       * The `0`-based index the mainContent should be inserted at; for a negative value of `iIndex`, the mainContent
       * is inserted at position 0; for a value greater than the current size of the aggregation, the mainContent
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Inserts a sideContent into the aggregation {@link #getSideContent sideContent}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertSideContent(
      /**
       * The sideContent to insert; if empty, nothing is inserted
       */
      oSideContent: Control,
      /**
       * The `0`-based index the sideContent should be inserted at; for a negative value of `iIndex`, the sideContent
       * is inserted at position 0; for a value greater than the current size of the aggregation, the sideContent
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Checks if the main content is visible.
     *
     *
     * @returns Main content visibility state
     */
    isMainContentVisible(): boolean;
    /**
     * Checks if the side content is visible.
     *
     *
     * @returns Side content visibility state
     */
    isSideContentVisible(): boolean;
    /**
     * Removes all the controls from the aggregation {@link #getMainContent mainContent}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllMainContent(): Control[];
    /**
     * Removes all the controls from the aggregation {@link #getSideContent sideContent}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllSideContent(): Control[];
    /**
     * Removes a mainContent from the aggregation {@link #getMainContent mainContent}.
     *
     *
     * @returns The removed mainContent or `null`
     */
    removeMainContent(
      /**
       * The mainContent to remove or its index or id
       */
      vMainContent: int | string | Control
    ): Control | null;
    /**
     * Removes a sideContent from the aggregation {@link #getSideContent sideContent}.
     *
     *
     * @returns The removed sideContent or `null`
     */
    removeSideContent(
      /**
       * The sideContent to remove or its index or id
       */
      vSideContent: int | string | Control
    ): Control | null;
    /**
     * Sets a new value for property {@link #getContainerQuery containerQuery}.
     *
     * If set to `true`, then not the media Query (device screen size) but the size of the container, surrounding
     * the control, defines the current range.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setContainerQuery(
      /**
       * New value for property `containerQuery`
       */
      bContainerQuery?: boolean
    ): this;
    /**
     * Sets or unsets the page in equalSplit mode.
     *
     *
     * @returns Reference to `this` for method chaining
     */
    setEqualSplit(
      /**
       * Determines if the page is set to equalSplit mode
       */
      bState?: boolean
    ): this;
    /**
     * Sets the showMainContent property.
     *
     *
     * @returns Reference to `this` for method chaining
     */
    setShowMainContent(
      /**
       * Determines if the main content part is visible
       */
      bVisible: boolean,
      /**
       * Determines if the visual state is updated
       */
      bSuppressVisualUpdate: boolean
    ): this;
    /**
     * Sets the showSideContent property.
     *
     *
     * @returns Reference to `this` for method chaining
     */
    setShowSideContent(
      /**
       * Determines if the side content part is visible
       */
      bVisible: boolean,
      /**
       * Determines if the visual state is updated
       */
      bSuppressVisualUpdate: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getSideContentFallDown sideContentFallDown}.
     *
     * Determines on which breakpoints the side content falls down below the main content.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `OnMinimumWidth`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSideContentFallDown(
      /**
       * New value for property `sideContentFallDown`
       */
      sSideContentFallDown?:
        | SideContentFallDown
        | keyof typeof SideContentFallDown
    ): this;
    /**
     * Sets a new value for property {@link #getSideContentPosition sideContentPosition}.
     *
     * Determines whether the side content is on the left or on the right side of the main content.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `End`.
     *
     * @since 1.36
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSideContentPosition(
      /**
       * New value for property `sideContentPosition`
       */
      sSideContentPosition?:
        | SideContentPosition
        | keyof typeof SideContentPosition
    ): this;
    /**
     * Sets the sideContentVisibility property.
     *
     *
     * @returns Reference to `this` for method chaining
     */
    setSideContentVisibility(
      /**
       * Determines on which breakpoints the side content is visible.
       */
      sVisibility: SideContentVisibility | keyof typeof SideContentVisibility,
      /**
       * Determines if the visual state is updated
       */
      bSuppressVisualUpdate: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getSideContentWidthL sideContentWidthL}.
     *
     * Sets the width of the side content for L breakpoint (screen width <= 1440 px and > 1024px).
     *
     * Setting value to this property overrides the default width of the side content container in L breakpoint,
     * except when an `equalSplit` property is set. The width of the main content container is calculated respectively.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * @since 1.121
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSideContentWidthL(
      /**
       * New value for property `sideContentWidthL`
       */
      sSideContentWidthL?: CSSSize
    ): this;
    /**
     * Sets a new value for property {@link #getSideContentWidthM sideContentWidthM}.
     *
     * Sets the width of the side content for M breakpoint (screen width <= 1024 px and > 720px).
     *
     * Setting value to this property overrides the default width of the side content container in M breakpoint,
     * except when an `equalSplit` property is set. The width of the main content container is calculated respectively.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * @since 1.121
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSideContentWidthM(
      /**
       * New value for property `sideContentWidthM`
       */
      sSideContentWidthM?: CSSSize
    ): this;
    /**
     * Sets a new value for property {@link #getSideContentWidthXL sideContentWidthXL}.
     *
     * Sets the width of the side content for XL breakpoint (screen width > 1440 px).
     *
     * Setting value to this property overrides the default width of the side content container in XL breakpoint,
     * except when an `equalSplit` property is set. The width of the main content container is calculated respectively.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * @since 1.121
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSideContentWidthXL(
      /**
       * New value for property `sideContentWidthXL`
       */
      sSideContentWidthXL?: CSSSize
    ): this;
    /**
     * Used for the toggle button functionality. When the control is on a phone screen size only, one control
     * area is visible. This helper method is used to implement a button/switch for changing between the main
     * and side content areas. Only works if the current breakpoint is "S".
     *
     *
     * @returns Reference to `this` for method chaining
     */
    toggle(): this;
  }
  /**
   * Describes the settings that can be provided to the DynamicSideContent constructor.
   */
  export interface $DynamicSideContentSettings extends $ControlSettings {
    /**
     * Determines whether the side content is visible or hidden.
     *
     * **Note:** If both `showSideContent` and `showMainContent` properties are set to `true`, use the `toggle`
     * method for showing the side content on phone.
     */
    showSideContent?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Determines whether the main content is visible or hidden.
     */
    showMainContent?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Determines on which breakpoints the side content is visible.
     */
    sideContentVisibility?:
      | (SideContentVisibility | keyof typeof SideContentVisibility)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Determines on which breakpoints the side content falls down below the main content.
     */
    sideContentFallDown?:
      | (SideContentFallDown | keyof typeof SideContentFallDown)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Sets the width of the side content for M breakpoint (screen width <= 1024 px and > 720px).
     *
     * Setting value to this property overrides the default width of the side content container in M breakpoint,
     * except when an `equalSplit` property is set. The width of the main content container is calculated respectively.
     *
     * @since 1.121
     */
    sideContentWidthM?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the width of the side content for L breakpoint (screen width <= 1440 px and > 1024px).
     *
     * Setting value to this property overrides the default width of the side content container in L breakpoint,
     * except when an `equalSplit` property is set. The width of the main content container is calculated respectively.
     *
     * @since 1.121
     */
    sideContentWidthL?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the width of the side content for XL breakpoint (screen width > 1440 px).
     *
     * Setting value to this property overrides the default width of the side content container in XL breakpoint,
     * except when an `equalSplit` property is set. The width of the main content container is calculated respectively.
     *
     * @since 1.121
     */
    sideContentWidthXL?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Defines whether the control is in equal split mode. In this mode, the side and the main content take
     * 50:50 percent of the container on all screen sizes except for phone, where the main and side contents
     * are switching visibility using the toggle method.
     *
     * **Note:** setting this property overrides values set in `sideContentWidthM, sideContentWidthL, sideContentWidthXL`.
     */
    equalSplit?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * If set to `true`, then not the media Query (device screen size) but the size of the container, surrounding
     * the control, defines the current range.
     */
    containerQuery?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Determines whether the side content is on the left or on the right side of the main content.
     *
     * @since 1.36
     */
    sideContentPosition?:
      | (SideContentPosition | keyof typeof SideContentPosition)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Main content controls.
     */
    mainContent?: Control[] | Control | AggregationBindingInfo | `{${string}}`;

    /**
     * Side content controls.
     */
    sideContent?: Control[] | Control | AggregationBindingInfo | `{${string}}`;

    /**
     * Fires when the current breakpoint has been changed.
     *
     * @since 1.32
     */
    breakpointChanged?: (
      oEvent: DynamicSideContent$BreakpointChangedEvent
    ) => void;
  }

  /**
   * Parameters of the DynamicSideContent#breakpointChanged event.
   */
  export interface DynamicSideContent$BreakpointChangedEventParameters {
    currentBreakpoint?: string;
  }

  /**
   * Event object of the DynamicSideContent#breakpointChanged event.
   */
  export type DynamicSideContent$BreakpointChangedEvent = Event<
    DynamicSideContent$BreakpointChangedEventParameters,
    DynamicSideContent
  >;
}

declare module "sap/ui/layout/FixFlex" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import { CSSSize } from "sap/ui/core/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * A layout container with a fixed and a flexible part. Overview: The FixFlex control builds the container
   * for a layout with a fixed and a flexible part. The flexible container adapts its size to the fix container.
   * Guidelines::
   * 	 - The fix container can hold any number of controls, while the flexible container can hold only one
   *
   * 	 - In order for the FixFlex to stretch properly, the parent element, in which the control is placed,
   *     needs to have a specified height or needs to have an absolute position.
   * 	 - Avoid nesting FixFlex in other flexbox-based layout controls ({@link sap.ui.layout.FixFlex FixFlex},
   *     {@link sap.m.FlexBox FlexBox}, Hbox, Vbox). Otherwise, contents may be not accessible or multiple scrollbars
   *     can appear.  Structure: The behavior of the FixFlex is controlled by the following properties:
   *
   * 	 - `fixContentSize` - The width/height of the fix part of the control
   * 	 - `fixFirst` - The ordering of the fix and flex part
   * 	 - `minFlexSize` - Scrolling inside the flex part, if its contents are large
   * 	 - `vertical` - Alignment of the FixFlex control  Responsive Behavior:
   * 	 - If the child control of the flex or the fix container has width/height bigger than the container
   *     itself, the child control will be cropped in the view.
   * 	 - If minFlexSize is set, then a scrollbar is shown in the flexible part, depending on the `vertical`
   *     property.
   *
   * @since 1.25.0
   */
  export default class FixFlex extends Control {
    /**
     * Constructor for a new FixFlex.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $FixFlexSettings
    );
    /**
     * Constructor for a new FixFlex.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $FixFlexSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.FixFlex with name `sClassName` and enriches it with the
     * information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, FixFlex>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.FixFlex.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some fixContent to the aggregation {@link #getFixContent fixContent}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addFixContent(
      /**
       * The fixContent to add; if empty, nothing is inserted
       */
      oFixContent: Control
    ): this;
    /**
     * Destroys all the fixContent in the aggregation {@link #getFixContent fixContent}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyFixContent(): this;
    /**
     * Destroys the flexContent in the aggregation {@link #getFlexContent flexContent}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyFlexContent(): this;
    /**
     * Gets content of aggregation {@link #getFixContent fixContent}.
     *
     * Controls in the fixed part of the layout.
     */
    getFixContent(): Control[];
    /**
     * Gets current value of property {@link #getFixContentSize fixContentSize}.
     *
     * Determines the height (if the vertical property is "true") or the width (if the vertical property is
     * "false") of the fixed area. If left at the default value "auto", the fixed-size area will be as large
     * as its content. In this case the content cannot use percentage sizes.
     *
     * Default value is `"auto"`.
     *
     *
     * @returns Value of property `fixContentSize`
     */
    getFixContentSize(): CSSSize;
    /**
     * Gets current value of property {@link #getFixFirst fixFirst}.
     *
     * Determines whether the fixed-size area should be on the beginning/top ( if the value is "true") or end/bottom
     * ( if the value is "false").
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `fixFirst`
     */
    getFixFirst(): boolean;
    /**
     * Gets content of aggregation {@link #getFlexContent flexContent}.
     *
     * Control in the stretching part of the layout.
     */
    getFlexContent(): Control;
    /**
     * Gets current value of property {@link #getMinFlexSize minFlexSize}.
     *
     * Enables scrolling inside the flexible part. The given size is calculated in "px". If the child control
     * in the flexible part is larger than the available flexible size on the screen and if the available size
     * for the flexible part is smaller or equal to the minFlexSize value, the scroll will be for the entire
     * FixFlex control.
     *
     * Default value is `0`.
     *
     * @since 1.29
     *
     * @returns Value of property `minFlexSize`
     */
    getMinFlexSize(): int;
    /**
     * Gets current value of property {@link #getVertical vertical}.
     *
     * Determines the direction of the layout of child elements. True for vertical and false for horizontal
     * layout.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `vertical`
     */
    getVertical(): boolean;
    /**
     * Checks for the provided `sap.ui.core.Control` in the aggregation {@link #getFixContent fixContent}. and
     * returns its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfFixContent(
      /**
       * The fixContent whose index is looked for
       */
      oFixContent: Control
    ): int;
    /**
     * Inserts a fixContent into the aggregation {@link #getFixContent fixContent}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertFixContent(
      /**
       * The fixContent to insert; if empty, nothing is inserted
       */
      oFixContent: Control,
      /**
       * The `0`-based index the fixContent should be inserted at; for a negative value of `iIndex`, the fixContent
       * is inserted at position 0; for a value greater than the current size of the aggregation, the fixContent
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes all the controls from the aggregation {@link #getFixContent fixContent}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllFixContent(): Control[];
    /**
     * Removes a fixContent from the aggregation {@link #getFixContent fixContent}.
     *
     *
     * @returns The removed fixContent or `null`
     */
    removeFixContent(
      /**
       * The fixContent to remove or its index or id
       */
      vFixContent: int | string | Control
    ): Control | null;
    /**
     * Sets a new value for property {@link #getFixContentSize fixContentSize}.
     *
     * Determines the height (if the vertical property is "true") or the width (if the vertical property is
     * "false") of the fixed area. If left at the default value "auto", the fixed-size area will be as large
     * as its content. In this case the content cannot use percentage sizes.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"auto"`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setFixContentSize(
      /**
       * New value for property `fixContentSize`
       */
      sFixContentSize?: CSSSize
    ): this;
    /**
     * Sets a new value for property {@link #getFixFirst fixFirst}.
     *
     * Determines whether the fixed-size area should be on the beginning/top ( if the value is "true") or end/bottom
     * ( if the value is "false").
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setFixFirst(
      /**
       * New value for property `fixFirst`
       */
      bFixFirst?: boolean
    ): this;
    /**
     * Sets the aggregated {@link #getFlexContent flexContent}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setFlexContent(
      /**
       * The flexContent to set
       */
      oFlexContent: Control
    ): this;
    /**
     * Sets a new value for property {@link #getMinFlexSize minFlexSize}.
     *
     * Enables scrolling inside the flexible part. The given size is calculated in "px". If the child control
     * in the flexible part is larger than the available flexible size on the screen and if the available size
     * for the flexible part is smaller or equal to the minFlexSize value, the scroll will be for the entire
     * FixFlex control.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `0`.
     *
     * @since 1.29
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setMinFlexSize(
      /**
       * New value for property `minFlexSize`
       */
      iMinFlexSize?: int
    ): this;
    /**
     * Sets a new value for property {@link #getVertical vertical}.
     *
     * Determines the direction of the layout of child elements. True for vertical and false for horizontal
     * layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setVertical(
      /**
       * New value for property `vertical`
       */
      bVertical?: boolean
    ): this;
  }
  /**
   * Describes the settings that can be provided to the FixFlex constructor.
   */
  export interface $FixFlexSettings extends $ControlSettings {
    /**
     * Determines the direction of the layout of child elements. True for vertical and false for horizontal
     * layout.
     */
    vertical?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Determines whether the fixed-size area should be on the beginning/top ( if the value is "true") or end/bottom
     * ( if the value is "false").
     */
    fixFirst?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Determines the height (if the vertical property is "true") or the width (if the vertical property is
     * "false") of the fixed area. If left at the default value "auto", the fixed-size area will be as large
     * as its content. In this case the content cannot use percentage sizes.
     */
    fixContentSize?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Enables scrolling inside the flexible part. The given size is calculated in "px". If the child control
     * in the flexible part is larger than the available flexible size on the screen and if the available size
     * for the flexible part is smaller or equal to the minFlexSize value, the scroll will be for the entire
     * FixFlex control.
     *
     * @since 1.29
     */
    minFlexSize?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Controls in the fixed part of the layout.
     */
    fixContent?: Control[] | Control | AggregationBindingInfo | `{${string}}`;

    /**
     * Control in the stretching part of the layout.
     */
    flexContent?: Control;
  }
}

declare module "sap/ui/layout/form/ColumnContainerData" {
  import {
    default as LayoutData,
    $LayoutDataSettings,
  } from "sap/ui/core/LayoutData";

  import { form } from "sap/ui/layout/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * The {@link sap.ui.layout.form.ColumnLayout ColumnLayout}-specific layout data for the {@link sap.ui.layout.form.FormContainer FormContainer }
   * element.
   *
   * Depending on its size, the {@link sap.ui.layout.form.Form Form} control is divided into 1, 2, 3 or 4
   * columns by the {@link sap.ui.layout.form.ColumnLayout ColumnLayout} control. Using `ColumnContainerData`,
   * the size of the {@link sap.ui.layout.form.FormContainer FormContainer} element can be influenced.
   *
   * @since 1.56.0
   */
  export default class ColumnContainerData extends LayoutData {
    /**
     * Constructor for a new sap.ui.layout.form.ColumnContainerData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $ColumnContainerDataSettings
    );
    /**
     * Constructor for a new sap.ui.layout.form.ColumnContainerData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $ColumnContainerDataSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.ColumnContainerData with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.LayoutData.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, ColumnContainerData>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.ColumnContainerData.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getColumnsL columnsL}.
     *
     * Number of columns the {@link sap.ui.layout.form.FormContainer FormContainer} element uses if the {@link sap.ui.layout.form.Form Form }
     * control has large size.
     *
     * The number of columns for large size must not be smaller than the number of columns for medium size.
     *
     * Default value is `2`.
     *
     *
     * @returns Value of property `columnsL`
     */
    getColumnsL(): form.ColumnsL;
    /**
     * Gets current value of property {@link #getColumnsM columnsM}.
     *
     * Number of columns the {@link sap.ui.layout.form.FormContainer FormContainer} element uses if the {@link sap.ui.layout.form.Form Form }
     * control has medium size.
     *
     * Default value is `1`.
     *
     *
     * @returns Value of property `columnsM`
     */
    getColumnsM(): form.ColumnsM;
    /**
     * Gets current value of property {@link #getColumnsXL columnsXL}.
     *
     * Number of columns the {@link sap.ui.layout.form.FormContainer FormContainer} element uses if the {@link sap.ui.layout.form.Form Form }
     * control has extra-large size.
     *
     * The number of columns for extra-large size must not be smaller than the number of columns for large size.
     *
     * Default value is `2`.
     *
     *
     * @returns Value of property `columnsXL`
     */
    getColumnsXL(): form.ColumnsXL;
    /**
     * Sets a new value for property {@link #getColumnsL columnsL}.
     *
     * Number of columns the {@link sap.ui.layout.form.FormContainer FormContainer} element uses if the {@link sap.ui.layout.form.Form Form }
     * control has large size.
     *
     * The number of columns for large size must not be smaller than the number of columns for medium size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `2`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumnsL(
      /**
       * New value for property `columnsL`
       */
      sColumnsL?: form.ColumnsL
    ): this;
    /**
     * Sets a new value for property {@link #getColumnsM columnsM}.
     *
     * Number of columns the {@link sap.ui.layout.form.FormContainer FormContainer} element uses if the {@link sap.ui.layout.form.Form Form }
     * control has medium size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumnsM(
      /**
       * New value for property `columnsM`
       */
      sColumnsM?: form.ColumnsM
    ): this;
    /**
     * Sets a new value for property {@link #getColumnsXL columnsXL}.
     *
     * Number of columns the {@link sap.ui.layout.form.FormContainer FormContainer} element uses if the {@link sap.ui.layout.form.Form Form }
     * control has extra-large size.
     *
     * The number of columns for extra-large size must not be smaller than the number of columns for large size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `2`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumnsXL(
      /**
       * New value for property `columnsXL`
       */
      sColumnsXL?: form.ColumnsXL
    ): this;
  }
  /**
   * Describes the settings that can be provided to the ColumnContainerData constructor.
   */
  export interface $ColumnContainerDataSettings extends $LayoutDataSettings {
    /**
     * Number of columns the {@link sap.ui.layout.form.FormContainer FormContainer} element uses if the {@link sap.ui.layout.form.Form Form }
     * control has extra-large size.
     *
     * The number of columns for extra-large size must not be smaller than the number of columns for large size.
     */
    columnsXL?: form.ColumnsXL | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of columns the {@link sap.ui.layout.form.FormContainer FormContainer} element uses if the {@link sap.ui.layout.form.Form Form }
     * control has large size.
     *
     * The number of columns for large size must not be smaller than the number of columns for medium size.
     */
    columnsL?: form.ColumnsL | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of columns the {@link sap.ui.layout.form.FormContainer FormContainer} element uses if the {@link sap.ui.layout.form.Form Form }
     * control has medium size.
     */
    columnsM?: form.ColumnsM | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/form/ColumnElementData" {
  import {
    default as LayoutData,
    $LayoutDataSettings,
  } from "sap/ui/core/LayoutData";

  import { form } from "sap/ui/layout/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * The {@link sap.ui.layout.form.ColumnLayout ColumnLayout}-specific layout data for the {@link sap.ui.layout.form.Form Form }
   * content fields.
   *
   * One {@link sap.ui.layout.form.FormElement FormElement} element contains 12 cells and has two sizes, small
   * and large. Using `ColumnElementData`, the default calculation of the cells used for a field or label
   * can be overwritten.
   *
   * @since 1.56.0
   */
  export default class ColumnElementData extends LayoutData {
    /**
     * Constructor for a new sap.ui.layout.form.ColumnElementData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $ColumnElementDataSettings
    );
    /**
     * Constructor for a new sap.ui.layout.form.ColumnElementData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $ColumnElementDataSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.ColumnElementData with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.LayoutData.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, ColumnElementData>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.ColumnElementData.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getCellsLarge cellsLarge}.
     *
     * Number of cells used by a field if the {@link sap.ui.layout.form.FormElement FormElement} element is
     * large. The label is then beside the fields per default.
     *
     * If set to `12`, the full size of the {@link sap.ui.layout.form.FormElement FormElement} element is used.
     *
     * Default value is `8`.
     *
     *
     * @returns Value of property `cellsLarge`
     */
    getCellsLarge(): form.ColumnCells;
    /**
     * Gets current value of property {@link #getCellsSmall cellsSmall}.
     *
     * Number of cells used by a field if the {@link sap.ui.layout.form.FormElement FormElement} element is
     * small. The label is then above the fields per default.
     *
     * If set to `12`, the full size of the {@link sap.ui.layout.form.FormElement FormElement} is used.
     *
     * Default value is `12`.
     *
     *
     * @returns Value of property `cellsSmall`
     */
    getCellsSmall(): form.ColumnCells;
    /**
     * Sets a new value for property {@link #getCellsLarge cellsLarge}.
     *
     * Number of cells used by a field if the {@link sap.ui.layout.form.FormElement FormElement} element is
     * large. The label is then beside the fields per default.
     *
     * If set to `12`, the full size of the {@link sap.ui.layout.form.FormElement FormElement} element is used.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `8`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setCellsLarge(
      /**
       * New value for property `cellsLarge`
       */
      sCellsLarge?: form.ColumnCells
    ): this;
    /**
     * Sets a new value for property {@link #getCellsSmall cellsSmall}.
     *
     * Number of cells used by a field if the {@link sap.ui.layout.form.FormElement FormElement} element is
     * small. The label is then above the fields per default.
     *
     * If set to `12`, the full size of the {@link sap.ui.layout.form.FormElement FormElement} is used.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `12`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setCellsSmall(
      /**
       * New value for property `cellsSmall`
       */
      sCellsSmall?: form.ColumnCells
    ): this;
  }
  /**
   * Describes the settings that can be provided to the ColumnElementData constructor.
   */
  export interface $ColumnElementDataSettings extends $LayoutDataSettings {
    /**
     * Number of cells used by a field if the {@link sap.ui.layout.form.FormElement FormElement} element is
     * large. The label is then beside the fields per default.
     *
     * If set to `12`, the full size of the {@link sap.ui.layout.form.FormElement FormElement} element is used.
     */
    cellsLarge?: form.ColumnCells | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of cells used by a field if the {@link sap.ui.layout.form.FormElement FormElement} element is
     * small. The label is then above the fields per default.
     *
     * If set to `12`, the full size of the {@link sap.ui.layout.form.FormElement FormElement} is used.
     */
    cellsSmall?: form.ColumnCells | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/form/ColumnLayout" {
  import {
    default as FormLayout,
    $FormLayoutSettings,
  } from "sap/ui/layout/form/FormLayout";

  import { form } from "sap/ui/layout/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * The `ColumnLayout` control renders a {@link sap.ui.layout.form.Form Form} control in a column-based responsive
   * way. Depending on its size, the {@link sap.ui.layout.form.Form Form} control is divided into one or more
   * columns. (XL - max. 6 columns, L - max. 4 columns, M - max. 3 columns and S - 1 column.)
   *
   * The {@link sap.ui.layout.form.FormContainer FormContainer} elements are spread out to the columns depending
   * on the number of {@link sap.ui.layout.form.FormContainer FormContainer} elements and their size. For
   * example, if there are 4 columns and 2 {@link sap.ui.layout.form.FormContainer FormContainer} elements,
   * each {@link sap.ui.layout.form.FormContainer FormContainer} element will use 2 columns. If there are
   * 3 columns and 2 {@link sap.ui.layout.form.FormContainer FormContainer} elements, the larger one will
   * use 2 columns, the smaller one 1 column. The size of a {@link sap.ui.layout.form.FormContainer FormContainer }
   * element will be determined based on the number of visible {@link sap.ui.layout.form.FormElement FormElement }
   * elements assigned to it. If there are more {@link sap.ui.layout.form.FormContainer FormContainer} elements
   * than columns, every {@link sap.ui.layout.form.FormContainer FormContainer} element uses only one column.
   * So the last row of the {@link sap.ui.layout.form.Form Form} control will not be fully used.
   *
   * The default size of the {@link sap.ui.layout.form.FormContainer FormContainer} element can be overwritten
   * by using {@link sap.ui.layout.form.ColumnContainerData ColumnContainerData} as {@link sap.ui.core.Element#setLayoutData LayoutData}.
   * If one {@link sap.ui.layout.form.FormContainer FormContainer} element has {@link sap.ui.layout.form.ColumnContainerData ColumnContainerData }
   * set, the size calculation of the other {@link sap.ui.layout.form.FormContainer FormContainer} elements
   * might not lead to the expected result. In this case, use {@link sap.ui.layout.form.ColumnContainerData ColumnContainerData }
   * also for the other {@link sap.ui.layout.form.FormContainer FormContainer} elements.
   *
   * The {@link sap.ui.layout.form.FormElement FormElement} elements are spread out to the columns of a {@link sap.ui.layout.form.FormContainer FormContainer }
   * element arranged in a newspaper-like order. The position of the labels and fields depends on the size
   * of the used column. If there is enough space, the labels are beside the fields, otherwise above the fields.
   *
   * The default size of a content control of a {@link sap.ui.layout.form.FormElement FormElement} element
   * can be overwritten using {@link sap.ui.layout.form.ColumnElementData ColumnElementData} as {@link sap.ui.core.Element#setLayoutData LayoutData}.
   * If one control assigned to a {@link sap.ui.layout.form.FormElement FormElement} element has {@link sap.ui.layout.form.ColumnElementData ColumnElementData }
   * set, the size calculation of the other controls assigned to the {@link sap.ui.layout.form.FormElement FormElement }
   * element might not lead to the expected result. In this case, use {@link sap.ui.layout.form.ColumnElementData ColumnElementData }
   * for the other controls, assigned to the {@link sap.ui.layout.form.FormElement FormElement} element, too.
   *
   * The placement of the {@link sap.ui.layout.form.FormElement FormElement} elements is made by the browser
   * `column-count` logic. So this can be different in different browsers and lead in some cases to other
   * results than might be expected.
   *
   * **Note:** This control cannot be used stand-alone, it just renders a {@link sap.ui.layout.form.Form Form }
   * control, so it must be assigned to a {@link sap.ui.layout.form.Form Form} control using the {@link sap.ui.layout.form.Form#setLayout layout }
   * aggregation.
   *
   * @since 1.56.0
   */
  export default class ColumnLayout extends FormLayout {
    /**
     * Constructor for a new `sap.ui.layout.form.ColumnLayout`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $ColumnLayoutSettings
    );
    /**
     * Constructor for a new `sap.ui.layout.form.ColumnLayout`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $ColumnLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.ColumnLayout with name `sClassName` and enriches it
     * with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.layout.form.FormLayout.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, ColumnLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.ColumnLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getColumnsL columnsL}.
     *
     * Number of columns for large size.
     *
     * The number of columns for large size must not be smaller than the number of columns for medium size.
     *
     * Default value is `2`.
     *
     *
     * @returns Value of property `columnsL`
     */
    getColumnsL(): form.ColumnsL;
    /**
     * Gets current value of property {@link #getColumnsM columnsM}.
     *
     * Number of columns for medium size.
     *
     * Default value is `1`.
     *
     *
     * @returns Value of property `columnsM`
     */
    getColumnsM(): form.ColumnsM;
    /**
     * Gets current value of property {@link #getColumnsXL columnsXL}.
     *
     * Number of columns for extra-large size.
     *
     * The number of columns for extra-large size must not be smaller than the number of columns for large size.
     *
     * Default value is `2`.
     *
     *
     * @returns Value of property `columnsXL`
     */
    getColumnsXL(): form.ColumnsXL;
    /**
     * Gets current value of property {@link #getEmptyCellsLarge emptyCellsLarge}.
     *
     * Defines how many cells are empty at the end of a row. This could be used to keep the fields small on
     * large screens.
     *
     * Default value is `0`.
     *
     *
     * @returns Value of property `emptyCellsLarge`
     */
    getEmptyCellsLarge(): form.EmptyCells;
    /**
     * Gets current value of property {@link #getLabelCellsLarge labelCellsLarge}.
     *
     * Defines how many cells a label uses if the column is large.
     *
     * Default value is `4`.
     *
     *
     * @returns Value of property `labelCellsLarge`
     */
    getLabelCellsLarge(): form.ColumnCells;
    /**
     * Sets a new value for property {@link #getColumnsL columnsL}.
     *
     * Number of columns for large size.
     *
     * The number of columns for large size must not be smaller than the number of columns for medium size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `2`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumnsL(
      /**
       * New value for property `columnsL`
       */
      sColumnsL?: form.ColumnsL
    ): this;
    /**
     * Sets a new value for property {@link #getColumnsM columnsM}.
     *
     * Number of columns for medium size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumnsM(
      /**
       * New value for property `columnsM`
       */
      sColumnsM?: form.ColumnsM
    ): this;
    /**
     * Sets a new value for property {@link #getColumnsXL columnsXL}.
     *
     * Number of columns for extra-large size.
     *
     * The number of columns for extra-large size must not be smaller than the number of columns for large size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `2`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumnsXL(
      /**
       * New value for property `columnsXL`
       */
      sColumnsXL?: form.ColumnsXL
    ): this;
    /**
     * Sets a new value for property {@link #getEmptyCellsLarge emptyCellsLarge}.
     *
     * Defines how many cells are empty at the end of a row. This could be used to keep the fields small on
     * large screens.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `0`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setEmptyCellsLarge(
      /**
       * New value for property `emptyCellsLarge`
       */
      sEmptyCellsLarge?: form.EmptyCells
    ): this;
    /**
     * Sets a new value for property {@link #getLabelCellsLarge labelCellsLarge}.
     *
     * Defines how many cells a label uses if the column is large.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `4`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLabelCellsLarge(
      /**
       * New value for property `labelCellsLarge`
       */
      sLabelCellsLarge?: form.ColumnCells
    ): this;
  }
  /**
   * Describes the settings that can be provided to the ColumnLayout constructor.
   */
  export interface $ColumnLayoutSettings extends $FormLayoutSettings {
    /**
     * Number of columns for extra-large size.
     *
     * The number of columns for extra-large size must not be smaller than the number of columns for large size.
     */
    columnsXL?: form.ColumnsXL | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of columns for large size.
     *
     * The number of columns for large size must not be smaller than the number of columns for medium size.
     */
    columnsL?: form.ColumnsL | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of columns for medium size.
     */
    columnsM?: form.ColumnsM | PropertyBindingInfo | `{${string}}`;

    /**
     * Defines how many cells a label uses if the column is large.
     */
    labelCellsLarge?: form.ColumnCells | PropertyBindingInfo | `{${string}}`;

    /**
     * Defines how many cells are empty at the end of a row. This could be used to keep the fields small on
     * large screens.
     */
    emptyCellsLarge?: form.EmptyCells | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/form/Form" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import { ID, Toolbar, CSSSize } from "sap/ui/core/library";

  import FormContainer from "sap/ui/layout/form/FormContainer";

  import FormLayout from "sap/ui/layout/form/FormLayout";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import Title from "sap/ui/core/Title";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * A `Form` control arranges labels and fields (like input fields) into groups and rows. There are different
   * ways to visualize forms for different screen sizes.
   *
   * A `Form` is structured into `FormContainers`. Each {@link sap.ui.layout.form.FormContainer FormContainer }
   * consists of `FormElements`. The {@link sap.ui.layout.form.FormElement FormElement} consists of a label
   * and the form fields. A `Form` doesn't render its content on its own. The rendering is done by the assigned
   * {@link sap.ui.layout.form.FormLayout FormLayout}. This is so that the rendering can be adopted to new
   * UI requirements without changing the `Form` itself.
   *
   * For the content of a `Form`, {@link sap.ui.core.VariantLayoutData VariantLayoutData} are supported to
   * allow simple switching of the {@link sap.ui.layout.form.FormLayout FormLayout}. {@link sap.ui.core.Element#setLayoutData LayoutData }
   * on the content can be used to overwrite the default layout of the `Form`.
   *
   * The `Form` (and its sub-controls) automatically add label and field assignment to enable screen reader
   * support. It also adds keyboard support to navigate between the fields and groups inside the form.
   *
   * **Warning:** Do not put any layout or other container controls into the {@link sap.ui.layout.form.FormElement FormElement}.
   * Views are also not supported. This could damage the visual layout, keyboard support and screen-reader
   * support.
   *
   * If editable controls are used as content, the {@link #setEditable editable} property must be set to `true`,
   * otherwise to `false`. If the {@link #setEditable editable} property is set incorrectly, there will be
   * visual issues like wrong label alignment or wrong spacing between the controls. In addition to that,
   * wrong screen reader announcements might occur.
   *
   * @since 1.16.0
   */
  export default class Form extends Control {
    /**
     * Constructor for a new sap.ui.layout.form.Form.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $FormSettings
    );
    /**
     * Constructor for a new sap.ui.layout.form.Form.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $FormSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.Form with name `sClassName` and enriches it with the
     * information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, Form>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.Form.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some ariaLabelledBy into the association {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.28.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addAriaLabelledBy(
      /**
       * The ariaLabelledBy to add; if empty, nothing is inserted
       */
      vAriaLabelledBy: ID | Control
    ): this;
    /**
     * Adds some formContainer to the aggregation {@link #getFormContainers formContainers}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addFormContainer(
      /**
       * The formContainer to add; if empty, nothing is inserted
       */
      oFormContainer: FormContainer
    ): this;
    /**
     * Destroys all the formContainers in the aggregation {@link #getFormContainers formContainers}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyFormContainers(): this;
    /**
     * Destroys the layout in the aggregation {@link #getLayout layout}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyLayout(): this;
    /**
     * Destroys the title in the aggregation {@link #getTitle title}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyTitle(): this;
    /**
     * Destroys the toolbar in the aggregation {@link #getToolbar toolbar}.
     *
     * @since 1.36.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyToolbar(): this;
    /**
     * Returns array of IDs of the elements which are the current targets of the association {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.28.0
     */
    getAriaLabelledBy(): ID[];
    /**
     * Gets current value of property {@link #getEditable editable}.
     *
     * Applies a device-specific and theme-specific line height and label alignment to the form rows if the
     * form has editable content. If set, all (not only the editable) rows of the form will get the line height
     * of editable fields.
     *
     * The labels inside the form will be rendered by default in the according mode.
     *
     * **Note:** The setting of this property does not change the content of the form. For example, {@link sap.m.Input Input }
     * controls in a form with `editable` set to false are still editable.
     *
     * **Warning:** If this property is wrongly set, this might lead to visual issues. The labels and fields
     * might be misaligned, the labels might be rendered in the wrong mode, and the spacing between the single
     * controls might be wrong. Also, controls that do not fit the mode might be rendered incorrectly. In addition
     * to that, wrong screen reader announcements might occur.
     *
     * Default value is `false`.
     *
     * @since 1.20.0
     *
     * @returns Value of property `editable`
     */
    getEditable(): boolean;
    /**
     * Gets content of aggregation {@link #getFormContainers formContainers}.
     *
     * Containers with the content of the form. A `FormContainer` represents a group inside the `Form`.
     */
    getFormContainers(): FormContainer[];
    /**
     * Gets content of aggregation {@link #getLayout layout}.
     *
     * Layout of the `Form`. The assigned `Layout` renders the `Form`. We recommend using the {@link sap.ui.layout.form.ColumnLayout ColumnLayout }
     * for rendering a `Form`, as its responsiveness allows the available space to be used in the best way possible.
     */
    getLayout(): FormLayout;
    /**
     * Gets content of aggregation {@link #getTitle title}.
     *
     * Title of the `Form`. Can either be a `Title` element or a string. If a `Title` element it used, the style
     * of the title can be set.
     *
     * **Note:** If a {@link #getToolbar Toolbar} is used, the `Title` is ignored.
     *
     * **Note:** If the title is provided as a string, the title is rendered with a theme-dependent default
     * level. As the `Form` control cannot know the structure of the page, this might not fit the page structure.
     * In this case, provide the title using a `Title` element and set its {@link sap.ui.core.Title#setLevel level }
     * to the needed value.
     */
    getTitle(): Title | string;
    /**
     * Gets content of aggregation {@link #getToolbar toolbar}.
     *
     * Toolbar of the `Form`.
     *
     * **Note:** If a `Toolbar` is used, the {@link #getTitle Title} is ignored. If a title is needed inside
     * the `Toolbar` it must be added at content to the `Toolbar`. In this case, add the `Title` to the {@link #addAriaLabelledBy ariaLabelledBy }
     * association. Use the right title level to meet the visual requirements. This might be theme-dependent.
     *
     * @since 1.36.0
     */
    getToolbar(): Toolbar;
    /**
     * Gets current value of property {@link #getWidth width}.
     *
     * Width of the `Form`.
     *
     *
     * @returns Value of property `width`
     */
    getWidth(): CSSSize;
    /**
     * Checks for the provided `sap.ui.layout.form.FormContainer` in the aggregation {@link #getFormContainers formContainers}.
     * and returns its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfFormContainer(
      /**
       * The formContainer whose index is looked for
       */
      oFormContainer: FormContainer
    ): int;
    /**
     * Inserts a formContainer into the aggregation {@link #getFormContainers formContainers}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertFormContainer(
      /**
       * The formContainer to insert; if empty, nothing is inserted
       */
      oFormContainer: FormContainer,
      /**
       * The `0`-based index the formContainer should be inserted at; for a negative value of `iIndex`, the formContainer
       * is inserted at position 0; for a value greater than the current size of the aggregation, the formContainer
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes all the controls in the association named {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.28.0
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllAriaLabelledBy(): ID[];
    /**
     * Removes all the controls from the aggregation {@link #getFormContainers formContainers}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllFormContainers(): FormContainer[];
    /**
     * Removes an ariaLabelledBy from the association named {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.28.0
     *
     * @returns The removed ariaLabelledBy or `null`
     */
    removeAriaLabelledBy(
      /**
       * The ariaLabelledBy to be removed or its index or ID
       */
      vAriaLabelledBy: int | ID | Control
    ): ID | null;
    /**
     * Removes a formContainer from the aggregation {@link #getFormContainers formContainers}.
     *
     *
     * @returns The removed formContainer or `null`
     */
    removeFormContainer(
      /**
       * The formContainer to remove or its index or id
       */
      vFormContainer: int | string | FormContainer
    ): FormContainer | null;
    /**
     * Sets a new value for property {@link #getEditable editable}.
     *
     * Applies a device-specific and theme-specific line height and label alignment to the form rows if the
     * form has editable content. If set, all (not only the editable) rows of the form will get the line height
     * of editable fields.
     *
     * The labels inside the form will be rendered by default in the according mode.
     *
     * **Note:** The setting of this property does not change the content of the form. For example, {@link sap.m.Input Input }
     * controls in a form with `editable` set to false are still editable.
     *
     * **Warning:** If this property is wrongly set, this might lead to visual issues. The labels and fields
     * might be misaligned, the labels might be rendered in the wrong mode, and the spacing between the single
     * controls might be wrong. Also, controls that do not fit the mode might be rendered incorrectly. In addition
     * to that, wrong screen reader announcements might occur.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     * @since 1.20.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setEditable(
      /**
       * New value for property `editable`
       */
      bEditable?: boolean
    ): this;
    /**
     * Sets the aggregated {@link #getLayout layout}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLayout(
      /**
       * The layout to set
       */
      oLayout: FormLayout
    ): this;
    /**
     * Sets the aggregated {@link #getTitle title}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setTitle(
      /**
       * The title to set
       */
      vTitle: Title | string
    ): this;
    /**
     * Sets the aggregated {@link #getToolbar toolbar}.
     *
     * @since 1.36.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setToolbar(
      /**
       * The toolbar to set
       */
      oToolbar: Toolbar
    ): this;
    /**
     * Sets a new value for property {@link #getWidth width}.
     *
     * Width of the `Form`.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setWidth(
      /**
       * New value for property `width`
       */
      sWidth?: CSSSize
    ): this;
  }
  /**
   * Describes the settings that can be provided to the Form constructor.
   */
  export interface $FormSettings extends $ControlSettings {
    /**
     * Width of the `Form`.
     */
    width?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Applies a device-specific and theme-specific line height and label alignment to the form rows if the
     * form has editable content. If set, all (not only the editable) rows of the form will get the line height
     * of editable fields.
     *
     * The labels inside the form will be rendered by default in the according mode.
     *
     * **Note:** The setting of this property does not change the content of the form. For example, {@link sap.m.Input Input }
     * controls in a form with `editable` set to false are still editable.
     *
     * **Warning:** If this property is wrongly set, this might lead to visual issues. The labels and fields
     * might be misaligned, the labels might be rendered in the wrong mode, and the spacing between the single
     * controls might be wrong. Also, controls that do not fit the mode might be rendered incorrectly. In addition
     * to that, wrong screen reader announcements might occur.
     *
     * @since 1.20.0
     */
    editable?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Containers with the content of the form. A `FormContainer` represents a group inside the `Form`.
     */
    formContainers?:
      | FormContainer[]
      | FormContainer
      | AggregationBindingInfo
      | `{${string}}`;

    /**
     * Title of the `Form`. Can either be a `Title` element or a string. If a `Title` element it used, the style
     * of the title can be set.
     *
     * **Note:** If a {@link #getToolbar Toolbar} is used, the `Title` is ignored.
     *
     * **Note:** If the title is provided as a string, the title is rendered with a theme-dependent default
     * level. As the `Form` control cannot know the structure of the page, this might not fit the page structure.
     * In this case, provide the title using a `Title` element and set its {@link sap.ui.core.Title#setLevel level }
     * to the needed value.
     */
    title?: string | Title | PropertyBindingInfo;

    /**
     * Toolbar of the `Form`.
     *
     * **Note:** If a `Toolbar` is used, the {@link #getTitle Title} is ignored. If a title is needed inside
     * the `Toolbar` it must be added at content to the `Toolbar`. In this case, add the `Title` to the {@link #addAriaLabelledBy ariaLabelledBy }
     * association. Use the right title level to meet the visual requirements. This might be theme-dependent.
     *
     * @since 1.36.0
     */
    toolbar?: Toolbar;

    /**
     * Layout of the `Form`. The assigned `Layout` renders the `Form`. We recommend using the {@link sap.ui.layout.form.ColumnLayout ColumnLayout }
     * for rendering a `Form`, as its responsiveness allows the available space to be used in the best way possible.
     */
    layout?: FormLayout;

    /**
     * Association to controls / IDs that label this control (see WAI-ARIA attribute `aria-labelledby`).
     *
     * **Note:** Every `Form` needs to have some title or label (at least for screen reader support). If no
     * {@link #getTitle Title} is set, and the `Form` is not a child or a control with a title, such as {@link sap.m.Panel Panel }
     * or {@link sap.m.Dialog Dialog}, a label or title needs to be assigned using the `ariaLabelledBy` association.
     *
     * @since 1.28.0
     */
    ariaLabelledBy?: Array<Control | string>;
  }
}

declare module "sap/ui/layout/form/FormContainer" {
  import { default as UI5Element, $ElementSettings } from "sap/ui/core/Element";

  import { ID, Toolbar } from "sap/ui/core/library";

  import Control from "sap/ui/core/Control";

  import FormElement from "sap/ui/layout/form/FormElement";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import Title from "sap/ui/core/Title";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * A `FormContainer` represents a group inside a {@link sap.ui.layout.form.Form Form}. It consists of {@link sap.ui.layout.form.FormElement FormElements}.
   * The rendering of the `FormContainer` is done by the {@link sap.ui.layout.form.Form#getLayout FormLayout }
   * assigned to the {@link sap.ui.layout.form.Form Form}.
   *
   * @since 1.16.0
   */
  export default class FormContainer extends UI5Element {
    /**
     * Constructor for a new sap.ui.layout.form.FormContainer.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $FormContainerSettings
    );
    /**
     * Constructor for a new sap.ui.layout.form.FormContainer.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $FormContainerSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.FormContainer with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Element.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, FormContainer>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.FormContainer.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Sets the editable state of the `FormContainer`.
     *
     * This must only be called from the `Form`.
     *
     * Labels inside of a `Form` must be invalidated if `editable` changed on `Form`.
     *
     * @since 1.74.0
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     */
    _setEditable(
      /**
       * Editable state of the `Form`
       */
      bEditable: boolean
    ): void;
    /**
     * Adds some ariaLabelledBy into the association {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.36.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addAriaLabelledBy(
      /**
       * The ariaLabelledBy to add; if empty, nothing is inserted
       */
      vAriaLabelledBy: ID | Control
    ): this;
    /**
     * Adds some formElement to the aggregation {@link #getFormElements formElements}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addFormElement(
      /**
       * The formElement to add; if empty, nothing is inserted
       */
      oFormElement: FormElement
    ): this;
    /**
     * Destroys all the formElements in the aggregation {@link #getFormElements formElements}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyFormElements(): this;
    /**
     * Destroys the title in the aggregation {@link #getTitle title}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyTitle(): this;
    /**
     * Destroys the toolbar in the aggregation {@link #getToolbar toolbar}.
     *
     * @since 1.36.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyToolbar(): this;
    /**
     * Returns array of IDs of the elements which are the current targets of the association {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.36.0
     */
    getAriaLabelledBy(): ID[];
    /**
     * Gets current value of property {@link #getExpandable expandable}.
     *
     * Defines if the `FormContainer` is expandable.
     *
     * **Note:** The expander icon will only be shown if a {@link #getTitle Title} is set for the `FormContainer`.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `expandable`
     */
    getExpandable(): boolean;
    /**
     * Gets current value of property {@link #getExpanded expanded}.
     *
     * Container is expanded.
     *
     * **Note:** This property only works if {@link #getExpandable expandable} is set to `true`.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `expanded`
     */
    getExpanded(): boolean;
    /**
     * Gets content of aggregation {@link #getFormElements formElements}.
     *
     * The `FormElements` contain the content (labels and fields) of the `FormContainers`.
     */
    getFormElements(): FormElement[];
    /**
     * Gets content of aggregation {@link #getTitle title}.
     *
     * Title of the `FormContainer`. Can either be a `Title` element or a string. If a `Title` element is used,
     * the style of the title can be set.
     *
     * **Note:** If a {@link #getToolbar Toolbar} is used, the `Title` is ignored.
     *
     * **Note:** If the title is provided as a string, the title is rendered with a theme-dependent default
     * level. As the `Form` control cannot know the structure of the page, this might not fit the page structure.
     * In this case provide the title using a `Title` element and set its {@link sap.ui.core.Title#setLevel level }
     * to the needed value.
     */
    getTitle(): Title | string;
    /**
     * Gets content of aggregation {@link #getToolbar toolbar}.
     *
     * Toolbar of the `FormContainer`.
     *
     * **Note:** If a `Toolbar` is used, the {@link #getTitle Title} is ignored. If a title is needed inside
     * the `Toolbar` it must be added at content to the `Toolbar`. In this case add the `Title` to the {@link #addAriaLabelledBy ariaLabelledBy }
     * association. Use the right title level to meet the visual requirements. This might be theme-dependent.
     *
     * @since 1.36.0
     */
    getToolbar(): Toolbar;
    /**
     * Gets current value of property {@link #getVisible visible}.
     *
     * If set to `false`, the `FormContainer` is not rendered.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `visible`
     */
    getVisible(): boolean;
    /**
     * Checks for the provided `sap.ui.layout.form.FormElement` in the aggregation {@link #getFormElements formElements}.
     * and returns its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfFormElement(
      /**
       * The formElement whose index is looked for
       */
      oFormElement: FormElement
    ): int;
    /**
     * Inserts a formElement into the aggregation {@link #getFormElements formElements}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertFormElement(
      /**
       * The formElement to insert; if empty, nothing is inserted
       */
      oFormElement: FormElement,
      /**
       * The `0`-based index the formElement should be inserted at; for a negative value of `iIndex`, the formElement
       * is inserted at position 0; for a value greater than the current size of the aggregation, the formElement
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Determines if the `FormContainer` is visible or not. Per default it just returns the value of the `visible`
     * property. But this might be overwritten by inherited elements.
     *
     * For rendering by `FormLayouts` this function has to be used instead of `getVisible`.
     *
     *
     * @returns If true, the `FormContainer` is visible, otherwise not
     */
    isVisible(): boolean;
    /**
     * Removes all the controls in the association named {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.36.0
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllAriaLabelledBy(): ID[];
    /**
     * Removes all the controls from the aggregation {@link #getFormElements formElements}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllFormElements(): FormElement[];
    /**
     * Removes an ariaLabelledBy from the association named {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.36.0
     *
     * @returns The removed ariaLabelledBy or `null`
     */
    removeAriaLabelledBy(
      /**
       * The ariaLabelledBy to be removed or its index or ID
       */
      vAriaLabelledBy: int | ID | Control
    ): ID | null;
    /**
     * Removes a formElement from the aggregation {@link #getFormElements formElements}.
     *
     *
     * @returns The removed formElement or `null`
     */
    removeFormElement(
      /**
       * The formElement to remove or its index or id
       */
      vFormElement: int | string | FormElement
    ): FormElement | null;
    /**
     * Sets a new value for property {@link #getExpandable expandable}.
     *
     * Defines if the `FormContainer` is expandable.
     *
     * **Note:** The expander icon will only be shown if a {@link #getTitle Title} is set for the `FormContainer`.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setExpandable(
      /**
       * New value for property `expandable`
       */
      bExpandable?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getExpanded expanded}.
     *
     * Container is expanded.
     *
     * **Note:** This property only works if {@link #getExpandable expandable} is set to `true`.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setExpanded(
      /**
       * New value for property `expanded`
       */
      bExpanded?: boolean
    ): this;
    /**
     * Sets the aggregated {@link #getTitle title}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setTitle(
      /**
       * The title to set
       */
      vTitle: Title | string
    ): this;
    /**
     * Sets the aggregated {@link #getToolbar toolbar}.
     *
     * @since 1.36.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setToolbar(
      /**
       * The toolbar to set
       */
      oToolbar: Toolbar
    ): this;
    /**
     * Sets a new value for property {@link #getVisible visible}.
     *
     * If set to `false`, the `FormContainer` is not rendered.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setVisible(
      /**
       * New value for property `visible`
       */
      bVisible?: boolean
    ): this;
  }
  /**
   * Describes the settings that can be provided to the FormContainer constructor.
   */
  export interface $FormContainerSettings extends $ElementSettings {
    /**
     * Container is expanded.
     *
     * **Note:** This property only works if {@link #getExpandable expandable} is set to `true`.
     */
    expanded?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Defines if the `FormContainer` is expandable.
     *
     * **Note:** The expander icon will only be shown if a {@link #getTitle Title} is set for the `FormContainer`.
     */
    expandable?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * If set to `false`, the `FormContainer` is not rendered.
     */
    visible?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * The `FormElements` contain the content (labels and fields) of the `FormContainers`.
     */
    formElements?:
      | FormElement[]
      | FormElement
      | AggregationBindingInfo
      | `{${string}}`;

    /**
     * Title of the `FormContainer`. Can either be a `Title` element or a string. If a `Title` element is used,
     * the style of the title can be set.
     *
     * **Note:** If a {@link #getToolbar Toolbar} is used, the `Title` is ignored.
     *
     * **Note:** If the title is provided as a string, the title is rendered with a theme-dependent default
     * level. As the `Form` control cannot know the structure of the page, this might not fit the page structure.
     * In this case provide the title using a `Title` element and set its {@link sap.ui.core.Title#setLevel level }
     * to the needed value.
     */
    title?: string | Title | PropertyBindingInfo;

    /**
     * Toolbar of the `FormContainer`.
     *
     * **Note:** If a `Toolbar` is used, the {@link #getTitle Title} is ignored. If a title is needed inside
     * the `Toolbar` it must be added at content to the `Toolbar`. In this case add the `Title` to the {@link #addAriaLabelledBy ariaLabelledBy }
     * association. Use the right title level to meet the visual requirements. This might be theme-dependent.
     *
     * @since 1.36.0
     */
    toolbar?: Toolbar;

    /**
     * Association to controls / IDs that label this control (see WAI-ARIA attribute `aria-labelledby`).
     *
     * **Note:** This attribute is only rendered if the `FormContainer` has it's own DOM representation in the
     * used `FormLayout`.
     *
     * **Note:** If there is more than one `FormContainers`, every `FormContainer` needs to have some title
     * or label (at least for screen reader support). If no {@link #getTitle Title} is set, a label or title
     * needs to be assigned using the `ariaLabelledBy` association.
     *
     * @since 1.36.0
     */
    ariaLabelledBy?: Array<Control | string>;
  }
}

declare module "sap/ui/layout/form/FormElement" {
  import { default as UI5Element, $ElementSettings } from "sap/ui/core/Element";

  import Control from "sap/ui/core/Control";

  import { Label } from "sap/ui/core/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * A `FormElement` represents a row in a {@link sap.ui.layout.form.FormContainer FormContainer}. A `FormElement`
   * is a combination of one label and different controls associated to this label.
   *
   * @since 1.16.0
   */
  export default class FormElement extends UI5Element {
    /**
     * Constructor for a new sap.ui.layout.form.FormElement.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $FormElementSettings
    );
    /**
     * Constructor for a new sap.ui.layout.form.FormElement.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $FormElementSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.FormElement with name `sClassName` and enriches it
     * with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Element.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, FormElement>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.FormElement.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some field to the aggregation {@link #getFields fields}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addField(
      /**
       * The field to add; if empty, nothing is inserted
       */
      oField: Control
    ): this;
    /**
     * Destroys all the fields in the aggregation {@link #getFields fields}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyFields(): this;
    /**
     * Destroys the label in the aggregation {@link #getLabel label}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyLabel(): this;
    /**
     * Gets content of aggregation {@link #getFields fields}.
     *
     * Form controls that belong together to be displayed in one row of a `Form`.
     *
     * **Warning:** Do not put any layout or other container controls in here. This could damage the visual
     * layout, keyboard support and screen-reader support. Only form controls are allowed. Views are also not
     * supported. Allowed controls implement the interface {@link sap.ui.core.IFormContent}.
     */
    getFields(): Control[];
    /**
     * Gets content of aggregation {@link #getLabel label}.
     *
     * Label of the fields. Can either be a `Label` control or a string. If a `Label` control is used, the properties
     * of the `Label` can be set. If no assignment between `Label` and the fields is set via (`labelFor` property
     * of the `Label`), it will be done automatically by the `FormElement`. In this case the `Label` is assigned
     * to the fields of the `FormElement`.
     */
    getLabel(): Label | string;
    /**
     * Returns the `Label` of the `FormElement`, even if the `Label` is assigned as string. The `FormLayout`
     * needs the information of the label to render the `Form`.
     *
     *
     * @returns `Label` control used to render the label
     */
    getLabelControl(): Label;
    /**
     * Gets current value of property {@link #getVisible visible}.
     *
     * If set to `false`, the `FormElement` is not rendered.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `visible`
     */
    getVisible(): boolean;
    /**
     * Checks for the provided `sap.ui.core.Control` in the aggregation {@link #getFields fields}. and returns
     * its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfField(
      /**
       * The field whose index is looked for
       */
      oField: Control
    ): int;
    /**
     * Inserts a field into the aggregation {@link #getFields fields}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertField(
      /**
       * The field to insert; if empty, nothing is inserted
       */
      oField: Control,
      /**
       * The `0`-based index the field should be inserted at; for a negative value of `iIndex`, the field is inserted
       * at position 0; for a value greater than the current size of the aggregation, the field is inserted at
       * the last position
       */
      iIndex: int
    ): this;
    /**
     * Labels inside of a Form must be invalidated if "editable" changed on Form
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     */
    invalidateLabel(): void;
    /**
     * Determines if the `FormElement` is visible or not. Per default it just returns the value of the `visible`
     * property. But this might be overwritten by inherited elements.
     *
     * For rendering by `FormLayouts` this function has to be used instead of `getVisible`.
     *
     *
     * @returns If true, the `FormElement` is visible, otherwise not
     */
    isVisible(): boolean;
    /**
     * Removes all the controls from the aggregation {@link #getFields fields}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllFields(): Control[];
    /**
     * Removes a field from the aggregation {@link #getFields fields}.
     *
     *
     * @returns The removed field or `null`
     */
    removeField(
      /**
       * The field to remove or its index or id
       */
      vField: int | string | Control
    ): Control | null;
    /**
     * Sets the aggregated {@link #getLabel label}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLabel(
      /**
       * The label to set
       */
      vLabel: Label | string
    ): this;
    /**
     * Sets a new value for property {@link #getVisible visible}.
     *
     * If set to `false`, the `FormElement` is not rendered.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setVisible(
      /**
       * New value for property `visible`
       */
      bVisible?: boolean
    ): this;
  }
  /**
   * Describes the settings that can be provided to the FormElement constructor.
   */
  export interface $FormElementSettings extends $ElementSettings {
    /**
     * If set to `false`, the `FormElement` is not rendered.
     */
    visible?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Label of the fields. Can either be a `Label` control or a string. If a `Label` control is used, the properties
     * of the `Label` can be set. If no assignment between `Label` and the fields is set via (`labelFor` property
     * of the `Label`), it will be done automatically by the `FormElement`. In this case the `Label` is assigned
     * to the fields of the `FormElement`.
     */
    label?: string | Label | PropertyBindingInfo;

    /**
     * Form controls that belong together to be displayed in one row of a `Form`.
     *
     * **Warning:** Do not put any layout or other container controls in here. This could damage the visual
     * layout, keyboard support and screen-reader support. Only form controls are allowed. Views are also not
     * supported. Allowed controls implement the interface {@link sap.ui.core.IFormContent}.
     */
    fields?: Control[] | Control | AggregationBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/form/FormLayout" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import { BackgroundDesign } from "sap/ui/layout/library";

  import LayoutData from "sap/ui/core/LayoutData";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * Base layout to render a `Form`. Other layouts to render a `Form` must inherit from this one.
   *
   * **Note:** This control must not be used to render a `Form` in productive applications as it does not
   * fulfill any design guidelines and usability standards.
   *
   * @since 1.16.0
   */
  export default class FormLayout extends Control {
    /**
     * Constructor for a new sap.ui.layout.form.FormLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $FormLayoutSettings
    );
    /**
     * Constructor for a new sap.ui.layout.form.FormLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $FormLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.FormLayout with name `sClassName` and enriches it
     * with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, FormLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.FormLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getBackgroundDesign backgroundDesign}.
     *
     * Specifies the background color of the `Form` content.
     *
     * **Note:** The visualization of the different options depends on the theme used.
     *
     * Default value is `Translucent`.
     *
     * @since 1.36.0
     *
     * @returns Value of property `backgroundDesign`
     */
    getBackgroundDesign(): BackgroundDesign;
    /**
     * In {@link sap.ui.layout.SemanticFormElement SemanticFormElement}, delimiters are rendered. They should
     * use only a small space. So `Layout`-dependent `LayoutData` are needed.
     *
     * This function needs to be implemented by the specific `Layout`.
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns LayoutData or promise retuning LayoutData
     */
    getLayoutDataForDelimiter(): LayoutData | Promise<any>;
    /**
     * In {@link sap.ui.layout.SemanticFormElement SemanticFormElement}, delimiters are rendered. The fields
     * should be rendered per default in a way, the field and the corresponding delimiter filling one row in
     * phone mode. In desktop mode they should all be in one row.
     *
     * This function needs to be implemented by the specific `Layout`.
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns LayoutData or promise retuning LayoutData
     */
    getLayoutDataForSemanticField(
      /**
       * Number of field in the `SemanticFormElement`
       */
      iFields: int,
      /**
       * Index of field in the `SemanticFormElement`
       */
      iIndex: int,
      /**
       * existing `LayoutData` that might be just changed
       */
      oLayoutData?: LayoutData
    ): LayoutData | Promise<any>;
    /**
     * For {@link sap.ui.layout.SemanticFormElement SemanticFormElement}, all text-based controls should be
     * concatenated in display mode. If the `Layout` supports rendering of single controls, they are rendered
     * divided by delimiters. If the `Layout` doesn't support this, one concatenated text is rendered. Here
     * only text is supported, no links or other special rendering.
     *
     * This function needs to be implemented by the specific `Layout`.
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns `true` if layout allows to render single controls for {@link sap.ui.layout.SemanticFormElement SemanticFormElement}
     */
    renderControlsForSemanticElement(): boolean;
    /**
     * Sets a new value for property {@link #getBackgroundDesign backgroundDesign}.
     *
     * Specifies the background color of the `Form` content.
     *
     * **Note:** The visualization of the different options depends on the theme used.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `Translucent`.
     *
     * @since 1.36.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBackgroundDesign(
      /**
       * New value for property `backgroundDesign`
       */
      sBackgroundDesign?: BackgroundDesign | keyof typeof BackgroundDesign
    ): this;
  }
  /**
   * Describes the settings that can be provided to the FormLayout constructor.
   */
  export interface $FormLayoutSettings extends $ControlSettings {
    /**
     * Specifies the background color of the `Form` content.
     *
     * **Note:** The visualization of the different options depends on the theme used.
     *
     * @since 1.36.0
     */
    backgroundDesign?:
      | (BackgroundDesign | keyof typeof BackgroundDesign)
      | PropertyBindingInfo
      | `{${string}}`;
  }
}

declare module "sap/ui/layout/form/GridContainerData" {
  import {
    default as LayoutData,
    $LayoutDataSettings,
  } from "sap/ui/core/LayoutData";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * The `GridLayout`-specific layout data for `FormContainers`.
   *
   * @since 1.16.0
   * @deprecated As of version 1.67.0. as `sap.ui.commons` library is deprecated and the `GridLayout` must
   * not be used in responsive applications. Please use `ResponsiveGridLayout` or `ColumnLayout` instead.
   */
  export default class GridContainerData extends LayoutData {
    /**
     * Constructor for a new sap.ui.layout.form.GridContainerData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridContainerDataSettings
    );
    /**
     * Constructor for a new sap.ui.layout.form.GridContainerData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridContainerDataSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.GridContainerData with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.LayoutData.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, GridContainerData>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.GridContainerData.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getHalfGrid halfGrid}.
     *
     * If set, the container takes half the width of the `Form` (8 cells), if not it takes the full width (16
     * cells). If the `GridLayout` is set to `singleColumn`, the full width of the grid is only 8 cells. So
     * containers are rendered only once per row.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `halfGrid`
     */
    getHalfGrid(): boolean;
    /**
     * Sets a new value for property {@link #getHalfGrid halfGrid}.
     *
     * If set, the container takes half the width of the `Form` (8 cells), if not it takes the full width (16
     * cells). If the `GridLayout` is set to `singleColumn`, the full width of the grid is only 8 cells. So
     * containers are rendered only once per row.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setHalfGrid(
      /**
       * New value for property `halfGrid`
       */
      bHalfGrid?: boolean
    ): this;
  }
  /**
   * Describes the settings that can be provided to the GridContainerData constructor.
   *
   * @deprecated As of version 1.67.0. as `sap.ui.commons` library is deprecated and the `GridLayout` must
   * not be used in responsive applications. Please use `ResponsiveGridLayout` or `ColumnLayout` instead.
   */
  export interface $GridContainerDataSettings extends $LayoutDataSettings {
    /**
     * If set, the container takes half the width of the `Form` (8 cells), if not it takes the full width (16
     * cells). If the `GridLayout` is set to `singleColumn`, the full width of the grid is only 8 cells. So
     * containers are rendered only once per row.
     */
    halfGrid?: boolean | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/form/GridElementData" {
  import {
    default as LayoutData,
    $LayoutDataSettings,
  } from "sap/ui/core/LayoutData";

  import { form } from "sap/ui/layout/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * The `GridLayout`-specific layout data for `FormElement` fields.
   *
   * @since 1.16.0
   * @deprecated As of version 1.67.0. as `sap.ui.commons` library is deprecated and the `GridLayout` must
   * not be used in responsive applications. Please use `ResponsiveGridLayout` or `ColumnLayout` instead.
   */
  export default class GridElementData extends LayoutData {
    /**
     * Constructor for a new sap.ui.layout.form.GridElementData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridElementDataSettings
    );
    /**
     * Constructor for a new sap.ui.layout.form.GridElementData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridElementDataSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.GridElementData with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.LayoutData.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, GridElementData>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.GridElementData.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getHCells hCells}.
     *
     * Number of cells in horizontal direction.
     *
     * If set to `auto`, the size is determined by the number of fields and the available cells. For labels
     * the auto size is 3 cells.
     *
     * If set to `full`, only one field is allowed within the `FormElement`. It gets the full width of the row
     * and the label is displayed above.
     *
     * **Note:** For labels, the full size setting has no effect.
     *
     * Default value is `'auto'`.
     *
     *
     * @returns Value of property `hCells`
     */
    getHCells(): form.GridElementCells;
    /**
     * Gets current value of property {@link #getVCells vCells}.
     *
     * Number of cells in vertical direction.
     *
     * **Note:** This property has no effect on labels.
     *
     * Default value is `1`.
     *
     *
     * @returns Value of property `vCells`
     */
    getVCells(): int;
    /**
     * Sets a new value for property {@link #getHCells hCells}.
     *
     * Number of cells in horizontal direction.
     *
     * If set to `auto`, the size is determined by the number of fields and the available cells. For labels
     * the auto size is 3 cells.
     *
     * If set to `full`, only one field is allowed within the `FormElement`. It gets the full width of the row
     * and the label is displayed above.
     *
     * **Note:** For labels, the full size setting has no effect.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `'auto'`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setHCells(
      /**
       * New value for property `hCells`
       */
      sHCells?: form.GridElementCells
    ): this;
    /**
     * Sets a new value for property {@link #getVCells vCells}.
     *
     * Number of cells in vertical direction.
     *
     * **Note:** This property has no effect on labels.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setVCells(
      /**
       * New value for property `vCells`
       */
      iVCells?: int
    ): this;
  }
  /**
   * Describes the settings that can be provided to the GridElementData constructor.
   *
   * @deprecated As of version 1.67.0. as `sap.ui.commons` library is deprecated and the `GridLayout` must
   * not be used in responsive applications. Please use `ResponsiveGridLayout` or `ColumnLayout` instead.
   */
  export interface $GridElementDataSettings extends $LayoutDataSettings {
    /**
     * Number of cells in horizontal direction.
     *
     * If set to `auto`, the size is determined by the number of fields and the available cells. For labels
     * the auto size is 3 cells.
     *
     * If set to `full`, only one field is allowed within the `FormElement`. It gets the full width of the row
     * and the label is displayed above.
     *
     * **Note:** For labels, the full size setting has no effect.
     */
    hCells?: form.GridElementCells | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of cells in vertical direction.
     *
     * **Note:** This property has no effect on labels.
     */
    vCells?: int | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/form/GridLayout" {
  import {
    default as FormLayout,
    $FormLayoutSettings,
  } from "sap/ui/layout/form/FormLayout";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * This `FormLayout` renders a `Form` using an HTML-table based grid. This can be a 16 column grid or an
   * 8 column grid. The grid is stable, so the alignment of the fields is the same for all screen sizes or
   * widths of the `Form`. Only the width of the single grid columns depends on the available width.
   *
   * To adjust the appearance inside the `GridLayout`, you can use `GridContainerData` for `FormContainers`
   * and `GridElementData` for content fields.
   *
   * **Note:** If content fields have a `width` property this will be ignored, as the width of the controls
   * is set by the grid cells.
   *
   * This control cannot be used stand-alone, it just renders a `Form`, so it must be assigned to a `Form`
   * using the `layout` aggregation.
   *
   * @since 1.16.0
   * @deprecated As of version 1.67.0. as `sap.ui.commons` library is deprecated and the `GridLayout` must
   * not be used in responsive applications. Please use `ResponsiveGridLayout` or `ColumnLayout` instead.
   */
  export default class GridLayout extends FormLayout {
    /**
     * Constructor for a new sap.ui.layout.form.GridLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridLayoutSettings
    );
    /**
     * Constructor for a new sap.ui.layout.form.GridLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.GridLayout with name `sClassName` and enriches it
     * with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.layout.form.FormLayout.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, GridLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.GridLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getSingleColumn singleColumn}.
     *
     * If set, the grid renders only one `FormContainer` per column. That means one `FormContainer` is below
     * the other. The whole grid has 8 cells per row.
     *
     * If not set, `FormContainer` can use the full width of the grid or two `FormContainers` can be placed
     * beside each other. In this case the whole grid has 16 cells per row.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `singleColumn`
     */
    getSingleColumn(): boolean;
    /**
     * Sets a new value for property {@link #getSingleColumn singleColumn}.
     *
     * If set, the grid renders only one `FormContainer` per column. That means one `FormContainer` is below
     * the other. The whole grid has 8 cells per row.
     *
     * If not set, `FormContainer` can use the full width of the grid or two `FormContainers` can be placed
     * beside each other. In this case the whole grid has 16 cells per row.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSingleColumn(
      /**
       * New value for property `singleColumn`
       */
      bSingleColumn?: boolean
    ): this;
  }
  /**
   * Describes the settings that can be provided to the GridLayout constructor.
   *
   * @deprecated As of version 1.67.0. as `sap.ui.commons` library is deprecated and the `GridLayout` must
   * not be used in responsive applications. Please use `ResponsiveGridLayout` or `ColumnLayout` instead.
   */
  export interface $GridLayoutSettings extends $FormLayoutSettings {
    /**
     * If set, the grid renders only one `FormContainer` per column. That means one `FormContainer` is below
     * the other. The whole grid has 8 cells per row.
     *
     * If not set, `FormContainer` can use the full width of the grid or two `FormContainers` can be placed
     * beside each other. In this case the whole grid has 16 cells per row.
     */
    singleColumn?: boolean | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/form/ResponsiveGridLayout" {
  import {
    default as FormLayout,
    $FormLayoutSettings,
  } from "sap/ui/layout/form/FormLayout";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * The `ResponsiveGridLayout` control renders a {@link sap.ui.layout.form.Form Form} using a responsive
   * grid. Internally the {@link sap.ui.layout.Grid Grid} control is used for rendering. Using this layout,
   * the {@link sap.ui.layout.form.Form Form} is rendered in a responsive way. Depending on the available
   * space, the {@link sap.ui.layout.form.FormContainer FormContainers} are rendered in one or different columns
   * and the labels are rendered in the same row as the fields or above the fields. This behavior can be influenced
   * by the properties of this layout control.
   *
   * On the {@link sap.ui.layout.form.FormContainer FormContainers}, labels and content fields, {@link sap.ui.layout.GridData GridData }
   * can be used to change the default rendering. {@link sap.ui.layout.GridData GridData} is not supported
   * for {@link sap.ui.layout.form.FormElement FormElements}.
   *
   * **Note:** If {@link sap.ui.layout.GridData GridData} is used, this may result in a much more complex
   * layout than the default one. This means that in some cases, the calculation for the other content may
   * not bring the expected result. In such cases, {@link sap.ui.layout.GridData GridData} should be used
   * for all content controls to disable the default behavior.
   *
   * This control cannot be used stand-alone, it just renders a {@link sap.ui.layout.form.Form Form}, so it
   * must be assigned to a {@link sap.ui.layout.form.Form Form} using the `layout` aggregation.
   *
   * @since 1.16.0
   */
  export default class ResponsiveGridLayout extends FormLayout {
    /**
     * Constructor for a new `sap.ui.layout.form.ResponsiveGridLayout`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $ResponsiveGridLayoutSettings
    );
    /**
     * Constructor for a new `sap.ui.layout.form.ResponsiveGridLayout`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $ResponsiveGridLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.ResponsiveGridLayout with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.layout.form.FormLayout.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, ResponsiveGridLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.ResponsiveGridLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getAdjustLabelSpan adjustLabelSpan}.
     *
     * If set, the usage of `labelSpanL` and `labelSpanM` are dependent on the number of {@link sap.ui.layout.form.FormContainer FormContainers }
     * in one row. If only one {@link sap.ui.layout.form.FormContainer FormContainer} is displayed in one row,
     * `labelSpanM` is used to define the size of the label. This is the same for medium and large `Forms`.
     * This is done to align the labels on forms where full-size {@link sap.ui.layout.form.FormContainer FormContainers }
     * and multiple-column rows are used in the same {@link sap.ui.layout.form.Form Form} (because every {@link sap.ui.layout.form.FormContainer FormContainer }
     * has its own {@link sap.ui.layout.Grid Grid} inside).
     *
     * If not set, the usage of `labelSpanL` and `labelSpanM` are dependent on the {@link sap.ui.layout.form.Form Form }
     * size. The number of {@link sap.ui.layout.form.FormContainer FormContainers} doesn't matter in this case.
     *
     * Default value is `true`.
     *
     * @since 1.34.0
     *
     * @returns Value of property `adjustLabelSpan`
     */
    getAdjustLabelSpan(): boolean;
    /**
     * Gets current value of property {@link #getBreakpointL breakpointL}.
     *
     * Breakpoint (in pixel) between Medium size and Large size.
     *
     * Default value is `1024`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `breakpointL`
     */
    getBreakpointL(): int;
    /**
     * Gets current value of property {@link #getBreakpointM breakpointM}.
     *
     * Breakpoint (in pixel) between Small size and Medium size.
     *
     * Default value is `600`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `breakpointM`
     */
    getBreakpointM(): int;
    /**
     * Gets current value of property {@link #getBreakpointXL breakpointXL}.
     *
     * Breakpoint (in pixel) between large size and extra large (XL) size.
     *
     * Default value is `1440`.
     *
     * @since 1.34.0
     *
     * @returns Value of property `breakpointXL`
     */
    getBreakpointXL(): int;
    /**
     * Gets current value of property {@link #getColumnsL columnsL}.
     *
     * Number of columns for large size.
     *
     * The number of columns for large size must not be smaller than the number of columns for medium size.
     *
     * Default value is `2`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `columnsL`
     */
    getColumnsL(): int;
    /**
     * Gets current value of property {@link #getColumnsM columnsM}.
     *
     * Number of columns for medium size.
     *
     * Default value is `1`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `columnsM`
     */
    getColumnsM(): int;
    /**
     * Gets current value of property {@link #getColumnsXL columnsXL}.
     *
     * Number of columns for extra large size.
     *
     * The number of columns for extra large size must not be smaller than the number of columns for large size.
     * **Note:** If the default value -1 is not overwritten with the meaningful one then the `columnsL` value
     * is used (from the backward compatibility reasons).
     *
     * Default value is `-1`.
     *
     * @since 1.34.0
     *
     * @returns Value of property `columnsXL`
     */
    getColumnsXL(): int;
    /**
     * Gets current value of property {@link #getEmptySpanL emptySpanL}.
     *
     * Number of grid cells that are empty at the end of each line on large size.
     *
     * Default value is `0`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `emptySpanL`
     */
    getEmptySpanL(): int;
    /**
     * Gets current value of property {@link #getEmptySpanM emptySpanM}.
     *
     * Number of grid cells that are empty at the end of each line on medium size.
     *
     * Default value is `0`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `emptySpanM`
     */
    getEmptySpanM(): int;
    /**
     * Gets current value of property {@link #getEmptySpanS emptySpanS}.
     *
     * Number of grid cells that are empty at the end of each line on small size.
     *
     * Default value is `0`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `emptySpanS`
     */
    getEmptySpanS(): int;
    /**
     * Gets current value of property {@link #getEmptySpanXL emptySpanXL}.
     *
     * Number of grid cells that are empty at the end of each line on extra large size.
     *
     * **Note:** If the default value -1 is not overwritten with the meaningful one then the `emptySpanL` value
     * is used.
     *
     * Default value is `-1`.
     *
     * @since 1.34.0
     *
     * @returns Value of property `emptySpanXL`
     */
    getEmptySpanXL(): int;
    /**
     * Gets current value of property {@link #getLabelSpanL labelSpanL}.
     *
     * Default span for labels in large size.
     *
     * **Note:** If `adjustLabelSpan` is set, this property is only used if more than 1 {@link sap.ui.layout.form.FormContainer FormContainer }
     * is in one line. If only 1 {@link sap.ui.layout.form.FormContainer FormContainer} is in the line, then
     * the `labelSpanM` value is used.
     *
     * Default value is `4`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `labelSpanL`
     */
    getLabelSpanL(): int;
    /**
     * Gets current value of property {@link #getLabelSpanM labelSpanM}.
     *
     * Default span for labels in medium size.
     *
     * **Note:** If `adjustLabelSpan` is set this property is used for full-size {@link sap.ui.layout.form.FormContainer FormContainers}.
     * If more than one {@link sap.ui.layout.form.FormContainer FormContainer} is in one line, `labelSpanL`
     * is used.
     *
     * Default value is `2`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `labelSpanM`
     */
    getLabelSpanM(): int;
    /**
     * Gets current value of property {@link #getLabelSpanS labelSpanS}.
     *
     * Default span for labels in small size.
     *
     * Default value is `12`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `labelSpanS`
     */
    getLabelSpanS(): int;
    /**
     * Gets current value of property {@link #getLabelSpanXL labelSpanXL}.
     *
     * Default span for labels in extra large size.
     *
     * **Note:** If the default value -1 is not overwritten with the meaningful one then the `labelSpanL` value
     * is used.
     *
     * Default value is `-1`.
     *
     * @since 1.34.0
     *
     * @returns Value of property `labelSpanXL`
     */
    getLabelSpanXL(): int;
    /**
     * Gets current value of property {@link #getSingleContainerFullSize singleContainerFullSize}.
     *
     * If the {@link sap.ui.layout.form.Form Form} contains only one single {@link sap.ui.layout.form.FormContainer FormContainer }
     * and this property is set, the {@link sap.ui.layout.form.FormContainer FormContainer} is displayed using
     * the full size of the {@link sap.ui.layout.form.Form Form}. In this case the properties `columnsXL`, `columnsL`
     * and `columnsM` are ignored.
     *
     * In all other cases the {@link sap.ui.layout.form.FormContainer FormContainer} is displayed in the size
     * of one column.
     *
     * Default value is `true`.
     *
     * @since 1.34.0
     *
     * @returns Value of property `singleContainerFullSize`
     */
    getSingleContainerFullSize(): boolean;
    /**
     * Sets a new value for property {@link #getAdjustLabelSpan adjustLabelSpan}.
     *
     * If set, the usage of `labelSpanL` and `labelSpanM` are dependent on the number of {@link sap.ui.layout.form.FormContainer FormContainers }
     * in one row. If only one {@link sap.ui.layout.form.FormContainer FormContainer} is displayed in one row,
     * `labelSpanM` is used to define the size of the label. This is the same for medium and large `Forms`.
     * This is done to align the labels on forms where full-size {@link sap.ui.layout.form.FormContainer FormContainers }
     * and multiple-column rows are used in the same {@link sap.ui.layout.form.Form Form} (because every {@link sap.ui.layout.form.FormContainer FormContainer }
     * has its own {@link sap.ui.layout.Grid Grid} inside).
     *
     * If not set, the usage of `labelSpanL` and `labelSpanM` are dependent on the {@link sap.ui.layout.form.Form Form }
     * size. The number of {@link sap.ui.layout.form.FormContainer FormContainers} doesn't matter in this case.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     * @since 1.34.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setAdjustLabelSpan(
      /**
       * New value for property `adjustLabelSpan`
       */
      bAdjustLabelSpan?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getBreakpointL breakpointL}.
     *
     * Breakpoint (in pixel) between Medium size and Large size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1024`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBreakpointL(
      /**
       * New value for property `breakpointL`
       */
      iBreakpointL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getBreakpointM breakpointM}.
     *
     * Breakpoint (in pixel) between Small size and Medium size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `600`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBreakpointM(
      /**
       * New value for property `breakpointM`
       */
      iBreakpointM?: int
    ): this;
    /**
     * Sets a new value for property {@link #getBreakpointXL breakpointXL}.
     *
     * Breakpoint (in pixel) between large size and extra large (XL) size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1440`.
     *
     * @since 1.34.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBreakpointXL(
      /**
       * New value for property `breakpointXL`
       */
      iBreakpointXL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getColumnsL columnsL}.
     *
     * Number of columns for large size.
     *
     * The number of columns for large size must not be smaller than the number of columns for medium size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `2`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumnsL(
      /**
       * New value for property `columnsL`
       */
      iColumnsL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getColumnsM columnsM}.
     *
     * Number of columns for medium size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumnsM(
      /**
       * New value for property `columnsM`
       */
      iColumnsM?: int
    ): this;
    /**
     * Sets a new value for property {@link #getColumnsXL columnsXL}.
     *
     * Number of columns for extra large size.
     *
     * The number of columns for extra large size must not be smaller than the number of columns for large size.
     * **Note:** If the default value -1 is not overwritten with the meaningful one then the `columnsL` value
     * is used (from the backward compatibility reasons).
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `-1`.
     *
     * @since 1.34.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumnsXL(
      /**
       * New value for property `columnsXL`
       */
      iColumnsXL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getEmptySpanL emptySpanL}.
     *
     * Number of grid cells that are empty at the end of each line on large size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `0`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setEmptySpanL(
      /**
       * New value for property `emptySpanL`
       */
      iEmptySpanL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getEmptySpanM emptySpanM}.
     *
     * Number of grid cells that are empty at the end of each line on medium size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `0`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setEmptySpanM(
      /**
       * New value for property `emptySpanM`
       */
      iEmptySpanM?: int
    ): this;
    /**
     * Sets a new value for property {@link #getEmptySpanS emptySpanS}.
     *
     * Number of grid cells that are empty at the end of each line on small size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `0`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setEmptySpanS(
      /**
       * New value for property `emptySpanS`
       */
      iEmptySpanS?: int
    ): this;
    /**
     * Sets a new value for property {@link #getEmptySpanXL emptySpanXL}.
     *
     * Number of grid cells that are empty at the end of each line on extra large size.
     *
     * **Note:** If the default value -1 is not overwritten with the meaningful one then the `emptySpanL` value
     * is used.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `-1`.
     *
     * @since 1.34.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setEmptySpanXL(
      /**
       * New value for property `emptySpanXL`
       */
      iEmptySpanXL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getLabelSpanL labelSpanL}.
     *
     * Default span for labels in large size.
     *
     * **Note:** If `adjustLabelSpan` is set, this property is only used if more than 1 {@link sap.ui.layout.form.FormContainer FormContainer }
     * is in one line. If only 1 {@link sap.ui.layout.form.FormContainer FormContainer} is in the line, then
     * the `labelSpanM` value is used.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `4`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLabelSpanL(
      /**
       * New value for property `labelSpanL`
       */
      iLabelSpanL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getLabelSpanM labelSpanM}.
     *
     * Default span for labels in medium size.
     *
     * **Note:** If `adjustLabelSpan` is set this property is used for full-size {@link sap.ui.layout.form.FormContainer FormContainers}.
     * If more than one {@link sap.ui.layout.form.FormContainer FormContainer} is in one line, `labelSpanL`
     * is used.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `2`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLabelSpanM(
      /**
       * New value for property `labelSpanM`
       */
      iLabelSpanM?: int
    ): this;
    /**
     * Sets a new value for property {@link #getLabelSpanS labelSpanS}.
     *
     * Default span for labels in small size.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `12`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLabelSpanS(
      /**
       * New value for property `labelSpanS`
       */
      iLabelSpanS?: int
    ): this;
    /**
     * Sets a new value for property {@link #getLabelSpanXL labelSpanXL}.
     *
     * Default span for labels in extra large size.
     *
     * **Note:** If the default value -1 is not overwritten with the meaningful one then the `labelSpanL` value
     * is used.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `-1`.
     *
     * @since 1.34.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLabelSpanXL(
      /**
       * New value for property `labelSpanXL`
       */
      iLabelSpanXL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getSingleContainerFullSize singleContainerFullSize}.
     *
     * If the {@link sap.ui.layout.form.Form Form} contains only one single {@link sap.ui.layout.form.FormContainer FormContainer }
     * and this property is set, the {@link sap.ui.layout.form.FormContainer FormContainer} is displayed using
     * the full size of the {@link sap.ui.layout.form.Form Form}. In this case the properties `columnsXL`, `columnsL`
     * and `columnsM` are ignored.
     *
     * In all other cases the {@link sap.ui.layout.form.FormContainer FormContainer} is displayed in the size
     * of one column.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     * @since 1.34.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSingleContainerFullSize(
      /**
       * New value for property `singleContainerFullSize`
       */
      bSingleContainerFullSize?: boolean
    ): this;
  }
  /**
   * Describes the settings that can be provided to the ResponsiveGridLayout constructor.
   */
  export interface $ResponsiveGridLayoutSettings extends $FormLayoutSettings {
    /**
     * Default span for labels in extra large size.
     *
     * **Note:** If the default value -1 is not overwritten with the meaningful one then the `labelSpanL` value
     * is used.
     *
     * @since 1.34.0
     */
    labelSpanXL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Default span for labels in large size.
     *
     * **Note:** If `adjustLabelSpan` is set, this property is only used if more than 1 {@link sap.ui.layout.form.FormContainer FormContainer }
     * is in one line. If only 1 {@link sap.ui.layout.form.FormContainer FormContainer} is in the line, then
     * the `labelSpanM` value is used.
     *
     * @since 1.16.3
     */
    labelSpanL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Default span for labels in medium size.
     *
     * **Note:** If `adjustLabelSpan` is set this property is used for full-size {@link sap.ui.layout.form.FormContainer FormContainers}.
     * If more than one {@link sap.ui.layout.form.FormContainer FormContainer} is in one line, `labelSpanL`
     * is used.
     *
     * @since 1.16.3
     */
    labelSpanM?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Default span for labels in small size.
     *
     * @since 1.16.3
     */
    labelSpanS?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * If set, the usage of `labelSpanL` and `labelSpanM` are dependent on the number of {@link sap.ui.layout.form.FormContainer FormContainers }
     * in one row. If only one {@link sap.ui.layout.form.FormContainer FormContainer} is displayed in one row,
     * `labelSpanM` is used to define the size of the label. This is the same for medium and large `Forms`.
     * This is done to align the labels on forms where full-size {@link sap.ui.layout.form.FormContainer FormContainers }
     * and multiple-column rows are used in the same {@link sap.ui.layout.form.Form Form} (because every {@link sap.ui.layout.form.FormContainer FormContainer }
     * has its own {@link sap.ui.layout.Grid Grid} inside).
     *
     * If not set, the usage of `labelSpanL` and `labelSpanM` are dependent on the {@link sap.ui.layout.form.Form Form }
     * size. The number of {@link sap.ui.layout.form.FormContainer FormContainers} doesn't matter in this case.
     *
     * @since 1.34.0
     */
    adjustLabelSpan?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of grid cells that are empty at the end of each line on extra large size.
     *
     * **Note:** If the default value -1 is not overwritten with the meaningful one then the `emptySpanL` value
     * is used.
     *
     * @since 1.34.0
     */
    emptySpanXL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of grid cells that are empty at the end of each line on large size.
     *
     * @since 1.16.3
     */
    emptySpanL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of grid cells that are empty at the end of each line on medium size.
     *
     * @since 1.16.3
     */
    emptySpanM?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of grid cells that are empty at the end of each line on small size.
     *
     * @since 1.16.3
     */
    emptySpanS?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of columns for extra large size.
     *
     * The number of columns for extra large size must not be smaller than the number of columns for large size.
     * **Note:** If the default value -1 is not overwritten with the meaningful one then the `columnsL` value
     * is used (from the backward compatibility reasons).
     *
     * @since 1.34.0
     */
    columnsXL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of columns for large size.
     *
     * The number of columns for large size must not be smaller than the number of columns for medium size.
     *
     * @since 1.16.3
     */
    columnsL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of columns for medium size.
     *
     * @since 1.16.3
     */
    columnsM?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * If the {@link sap.ui.layout.form.Form Form} contains only one single {@link sap.ui.layout.form.FormContainer FormContainer }
     * and this property is set, the {@link sap.ui.layout.form.FormContainer FormContainer} is displayed using
     * the full size of the {@link sap.ui.layout.form.Form Form}. In this case the properties `columnsXL`, `columnsL`
     * and `columnsM` are ignored.
     *
     * In all other cases the {@link sap.ui.layout.form.FormContainer FormContainer} is displayed in the size
     * of one column.
     *
     * @since 1.34.0
     */
    singleContainerFullSize?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Breakpoint (in pixel) between large size and extra large (XL) size.
     *
     * @since 1.34.0
     */
    breakpointXL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Breakpoint (in pixel) between Medium size and Large size.
     *
     * @since 1.16.3
     */
    breakpointL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Breakpoint (in pixel) between Small size and Medium size.
     *
     * @since 1.16.3
     */
    breakpointM?: int | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/form/ResponsiveLayout" {
  import {
    default as FormLayout,
    $FormLayoutSettings,
  } from "sap/ui/layout/form/FormLayout";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  /**
   * The `ResponsiveLayout` renders a `Form` with a responsive layout. Internally the `ResponsiveFlowLayout`
   * is used. The responsiveness of this layout tries to best use the available space. This means that the
   * order of the `FormContainers`, labels and fields depends on the available space.
   *
   * On the `FormContainers`, `FormElements`, labels and content fields, `ResponsiveFlowLayoutData` can be
   * used to change the default rendering.
   *
   * We suggest using the `ResponsiveGridLayout` instead of this layout because this is easier to consume
   * and brings more stable responsive output.
   *
   * **Note:** If `ResponsiveFlowLayoutData` are used this may result in a much more complex layout than the
   * default one. This means that in some cases, the calculation for the other content may not bring the expected
   * result. In such cases, `ResponsiveFlowLayoutData` should be used for all content controls to disable
   * the default behavior.
   *
   * This control cannot be used stand-alone, it just renders a `Form`, so it must be assigned to a `Form`
   * using the `layout` aggregation.
   *
   * @since 1.16.0
   * @deprecated As of version 1.93. replaced by {@link sap.ui.layout.form.ColumnLayout ColumnLayout}
   */
  export default class ResponsiveLayout extends FormLayout {
    /**
     * Constructor for a new sap.ui.layout.form.ResponsiveLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     *
     * This class does not have its own settings, but all settings applicable to the base type {@link sap.ui.layout.form.FormLayout#constructor sap.ui.layout.form.FormLayout }
     * can be used.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $ResponsiveLayoutSettings
    );
    /**
     * Constructor for a new sap.ui.layout.form.ResponsiveLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     *
     * This class does not have its own settings, but all settings applicable to the base type {@link sap.ui.layout.form.FormLayout#constructor sap.ui.layout.form.FormLayout }
     * can be used.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $ResponsiveLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.ResponsiveLayout with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.layout.form.FormLayout.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, ResponsiveLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.ResponsiveLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
  }
  /**
   * Describes the settings that can be provided to the ResponsiveLayout constructor.
   *
   * @deprecated As of version 1.93. replaced by {@link sap.ui.layout.form.ColumnLayout ColumnLayout}
   */
  export interface $ResponsiveLayoutSettings extends $FormLayoutSettings {}
}

declare module "sap/ui/layout/form/SemanticFormElement" {
  import {
    default as FormElement,
    $FormElementSettings,
  } from "sap/ui/layout/form/FormElement";

  import { Label } from "sap/ui/core/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * A `SemanticFormElement` element is a special {@link sap.ui.layout.form.FormElement FormElement} that
   * contains semantically connected fields. These field controls are divided by delimiter controls. In display
   * mode, they are rendered as one condensed string, in edit mode as separate fields.
   *
   * Only controls implementing the {@link sap.ui.core.ISemanticFormContent ISemanticFormContent} interface
   * are supported.
   *
   * **Note:** Please use the {@link sap.ui.layout.form.ColumnLayout ColumnLayout} as {@link sap.ui.layout.form.Form#setLayout layout }
   * of the {@link sap.ui.layout.form.Form Form}. For other layouts, the field arrangement might not be suitable
   * in every case.
   *
   * @since 1.86.0
   */
  export default class SemanticFormElement extends FormElement {
    /**
     * Constructor for a new sap.ui.layout.form.SemanticFormElement.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $SemanticFormElementSettings
    );
    /**
     * Constructor for a new sap.ui.layout.form.SemanticFormElement.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $SemanticFormElementSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.SemanticFormElement with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.layout.form.FormElement.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, SemanticFormElement>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.SemanticFormElement.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some fieldLabel to the aggregation {@link #getFieldLabels fieldLabels}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addFieldLabel(
      /**
       * The fieldLabel to add; if empty, nothing is inserted
       */
      oFieldLabel: Label
    ): this;
    /**
     * Destroys all the fieldLabels in the aggregation {@link #getFieldLabels fieldLabels}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyFieldLabels(): this;
    /**
     * Gets current value of property {@link #getDelimiter delimiter}.
     *
     * Delimiter symbol to separate the fields.
     *
     * Default value is `"/"`.
     *
     *
     * @returns Value of property `delimiter`
     */
    getDelimiter(): string;
    /**
     * Gets content of aggregation {@link #getFieldLabels fieldLabels}.
     *
     * Labels of the individual fields.
     *
     * These labels are not rendered directly. If the {@link #getLabel label} aggregation of `SemanticFormElement`
     * is not set, the texts of the labels are concatenated into the {@link #setLabel label} aggregation of
     * `SemanticFormElement`. Otherwise the set `Label` is shown.
     *
     * **Note:** If this aggregation is used, a label is assigned to every single field of `SemanticFormElement`.
     * The order of the labels and the fields must be the same.
     */
    getFieldLabels(): Label[];
    /**
     * Checks for the provided `sap.ui.core.Label` in the aggregation {@link #getFieldLabels fieldLabels}. and
     * returns its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfFieldLabel(
      /**
       * The fieldLabel whose index is looked for
       */
      oFieldLabel: Label
    ): int;
    /**
     * Inserts a fieldLabel into the aggregation {@link #getFieldLabels fieldLabels}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertFieldLabel(
      /**
       * The fieldLabel to insert; if empty, nothing is inserted
       */
      oFieldLabel: Label,
      /**
       * The `0`-based index the fieldLabel should be inserted at; for a negative value of `iIndex`, the fieldLabel
       * is inserted at position 0; for a value greater than the current size of the aggregation, the fieldLabel
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes all the controls from the aggregation {@link #getFieldLabels fieldLabels}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllFieldLabels(): Label[];
    /**
     * Removes a fieldLabel from the aggregation {@link #getFieldLabels fieldLabels}.
     *
     *
     * @returns The removed fieldLabel or `null`
     */
    removeFieldLabel(
      /**
       * The fieldLabel to remove or its index or id
       */
      vFieldLabel: int | string | Label
    ): Label | null;
    /**
     * Sets a new value for property {@link #getDelimiter delimiter}.
     *
     * Delimiter symbol to separate the fields.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"/"`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setDelimiter(
      /**
       * New value for property `delimiter`
       */
      sDelimiter?: string
    ): this;
  }
  /**
   * Describes the settings that can be provided to the SemanticFormElement constructor.
   */
  export interface $SemanticFormElementSettings extends $FormElementSettings {
    /**
     * Delimiter symbol to separate the fields.
     */
    delimiter?: string | PropertyBindingInfo;

    /**
     * Labels of the individual fields.
     *
     * These labels are not rendered directly. If the {@link #getLabel label} aggregation of `SemanticFormElement`
     * is not set, the texts of the labels are concatenated into the {@link #setLabel label} aggregation of
     * `SemanticFormElement`. Otherwise the set `Label` is shown.
     *
     * **Note:** If this aggregation is used, a label is assigned to every single field of `SemanticFormElement`.
     * The order of the labels and the fields must be the same.
     */
    fieldLabels?: Label[] | Label | AggregationBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/form/SimpleForm" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import { ID, Toolbar, CSSSize } from "sap/ui/core/library";

  import UI5Element from "sap/ui/core/Element";

  import { BackgroundDesign, form } from "sap/ui/layout/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import Title from "sap/ui/core/Title";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * The `SimpleForm` control provides an easy-to-use API to create simple forms. Inside a `SimpleForm` control,
   * a `{@link sap.ui.layout.form.Form Form}` control is created along with its `{@link sap.ui.layout.form.FormContainer FormContainer}`
   * elements and `{@link sap.ui.layout.form.FormElement FormElement}` elements, but the complexity in the
   * API is not exposed to the user.
   * 	 - A new {@link sap.ui.core.Title Title} element or `Toolbar` control starts a new group (`{@link sap.ui.layout.form.FormContainer FormContainer}`)
   *     in the form.
   * 	 - A new `Label` control starts a new row (`{@link sap.ui.layout.form.FormElement FormElement}`) in
   *     the form.
   * 	 - All other controls will be assigned to the row (`{@link sap.ui.layout.form.FormElement FormElement}`)
   *     that started with the last label.  Use {@link sap.ui.core.Element#setLayoutData LayoutData} to influence
   *     the layout for special cases in the Input/Display controls.
   *
   * **Note:** If a more complex form is needed, use the `{@link sap.ui.layout.form.Form Form}` control instead.
   *
   * @since 1.16.0
   */
  export default class SimpleForm extends Control {
    /**
     * Constructor for a new sap.ui.layout.form.SimpleForm.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $SimpleFormSettings
    );
    /**
     * Constructor for a new sap.ui.layout.form.SimpleForm.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $SimpleFormSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.form.SimpleForm with name `sClassName` and enriches it
     * with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, SimpleForm>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.form.SimpleForm.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some ariaLabelledBy into the association {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.32.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addAriaLabelledBy(
      /**
       * The ariaLabelledBy to add; if empty, nothing is inserted
       */
      vAriaLabelledBy: ID | Control
    ): this;
    /**
     * Adds some content to the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addContent(
      /**
       * The content to add; if empty, nothing is inserted
       */
      oContent: UI5Element
    ): this;
    /**
     * Destroys all the content in the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyContent(): this;
    /**
     * Destroys the title in the aggregation {@link #getTitle title}.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyTitle(): this;
    /**
     * Destroys the toolbar in the aggregation {@link #getToolbar toolbar}.
     *
     * @since 1.36.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyToolbar(): this;
    /**
     * Gets current value of property {@link #getAdjustLabelSpan adjustLabelSpan}.
     *
     * If set, the usage of `labelSpanL` and `labelSpanM` are dependent on the number of `FormContainers` in
     * one row. If only one `FormContainer` is displayed in one row, `labelSpanM` is used to define the size
     * of the label. This is the same for medium and large `Forms`. This is done to align the labels on forms
     * where full-size `FormContainers` and multiple-column rows are used in the same `Form` (because every
     * `FormContainer` has its own grid inside).
     *
     * If not set, the usage of `labelSpanL` and `labelSpanM` are dependent on the `Form` size. The number of
     * `FormContainers` doesn't matter in this case.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * Default value is `true`.
     *
     * @since 1.34.0
     *
     * @returns Value of property `adjustLabelSpan`
     */
    getAdjustLabelSpan(): boolean;
    /**
     * Returns array of IDs of the elements which are the current targets of the association {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.32.0
     */
    getAriaLabelledBy(): ID[];
    /**
     * Gets current value of property {@link #getBackgroundDesign backgroundDesign}.
     *
     * Specifies the background color of the `SimpleForm` content.
     *
     * The visualization of the different options depends on the used theme.
     *
     * Default value is `Translucent`.
     *
     * @since 1.36.0
     *
     * @returns Value of property `backgroundDesign`
     */
    getBackgroundDesign(): BackgroundDesign;
    /**
     * Gets current value of property {@link #getBreakpointL breakpointL}.
     *
     * Breakpoint between medium size and large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * Default value is `1024`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `breakpointL`
     */
    getBreakpointL(): int;
    /**
     * Gets current value of property {@link #getBreakpointM breakpointM}.
     *
     * Breakpoint between small size and medium size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * Default value is `600`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `breakpointM`
     */
    getBreakpointM(): int;
    /**
     * Gets current value of property {@link #getBreakpointXL breakpointXL}.
     *
     * Breakpoint between large size and extra large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * Default value is `1440`.
     *
     * @since 1.34.0
     *
     * @returns Value of property `breakpointXL`
     */
    getBreakpointXL(): int;
    /**
     * Gets current value of property {@link #getColumnsL columnsL}.
     *
     * Form columns for large size. The number of columns for large size must not be smaller than the number
     * of columns for medium size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` or a `ColumnLayout` is used as a layout.
     *
     * Default value is `2`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `columnsL`
     */
    getColumnsL(): int;
    /**
     * Gets current value of property {@link #getColumnsM columnsM}.
     *
     * Form columns for medium size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` or a `ColumnLayout` is used as a layout.
     *
     * Default value is `1`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `columnsM`
     */
    getColumnsM(): int;
    /**
     * Gets current value of property {@link #getColumnsXL columnsXL}.
     *
     * Form columns for extra large size. The number of columns for extra large size must not be smaller than
     * the number of columns for large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` or a `ColumnLayout` is used as a layout.
     * If the default value -1 is not overwritten with the meaningful one then the `columnsL` value is used
     * (from the backward compatibility reasons).
     *
     * Default value is `-1`.
     *
     * @since 1.34.0
     *
     * @returns Value of property `columnsXL`
     */
    getColumnsXL(): int;
    /**
     * Gets content of aggregation {@link #getContent content}.
     *
     * The content of the form is structured in the following way:
     * 	 - Add a {@link sap.ui.core.Title Title} element or `Toolbar` control to start a new group (`{@link sap.ui.layout.form.FormContainer FormContainer}`).
     *
     * 	 - Add a {@link sap.m.Label Label} control to start a new row (`{@link sap.ui.layout.form.FormElement FormElement}`).
     *
     * 	 - Add controls as input fields, text fields or other as needed.
     * 	 - Use {@link sap.ui.core.Element#setLayoutData LayoutData} to influence the layout for special cases
     *     in the single controls. For example, if a {@link sap.ui.layout.form.ColumnLayout ColumnLayout} is used
     *     as a layout, the form content is weighted using 4 cells for the labels and 8 cells for the field part,
     *     for large size. If there is only little space, the labels are above the fields and each field uses 12
     *     cells. If your input controls should influence their width, you can add {@link sap.ui.layout.form.ColumnElementData ColumnElementData }
     *     to them via the {@link sap.ui.core.Element#setLayoutData setLayoutData} method. Ensure that the sum of
     *     the weights in the {@link sap.ui.layout.form.ColumnElementData ColumnElementData} is not more than 12,
     *     as this is the total width of the input control part of each form row.  Example for a row where
     *     the {@link sap.m.Input Input} uses 6 cells and the second {@link sap.m.Input Input} uses 2 cells (using
     *     {@link sap.ui.layout.form.ColumnElementData ColumnElementData}):
     * ```javascript
     *
     * new sap.m.Label({text:"Label"});
     * new sap.m.Input({value:"6 cells", layoutData: new sap.ui.layout.form.ColumnElementData({cellsLarge: 6, cellsSmall: 8})}),
     * new sap.m.Input({value:"2 cells", layoutData: new sap.ui.layout.form.ColumnElementData({cellsLarge: 2, cellsSmall: 4})}),
     * ```
     *
     *
     * For example, if a {@link sap.ui.layout.form.ResponsiveGridLayout ResponsiveGridLayout} is used as a layout,
     * there are 12 cells in one row. Depending on the screen size the labels use the defined `labelSpan`. The
     * remaining cells are used for the fields (and `emptySpan` if defined). The available cells are distributed
     * to all fields in the row. If one field should use a fixed number of cells you can add {@link sap.ui.layout.GridData GridData }
     * to them via the {@link sap.ui.core.Element#setLayoutData setLayoutData} method. If there are additional
     * fields in the row they will get the remaining cells.  Example for a row with two {@link sap.m.Input Input }
     * controls where one uses four cells on small screens, one cell on medium screens and 2 cells on larger
     * screens (using {@link sap.ui.layout.form.ResponsiveGridLayout ResponsiveGridLayout}):
     * ```javascript
     *
     * new sap.m.Label({text:"Label"});
     * new sap.m.Input({value:"auto size"}),
     * new sap.m.Input({value:"fix size", layoutData: new sap.ui.layout.GridData({span: "XL1 L1 M2 S4"})}),
     * ```
     *
     *
     * **Warning:** Do not put any layout or other container controls in here. This could damage the visual
     * layout, keyboard support and screen-reader support. Only labels, titles, toolbars and form controls are
     * allowed. Views are also not supported. Allowed form controls implement the interface {@link sap.ui.core.IFormContent}.
     *
     * If editable controls are used as content, the {@link #setEditable editable} property must be set to `true`,
     * otherwise to `false`. If the {@link #setEditable editable} property is set incorrectly, there will be
     * visual issues like wrong label alignment or wrong spacing between the controls. In addition to that,
     * wrong screen reader announcements might occur.
     */
    getContent(): UI5Element[];
    /**
     * Gets current value of property {@link #getEditable editable}.
     *
     * Applies a device-specific and theme-specific line height and label alignment to the form rows if the
     * form has editable content. If set, all (not only the editable) rows of the form will get the line height
     * of editable fields.
     *
     * The labels inside the form will be rendered by default in the according mode.
     *
     * **Note:** The setting of this property does not change the content of the form. For example, `Input`
     * controls in a form with `editable` set to false are still editable.
     *
     * **Warning:** If this property is wrongly set, this might lead to visual issues. The labels and fields
     * might be misaligned, the labels might be rendered in the wrong mode, and the spacing between the single
     * controls might be wrong. Also, controls that do not fit the mode might be rendered incorrectly. In addition
     * to that, wrong screen reader announcements might occur.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `editable`
     */
    getEditable(): boolean;
    /**
     * Gets current value of property {@link #getEmptySpanL emptySpanL}.
     *
     * Number of grid cells that are empty at the end of each line on large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` or a `ColumnLayout` is used as a layout.
     * If a `ColumnLayout` is used, this property defines the empty cells for large columns.
     *
     * Default value is `0`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `emptySpanL`
     */
    getEmptySpanL(): int;
    /**
     * Gets current value of property {@link #getEmptySpanM emptySpanM}.
     *
     * Number of grid cells that are empty at the end of each line on medium size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * Default value is `0`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `emptySpanM`
     */
    getEmptySpanM(): int;
    /**
     * Gets current value of property {@link #getEmptySpanS emptySpanS}.
     *
     * Number of grid cells that are empty at the end of each line on small size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * Default value is `0`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `emptySpanS`
     */
    getEmptySpanS(): int;
    /**
     * Gets current value of property {@link #getEmptySpanXL emptySpanXL}.
     *
     * Number of grid cells that are empty at the end of each line on extra large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout. If the default
     * value -1 is not overwritten with the meaningful one then the `emptySpanL` value is used (from the backward
     * compatibility reasons).
     *
     * Default value is `-1`.
     *
     * @since 1.34.0
     *
     * @returns Value of property `emptySpanXL`
     */
    getEmptySpanXL(): int;
    /**
     * Gets current value of property {@link #getLabelMinWidth labelMinWidth}.
     *
     * Specifies the min-width in pixels of the label in all form rows.
     *
     * **Note:** This property is only used if a `ResponsiveLayout` is used as a layout.
     *
     * Default value is `192`.
     *
     * @deprecated As of version 1.93. use another `Layout`
     *
     * @returns Value of property `labelMinWidth`
     */
    getLabelMinWidth(): int;
    /**
     * Gets current value of property {@link #getLabelSpanL labelSpanL}.
     *
     * Default span for labels in large size.
     *
     * **Note:** If `adjustLabelSpan` is set, this property is only used if more than 1 `FormContainer` is in
     * one line. If only 1 `FormContainer` is in the line, then the `labelSpanM` value is used.
     *
     * **Note:** This property is only used if `ResponsiveGridLayout` or `ColumnLayout` is used as a layout.
     * If a `ColumnLayout` is used, this property defines the label size for large columns.
     *
     * Default value is `4`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `labelSpanL`
     */
    getLabelSpanL(): int;
    /**
     * Gets current value of property {@link #getLabelSpanM labelSpanM}.
     *
     * Default span for labels in medium size.
     *
     * **Note:** If `adjustLabelSpan` is set, this property is used for full-size `FormContainers`. If more
     * than one `FormContainer` is in one line, `labelSpanL` is used.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * Default value is `2`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `labelSpanM`
     */
    getLabelSpanM(): int;
    /**
     * Gets current value of property {@link #getLabelSpanS labelSpanS}.
     *
     * Default span for labels in small size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * Default value is `12`.
     *
     * @since 1.16.3
     *
     * @returns Value of property `labelSpanS`
     */
    getLabelSpanS(): int;
    /**
     * Gets current value of property {@link #getLabelSpanXL labelSpanXL}.
     *
     * Default span for labels in extra large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout. If the default
     * value -1 is not overwritten with the meaningful one then the `labelSpanL` value is used (from the backward
     * compatibility reasons).
     *
     * Default value is `-1`.
     *
     * @since 1.34.0
     *
     * @returns Value of property `labelSpanXL`
     */
    getLabelSpanXL(): int;
    /**
     * Gets current value of property {@link #getLayout layout}.
     *
     * The `FormLayout` that is used to render the `SimpleForm`.
     *
     * We recommend using the `ColumnLayout` for rendering a `SimpleForm`, as its responsiveness uses the space
     * available in the best way possible.
     *
     * **Note** If possible, set the `layout` before adding content to prevent calculations for the default
     * layout.
     *
     * **Note** The `ResponsiveLayout` has been deprecated and must no longer be used.
     *
     * **Note** As of version 1.117, the `ResponsiveGridLayout` is used as default.
     *
     * Default value is `ResponsiveGridLayout`.
     *
     *
     * @returns Value of property `layout`
     */
    getLayout(): form.SimpleFormLayout;
    /**
     * Gets current value of property {@link #getMaxContainerCols maxContainerCols}.
     *
     * The maximum amount of groups (`{@link sap.ui.layout.form.FormContainer FormContainers}`) per row that
     * is used before a new row is started.
     *
     * **Note:** If `{@link sap.ui.layout.form.SimpleFormLayout.ResponsiveGridLayout}` is used as `layout`,
     * this property is not used. Please use the properties `ColumnsL` and `ColumnsM` in this case.
     *
     * Default value is `2`.
     *
     *
     * @returns Value of property `maxContainerCols`
     */
    getMaxContainerCols(): int;
    /**
     * Gets current value of property {@link #getMinWidth minWidth}.
     *
     * The overall minimum width in pixels that is used for the `SimpleForm`.
     *
     * If the available width is below the given `minWidth` the `SimpleForm` will create a new row for the next
     * group (`{@link sap.ui.layout.form.FormContainer FormContainer}`). The default value is -1, meaning that
     * inner groups (`{@link sap.ui.layout.form.FormContainer FormContainers}`) will be stacked until `maxContainerCols`
     * is reached, irrespective of whether a `width` is reached or the available parents width is reached.
     *
     * **Note:** This property is only used if a `ResponsiveLayout` is used as a layout.
     *
     * Default value is `-1`.
     *
     * @deprecated As of version 1.93. use another `Layout`
     *
     * @returns Value of property `minWidth`
     */
    getMinWidth(): int;
    /**
     * Gets current value of property {@link #getSingleContainerFullSize singleContainerFullSize}.
     *
     * If the `Form` contains only one single `FormContainer` and this property is set, the `FormContainer`
     * is displayed using the full size of the `Form`. In this case the properties `columnsL` and `columnsM`
     * are ignored.
     *
     * In all other cases the `FormContainer` is displayed in the size of one column.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * Default value is `true`.
     *
     * @since 1.34.0
     *
     * @returns Value of property `singleContainerFullSize`
     */
    getSingleContainerFullSize(): boolean;
    /**
     * Gets content of aggregation {@link #getTitle title}.
     *
     * Title element of the `SimpleForm`. Can either be a `Title` element, or a string.
     *
     * **Note:** If a {@link #getToolbar Toolbar} is used, the `Title` is ignored.
     *
     * **Note:** If the title is provided as a string, the title is rendered with a theme-dependent default
     * level. As the `Form` control cannot know the structure of the page, this might not fit the page structure.
     * In this case, provide the title using a `Title` element and set its {@link sap.ui.core.Title#setLevel level }
     * to the needed value.
     *
     * @since 1.16.3
     */
    getTitle(): Title | string;
    /**
     * Gets content of aggregation {@link #getToolbar toolbar}.
     *
     * Toolbar of the `SimpleForm`.
     *
     * **Note:** If a `Toolbar` is used, the {@link #getTitle Title} is ignored. If a title is needed inside
     * the `Toolbar` it must be added at content to the `Toolbar`. In this case, add the `Title` to the {@link #addAriaLabelledBy ariaLabelledBy }
     * association. Use the right title level to meet the visual requirements. This might be theme-dependent.
     *
     * @since 1.36.0
     */
    getToolbar(): Toolbar;
    /**
     * Gets current value of property {@link #getWidth width}.
     *
     * Width of the form.
     *
     * @since 1.28.0
     *
     * @returns Value of property `width`
     */
    getWidth(): CSSSize;
    /**
     * Checks for the provided `sap.ui.core.Element` in the aggregation {@link #getContent content}. and returns
     * its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfContent(
      /**
       * The content whose index is looked for
       */
      oContent: UI5Element
    ): int;
    /**
     * Inserts a content into the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertContent(
      /**
       * The content to insert; if empty, nothing is inserted
       */
      oContent: UI5Element,
      /**
       * The `0`-based index the content should be inserted at; for a negative value of `iIndex`, the content
       * is inserted at position 0; for a value greater than the current size of the aggregation, the content
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes all the controls in the association named {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.32.0
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllAriaLabelledBy(): ID[];
    /**
     * Removes all the controls from the aggregation {@link #getContent content}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllContent(): UI5Element[];
    /**
     * Removes an ariaLabelledBy from the association named {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.32.0
     *
     * @returns The removed ariaLabelledBy or `null`
     */
    removeAriaLabelledBy(
      /**
       * The ariaLabelledBy to be removed or its index or ID
       */
      vAriaLabelledBy: int | ID | Control
    ): ID | null;
    /**
     * Removes a content from the aggregation {@link #getContent content}.
     *
     *
     * @returns The removed content or `null`
     */
    removeContent(
      /**
       * The content to remove or its index or id
       */
      vContent: int | string | UI5Element
    ): UI5Element | null;
    /**
     * Sets a new value for property {@link #getAdjustLabelSpan adjustLabelSpan}.
     *
     * If set, the usage of `labelSpanL` and `labelSpanM` are dependent on the number of `FormContainers` in
     * one row. If only one `FormContainer` is displayed in one row, `labelSpanM` is used to define the size
     * of the label. This is the same for medium and large `Forms`. This is done to align the labels on forms
     * where full-size `FormContainers` and multiple-column rows are used in the same `Form` (because every
     * `FormContainer` has its own grid inside).
     *
     * If not set, the usage of `labelSpanL` and `labelSpanM` are dependent on the `Form` size. The number of
     * `FormContainers` doesn't matter in this case.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     * @since 1.34.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setAdjustLabelSpan(
      /**
       * New value for property `adjustLabelSpan`
       */
      bAdjustLabelSpan?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getBackgroundDesign backgroundDesign}.
     *
     * Specifies the background color of the `SimpleForm` content.
     *
     * The visualization of the different options depends on the used theme.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `Translucent`.
     *
     * @since 1.36.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBackgroundDesign(
      /**
       * New value for property `backgroundDesign`
       */
      sBackgroundDesign?: BackgroundDesign | keyof typeof BackgroundDesign
    ): this;
    /**
     * Sets a new value for property {@link #getBreakpointL breakpointL}.
     *
     * Breakpoint between medium size and large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1024`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBreakpointL(
      /**
       * New value for property `breakpointL`
       */
      iBreakpointL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getBreakpointM breakpointM}.
     *
     * Breakpoint between small size and medium size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `600`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBreakpointM(
      /**
       * New value for property `breakpointM`
       */
      iBreakpointM?: int
    ): this;
    /**
     * Sets a new value for property {@link #getBreakpointXL breakpointXL}.
     *
     * Breakpoint between large size and extra large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1440`.
     *
     * @since 1.34.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setBreakpointXL(
      /**
       * New value for property `breakpointXL`
       */
      iBreakpointXL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getColumnsL columnsL}.
     *
     * Form columns for large size. The number of columns for large size must not be smaller than the number
     * of columns for medium size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` or a `ColumnLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `2`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumnsL(
      /**
       * New value for property `columnsL`
       */
      iColumnsL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getColumnsM columnsM}.
     *
     * Form columns for medium size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` or a `ColumnLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumnsM(
      /**
       * New value for property `columnsM`
       */
      iColumnsM?: int
    ): this;
    /**
     * Sets a new value for property {@link #getColumnsXL columnsXL}.
     *
     * Form columns for extra large size. The number of columns for extra large size must not be smaller than
     * the number of columns for large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` or a `ColumnLayout` is used as a layout.
     * If the default value -1 is not overwritten with the meaningful one then the `columnsL` value is used
     * (from the backward compatibility reasons).
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `-1`.
     *
     * @since 1.34.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setColumnsXL(
      /**
       * New value for property `columnsXL`
       */
      iColumnsXL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getEditable editable}.
     *
     * Applies a device-specific and theme-specific line height and label alignment to the form rows if the
     * form has editable content. If set, all (not only the editable) rows of the form will get the line height
     * of editable fields.
     *
     * The labels inside the form will be rendered by default in the according mode.
     *
     * **Note:** The setting of this property does not change the content of the form. For example, `Input`
     * controls in a form with `editable` set to false are still editable.
     *
     * **Warning:** If this property is wrongly set, this might lead to visual issues. The labels and fields
     * might be misaligned, the labels might be rendered in the wrong mode, and the spacing between the single
     * controls might be wrong. Also, controls that do not fit the mode might be rendered incorrectly. In addition
     * to that, wrong screen reader announcements might occur.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setEditable(
      /**
       * New value for property `editable`
       */
      bEditable?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getEmptySpanL emptySpanL}.
     *
     * Number of grid cells that are empty at the end of each line on large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` or a `ColumnLayout` is used as a layout.
     * If a `ColumnLayout` is used, this property defines the empty cells for large columns.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `0`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setEmptySpanL(
      /**
       * New value for property `emptySpanL`
       */
      iEmptySpanL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getEmptySpanM emptySpanM}.
     *
     * Number of grid cells that are empty at the end of each line on medium size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `0`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setEmptySpanM(
      /**
       * New value for property `emptySpanM`
       */
      iEmptySpanM?: int
    ): this;
    /**
     * Sets a new value for property {@link #getEmptySpanS emptySpanS}.
     *
     * Number of grid cells that are empty at the end of each line on small size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `0`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setEmptySpanS(
      /**
       * New value for property `emptySpanS`
       */
      iEmptySpanS?: int
    ): this;
    /**
     * Sets a new value for property {@link #getEmptySpanXL emptySpanXL}.
     *
     * Number of grid cells that are empty at the end of each line on extra large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout. If the default
     * value -1 is not overwritten with the meaningful one then the `emptySpanL` value is used (from the backward
     * compatibility reasons).
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `-1`.
     *
     * @since 1.34.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setEmptySpanXL(
      /**
       * New value for property `emptySpanXL`
       */
      iEmptySpanXL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getLabelMinWidth labelMinWidth}.
     *
     * Specifies the min-width in pixels of the label in all form rows.
     *
     * **Note:** This property is only used if a `ResponsiveLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `192`.
     *
     * @deprecated As of version 1.93. use another `Layout`
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLabelMinWidth(
      /**
       * New value for property `labelMinWidth`
       */
      iLabelMinWidth?: int
    ): this;
    /**
     * Sets a new value for property {@link #getLabelSpanL labelSpanL}.
     *
     * Default span for labels in large size.
     *
     * **Note:** If `adjustLabelSpan` is set, this property is only used if more than 1 `FormContainer` is in
     * one line. If only 1 `FormContainer` is in the line, then the `labelSpanM` value is used.
     *
     * **Note:** This property is only used if `ResponsiveGridLayout` or `ColumnLayout` is used as a layout.
     * If a `ColumnLayout` is used, this property defines the label size for large columns.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `4`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLabelSpanL(
      /**
       * New value for property `labelSpanL`
       */
      iLabelSpanL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getLabelSpanM labelSpanM}.
     *
     * Default span for labels in medium size.
     *
     * **Note:** If `adjustLabelSpan` is set, this property is used for full-size `FormContainers`. If more
     * than one `FormContainer` is in one line, `labelSpanL` is used.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `2`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLabelSpanM(
      /**
       * New value for property `labelSpanM`
       */
      iLabelSpanM?: int
    ): this;
    /**
     * Sets a new value for property {@link #getLabelSpanS labelSpanS}.
     *
     * Default span for labels in small size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `12`.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLabelSpanS(
      /**
       * New value for property `labelSpanS`
       */
      iLabelSpanS?: int
    ): this;
    /**
     * Sets a new value for property {@link #getLabelSpanXL labelSpanXL}.
     *
     * Default span for labels in extra large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout. If the default
     * value -1 is not overwritten with the meaningful one then the `labelSpanL` value is used (from the backward
     * compatibility reasons).
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `-1`.
     *
     * @since 1.34.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLabelSpanXL(
      /**
       * New value for property `labelSpanXL`
       */
      iLabelSpanXL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getLayout layout}.
     *
     * The `FormLayout` that is used to render the `SimpleForm`.
     *
     * We recommend using the `ColumnLayout` for rendering a `SimpleForm`, as its responsiveness uses the space
     * available in the best way possible.
     *
     * **Note** If possible, set the `layout` before adding content to prevent calculations for the default
     * layout.
     *
     * **Note** The `ResponsiveLayout` has been deprecated and must no longer be used.
     *
     * **Note** As of version 1.117, the `ResponsiveGridLayout` is used as default.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `ResponsiveGridLayout`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLayout(
      /**
       * New value for property `layout`
       */
      sLayout?: form.SimpleFormLayout | keyof typeof form.SimpleFormLayout
    ): this;
    /**
     * Sets a new value for property {@link #getMaxContainerCols maxContainerCols}.
     *
     * The maximum amount of groups (`{@link sap.ui.layout.form.FormContainer FormContainers}`) per row that
     * is used before a new row is started.
     *
     * **Note:** If `{@link sap.ui.layout.form.SimpleFormLayout.ResponsiveGridLayout}` is used as `layout`,
     * this property is not used. Please use the properties `ColumnsL` and `ColumnsM` in this case.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `2`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setMaxContainerCols(
      /**
       * New value for property `maxContainerCols`
       */
      iMaxContainerCols?: int
    ): this;
    /**
     * Sets a new value for property {@link #getMinWidth minWidth}.
     *
     * The overall minimum width in pixels that is used for the `SimpleForm`.
     *
     * If the available width is below the given `minWidth` the `SimpleForm` will create a new row for the next
     * group (`{@link sap.ui.layout.form.FormContainer FormContainer}`). The default value is -1, meaning that
     * inner groups (`{@link sap.ui.layout.form.FormContainer FormContainers}`) will be stacked until `maxContainerCols`
     * is reached, irrespective of whether a `width` is reached or the available parents width is reached.
     *
     * **Note:** This property is only used if a `ResponsiveLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `-1`.
     *
     * @deprecated As of version 1.93. use another `Layout`
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setMinWidth(
      /**
       * New value for property `minWidth`
       */
      iMinWidth?: int
    ): this;
    /**
     * Sets a new value for property {@link #getSingleContainerFullSize singleContainerFullSize}.
     *
     * If the `Form` contains only one single `FormContainer` and this property is set, the `FormContainer`
     * is displayed using the full size of the `Form`. In this case the properties `columnsL` and `columnsM`
     * are ignored.
     *
     * In all other cases the `FormContainer` is displayed in the size of one column.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     * @since 1.34.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSingleContainerFullSize(
      /**
       * New value for property `singleContainerFullSize`
       */
      bSingleContainerFullSize?: boolean
    ): this;
    /**
     * Sets the aggregated {@link #getTitle title}.
     *
     * @since 1.16.3
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setTitle(
      /**
       * The title to set
       */
      vTitle: Title | string
    ): this;
    /**
     * Sets the aggregated {@link #getToolbar toolbar}.
     *
     * @since 1.36.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setToolbar(
      /**
       * The toolbar to set
       */
      oToolbar: Toolbar
    ): this;
    /**
     * Sets a new value for property {@link #getWidth width}.
     *
     * Width of the form.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * @since 1.28.0
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setWidth(
      /**
       * New value for property `width`
       */
      sWidth?: CSSSize
    ): this;
  }
  /**
   * Describes the settings that can be provided to the SimpleForm constructor.
   */
  export interface $SimpleFormSettings extends $ControlSettings {
    /**
     * The maximum amount of groups (`{@link sap.ui.layout.form.FormContainer FormContainers}`) per row that
     * is used before a new row is started.
     *
     * **Note:** If `{@link sap.ui.layout.form.SimpleFormLayout.ResponsiveGridLayout}` is used as `layout`,
     * this property is not used. Please use the properties `ColumnsL` and `ColumnsM` in this case.
     */
    maxContainerCols?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * The overall minimum width in pixels that is used for the `SimpleForm`.
     *
     * If the available width is below the given `minWidth` the `SimpleForm` will create a new row for the next
     * group (`{@link sap.ui.layout.form.FormContainer FormContainer}`). The default value is -1, meaning that
     * inner groups (`{@link sap.ui.layout.form.FormContainer FormContainers}`) will be stacked until `maxContainerCols`
     * is reached, irrespective of whether a `width` is reached or the available parents width is reached.
     *
     * **Note:** This property is only used if a `ResponsiveLayout` is used as a layout.
     *
     * @deprecated As of version 1.93. use another `Layout`
     */
    minWidth?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Width of the form.
     *
     * @since 1.28.0
     */
    width?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Applies a device-specific and theme-specific line height and label alignment to the form rows if the
     * form has editable content. If set, all (not only the editable) rows of the form will get the line height
     * of editable fields.
     *
     * The labels inside the form will be rendered by default in the according mode.
     *
     * **Note:** The setting of this property does not change the content of the form. For example, `Input`
     * controls in a form with `editable` set to false are still editable.
     *
     * **Warning:** If this property is wrongly set, this might lead to visual issues. The labels and fields
     * might be misaligned, the labels might be rendered in the wrong mode, and the spacing between the single
     * controls might be wrong. Also, controls that do not fit the mode might be rendered incorrectly. In addition
     * to that, wrong screen reader announcements might occur.
     */
    editable?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Specifies the min-width in pixels of the label in all form rows.
     *
     * **Note:** This property is only used if a `ResponsiveLayout` is used as a layout.
     *
     * @deprecated As of version 1.93. use another `Layout`
     */
    labelMinWidth?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * The `FormLayout` that is used to render the `SimpleForm`.
     *
     * We recommend using the `ColumnLayout` for rendering a `SimpleForm`, as its responsiveness uses the space
     * available in the best way possible.
     *
     * **Note** If possible, set the `layout` before adding content to prevent calculations for the default
     * layout.
     *
     * **Note** The `ResponsiveLayout` has been deprecated and must no longer be used.
     *
     * **Note** As of version 1.117, the `ResponsiveGridLayout` is used as default.
     */
    layout?:
      | (form.SimpleFormLayout | keyof typeof form.SimpleFormLayout)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Default span for labels in extra large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout. If the default
     * value -1 is not overwritten with the meaningful one then the `labelSpanL` value is used (from the backward
     * compatibility reasons).
     *
     * @since 1.34.0
     */
    labelSpanXL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Default span for labels in large size.
     *
     * **Note:** If `adjustLabelSpan` is set, this property is only used if more than 1 `FormContainer` is in
     * one line. If only 1 `FormContainer` is in the line, then the `labelSpanM` value is used.
     *
     * **Note:** This property is only used if `ResponsiveGridLayout` or `ColumnLayout` is used as a layout.
     * If a `ColumnLayout` is used, this property defines the label size for large columns.
     *
     * @since 1.16.3
     */
    labelSpanL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Default span for labels in medium size.
     *
     * **Note:** If `adjustLabelSpan` is set, this property is used for full-size `FormContainers`. If more
     * than one `FormContainer` is in one line, `labelSpanL` is used.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * @since 1.16.3
     */
    labelSpanM?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Default span for labels in small size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * @since 1.16.3
     */
    labelSpanS?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * If set, the usage of `labelSpanL` and `labelSpanM` are dependent on the number of `FormContainers` in
     * one row. If only one `FormContainer` is displayed in one row, `labelSpanM` is used to define the size
     * of the label. This is the same for medium and large `Forms`. This is done to align the labels on forms
     * where full-size `FormContainers` and multiple-column rows are used in the same `Form` (because every
     * `FormContainer` has its own grid inside).
     *
     * If not set, the usage of `labelSpanL` and `labelSpanM` are dependent on the `Form` size. The number of
     * `FormContainers` doesn't matter in this case.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * @since 1.34.0
     */
    adjustLabelSpan?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of grid cells that are empty at the end of each line on extra large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout. If the default
     * value -1 is not overwritten with the meaningful one then the `emptySpanL` value is used (from the backward
     * compatibility reasons).
     *
     * @since 1.34.0
     */
    emptySpanXL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of grid cells that are empty at the end of each line on large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` or a `ColumnLayout` is used as a layout.
     * If a `ColumnLayout` is used, this property defines the empty cells for large columns.
     *
     * @since 1.16.3
     */
    emptySpanL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of grid cells that are empty at the end of each line on medium size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * @since 1.16.3
     */
    emptySpanM?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Number of grid cells that are empty at the end of each line on small size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * @since 1.16.3
     */
    emptySpanS?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Form columns for extra large size. The number of columns for extra large size must not be smaller than
     * the number of columns for large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` or a `ColumnLayout` is used as a layout.
     * If the default value -1 is not overwritten with the meaningful one then the `columnsL` value is used
     * (from the backward compatibility reasons).
     *
     * @since 1.34.0
     */
    columnsXL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Form columns for large size. The number of columns for large size must not be smaller than the number
     * of columns for medium size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` or a `ColumnLayout` is used as a layout.
     *
     * @since 1.16.3
     */
    columnsL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Form columns for medium size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` or a `ColumnLayout` is used as a layout.
     *
     * @since 1.16.3
     */
    columnsM?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * If the `Form` contains only one single `FormContainer` and this property is set, the `FormContainer`
     * is displayed using the full size of the `Form`. In this case the properties `columnsL` and `columnsM`
     * are ignored.
     *
     * In all other cases the `FormContainer` is displayed in the size of one column.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * @since 1.34.0
     */
    singleContainerFullSize?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Breakpoint between large size and extra large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * @since 1.34.0
     */
    breakpointXL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Breakpoint between medium size and large size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * @since 1.16.3
     */
    breakpointL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Breakpoint between small size and medium size.
     *
     * **Note:** This property is only used if a `ResponsiveGridLayout` is used as a layout.
     *
     * @since 1.16.3
     */
    breakpointM?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Specifies the background color of the `SimpleForm` content.
     *
     * The visualization of the different options depends on the used theme.
     *
     * @since 1.36.0
     */
    backgroundDesign?:
      | (BackgroundDesign | keyof typeof BackgroundDesign)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * The content of the form is structured in the following way:
     * 	 - Add a {@link sap.ui.core.Title Title} element or `Toolbar` control to start a new group (`{@link sap.ui.layout.form.FormContainer FormContainer}`).
     *
     * 	 - Add a {@link sap.m.Label Label} control to start a new row (`{@link sap.ui.layout.form.FormElement FormElement}`).
     *
     * 	 - Add controls as input fields, text fields or other as needed.
     * 	 - Use {@link sap.ui.core.Element#setLayoutData LayoutData} to influence the layout for special cases
     *     in the single controls. For example, if a {@link sap.ui.layout.form.ColumnLayout ColumnLayout} is used
     *     as a layout, the form content is weighted using 4 cells for the labels and 8 cells for the field part,
     *     for large size. If there is only little space, the labels are above the fields and each field uses 12
     *     cells. If your input controls should influence their width, you can add {@link sap.ui.layout.form.ColumnElementData ColumnElementData }
     *     to them via the {@link sap.ui.core.Element#setLayoutData setLayoutData} method. Ensure that the sum of
     *     the weights in the {@link sap.ui.layout.form.ColumnElementData ColumnElementData} is not more than 12,
     *     as this is the total width of the input control part of each form row.  Example for a row where
     *     the {@link sap.m.Input Input} uses 6 cells and the second {@link sap.m.Input Input} uses 2 cells (using
     *     {@link sap.ui.layout.form.ColumnElementData ColumnElementData}):
     * ```javascript
     *
     * new sap.m.Label({text:"Label"});
     * new sap.m.Input({value:"6 cells", layoutData: new sap.ui.layout.form.ColumnElementData({cellsLarge: 6, cellsSmall: 8})}),
     * new sap.m.Input({value:"2 cells", layoutData: new sap.ui.layout.form.ColumnElementData({cellsLarge: 2, cellsSmall: 4})}),
     * ```
     *
     *
     * For example, if a {@link sap.ui.layout.form.ResponsiveGridLayout ResponsiveGridLayout} is used as a layout,
     * there are 12 cells in one row. Depending on the screen size the labels use the defined `labelSpan`. The
     * remaining cells are used for the fields (and `emptySpan` if defined). The available cells are distributed
     * to all fields in the row. If one field should use a fixed number of cells you can add {@link sap.ui.layout.GridData GridData }
     * to them via the {@link sap.ui.core.Element#setLayoutData setLayoutData} method. If there are additional
     * fields in the row they will get the remaining cells.  Example for a row with two {@link sap.m.Input Input }
     * controls where one uses four cells on small screens, one cell on medium screens and 2 cells on larger
     * screens (using {@link sap.ui.layout.form.ResponsiveGridLayout ResponsiveGridLayout}):
     * ```javascript
     *
     * new sap.m.Label({text:"Label"});
     * new sap.m.Input({value:"auto size"}),
     * new sap.m.Input({value:"fix size", layoutData: new sap.ui.layout.GridData({span: "XL1 L1 M2 S4"})}),
     * ```
     *
     *
     * **Warning:** Do not put any layout or other container controls in here. This could damage the visual
     * layout, keyboard support and screen-reader support. Only labels, titles, toolbars and form controls are
     * allowed. Views are also not supported. Allowed form controls implement the interface {@link sap.ui.core.IFormContent}.
     *
     * If editable controls are used as content, the {@link #setEditable editable} property must be set to `true`,
     * otherwise to `false`. If the {@link #setEditable editable} property is set incorrectly, there will be
     * visual issues like wrong label alignment or wrong spacing between the controls. In addition to that,
     * wrong screen reader announcements might occur.
     */
    content?:
      | UI5Element[]
      | UI5Element
      | AggregationBindingInfo
      | `{${string}}`;

    /**
     * Title element of the `SimpleForm`. Can either be a `Title` element, or a string.
     *
     * **Note:** If a {@link #getToolbar Toolbar} is used, the `Title` is ignored.
     *
     * **Note:** If the title is provided as a string, the title is rendered with a theme-dependent default
     * level. As the `Form` control cannot know the structure of the page, this might not fit the page structure.
     * In this case, provide the title using a `Title` element and set its {@link sap.ui.core.Title#setLevel level }
     * to the needed value.
     *
     * @since 1.16.3
     */
    title?: string | Title | PropertyBindingInfo;

    /**
     * Toolbar of the `SimpleForm`.
     *
     * **Note:** If a `Toolbar` is used, the {@link #getTitle Title} is ignored. If a title is needed inside
     * the `Toolbar` it must be added at content to the `Toolbar`. In this case, add the `Title` to the {@link #addAriaLabelledBy ariaLabelledBy }
     * association. Use the right title level to meet the visual requirements. This might be theme-dependent.
     *
     * @since 1.36.0
     */
    toolbar?: Toolbar;

    /**
     * Association to controls / IDs which label this control (see WAI-ARIA attribute `aria-labelledby`).
     *
     * **Note:** Every `Form` needs to have some title or label (at least for screen reader support). If no
     * {@link #getTitle Title} is set, and the `SimpleForm` is not a child or a control with a title, such as
     * {@link sap.m.Panel Panel} or {@link sap.m.Dialog Dialog}, a label or title needs to be assigned using
     * the `ariaLabelledBy` association.
     *
     * @since 1.32.0
     */
    ariaLabelledBy?: Array<Control | string>;
  }
}

declare module "sap/ui/layout/Grid" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import { ID, CSSSize } from "sap/ui/core/library";

  import { GridIndent, GridSpan, GridPosition } from "sap/ui/layout/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * A layout control which positions its child controls in a 12 column flow layout.
   *
   * The `Grid` control's children can be specified to take on a variable amount of columns depending on available
   * screen size. With this control it is possible to achieve flexible layouts and line-breaks for extra large-,
   * large-, medium- and small-sized screens, such as large desktop, desktop, tablet, and mobile.
   *
   * The `Grid` control's width can be percentage- or pixel-based and the spacing between its columns can
   * be set to various predefined values.
   *
   * **Notes:**
   * 	 - The visibility of the child control does not affect the horizontal space it occupies, meaning that
   *     even if the control is not visible, its horizontal space still exists, even if it is empty.
   * 	 -  If it gets wider, the content of the columns is designed to overflow outside of its dimensions.
   *     An additional `sapUiRespGridOverflowHidden` CSS class should be added to the control in order to hide
   *     the overflowing part of it.
   *
   * @since 1.15.0
   */
  export default class Grid extends Control {
    /**
     * Constructor for a new `Grid`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     * See:
     * 	{@link fiori:https://experience.sap.com/fiori-design-web/grid-layout/#responsive-grid Grid}
     * 	{@link https://ui5.sap.com/#/topic/43ae317cf39640a88bc8be979d2671df Grid}
     * 	{@link https://ui5.sap.com/#/topic/32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridSettings
    );
    /**
     * Constructor for a new `Grid`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     * See:
     * 	{@link fiori:https://experience.sap.com/fiori-design-web/grid-layout/#responsive-grid Grid}
     * 	{@link https://ui5.sap.com/#/topic/43ae317cf39640a88bc8be979d2671df Grid}
     * 	{@link https://ui5.sap.com/#/topic/32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.Grid with name `sClassName` and enriches it with the information
     * contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, Grid>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.Grid.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some ariaLabelledBy into the association {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.48.7
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addAriaLabelledBy(
      /**
       * The ariaLabelledBy to add; if empty, nothing is inserted
       */
      vAriaLabelledBy: ID | Control
    ): this;
    /**
     * Adds some content to the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addContent(
      /**
       * The content to add; if empty, nothing is inserted
       */
      oContent: Control
    ): this;
    /**
     * Destroys all the content in the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyContent(): this;
    /**
     * Returns the `Grid` accessibility information.
     * See:
     * 	sap.ui.core.Control#getAccessibilityInfo
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns The `Grid` accessibility information
     */
    getAccessibilityInfo(): object;
    /**
     * Returns array of IDs of the elements which are the current targets of the association {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.48.7
     */
    getAriaLabelledBy(): ID[];
    /**
     * Gets current value of property {@link #getContainerQuery containerQuery}.
     *
     * If set to `true`, the current range (large, medium or small) is defined by the size of the container
     * surrounding the `Grid` instead of the device screen size (media Query).
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `containerQuery`
     */
    getContainerQuery(): boolean;
    /**
     * Gets content of aggregation {@link #getContent content}.
     *
     * Controls that are placed into Grid layout.
     */
    getContent(): Control[];
    /**
     * Gets current value of property {@link #getDefaultIndent defaultIndent}.
     *
     * Optional. Defines default for the whole Grid numbers of empty columns before the current span begins.
     * It can be defined for large, medium and small screens. Allowed values are separated by space with case
     * insensitive Letters XL, L, M or S followed by number of columns from 0 to 11 that the container has to
     * take, for example, `L2 M4 S6`, `M11`, `s10` or `l4 m4`.
     *
     * **Note:** The parameters must be provided in the order .
     *
     * Default value is `"XL0 L0 M0 S0"`.
     *
     *
     * @returns Value of property `defaultIndent`
     */
    getDefaultIndent(): GridIndent;
    /**
     * Gets current value of property {@link #getDefaultSpan defaultSpan}.
     *
     * Optional. A string type that represents the span values of the `Grid` for large, medium and small screens.
     * Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number
     * of columns from 1 to 12 that the container has to take, for example, `L2 M4 S6`, `M12`, `s10` or `l4
     * m4`.
     *
     * **Note:** The parameters must be provided in the order .
     *
     * Default value is `"XL3 L3 M6 S12"`.
     *
     *
     * @returns Value of property `defaultSpan`
     */
    getDefaultSpan(): GridSpan;
    /**
     * Gets current value of property {@link #getHSpacing hSpacing}.
     *
     * Optional. Defines the horizontal spacing between the content in the `Grid`. In rem, allowed values are
     * 0, 0.5 , 1 or 2.
     *
     * Default value is `1`.
     *
     *
     * @returns Value of property `hSpacing`
     */
    getHSpacing(): float;
    /**
     * Gets current value of property {@link #getPosition position}.
     *
     * Optional. Defines the position of the `Grid` in the window or surrounding container.
     *
     * Default value is `"Left"`.
     *
     *
     * @returns Value of property `position`
     */
    getPosition(): GridPosition;
    /**
     * Gets current value of property {@link #getVSpacing vSpacing}.
     *
     * Optional. Defines the vertical spacing between the rows in the `Grid`. In rem, allowed values are 0,
     * 0.5, 1 and 2.
     *
     * Default value is `1`.
     *
     *
     * @returns Value of property `vSpacing`
     */
    getVSpacing(): float;
    /**
     * Gets current value of property {@link #getWidth width}.
     *
     * Optional. Defines the width of the `Grid`. If not specified, then 100%.
     *
     * Default value is `'100%'`.
     *
     *
     * @returns Value of property `width`
     */
    getWidth(): CSSSize;
    /**
     * Checks for the provided `sap.ui.core.Control` in the aggregation {@link #getContent content}. and returns
     * its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfContent(
      /**
       * The content whose index is looked for
       */
      oContent: Control
    ): int;
    /**
     * Inserts a content into the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertContent(
      /**
       * The content to insert; if empty, nothing is inserted
       */
      oContent: Control,
      /**
       * The `0`-based index the content should be inserted at; for a negative value of `iIndex`, the content
       * is inserted at position 0; for a value greater than the current size of the aggregation, the content
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes all the controls in the association named {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.48.7
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllAriaLabelledBy(): ID[];
    /**
     * Removes all the controls from the aggregation {@link #getContent content}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllContent(): Control[];
    /**
     * Removes an ariaLabelledBy from the association named {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.48.7
     *
     * @returns The removed ariaLabelledBy or `null`
     */
    removeAriaLabelledBy(
      /**
       * The ariaLabelledBy to be removed or its index or ID
       */
      vAriaLabelledBy: int | ID | Control
    ): ID | null;
    /**
     * Removes a content from the aggregation {@link #getContent content}.
     *
     *
     * @returns The removed content or `null`
     */
    removeContent(
      /**
       * The content to remove or its index or id
       */
      vContent: int | string | Control
    ): Control | null;
    /**
     * Sets a new value for property {@link #getContainerQuery containerQuery}.
     *
     * If set to `true`, the current range (large, medium or small) is defined by the size of the container
     * surrounding the `Grid` instead of the device screen size (media Query).
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setContainerQuery(
      /**
       * New value for property `containerQuery`
       */
      bContainerQuery?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getDefaultIndent defaultIndent}.
     *
     * Optional. Defines default for the whole Grid numbers of empty columns before the current span begins.
     * It can be defined for large, medium and small screens. Allowed values are separated by space with case
     * insensitive Letters XL, L, M or S followed by number of columns from 0 to 11 that the container has to
     * take, for example, `L2 M4 S6`, `M11`, `s10` or `l4 m4`.
     *
     * **Note:** The parameters must be provided in the order .
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"XL0 L0 M0 S0"`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setDefaultIndent(
      /**
       * New value for property `defaultIndent`
       */
      sDefaultIndent?: GridIndent
    ): this;
    /**
     * Sets a new value for property {@link #getDefaultSpan defaultSpan}.
     *
     * Optional. A string type that represents the span values of the `Grid` for large, medium and small screens.
     * Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number
     * of columns from 1 to 12 that the container has to take, for example, `L2 M4 S6`, `M12`, `s10` or `l4
     * m4`.
     *
     * **Note:** The parameters must be provided in the order .
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"XL3 L3 M6 S12"`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setDefaultSpan(
      /**
       * New value for property `defaultSpan`
       */
      sDefaultSpan?: GridSpan
    ): this;
    /**
     * Sets a new value for property {@link #getHSpacing hSpacing}.
     *
     * Optional. Defines the horizontal spacing between the content in the `Grid`. In rem, allowed values are
     * 0, 0.5 , 1 or 2.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setHSpacing(
      /**
       * New value for property `hSpacing`
       */
      fHSpacing?: float
    ): this;
    /**
     * Sets a new value for property {@link #getPosition position}.
     *
     * Optional. Defines the position of the `Grid` in the window or surrounding container.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `"Left"`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setPosition(
      /**
       * New value for property `position`
       */
      sPosition?: GridPosition | keyof typeof GridPosition
    ): this;
    /**
     * Sets a new value for property {@link #getVSpacing vSpacing}.
     *
     * Optional. Defines the vertical spacing between the rows in the `Grid`. In rem, allowed values are 0,
     * 0.5, 1 and 2.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setVSpacing(
      /**
       * New value for property `vSpacing`
       */
      fVSpacing?: float
    ): this;
    /**
     * Sets a new value for property {@link #getWidth width}.
     *
     * Optional. Defines the width of the `Grid`. If not specified, then 100%.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `'100%'`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setWidth(
      /**
       * New value for property `width`
       */
      sWidth?: CSSSize
    ): this;
  }
  /**
   * Describes the settings that can be provided to the Grid constructor.
   */
  export interface $GridSettings extends $ControlSettings {
    /**
     * Optional. Defines the width of the `Grid`. If not specified, then 100%.
     */
    width?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Defines the vertical spacing between the rows in the `Grid`. In rem, allowed values are 0,
     * 0.5, 1 and 2.
     */
    vSpacing?: float | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Defines the horizontal spacing between the content in the `Grid`. In rem, allowed values are
     * 0, 0.5 , 1 or 2.
     */
    hSpacing?: float | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Defines the position of the `Grid` in the window or surrounding container.
     */
    position?:
      | (GridPosition | keyof typeof GridPosition)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * Optional. A string type that represents the span values of the `Grid` for large, medium and small screens.
     * Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number
     * of columns from 1 to 12 that the container has to take, for example, `L2 M4 S6`, `M12`, `s10` or `l4
     * m4`.
     *
     * **Note:** The parameters must be provided in the order .
     */
    defaultSpan?: GridSpan | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Defines default for the whole Grid numbers of empty columns before the current span begins.
     * It can be defined for large, medium and small screens. Allowed values are separated by space with case
     * insensitive Letters XL, L, M or S followed by number of columns from 0 to 11 that the container has to
     * take, for example, `L2 M4 S6`, `M11`, `s10` or `l4 m4`.
     *
     * **Note:** The parameters must be provided in the order .
     */
    defaultIndent?: GridIndent | PropertyBindingInfo | `{${string}}`;

    /**
     * If set to `true`, the current range (large, medium or small) is defined by the size of the container
     * surrounding the `Grid` instead of the device screen size (media Query).
     */
    containerQuery?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Controls that are placed into Grid layout.
     */
    content?: Control[] | Control | AggregationBindingInfo | `{${string}}`;

    /**
     * Association to controls / IDs that label this control (see WAI-ARIA attribute `aria-labelledby`).
     *
     * @since 1.48.7
     */
    ariaLabelledBy?: Array<Control | string>;
  }
}

declare module "sap/ui/layout/GridData" {
  import {
    default as LayoutData,
    $LayoutDataSettings,
  } from "sap/ui/core/LayoutData";

  import { GridIndent, GridSpan } from "sap/ui/layout/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * Defines layout data for the {@link sap.ui.layout.Grid}.
   *
   * **Note:** When `GridData` is used for controls inside a form, the `linebreak` property has to be set
   * to `true` if the next form element has to be displayed on a new line. Otherwise the `GridData` overrides
   * the layout provided by the `Form`.
   *
   * @since 1.15.0
   */
  export default class GridData extends LayoutData {
    /**
     * Constructor for a new `GridData`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     * See:
     * 	{@link https://ui5.sap.com/#/topic/43ae317cf39640a88bc8be979d2671df Grid}
     * 	{@link https://ui5.sap.com/#/topic/32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridDataSettings
    );
    /**
     * Constructor for a new `GridData`.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     * See:
     * 	{@link https://ui5.sap.com/#/topic/43ae317cf39640a88bc8be979d2671df Grid}
     * 	{@link https://ui5.sap.com/#/topic/32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $GridDataSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.GridData with name `sClassName` and enriches it with the
     * information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.LayoutData.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, GridData>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.GridData.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getIndent indent}.
     *
     * A string type that represents the indent values of the `Grid` for large, medium and small screens.
     *
     * Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number
     * of columns from 1 to 11 that the container has to take, for example, `L2 M4 S6`, `M11`, `s10` or `l4
     * m4`.
     *
     * **Note:** The parameters must be provided in the order .
     *
     *
     * @returns Value of property `indent`
     */
    getIndent(): GridIndent;
    /**
     * Gets current value of property {@link #getIndentL indentL}.
     *
     * Optional. Defines an indent value for large screens. This value overwrites the value for large screens
     * defined in the `indent` property.
     *
     *
     * @returns Value of property `indentL`
     */
    getIndentL(): int;
    /**
     * Gets current value of property {@link #getIndentLarge indentLarge}.
     *
     * Deprecated. Defines an indent value for large screens. This value overwrites the value for large screens
     * defined in the `indent` property.
     *
     * @deprecated As of version 1.17.1. Use the `indentL` property instead.
     *
     * @returns Value of property `indentLarge`
     */
    getIndentLarge(): int;
    /**
     * Gets current value of property {@link #getIndentM indentM}.
     *
     * Optional. Defines an indent value for medium size screens. This value overwrites the value for medium
     * screens defined in the `indent` property.
     *
     *
     * @returns Value of property `indentM`
     */
    getIndentM(): int;
    /**
     * Gets current value of property {@link #getIndentMedium indentMedium}.
     *
     * Deprecated. Defines an indent value for medium screens. This value overwrites the value for medium screens
     * defined in the `indent` property.
     *
     * @deprecated As of version 1.17.1. Use the `indentM` property instead.
     *
     * @returns Value of property `indentMedium`
     */
    getIndentMedium(): int;
    /**
     * Gets current value of property {@link #getIndentS indentS}.
     *
     * Optional. Defines an indent value for small screens. This value overwrites the value for small screens
     * defined in the `indent` property.
     *
     *
     * @returns Value of property `indentS`
     */
    getIndentS(): int;
    /**
     * Gets current value of property {@link #getIndentSmall indentSmall}.
     *
     * Deprecated. Defines an indent value for small screens. This value overwrites the value for small screens
     * defined in the `indent` property.
     *
     * @deprecated As of version 1.17.1. Use `indentS` property instead.
     *
     * @returns Value of property `indentSmall`
     */
    getIndentSmall(): int;
    /**
     * Gets current value of property {@link #getIndentXL indentXL}.
     *
     * Optional. Defines an indent value for extra large screens. This value overwrites the value for extra
     * large screens defined in the `indent` property.
     *
     *
     * @returns Value of property `indentXL`
     */
    getIndentXL(): int;
    /**
     * Gets current value of property {@link #getLinebreak linebreak}.
     *
     * Optional. If set to `true`, the control causes a line break on all-size screens within the `Grid` and
     * becomes the first within the next line.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `linebreak`
     */
    getLinebreak(): boolean;
    /**
     * Gets current value of property {@link #getLinebreakL linebreakL}.
     *
     * Optional. If set to `true`, the control causes a line break on large screens within the `Grid` and becomes
     * the first within the next line.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `linebreakL`
     */
    getLinebreakL(): boolean;
    /**
     * Gets current value of property {@link #getLinebreakM linebreakM}.
     *
     * Optional. If set to `true`, the control causes a line break on medium screens within the `Grid` and becomes
     * the first within the next line.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `linebreakM`
     */
    getLinebreakM(): boolean;
    /**
     * Gets current value of property {@link #getLinebreakS linebreakS}.
     *
     * Optional. If set to `true`, the control causes a line break on small screens within the `Grid` and becomes
     * the first within the next line.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `linebreakS`
     */
    getLinebreakS(): boolean;
    /**
     * Gets current value of property {@link #getLinebreakXL linebreakXL}.
     *
     * Optional. If set to `true`, the control causes a line break on extra large screens within the `Grid`
     * and becomes the first within the next line.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `linebreakXL`
     */
    getLinebreakXL(): boolean;
    /**
     * Gets current value of property {@link #getMoveBackwards moveBackwards}.
     *
     * Optional. Moves a cell backwards with as many columns as specified.
     *
     *
     * @returns Value of property `moveBackwards`
     */
    getMoveBackwards(): GridIndent;
    /**
     * Gets current value of property {@link #getMoveForward moveForward}.
     *
     * Optional. Moves a cell forwards with as many columns as specified.
     *
     *
     * @returns Value of property `moveForward`
     */
    getMoveForward(): GridIndent;
    /**
     * Gets current value of property {@link #getSpan span}.
     *
     * A string type that represents the span values of the `Grid` for large, medium and small screens.
     *
     * Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number
     * of columns from 1 to 12 that the container has to take, for example: `L2 M4 S6`, `M12`, `s10` or `l4
     * m4`.
     *
     * **Note:** The parameters must be provided in the order .
     *
     *
     * @returns Value of property `span`
     */
    getSpan(): GridSpan;
    /**
     * Gets current value of property {@link #getSpanL spanL}.
     *
     * Optional. Defines a span value for large screens. This value overwrites the value for large screens defined
     * in the `span` property.
     *
     *
     * @returns Value of property `spanL`
     */
    getSpanL(): int;
    /**
     * Gets current value of property {@link #getSpanLarge spanLarge}.
     *
     * Deprecated. Defines a span value for large screens. This value overwrites the value for large screens
     * defined in the `span` property.
     *
     * @deprecated As of version 1.17.1. Use the `spanL` property instead.
     *
     * @returns Value of property `spanLarge`
     */
    getSpanLarge(): int;
    /**
     * Gets current value of property {@link #getSpanM spanM}.
     *
     * Optional. Defines a span value for medium size screens. This value overwrites the value for medium screens
     * defined in the `span` property.
     *
     *
     * @returns Value of property `spanM`
     */
    getSpanM(): int;
    /**
     * Gets current value of property {@link #getSpanMedium spanMedium}.
     *
     * Deprecated. Defines a span value for medium screens. This value overwrites the value for medium screens
     * defined in the `span` property.
     *
     * @deprecated As of version 1.17.1. Use the `spanM` property instead.
     *
     * @returns Value of property `spanMedium`
     */
    getSpanMedium(): int;
    /**
     * Gets current value of property {@link #getSpanS spanS}.
     *
     * Optional. Defines a span value for small screens. This value overwrites the value for small screens defined
     * in the `span` property.
     *
     *
     * @returns Value of property `spanS`
     */
    getSpanS(): int;
    /**
     * Gets current value of property {@link #getSpanSmall spanSmall}.
     *
     * Deprecated. Defines a span value for small screens. This value overwrites the value for small screens
     * defined in the `span` property.
     *
     * @deprecated As of version 1.17.1. Use the `spanS` property instead.
     *
     * @returns Value of property `spanSmall`
     */
    getSpanSmall(): int;
    /**
     * Gets current value of property {@link #getSpanXL spanXL}.
     *
     * Optional. Defines a span value for extra large screens. This value overwrites the value for extra large
     * screens defined in the `span` property.
     *
     *
     * @returns Value of property `spanXL`
     */
    getSpanXL(): int;
    /**
     * Gets current value of property {@link #getVisibleL visibleL}.
     *
     * Defines if this control is visible on large screens.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `visibleL`
     */
    getVisibleL(): boolean;
    /**
     * Gets current value of property {@link #getVisibleM visibleM}.
     *
     * Defines if this control is visible on medium screens.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `visibleM`
     */
    getVisibleM(): boolean;
    /**
     * Gets current value of property {@link #getVisibleOnLarge visibleOnLarge}.
     *
     * Deprecated. Defines if this control is visible on large screens.
     *
     * Default value is `true`.
     *
     * @deprecated As of version 1.17.1. Use the `visibleL` property instead.
     *
     * @returns Value of property `visibleOnLarge`
     */
    getVisibleOnLarge(): boolean;
    /**
     * Gets current value of property {@link #getVisibleOnMedium visibleOnMedium}.
     *
     * Deprecated. Defines if this control is visible on medium screens.
     *
     * Default value is `true`.
     *
     * @deprecated As of version 1.17.1. Use the `visibleM` property instead.
     *
     * @returns Value of property `visibleOnMedium`
     */
    getVisibleOnMedium(): boolean;
    /**
     * Gets current value of property {@link #getVisibleOnSmall visibleOnSmall}.
     *
     * Deprecated. Defines if this control is visible on small screens.
     *
     * Default value is `true`.
     *
     * @deprecated As of version 1.17.1. Use the `visibleS` property instead.
     *
     * @returns Value of property `visibleOnSmall`
     */
    getVisibleOnSmall(): boolean;
    /**
     * Gets current value of property {@link #getVisibleS visibleS}.
     *
     * Defines if this control is visible on small screens.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `visibleS`
     */
    getVisibleS(): boolean;
    /**
     * Gets current value of property {@link #getVisibleXL visibleXL}.
     *
     * Defines if this control is visible on extra Large screens.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `visibleXL`
     */
    getVisibleXL(): boolean;
    /**
     * Sets a new value for property {@link #getIndent indent}.
     *
     * A string type that represents the indent values of the `Grid` for large, medium and small screens.
     *
     * Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number
     * of columns from 1 to 11 that the container has to take, for example, `L2 M4 S6`, `M11`, `s10` or `l4
     * m4`.
     *
     * **Note:** The parameters must be provided in the order .
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setIndent(
      /**
       * New value for property `indent`
       */
      sIndent?: GridIndent
    ): this;
    /**
     * Sets a new value for property {@link #getIndentL indentL}.
     *
     * Optional. Defines an indent value for large screens. This value overwrites the value for large screens
     * defined in the `indent` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setIndentL(
      /**
       * New value for property `indentL`
       */
      iIndentL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getIndentLarge indentLarge}.
     *
     * Deprecated. Defines an indent value for large screens. This value overwrites the value for large screens
     * defined in the `indent` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * @deprecated As of version 1.17.1. Use the `indentL` property instead.
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setIndentLarge(
      /**
       * New value for property `indentLarge`
       */
      iIndentLarge?: int
    ): this;
    /**
     * Sets a new value for property {@link #getIndentM indentM}.
     *
     * Optional. Defines an indent value for medium size screens. This value overwrites the value for medium
     * screens defined in the `indent` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setIndentM(
      /**
       * New value for property `indentM`
       */
      iIndentM?: int
    ): this;
    /**
     * Sets a new value for property {@link #getIndentMedium indentMedium}.
     *
     * Deprecated. Defines an indent value for medium screens. This value overwrites the value for medium screens
     * defined in the `indent` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * @deprecated As of version 1.17.1. Use the `indentM` property instead.
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setIndentMedium(
      /**
       * New value for property `indentMedium`
       */
      iIndentMedium?: int
    ): this;
    /**
     * Sets a new value for property {@link #getIndentS indentS}.
     *
     * Optional. Defines an indent value for small screens. This value overwrites the value for small screens
     * defined in the `indent` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setIndentS(
      /**
       * New value for property `indentS`
       */
      iIndentS?: int
    ): this;
    /**
     * Sets a new value for property {@link #getIndentSmall indentSmall}.
     *
     * Deprecated. Defines an indent value for small screens. This value overwrites the value for small screens
     * defined in the `indent` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * @deprecated As of version 1.17.1. Use `indentS` property instead.
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setIndentSmall(
      /**
       * New value for property `indentSmall`
       */
      iIndentSmall?: int
    ): this;
    /**
     * Sets a new value for property {@link #getIndentXL indentXL}.
     *
     * Optional. Defines an indent value for extra large screens. This value overwrites the value for extra
     * large screens defined in the `indent` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setIndentXL(
      /**
       * New value for property `indentXL`
       */
      iIndentXL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getLinebreak linebreak}.
     *
     * Optional. If set to `true`, the control causes a line break on all-size screens within the `Grid` and
     * becomes the first within the next line.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLinebreak(
      /**
       * New value for property `linebreak`
       */
      bLinebreak?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getLinebreakL linebreakL}.
     *
     * Optional. If set to `true`, the control causes a line break on large screens within the `Grid` and becomes
     * the first within the next line.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLinebreakL(
      /**
       * New value for property `linebreakL`
       */
      bLinebreakL?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getLinebreakM linebreakM}.
     *
     * Optional. If set to `true`, the control causes a line break on medium screens within the `Grid` and becomes
     * the first within the next line.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLinebreakM(
      /**
       * New value for property `linebreakM`
       */
      bLinebreakM?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getLinebreakS linebreakS}.
     *
     * Optional. If set to `true`, the control causes a line break on small screens within the `Grid` and becomes
     * the first within the next line.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLinebreakS(
      /**
       * New value for property `linebreakS`
       */
      bLinebreakS?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getLinebreakXL linebreakXL}.
     *
     * Optional. If set to `true`, the control causes a line break on extra large screens within the `Grid`
     * and becomes the first within the next line.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLinebreakXL(
      /**
       * New value for property `linebreakXL`
       */
      bLinebreakXL?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getMoveBackwards moveBackwards}.
     *
     * Optional. Moves a cell backwards with as many columns as specified.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setMoveBackwards(
      /**
       * New value for property `moveBackwards`
       */
      sMoveBackwards?: GridIndent
    ): this;
    /**
     * Sets a new value for property {@link #getMoveForward moveForward}.
     *
     * Optional. Moves a cell forwards with as many columns as specified.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setMoveForward(
      /**
       * New value for property `moveForward`
       */
      sMoveForward?: GridIndent
    ): this;
    /**
     * Sets a new value for property {@link #getSpan span}.
     *
     * A string type that represents the span values of the `Grid` for large, medium and small screens.
     *
     * Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number
     * of columns from 1 to 12 that the container has to take, for example: `L2 M4 S6`, `M12`, `s10` or `l4
     * m4`.
     *
     * **Note:** The parameters must be provided in the order .
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSpan(
      /**
       * New value for property `span`
       */
      sSpan?: GridSpan
    ): this;
    /**
     * Sets a new value for property {@link #getSpanL spanL}.
     *
     * Optional. Defines a span value for large screens. This value overwrites the value for large screens defined
     * in the `span` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSpanL(
      /**
       * New value for property `spanL`
       */
      iSpanL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getSpanLarge spanLarge}.
     *
     * Deprecated. Defines a span value for large screens. This value overwrites the value for large screens
     * defined in the `span` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * @deprecated As of version 1.17.1. Use the `spanL` property instead.
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSpanLarge(
      /**
       * New value for property `spanLarge`
       */
      iSpanLarge?: int
    ): this;
    /**
     * Sets a new value for property {@link #getSpanM spanM}.
     *
     * Optional. Defines a span value for medium size screens. This value overwrites the value for medium screens
     * defined in the `span` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSpanM(
      /**
       * New value for property `spanM`
       */
      iSpanM?: int
    ): this;
    /**
     * Sets a new value for property {@link #getSpanMedium spanMedium}.
     *
     * Deprecated. Defines a span value for medium screens. This value overwrites the value for medium screens
     * defined in the `span` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * @deprecated As of version 1.17.1. Use the `spanM` property instead.
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSpanMedium(
      /**
       * New value for property `spanMedium`
       */
      iSpanMedium?: int
    ): this;
    /**
     * Sets a new value for property {@link #getSpanS spanS}.
     *
     * Optional. Defines a span value for small screens. This value overwrites the value for small screens defined
     * in the `span` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSpanS(
      /**
       * New value for property `spanS`
       */
      iSpanS?: int
    ): this;
    /**
     * Sets a new value for property {@link #getSpanSmall spanSmall}.
     *
     * Deprecated. Defines a span value for small screens. This value overwrites the value for small screens
     * defined in the `span` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * @deprecated As of version 1.17.1. Use the `spanS` property instead.
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSpanSmall(
      /**
       * New value for property `spanSmall`
       */
      iSpanSmall?: int
    ): this;
    /**
     * Sets a new value for property {@link #getSpanXL spanXL}.
     *
     * Optional. Defines a span value for extra large screens. This value overwrites the value for extra large
     * screens defined in the `span` property.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSpanXL(
      /**
       * New value for property `spanXL`
       */
      iSpanXL?: int
    ): this;
    /**
     * Sets a new value for property {@link #getVisibleL visibleL}.
     *
     * Defines if this control is visible on large screens.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setVisibleL(
      /**
       * New value for property `visibleL`
       */
      bVisibleL?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getVisibleM visibleM}.
     *
     * Defines if this control is visible on medium screens.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setVisibleM(
      /**
       * New value for property `visibleM`
       */
      bVisibleM?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getVisibleOnLarge visibleOnLarge}.
     *
     * Deprecated. Defines if this control is visible on large screens.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     * @deprecated As of version 1.17.1. Use the `visibleL` property instead.
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setVisibleOnLarge(
      /**
       * New value for property `visibleOnLarge`
       */
      bVisibleOnLarge?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getVisibleOnMedium visibleOnMedium}.
     *
     * Deprecated. Defines if this control is visible on medium screens.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     * @deprecated As of version 1.17.1. Use the `visibleM` property instead.
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setVisibleOnMedium(
      /**
       * New value for property `visibleOnMedium`
       */
      bVisibleOnMedium?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getVisibleOnSmall visibleOnSmall}.
     *
     * Deprecated. Defines if this control is visible on small screens.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     * @deprecated As of version 1.17.1. Use the `visibleS` property instead.
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setVisibleOnSmall(
      /**
       * New value for property `visibleOnSmall`
       */
      bVisibleOnSmall?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getVisibleS visibleS}.
     *
     * Defines if this control is visible on small screens.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setVisibleS(
      /**
       * New value for property `visibleS`
       */
      bVisibleS?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getVisibleXL visibleXL}.
     *
     * Defines if this control is visible on extra Large screens.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setVisibleXL(
      /**
       * New value for property `visibleXL`
       */
      bVisibleXL?: boolean
    ): this;
  }
  /**
   * Describes the settings that can be provided to the GridData constructor.
   */
  export interface $GridDataSettings extends $LayoutDataSettings {
    /**
     * A string type that represents the span values of the `Grid` for large, medium and small screens.
     *
     * Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number
     * of columns from 1 to 12 that the container has to take, for example: `L2 M4 S6`, `M12`, `s10` or `l4
     * m4`.
     *
     * **Note:** The parameters must be provided in the order .
     */
    span?: GridSpan | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Defines a span value for extra large screens. This value overwrites the value for extra large
     * screens defined in the `span` property.
     */
    spanXL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Defines a span value for large screens. This value overwrites the value for large screens defined
     * in the `span` property.
     */
    spanL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Defines a span value for medium size screens. This value overwrites the value for medium screens
     * defined in the `span` property.
     */
    spanM?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Defines a span value for small screens. This value overwrites the value for small screens defined
     * in the `span` property.
     */
    spanS?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * A string type that represents the indent values of the `Grid` for large, medium and small screens.
     *
     * Allowed values are separated by space with case insensitive Letters XL, L, M or S followed by number
     * of columns from 1 to 11 that the container has to take, for example, `L2 M4 S6`, `M11`, `s10` or `l4
     * m4`.
     *
     * **Note:** The parameters must be provided in the order .
     */
    indent?: GridIndent | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Defines an indent value for extra large screens. This value overwrites the value for extra
     * large screens defined in the `indent` property.
     */
    indentXL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Defines an indent value for large screens. This value overwrites the value for large screens
     * defined in the `indent` property.
     */
    indentL?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Defines an indent value for medium size screens. This value overwrites the value for medium
     * screens defined in the `indent` property.
     */
    indentM?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Defines an indent value for small screens. This value overwrites the value for small screens
     * defined in the `indent` property.
     */
    indentS?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Defines if this control is visible on extra Large screens.
     */
    visibleXL?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Defines if this control is visible on large screens.
     */
    visibleL?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Defines if this control is visible on medium screens.
     */
    visibleM?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Defines if this control is visible on small screens.
     */
    visibleS?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Moves a cell backwards with as many columns as specified.
     */
    moveBackwards?: GridIndent | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. Moves a cell forwards with as many columns as specified.
     */
    moveForward?: GridIndent | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. If set to `true`, the control causes a line break on all-size screens within the `Grid` and
     * becomes the first within the next line.
     */
    linebreak?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. If set to `true`, the control causes a line break on extra large screens within the `Grid`
     * and becomes the first within the next line.
     */
    linebreakXL?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. If set to `true`, the control causes a line break on large screens within the `Grid` and becomes
     * the first within the next line.
     */
    linebreakL?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. If set to `true`, the control causes a line break on medium screens within the `Grid` and becomes
     * the first within the next line.
     */
    linebreakM?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Optional. If set to `true`, the control causes a line break on small screens within the `Grid` and becomes
     * the first within the next line.
     */
    linebreakS?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Deprecated. Defines a span value for large screens. This value overwrites the value for large screens
     * defined in the `span` property.
     *
     * @deprecated As of version 1.17.1. Use the `spanL` property instead.
     */
    spanLarge?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Deprecated. Defines a span value for medium screens. This value overwrites the value for medium screens
     * defined in the `span` property.
     *
     * @deprecated As of version 1.17.1. Use the `spanM` property instead.
     */
    spanMedium?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Deprecated. Defines a span value for small screens. This value overwrites the value for small screens
     * defined in the `span` property.
     *
     * @deprecated As of version 1.17.1. Use the `spanS` property instead.
     */
    spanSmall?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Deprecated. Defines an indent value for large screens. This value overwrites the value for large screens
     * defined in the `indent` property.
     *
     * @deprecated As of version 1.17.1. Use the `indentL` property instead.
     */
    indentLarge?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Deprecated. Defines an indent value for medium screens. This value overwrites the value for medium screens
     * defined in the `indent` property.
     *
     * @deprecated As of version 1.17.1. Use the `indentM` property instead.
     */
    indentMedium?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Deprecated. Defines an indent value for small screens. This value overwrites the value for small screens
     * defined in the `indent` property.
     *
     * @deprecated As of version 1.17.1. Use `indentS` property instead.
     */
    indentSmall?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Deprecated. Defines if this control is visible on large screens.
     *
     * @deprecated As of version 1.17.1. Use the `visibleL` property instead.
     */
    visibleOnLarge?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Deprecated. Defines if this control is visible on medium screens.
     *
     * @deprecated As of version 1.17.1. Use the `visibleM` property instead.
     */
    visibleOnMedium?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Deprecated. Defines if this control is visible on small screens.
     *
     * @deprecated As of version 1.17.1. Use the `visibleS` property instead.
     */
    visibleOnSmall?: boolean | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/HorizontalLayout" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import { AccessibilityInfo } from "sap/ui/core/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * A layout that provides support for horizontal alignment of controls
   *
   * @since 1.16.0
   */
  export default class HorizontalLayout extends Control {
    /**
     * Constructor for a new HorizontalLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * initial settings for the new control
       */
      mSettings?: $HorizontalLayoutSettings
    );
    /**
     * Constructor for a new HorizontalLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * id for the new control, generated automatically if no id is given
       */
      sId?: string,
      /**
       * initial settings for the new control
       */
      mSettings?: $HorizontalLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.HorizontalLayout with name `sClassName` and enriches it
     * with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, HorizontalLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.HorizontalLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some content to the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addContent(
      /**
       * The content to add; if empty, nothing is inserted
       */
      oContent: Control
    ): this;
    /**
     * Destroys all the content in the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyContent(): this;
    /**
     * See:
     * 	sap.ui.core.Control#getAccessibilityInfo
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns Current accessibility state of the control
     */
    getAccessibilityInfo(): AccessibilityInfo;
    /**
     * Gets current value of property {@link #getAllowWrapping allowWrapping}.
     *
     * Specifies whether the content inside the Layout shall be line-wrapped in the case that there is less
     * horizontal space available than required.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `allowWrapping`
     */
    getAllowWrapping(): boolean;
    /**
     * Gets content of aggregation {@link #getContent content}.
     *
     * The controls inside this layout
     */
    getContent(): Control[];
    /**
     * Checks for the provided `sap.ui.core.Control` in the aggregation {@link #getContent content}. and returns
     * its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfContent(
      /**
       * The content whose index is looked for
       */
      oContent: Control
    ): int;
    /**
     * Inserts a content into the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertContent(
      /**
       * The content to insert; if empty, nothing is inserted
       */
      oContent: Control,
      /**
       * The `0`-based index the content should be inserted at; for a negative value of `iIndex`, the content
       * is inserted at position 0; for a value greater than the current size of the aggregation, the content
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes all the controls from the aggregation {@link #getContent content}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllContent(): Control[];
    /**
     * Removes a content from the aggregation {@link #getContent content}.
     *
     *
     * @returns The removed content or `null`
     */
    removeContent(
      /**
       * The content to remove or its index or id
       */
      vContent: int | string | Control
    ): Control | null;
    /**
     * Sets a new value for property {@link #getAllowWrapping allowWrapping}.
     *
     * Specifies whether the content inside the Layout shall be line-wrapped in the case that there is less
     * horizontal space available than required.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setAllowWrapping(
      /**
       * New value for property `allowWrapping`
       */
      bAllowWrapping?: boolean
    ): this;
  }
  /**
   * Describes the settings that can be provided to the HorizontalLayout constructor.
   */
  export interface $HorizontalLayoutSettings extends $ControlSettings {
    /**
     * Specifies whether the content inside the Layout shall be line-wrapped in the case that there is less
     * horizontal space available than required.
     */
    allowWrapping?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * The controls inside this layout
     */
    content?: Control[] | Control | AggregationBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/PaneContainer" {
  import { default as UI5Element, $ElementSettings } from "sap/ui/core/Element";

  import LayoutData from "sap/ui/core/LayoutData";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { Orientation } from "sap/ui/core/library";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  import Event from "sap/ui/base/Event";

  /**
   * PaneContainer is an abstraction of Splitter.
   *
   * Could be used as an aggregation of ResponsiveSplitter or nested in other PaneContainers.
   *
   * @since 1.38
   */
  export default class PaneContainer extends UI5Element {
    /**
     * Constructor for a new PaneContainer.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $PaneContainerSettings
    );
    /**
     * Constructor for a new PaneContainer.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $PaneContainerSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.PaneContainer with name `sClassName` and enriches it with
     * the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Element.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, PaneContainer>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.PaneContainer.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some pane to the aggregation {@link #getPanes panes}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addPane(
      /**
       * The pane to add; if empty, nothing is inserted
       */
      oPane: UI5Element
    ): this;
    /**
     * Attaches event handler `fnFunction` to the {@link #event:resize resize} event of this `sap.ui.layout.PaneContainer`.
     *
     * When called, the context of the event handler (its `this`) will be bound to `oListener` if specified,
     * otherwise it will be bound to this `sap.ui.layout.PaneContainer` itself.
     *
     * Fired when contents are resized.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    attachResize(
      /**
       * An application-specific payload object that will be passed to the event handler along with the event
       * object when firing the event
       */
      oData: object,
      /**
       * The function to be called when the event occurs
       */
      fnFunction: (p1: PaneContainer$ResizeEvent) => void,
      /**
       * Context object to call the event handler with. Defaults to this `sap.ui.layout.PaneContainer` itself
       */
      oListener?: object
    ): this;
    /**
     * Attaches event handler `fnFunction` to the {@link #event:resize resize} event of this `sap.ui.layout.PaneContainer`.
     *
     * When called, the context of the event handler (its `this`) will be bound to `oListener` if specified,
     * otherwise it will be bound to this `sap.ui.layout.PaneContainer` itself.
     *
     * Fired when contents are resized.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    attachResize(
      /**
       * The function to be called when the event occurs
       */
      fnFunction: (p1: PaneContainer$ResizeEvent) => void,
      /**
       * Context object to call the event handler with. Defaults to this `sap.ui.layout.PaneContainer` itself
       */
      oListener?: object
    ): this;
    /**
     * Destroys all the panes in the aggregation {@link #getPanes panes}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyPanes(): this;
    /**
     * Detaches event handler `fnFunction` from the {@link #event:resize resize} event of this `sap.ui.layout.PaneContainer`.
     *
     * The passed function and listener object must match the ones used for event registration.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    detachResize(
      /**
       * The function to be called, when the event occurs
       */
      fnFunction: (p1: PaneContainer$ResizeEvent) => void,
      /**
       * Context object on which the given function had to be called
       */
      oListener?: object
    ): this;
    /**
     * Fires event {@link #event:resize resize} to attached listeners.
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    fireResize(
      /**
       * Parameters to pass along with the event
       */
      mParameters?: PaneContainer$ResizeEventParameters
    ): this;
    /**
     * Getter for property layoutData.
     *
     *
     * @returns The LayoutData object.
     */
    getLayoutData(): LayoutData;
    /**
     * Gets current value of property {@link #getOrientation orientation}.
     *
     * The orientation of the Splitter
     *
     * Default value is `Horizontal`.
     *
     *
     * @returns Value of property `orientation`
     */
    getOrientation(): Orientation;
    /**
     * Gets content of aggregation {@link #getPanes panes}.
     *
     * The panes to be split. The control will show n-1 splitter bars between n controls in this aggregation.
     */
    getPanes(): UI5Element[];
    /**
     * Checks for the provided `sap.ui.core.Element` in the aggregation {@link #getPanes panes}. and returns
     * its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfPane(
      /**
       * The pane whose index is looked for
       */
      oPane: UI5Element
    ): int;
    /**
     * Inserts a pane into the aggregation {@link #getPanes panes}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertPane(
      /**
       * The pane to insert; if empty, nothing is inserted
       */
      oPane: UI5Element,
      /**
       * The `0`-based index the pane should be inserted at; for a negative value of `iIndex`, the pane is inserted
       * at position 0; for a value greater than the current size of the aggregation, the pane is inserted at
       * the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes all the controls from the aggregation {@link #getPanes panes}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllPanes(): UI5Element[];
    /**
     * Removes a pane from the aggregation {@link #getPanes panes}.
     *
     *
     * @returns The removed pane or `null`
     */
    removePane(
      /**
       * The pane to remove or its index or id
       */
      vPane: int | string | UI5Element
    ): UI5Element | null;
    /**
     * Setter for property layoutData.
     *
     *
     * @returns this to allow method chaining.
     */
    setLayoutData(
      /**
       * The LayoutData object.
       */
      oLayoutData: LayoutData
    ): this;
    /**
     * Setter for property orientation. Default value is sap.ui.core.Orientation.Horizontal
     *
     *
     * @returns this to allow method chaining.
     */
    setOrientation(
      /**
       * The Orientation type.
       */
      sOrientation: Orientation | keyof typeof Orientation
    ): this;
  }
  /**
   * Describes the settings that can be provided to the PaneContainer constructor.
   */
  export interface $PaneContainerSettings extends $ElementSettings {
    /**
     * The orientation of the Splitter
     */
    orientation?:
      | (Orientation | keyof typeof Orientation)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * The panes to be split. The control will show n-1 splitter bars between n controls in this aggregation.
     */
    panes?: UI5Element[] | UI5Element | AggregationBindingInfo | `{${string}}`;

    /**
     * Fired when contents are resized.
     */
    resize?: (oEvent: PaneContainer$ResizeEvent) => void;
  }

  /**
   * Parameters of the PaneContainer#resize event.
   */
  export interface PaneContainer$ResizeEventParameters {
    /**
     * An array of values representing the old (pixel)sizes of the split panes, which are inside the pane container.
     */
    oldSizes?: float[];

    /**
     * An array of values representing the new (pixel)sizes of the split panes, which are inside the pane container.
     */
    newSizes?: float[];
  }

  /**
   * Event object of the PaneContainer#resize event.
   */
  export type PaneContainer$ResizeEvent = Event<
    PaneContainer$ResizeEventParameters,
    PaneContainer
  >;
}

declare module "sap/ui/layout/ResponsiveFlowLayout" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import { ID } from "sap/ui/core/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * This is a layout where several controls can be added. These controls are blown up to fit in an entire
   * row. If the window resizes, the controls are moved between the rows and resized again.
   *
   * @since 1.16.0
   */
  export default class ResponsiveFlowLayout extends Control {
    /**
     * Constructor for a new ResponsiveFlowLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $ResponsiveFlowLayoutSettings
    );
    /**
     * Constructor for a new ResponsiveFlowLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $ResponsiveFlowLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.ResponsiveFlowLayout with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, ResponsiveFlowLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.ResponsiveFlowLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some ariaLabelledBy into the association {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.48.7
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addAriaLabelledBy(
      /**
       * The ariaLabelledBy to add; if empty, nothing is inserted
       */
      vAriaLabelledBy: ID | Control
    ): this;
    /**
     * Adds content. This function needs to be overridden to prevent any rendering while some content is still
     * being added.
     */
    addContent(
      /**
       * The content that should be added to the layout
       */
      oContent: Control
    ): void;
    /**
     * Destroys all the content in the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyContent(): this;
    /**
     * Returns array of IDs of the elements which are the current targets of the association {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.48.7
     */
    getAriaLabelledBy(): ID[];
    /**
     * Gets content of aggregation {@link #getContent content}.
     *
     * Added content that should be positioned. Every content item should have a ResponsiveFlowLayoutData attached,
     * or otherwise, the default values are used.
     */
    getContent(): Control[];
    /**
     * Gets current value of property {@link #getResponsive responsive}.
     *
     * If set to false, all added controls will keep their width, or otherwise, the controls will be stretched
     * to the possible width of a row.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `responsive`
     */
    getResponsive(): boolean;
    /**
     * Checks for the provided `sap.ui.core.Control` in the aggregation {@link #getContent content}. and returns
     * its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfContent(
      /**
       * The content whose index is looked for
       */
      oContent: Control
    ): int;
    /**
     * Inserts content. This function needs to be overridden to prevent any rendering while some content is
     * still being added.
     */
    insertContent(
      /**
       * The content that should be inserted to the layout
       */
      oContent: Control,
      /**
       * The index where the content should be inserted into
       */
      iIndex: int
    ): void;
    /**
     * Removes all the controls in the association named {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.48.7
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllAriaLabelledBy(): ID[];
    /**
     * Removes all the controls from the aggregation {@link #getContent content}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllContent(): Control[];
    /**
     * Removes an ariaLabelledBy from the association named {@link #getAriaLabelledBy ariaLabelledBy}.
     *
     * @since 1.48.7
     *
     * @returns The removed ariaLabelledBy or `null`
     */
    removeAriaLabelledBy(
      /**
       * The ariaLabelledBy to be removed or its index or ID
       */
      vAriaLabelledBy: int | ID | Control
    ): ID | null;
    /**
     * Removes content. This function needs to be overridden to prevent any rendering while some content is
     * still being added.
     */
    removeContent(
      /**
       * The content that should be removed from the layout
       */
      oContent: int | ID | Control
    ): void;
    /**
     * Sets a new value for property {@link #getResponsive responsive}.
     *
     * If set to false, all added controls will keep their width, or otherwise, the controls will be stretched
     * to the possible width of a row.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setResponsive(
      /**
       * New value for property `responsive`
       */
      bResponsive?: boolean
    ): this;
  }
  /**
   * Describes the settings that can be provided to the ResponsiveFlowLayout constructor.
   */
  export interface $ResponsiveFlowLayoutSettings extends $ControlSettings {
    /**
     * If set to false, all added controls will keep their width, or otherwise, the controls will be stretched
     * to the possible width of a row.
     */
    responsive?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Added content that should be positioned. Every content item should have a ResponsiveFlowLayoutData attached,
     * or otherwise, the default values are used.
     */
    content?: Control[] | Control | AggregationBindingInfo | `{${string}}`;

    /**
     * Association to controls / IDs that label this control (see WAI-ARIA attribute `aria-labelledby`).
     *
     * @since 1.48.7
     */
    ariaLabelledBy?: Array<Control | string>;
  }
}

declare module "sap/ui/layout/ResponsiveFlowLayoutData" {
  import {
    default as LayoutData,
    $LayoutDataSettings,
  } from "sap/ui/core/LayoutData";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * This is a LayoutData element that can be added to a control if this control is used within a ResponsiveFlowLayout.
   *
   * @since 1.16.0
   */
  export default class ResponsiveFlowLayoutData extends LayoutData {
    /**
     * Constructor for a new ResponsiveFlowLayoutData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $ResponsiveFlowLayoutDataSettings
    );
    /**
     * Constructor for a new ResponsiveFlowLayoutData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $ResponsiveFlowLayoutDataSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.ResponsiveFlowLayoutData with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.LayoutData.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, ResponsiveFlowLayoutData>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.ResponsiveFlowLayoutData.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getLinebreak linebreak}.
     *
     * If this property is set, the control in which the LayoutData is added, will always cause a line break
     * within the ResponsiveFlowLayout.
     *
     * Default value is `false`.
     *
     *
     * @returns Value of property `linebreak`
     */
    getLinebreak(): boolean;
    /**
     * Gets current value of property {@link #getLinebreakable linebreakable}.
     *
     * Shows if an element can be wrapped into a new row. If this value is set to false, the min-width will
     * be set to 0 and the wrapping is up to the previous element.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `linebreakable`
     */
    getLinebreakable(): boolean;
    /**
     * Gets current value of property {@link #getMargin margin}.
     *
     * Prevents any margin of the element if set to false.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `margin`
     */
    getMargin(): boolean;
    /**
     * Gets current value of property {@link #getMinWidth minWidth}.
     *
     * Defines the minimal size in px of a ResponsiveFlowLayout element. The element will be shrunk down to
     * this value.
     *
     * Default value is `100`.
     *
     *
     * @returns Value of property `minWidth`
     */
    getMinWidth(): int;
    /**
     * Gets current value of property {@link #getWeight weight}.
     *
     * Defines the weight of the element, that influences the resulting width. If there are several elements
     * within a row of the ResponsiveFlowLayout, each element could have another weight. The bigger the weight
     * of a single element, the wider it will be stretched, i.e. a bigger weight results in a larger width.
     *
     * Default value is `1`.
     *
     *
     * @returns Value of property `weight`
     */
    getWeight(): int;
    /**
     * Sets a new value for property {@link #getLinebreak linebreak}.
     *
     * If this property is set, the control in which the LayoutData is added, will always cause a line break
     * within the ResponsiveFlowLayout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `false`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLinebreak(
      /**
       * New value for property `linebreak`
       */
      bLinebreak?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getLinebreakable linebreakable}.
     *
     * Shows if an element can be wrapped into a new row. If this value is set to false, the min-width will
     * be set to 0 and the wrapping is up to the previous element.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setLinebreakable(
      /**
       * New value for property `linebreakable`
       */
      bLinebreakable?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getMargin margin}.
     *
     * Prevents any margin of the element if set to false.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setMargin(
      /**
       * New value for property `margin`
       */
      bMargin?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getMinWidth minWidth}.
     *
     * Defines the minimal size in px of a ResponsiveFlowLayout element. The element will be shrunk down to
     * this value.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `100`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setMinWidth(
      /**
       * New value for property `minWidth`
       */
      iMinWidth?: int
    ): this;
    /**
     * Sets a new value for property {@link #getWeight weight}.
     *
     * Defines the weight of the element, that influences the resulting width. If there are several elements
     * within a row of the ResponsiveFlowLayout, each element could have another weight. The bigger the weight
     * of a single element, the wider it will be stretched, i.e. a bigger weight results in a larger width.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `1`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setWeight(
      /**
       * New value for property `weight`
       */
      iWeight?: int
    ): this;
  }
  /**
   * Describes the settings that can be provided to the ResponsiveFlowLayoutData constructor.
   */
  export interface $ResponsiveFlowLayoutDataSettings
    extends $LayoutDataSettings {
    /**
     * Defines the minimal size in px of a ResponsiveFlowLayout element. The element will be shrunk down to
     * this value.
     */
    minWidth?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Defines the weight of the element, that influences the resulting width. If there are several elements
     * within a row of the ResponsiveFlowLayout, each element could have another weight. The bigger the weight
     * of a single element, the wider it will be stretched, i.e. a bigger weight results in a larger width.
     */
    weight?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * If this property is set, the control in which the LayoutData is added, will always cause a line break
     * within the ResponsiveFlowLayout.
     */
    linebreak?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Prevents any margin of the element if set to false.
     */
    margin?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Shows if an element can be wrapped into a new row. If this value is set to false, the min-width will
     * be set to 0 and the wrapping is up to the previous element.
     */
    linebreakable?: boolean | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/ResponsiveSplitter" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import { ID, CSSSize } from "sap/ui/core/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import PaneContainer from "sap/ui/layout/PaneContainer";

  import SplitPane from "sap/ui/layout/SplitPane";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * A responsive splitter which divides the application into several areas. Overview: The responsive splitter
   * layout structures complex applications into defined areas. These areas may be resizable and are either
   * distributed across one or multiple screen areas, some of which may also be off-canvas.
   *
   * The control is intended for developing administrative tools and applications. Structure: The responsive
   * splitter holds the following hierarchy of containers and controls:
   * 	 - {@link sap.ui.layout.PaneContainer Pane Container} - holds one or more Split Panes and determines
   *     the pane orientation. The pane which is stored in `rootPaneContainer` holds all other pane containers
   *     and split panes.
   * 	 - {@link sap.ui.layout.SplitPane Split Pane} - independent containers that may interact with one another.
   *     Each pane can hold only one control.  Usage: When to use:
   * 	 - The application has to display several areas side by side that must be resizable.
   * 	 - The application must work on a range of different devices in a responsive manner.  Responsive
   *     Behavior:
   * 	 - As soon as views are in the off-canvas mode, the pagination bar at the bottom of the application
   *     allows the user to switch between them.
   * 	 - On touch-enabled devices the bars of the splitter can be moved by touching the grip.
   * 	 - Double-clicking on a splitter will collapse or expand it back to its original position.
   *
   * **Note:** We don't recommend dynamically inserting/removing panes into/from the PaneContainer since this
   * might lead to inconsistent layout. If it is necessary, you need to ensure the sum of all sizes of the
   * SplitPanes doesn't exceed the width of the PaneContainer.
   *
   * @since 1.38
   */
  export default class ResponsiveSplitter extends Control {
    /**
     * Constructor for a new ResponsiveSplitter.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     * See:
     * 	{@link fiori:https://experience.sap.com/fiori-design-web/responsive-splitter/ Responsive Splitter}
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $ResponsiveSplitterSettings
    );
    /**
     * Constructor for a new ResponsiveSplitter.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     * See:
     * 	{@link fiori:https://experience.sap.com/fiori-design-web/responsive-splitter/ Responsive Splitter}
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $ResponsiveSplitterSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.ResponsiveSplitter with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, ResponsiveSplitter>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.ResponsiveSplitter.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Destroys the rootPaneContainer in the aggregation {@link #getRootPaneContainer rootPaneContainer}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyRootPaneContainer(): this;
    /**
     * ID of the element which is the current target of the association {@link #getDefaultPane defaultPane},
     * or `null`.
     */
    getDefaultPane(): ID | null;
    /**
     * Gets current value of property {@link #getHeight height}.
     *
     * The height of the control
     *
     * Default value is `'100%'`.
     *
     *
     * @returns Value of property `height`
     */
    getHeight(): CSSSize;
    /**
     * Gets content of aggregation {@link #getRootPaneContainer rootPaneContainer}.
     *
     * The root PaneContainer of the ResponsiveSplitter
     */
    getRootPaneContainer(): PaneContainer;
    /**
     * Gets current value of property {@link #getWidth width}.
     *
     * The width of the control
     *
     * Default value is `'100%'`.
     *
     *
     * @returns Value of property `width`
     */
    getWidth(): CSSSize;
    /**
     * Sets the associated {@link #getDefaultPane defaultPane}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setDefaultPane(
      /**
       * ID of an element which becomes the new target of this defaultPane association; alternatively, an element
       * instance may be given
       */
      oDefaultPane: ID | SplitPane
    ): this;
    /**
     * Sets a new value for property {@link #getHeight height}.
     *
     * The height of the control
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `'100%'`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setHeight(
      /**
       * New value for property `height`
       */
      sHeight?: CSSSize
    ): this;
    /**
     * Sets the aggregated {@link #getRootPaneContainer rootPaneContainer}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setRootPaneContainer(
      /**
       * The rootPaneContainer to set
       */
      oRootPaneContainer: PaneContainer
    ): this;
    /**
     * Sets a new value for property {@link #getWidth width}.
     *
     * The width of the control
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `'100%'`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setWidth(
      /**
       * New value for property `width`
       */
      sWidth?: CSSSize
    ): this;
  }
  /**
   * Describes the settings that can be provided to the ResponsiveSplitter constructor.
   */
  export interface $ResponsiveSplitterSettings extends $ControlSettings {
    /**
     * The width of the control
     */
    width?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * The height of the control
     */
    height?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * The root PaneContainer of the ResponsiveSplitter
     */
    rootPaneContainer?: PaneContainer;

    /**
     * Defines which pane is displayed initially. If there is no defaultPane specified, the first pane is considered
     * as default pane.
     */
    defaultPane?: SplitPane | string;
  }
}

declare module "sap/ui/layout/SplitPane" {
  import { default as UI5Element, $ElementSettings } from "sap/ui/core/Element";

  import Control from "sap/ui/core/Control";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * SplitPane is a container of a single control in a responsive splitter. Could be used as an aggregation
   * of a {@link sap.ui.layout.PaneContainer PaneContainer}.
   *
   * The behavior of the Split Panes is handled by the following properties:
   * 	 - `requiredParentWidth` - determines the minimum width of the parent container (in pixels). When it
   *     is reached, the pane will be hidden from the screen.
   * 	 - `demandPane` - determines if the pane is reachable via the pagination bar after it has been hidden
   *     from the screen.
   */
  export default class SplitPane extends UI5Element {
    /**
     * Constructor for a new SplitPane.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Initial settings for the new control
       */
      mSettings?: $SplitPaneSettings
    );
    /**
     * Constructor for a new SplitPane.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * ID for the new control, generated automatically if no ID is given
       */
      sId?: string,
      /**
       * Initial settings for the new control
       */
      mSettings?: $SplitPaneSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.SplitPane with name `sClassName` and enriches it with the
     * information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Element.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, SplitPane>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.SplitPane.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Destroys the content in the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyContent(): this;
    /**
     * Gets content of aggregation {@link #getContent content}.
     *
     * Content of the SplitPane
     */
    getContent(): Control;
    /**
     * Gets current value of property {@link #getDemandPane demandPane}.
     *
     * Determines whether the pane will be moved to the pagination
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `demandPane`
     */
    getDemandPane(): boolean;
    /**
     * Gets current value of property {@link #getRequiredParentWidth requiredParentWidth}.
     *
     * Determines the minimum width of the ResponsiveSplitter(in pixels). When it is reached the pane will be
     * hidden from the screen.
     *
     * When you are calculating the required parent width to fit your panes, you should also include the width
     * of all split bars between these panes.
     *
     * Default value is `800`.
     *
     *
     * @returns Value of property `requiredParentWidth`
     */
    getRequiredParentWidth(): int;
    /**
     * Sets the aggregated {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setContent(
      /**
       * The content to set
       */
      oContent: Control
    ): this;
    /**
     * Sets a new value for property {@link #getDemandPane demandPane}.
     *
     * Determines whether the pane will be moved to the pagination
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setDemandPane(
      /**
       * New value for property `demandPane`
       */
      bDemandPane?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getRequiredParentWidth requiredParentWidth}.
     *
     * Determines the minimum width of the ResponsiveSplitter(in pixels). When it is reached the pane will be
     * hidden from the screen.
     *
     * When you are calculating the required parent width to fit your panes, you should also include the width
     * of all split bars between these panes.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `800`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setRequiredParentWidth(
      /**
       * New value for property `requiredParentWidth`
       */
      iRequiredParentWidth?: int
    ): this;
  }
  /**
   * Describes the settings that can be provided to the SplitPane constructor.
   */
  export interface $SplitPaneSettings extends $ElementSettings {
    /**
     * Determines whether the pane will be moved to the pagination
     */
    demandPane?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Determines the minimum width of the ResponsiveSplitter(in pixels). When it is reached the pane will be
     * hidden from the screen.
     *
     * When you are calculating the required parent width to fit your panes, you should also include the width
     * of all split bars between these panes.
     */
    requiredParentWidth?: int | PropertyBindingInfo | `{${string}}`;

    /**
     * Content of the SplitPane
     */
    content?: Control;
  }
}

declare module "sap/ui/layout/Splitter" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import { CSSSize, Orientation } from "sap/ui/core/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  import Event from "sap/ui/base/Event";

  /**
   * Overview: A layout that contains several content areas. The content that is added to the splitter should
   * contain `layoutData` of type {@link sap.ui.layout.SplitterLayoutData SplitterLayoutData} which defines
   * its size and size constraints. If such `layoutData` is not defined, it will be generated automatically.
   *
   * By adding or changing the `layoutData` to the controls that make up the content areas, the size can be
   * changed programmatically. Additionally the content areas can be made non-resizable individually and a
   * minimal size (in px) can be set.
   *
   * The orientation of the splitter can be set to horizontal (default) or vertical. All content areas of
   * the splitter will be arranged in that way. In order to split vertically and horizontally at the same
   * time, splitters need to be nested.
   *
   * The splitter bars are focusable to enable resizing of the content areas via keyboard. The size of the
   * content areas can be manipulated when the splitter bar is focused and Shift-Left/Down/Right/Up are pressed.
   * When Shift-Home/End are pressed, the content areas are resized to their minimum or maximum size (Note,
   * that resizing one auto-size content area next to another auto-size content area, might lead to the effect
   * that the former does not take its maximum size but only the maximum size before recalculating the auto-sizes).
   *
   * The splitter bars used for resizing the content areas by the user can be set to different widths (or
   * heights in vertical mode) and the splitter will automatically resize the other content areas accordingly.
   * In case the splitter bar is resized after the splitter has been rendered, a manual resize has to be triggered
   * by invoking triggerResize() on the splitter.
   *
   * Responsive Behavior: On touch-enabled devices the bars of the splitter can be moved by touching the grip.
   *
   * @since 1.22.0
   */
  export default class Splitter extends Control {
    /**
     * Constructor for a new Splitter.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * initial settings for the new control
       */
      mSettings?: $SplitterSettings
    );
    /**
     * Constructor for a new Splitter.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * id for the new control, generated automatically if no id is given
       */
      sId?: string,
      /**
       * initial settings for the new control
       */
      mSettings?: $SplitterSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.Splitter with name `sClassName` and enriches it with the
     * information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, Splitter>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.Splitter.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some contentArea to the aggregation {@link #getContentAreas contentAreas}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addContentArea(
      /**
       * The contentArea to add; if empty, nothing is inserted
       */
      oContentArea: Control
    ): this;
    /**
     * Attaches event handler `fnFunction` to the {@link #event:resize resize} event of this `sap.ui.layout.Splitter`.
     *
     * When called, the context of the event handler (its `this`) will be bound to `oListener` if specified,
     * otherwise it will be bound to this `sap.ui.layout.Splitter` itself.
     *
     * Event is fired when contents are resized.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    attachResize(
      /**
       * An application-specific payload object that will be passed to the event handler along with the event
       * object when firing the event
       */
      oData: object,
      /**
       * The function to be called when the event occurs
       */
      fnFunction: (p1: Splitter$ResizeEvent) => void,
      /**
       * Context object to call the event handler with. Defaults to this `sap.ui.layout.Splitter` itself
       */
      oListener?: object
    ): this;
    /**
     * Attaches event handler `fnFunction` to the {@link #event:resize resize} event of this `sap.ui.layout.Splitter`.
     *
     * When called, the context of the event handler (its `this`) will be bound to `oListener` if specified,
     * otherwise it will be bound to this `sap.ui.layout.Splitter` itself.
     *
     * Event is fired when contents are resized.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    attachResize(
      /**
       * The function to be called when the event occurs
       */
      fnFunction: (p1: Splitter$ResizeEvent) => void,
      /**
       * Context object to call the event handler with. Defaults to this `sap.ui.layout.Splitter` itself
       */
      oListener?: object
    ): this;
    /**
     * Destroys all the contentAreas in the aggregation {@link #getContentAreas contentAreas}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyContentAreas(): this;
    /**
     * Detaches event handler `fnFunction` from the {@link #event:resize resize} event of this `sap.ui.layout.Splitter`.
     *
     * The passed function and listener object must match the ones used for event registration.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    detachResize(
      /**
       * The function to be called, when the event occurs
       */
      fnFunction: (p1: Splitter$ResizeEvent) => void,
      /**
       * Context object on which the given function had to be called
       */
      oListener?: object
    ): this;
    /**
     * Disables the resize handler for this control, this leads to an automatic resize of the contents whenever
     * the control changes its size. The resize handler is enabled in every control instance by default. For
     * performance reasons this behavior can be disabled by calling disableAutoResize()
     *
     * @deprecated As of version 1.21. This method is declared as protected in order to assess the need for
     * this feature. It is declared as deprecated because the API might change in case the need for this is
     * high enough to make it part of the official Splitter interface
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     */
    disableAutoResize(
      /**
       * Only disable autoResize temporarily (used for live resize), so that the previous status can be restored
       * afterwards
       */
      bTemporarily?: boolean
    ): void;
    /**
     * Disables the resizing of the Splitter contents via keyboard. This changes the Splitter bars to non-focusable
     * elements.
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     */
    disableKeyboardSupport(): void;
    /**
     * Disables recalculation and resize of the splitter contents while dragging the splitter bar. This means
     * that the contents are resized only once after moving the splitter bar.
     *
     * @deprecated As of version 1.21. This method is declared as protected in order to assess the need for
     * this feature. It is declared as deprecated because the API might change in case the need for this is
     * high enough to make it part of the official Splitter interface
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     */
    disableLiveResize(): void;
    /**
     * Enables the resize handler for this control, this leads to an automatic resize of the contents whenever
     * the control changes its size. The resize handler is enabled in every control instance by default. For
     * performance reasons this behavior can be disabled by calling disableAutoResize()
     *
     * @deprecated As of version 1.21. This method is declared as protected in order to assess the need for
     * this feature. It is declared as deprecated because the API might change in case the need for this is
     * high enough to make it part of the official Splitter interface
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     */
    enableAutoResize(
      /**
       * Only enables autoResize if it was previously disabled temporarily (used for live resize)
       */
      bTemporarily?: boolean
    ): void;
    /**
     * Enables the resizing of the Splitter contents via keyboard. This makes the Splitter bars focusable elements.
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     */
    enableKeyboardSupport(): void;
    /**
     * Enables recalculation and resize of the splitter contents while dragging the splitter bar. This means
     * that the contents are resized several times per second when moving the splitter bar.
     *
     * @deprecated As of version 1.21. This method is declared as protected in order to assess the need for
     * this feature. It is declared as deprecated because the API might change in case the need for this is
     * high enough to make it part of the official Splitter interface
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     */
    enableLiveResize(): void;
    /**
     * Fires event {@link #event:resize resize} to attached listeners.
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    fireResize(
      /**
       * Parameters to pass along with the event
       */
      mParameters?: Splitter$ResizeEventParameters
    ): this;
    /**
     * Returns the current actual content sizes as pixel value - these values can change with every resize.
     *
     * @deprecated As of version 1.21. This method is declared as protected in order to assess the need for
     * this feature. It is declared as deprecated because the API might change in case the need for this is
     * high enough to make it part of the official Splitter interface
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns Array of px values that correspond to the content area sizes
     */
    getCalculatedSizes(): number[];
    /**
     * Gets content of aggregation {@link #getContentAreas contentAreas}.
     *
     * The content areas to be split. The control will show n-1 splitter bars between n controls in this aggregation.
     */
    getContentAreas(): Control[];
    /**
     * Gets current value of property {@link #getHeight height}.
     *
     * The height of the control
     *
     * Default value is `'100%'`.
     *
     *
     * @returns Value of property `height`
     */
    getHeight(): CSSSize;
    /**
     * Gets current value of property {@link #getOrientation orientation}.
     *
     * Whether to split the contents horizontally (default) or vertically.
     *
     * Default value is `Horizontal`.
     *
     *
     * @returns Value of property `orientation`
     */
    getOrientation(): Orientation;
    /**
     * Gets current value of property {@link #getWidth width}.
     *
     * The width of the control
     *
     * Default value is `'100%'`.
     *
     *
     * @returns Value of property `width`
     */
    getWidth(): CSSSize;
    /**
     * Checks for the provided `sap.ui.core.Control` in the aggregation {@link #getContentAreas contentAreas}.
     * and returns its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfContentArea(
      /**
       * The contentArea whose index is looked for
       */
      oContentArea: Control
    ): int;
    /**
     * Inserts a contentArea into the aggregation {@link #getContentAreas contentAreas}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertContentArea(
      /**
       * The contentArea to insert; if empty, nothing is inserted
       */
      oContentArea: Control,
      /**
       * The `0`-based index the contentArea should be inserted at; for a negative value of `iIndex`, the contentArea
       * is inserted at position 0; for a value greater than the current size of the aggregation, the contentArea
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes all the controls from the aggregation {@link #getContentAreas contentAreas}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllContentAreas(): Control[];
    /**
     * Removes a contentArea from the aggregation {@link #getContentAreas contentAreas}.
     *
     *
     * @returns The removed contentArea or `null`
     */
    removeContentArea(
      /**
       * The contentArea to remove or its index or id
       */
      vContentArea: int | string | Control
    ): Control | null;
    /**
     * Resets the size (width or height) of each of the content areas.
     */
    resetContentAreasSizes(): void;
    /**
     * Sets a new value for property {@link #getHeight height}.
     *
     * The height of the control
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `'100%'`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setHeight(
      /**
       * New value for property `height`
       */
      sHeight?: CSSSize
    ): this;
    /**
     * Sets a new value for property {@link #getOrientation orientation}.
     *
     * Whether to split the contents horizontally (default) or vertically.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `Horizontal`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setOrientation(
      /**
       * New value for property `orientation`
       */
      sOrientation?: Orientation | keyof typeof Orientation
    ): this;
    /**
     * Sets a new value for property {@link #getWidth width}.
     *
     * The width of the control
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `'100%'`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setWidth(
      /**
       * New value for property `width`
       */
      sWidth?: CSSSize
    ): this;
    /**
     * This method triggers a resize on the Splitter - meaning it forces the Splitter to recalculate all sizes.
     * This method should only be used in rare cases, for example when the CSS that defines the sizes of the
     * splitter bars changes without triggering a rerendering of the splitter.
     */
    triggerResize(
      /**
       * Do not delay the resize, trigger it right now.
       */
      forceDirectly?: boolean
    ): void;
  }
  /**
   * Describes the settings that can be provided to the Splitter constructor.
   */
  export interface $SplitterSettings extends $ControlSettings {
    /**
     * Whether to split the contents horizontally (default) or vertically.
     */
    orientation?:
      | (Orientation | keyof typeof Orientation)
      | PropertyBindingInfo
      | `{${string}}`;

    /**
     * The width of the control
     */
    width?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * The height of the control
     */
    height?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * The content areas to be split. The control will show n-1 splitter bars between n controls in this aggregation.
     */
    contentAreas?: Control[] | Control | AggregationBindingInfo | `{${string}}`;

    /**
     * Event is fired when contents are resized.
     */
    resize?: (oEvent: Splitter$ResizeEvent) => void;
  }

  /**
   * Parameters of the Splitter#resize event.
   */
  export interface Splitter$ResizeEventParameters {
    /**
     * The ID of the splitter control. The splitter control can also be accessed by calling getSource() on the
     * event.
     */
    id?: string;

    /**
     * An array of values representing the old (pixel-)sizes of the splitter contents
     */
    oldSizes?: int[];

    /**
     * An array of values representing the new (pixel-)sizes of the splitter contents
     */
    newSizes?: int[];
  }

  /**
   * Event object of the Splitter#resize event.
   */
  export type Splitter$ResizeEvent = Event<
    Splitter$ResizeEventParameters,
    Splitter
  >;
}

declare module "sap/ui/layout/SplitterLayoutData" {
  import {
    default as LayoutData,
    $LayoutDataSettings,
  } from "sap/ui/core/LayoutData";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import { CSSSize } from "sap/ui/core/library";

  import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";

  /**
   * Holds layout data for the splitter contents.
   *
   * @since 1.22.0
   */
  export default class SplitterLayoutData extends LayoutData {
    /**
     * Constructor for a new SplitterLayoutData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * initial settings for the new control
       */
      mSettings?: $SplitterLayoutDataSettings
    );
    /**
     * Constructor for a new SplitterLayoutData.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * id for the new control, generated automatically if no id is given
       */
      sId?: string,
      /**
       * initial settings for the new control
       */
      mSettings?: $SplitterLayoutDataSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.SplitterLayoutData with name `sClassName` and enriches
     * it with the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.LayoutData.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, SplitterLayoutData>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.SplitterLayoutData.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Gets current value of property {@link #getMinSize minSize}.
     *
     * Sets the minimum size of the splitter content in px.
     *
     * Default value is `0`.
     *
     *
     * @returns Value of property `minSize`
     */
    getMinSize(): int;
    /**
     * Gets current value of property {@link #getResizable resizable}.
     *
     * Determines whether the control in the splitter can be resized or not.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `resizable`
     */
    getResizable(): boolean;
    /**
     * Gets current value of property {@link #getSize size}.
     *
     * The size of the splitter content. This property is updated when the area is resized by the user. Allowed
     * size values are numeric values ending in "px", "rem", "%" and "auto".
     *
     * Default value is `'auto'`.
     *
     *
     * @returns Value of property `size`
     */
    getSize(): CSSSize;
    /**
     * Sets a new value for property {@link #getMinSize minSize}.
     *
     * Sets the minimum size of the splitter content in px.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `0`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setMinSize(
      /**
       * New value for property `minSize`
       */
      iMinSize?: int
    ): this;
    /**
     * Sets a new value for property {@link #getResizable resizable}.
     *
     * Determines whether the control in the splitter can be resized or not.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setResizable(
      /**
       * New value for property `resizable`
       */
      bResizable?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getSize size}.
     *
     * The size of the splitter content. This property is updated when the area is resized by the user. Allowed
     * size values are numeric values ending in "px", "rem", "%" and "auto".
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `'auto'`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setSize(
      /**
       * New value for property `size`
       */
      sSize?: CSSSize
    ): this;
  }
  /**
   * Describes the settings that can be provided to the SplitterLayoutData constructor.
   */
  export interface $SplitterLayoutDataSettings extends $LayoutDataSettings {
    /**
     * Determines whether the control in the splitter can be resized or not.
     */
    resizable?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * The size of the splitter content. This property is updated when the area is resized by the user. Allowed
     * size values are numeric values ending in "px", "rem", "%" and "auto".
     */
    size?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * Sets the minimum size of the splitter content in px.
     */
    minSize?: int | PropertyBindingInfo | `{${string}}`;
  }
}

declare module "sap/ui/layout/VerticalLayout" {
  import { default as Control, $ControlSettings } from "sap/ui/core/Control";

  import { AccessibilityInfo, CSSSize } from "sap/ui/core/library";

  import ElementMetadata from "sap/ui/core/ElementMetadata";

  import {
    PropertyBindingInfo,
    AggregationBindingInfo,
  } from "sap/ui/base/ManagedObject";

  /**
   * In this layout the content controls are rendered one below the other.
   *
   * **Note:** `VerticalLayout` is not a focusable element and therefore the inheritance of the `tooltip`
   * property isn't supported.
   *
   * @since 1.16.0
   */
  export default class VerticalLayout extends Control {
    /**
     * Constructor for a new VerticalLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * initial settings for the new control
       */
      mSettings?: $VerticalLayoutSettings
    );
    /**
     * Constructor for a new VerticalLayout.
     *
     * Accepts an object literal `mSettings` that defines initial property values, aggregated and associated
     * objects as well as event handlers. See {@link sap.ui.base.ManagedObject#constructor} for a general description
     * of the syntax of the settings object.
     */
    constructor(
      /**
       * Id for the new control, generated automatically if no id is given
       */
      sId?: string,
      /**
       * initial settings for the new control
       */
      mSettings?: $VerticalLayoutSettings
    );

    /**
     * Creates a new subclass of class sap.ui.layout.VerticalLayout with name `sClassName` and enriches it with
     * the information contained in `oClassInfo`.
     *
     * `oClassInfo` might contain the same kind of information as described in {@link sap.ui.core.Control.extend}.
     *
     *
     * @returns Created class / constructor function
     */
    static extend<T extends Record<string, unknown>>(
      /**
       * Name of the class being created
       */
      sClassName: string,
      /**
       * Object literal with information about the class
       */
      oClassInfo?: sap.ClassInfo<T, VerticalLayout>,
      /**
       * Constructor function for the metadata object; if not given, it defaults to the metadata implementation
       * used by this class
       */
      FNMetaImpl?: Function
    ): Function;
    /**
     * Returns a metadata object for class sap.ui.layout.VerticalLayout.
     *
     *
     * @returns Metadata object describing this class
     */
    static getMetadata(): ElementMetadata;
    /**
     * Adds some content to the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    addContent(
      /**
       * The content to add; if empty, nothing is inserted
       */
      oContent: Control
    ): this;
    /**
     * Destroys all the content in the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    destroyContent(): this;
    /**
     * See:
     * 	sap.ui.core.Control#getAccessibilityInfo
     *
     * @ui5-protected Do not call from applications (only from related classes in the framework)
     *
     * @returns An object with the accessibilty infos for this control
     */
    getAccessibilityInfo(): AccessibilityInfo;
    /**
     * Gets content of aggregation {@link #getContent content}.
     *
     * Content controls within the layout.
     */
    getContent(): Control[];
    /**
     * Gets current value of property {@link #getEnabled enabled}.
     *
     * If not enabled, all controls inside are not enabled automatically.
     *
     * Default value is `true`.
     *
     *
     * @returns Value of property `enabled`
     */
    getEnabled(): boolean;
    /**
     * Gets current value of property {@link #getWidth width}.
     *
     * Width of the `VerticalLayout`. If no width is set, the width of the content is used. If the content of
     * the layout has a larger width than the layout, it is cut off. There is no scrolling inside the layout.
     *
     *
     * @returns Value of property `width`
     */
    getWidth(): CSSSize;
    /**
     * Checks for the provided `sap.ui.core.Control` in the aggregation {@link #getContent content}. and returns
     * its index if found or -1 otherwise.
     *
     *
     * @returns The index of the provided control in the aggregation if found, or -1 otherwise
     */
    indexOfContent(
      /**
       * The content whose index is looked for
       */
      oContent: Control
    ): int;
    /**
     * Inserts a content into the aggregation {@link #getContent content}.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    insertContent(
      /**
       * The content to insert; if empty, nothing is inserted
       */
      oContent: Control,
      /**
       * The `0`-based index the content should be inserted at; for a negative value of `iIndex`, the content
       * is inserted at position 0; for a value greater than the current size of the aggregation, the content
       * is inserted at the last position
       */
      iIndex: int
    ): this;
    /**
     * Removes all the controls from the aggregation {@link #getContent content}.
     *
     * Additionally, it unregisters them from the hosting UIArea.
     *
     *
     * @returns An array of the removed elements (might be empty)
     */
    removeAllContent(): Control[];
    /**
     * Removes a content from the aggregation {@link #getContent content}.
     *
     *
     * @returns The removed content or `null`
     */
    removeContent(
      /**
       * The content to remove or its index or id
       */
      vContent: int | string | Control
    ): Control | null;
    /**
     * Sets a new value for property {@link #getEnabled enabled}.
     *
     * If not enabled, all controls inside are not enabled automatically.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     * Default value is `true`.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setEnabled(
      /**
       * New value for property `enabled`
       */
      bEnabled?: boolean
    ): this;
    /**
     * Sets a new value for property {@link #getWidth width}.
     *
     * Width of the `VerticalLayout`. If no width is set, the width of the content is used. If the content of
     * the layout has a larger width than the layout, it is cut off. There is no scrolling inside the layout.
     *
     * When called with a value of `null` or `undefined`, the default value of the property will be restored.
     *
     *
     * @returns Reference to `this` in order to allow method chaining
     */
    setWidth(
      /**
       * New value for property `width`
       */
      sWidth?: CSSSize
    ): this;
  }
  /**
   * Describes the settings that can be provided to the VerticalLayout constructor.
   */
  export interface $VerticalLayoutSettings extends $ControlSettings {
    /**
     * Width of the `VerticalLayout`. If no width is set, the width of the content is used. If the content of
     * the layout has a larger width than the layout, it is cut off. There is no scrolling inside the layout.
     */
    width?: CSSSize | PropertyBindingInfo | `{${string}}`;

    /**
     * If not enabled, all controls inside are not enabled automatically.
     */
    enabled?: boolean | PropertyBindingInfo | `{${string}}`;

    /**
     * Content controls within the layout.
     */
    content?: Control[] | Control | AggregationBindingInfo | `{${string}}`;
  }
}

declare namespace sap {
  interface IUI5DefineDependencyNames {
    "sap/ui/layout/BlockLayout": undefined;

    "sap/ui/layout/BlockLayoutCell": undefined;

    "sap/ui/layout/BlockLayoutCellData": undefined;

    "sap/ui/layout/BlockLayoutRow": undefined;

    "sap/ui/layout/cssgrid/CSSGrid": undefined;

    "sap/ui/layout/cssgrid/GridBasicLayout": undefined;

    "sap/ui/layout/cssgrid/GridBoxLayout": undefined;

    "sap/ui/layout/cssgrid/GridItemLayoutData": undefined;

    "sap/ui/layout/cssgrid/GridLayoutBase": undefined;

    "sap/ui/layout/cssgrid/GridLayoutDelegate": undefined;

    "sap/ui/layout/cssgrid/GridResponsiveLayout": undefined;

    "sap/ui/layout/cssgrid/GridSettings": undefined;

    "sap/ui/layout/cssgrid/ResponsiveColumnItemLayoutData": undefined;

    "sap/ui/layout/cssgrid/ResponsiveColumnLayout": undefined;

    "sap/ui/layout/DynamicSideContent": undefined;

    "sap/ui/layout/FixFlex": undefined;

    "sap/ui/layout/form/ColumnContainerData": undefined;

    "sap/ui/layout/form/ColumnElementData": undefined;

    "sap/ui/layout/form/ColumnLayout": undefined;

    "sap/ui/layout/form/Form": undefined;

    "sap/ui/layout/form/FormContainer": undefined;

    "sap/ui/layout/form/FormElement": undefined;

    "sap/ui/layout/form/FormLayout": undefined;

    "sap/ui/layout/form/GridContainerData": undefined;

    "sap/ui/layout/form/GridElementData": undefined;

    "sap/ui/layout/form/GridLayout": undefined;

    "sap/ui/layout/form/ResponsiveGridLayout": undefined;

    "sap/ui/layout/form/ResponsiveLayout": undefined;

    "sap/ui/layout/form/SemanticFormElement": undefined;

    "sap/ui/layout/form/SimpleForm": undefined;

    "sap/ui/layout/Grid": undefined;

    "sap/ui/layout/GridData": undefined;

    "sap/ui/layout/HorizontalLayout": undefined;

    "sap/ui/layout/library": undefined;

    "sap/ui/layout/PaneContainer": undefined;

    "sap/ui/layout/ResponsiveFlowLayout": undefined;

    "sap/ui/layout/ResponsiveFlowLayoutData": undefined;

    "sap/ui/layout/ResponsiveSplitter": undefined;

    "sap/ui/layout/SplitPane": undefined;

    "sap/ui/layout/Splitter": undefined;

    "sap/ui/layout/SplitterLayoutData": undefined;

    "sap/ui/layout/VerticalLayout": undefined;
  }
}