/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { ViewContainerRef } from '@angular/core';
import { Align } from '@progress/kendo-angular-popup';
/**
 * Configures the options for the popup container.
 *
 * Represents the Kendo UI for Angular ToolBar popup settings.
 *
 * @example
 * ```ts
 * @Component({
 *   selector: 'my-app',
 *   template: `
 *     <kendo-toolbar [overflow]="true" [popupSettings]="{ animate: false }">
 *       <kendo-toolbar-button text="my button"></kendo-toolbar-button>
 *     </kendo-toolbar>
 *   `
 * })
 * class AppComponent { }
 * ```
 */
export interface PopupSettings {
    /**
     * Controls the popup animation.
     * By default, the open and close animations are enabled.
     */
    animate?: boolean;
    /**
     * Controls the popup container.
     * By default, the popup is appended to the root component.
     */
    appendTo?: 'root' | 'component' | ViewContainerRef;
    /**
     * Sets CSS classes for styling the popup.
     */
    popupClass?: string;
    /**
     * Sets the anchor pivot point.
     */
    anchorAlign?: Align;
    /**
     * Sets the popup pivot point.
     */
    popupAlign?: Align;
    /**
     * Sets the popup width.
     * The default value is `150` pixels.
     * Use a number for pixels or a string for arbitrary units like `"50%"`.
     */
    width?: number | string;
    /**
     * Sets the popup height.
     * By default, the popup height matches its content.
     * Use a number for pixels or a string for arbitrary units like `"50%"`.
     */
    height?: number | string;
}