igniteui-angular
Version:
Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps
160 lines (159 loc) • 4.43 kB
TypeScript
import { ElementRef, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
/**
* Represents individual resizable/collapsible panes.
*
* @igxModule IgxSplitterModule
*
* @igxParent IgxSplitterComponent
*
* @igxKeywords pane
*
* @igxGroup presentation
*
* @remarks
* Users can control the resize behavior via the min and max size properties.
*/
export declare class IgxSplitterPaneComponent {
private el;
private _minSize;
private _maxSize;
/**
* @hidden @internal
* Gets/Sets the 'display' property of the current pane.
*/
display: string;
/**
* Gets/Sets the minimum allowed size of the current pane.
*
* @example
* ```html
* <igx-splitter>
* <igx-splitter-pane [minSize]='minSize'>...</igx-splitter-pane>
* </igx-splitter>
* ```
*/
get minSize(): string;
set minSize(value: string);
/**
* Gets/Set the maximum allowed size of the current pane.
*
* @example
* ```html
* <igx-splitter>
* <igx-splitter-pane [maxSize]='maxSize'>...</igx-splitter-pane>
* </igx-splitter>
* ```
*/
get maxSize(): string;
set maxSize(value: string);
/**
* Gets/Sets whether pane is resizable.
*
* @example
* ```html
* <igx-splitter>
* <igx-splitter-pane [resizable]='false'>...</igx-splitter-pane>
* </igx-splitter>
* ```
* @remarks
* If pane is not resizable its related splitter bar cannot be dragged.
*/
resizable: boolean;
/**
* Event fired when collapsed state of pane is changed.
*
* @example
* ```html
* <igx-splitter>
* <igx-splitter-pane (collapsedChange)='paneCollapsedChange($event)'>...</igx-splitter-pane>
* </igx-splitter>
* ```
*/
collapsedChange: EventEmitter<boolean>;
/** @hidden @internal */
order: number;
/**
* @hidden @internal
* Gets/Sets the `overflow`.
*/
overflow: string;
/**
* @hidden @internal
* Get/Sets the `minWidth` properties of the current pane.
*/
minWidth: string;
/**
* @hidden @internal
* Get/Sets the `maxWidth` properties of the current pane.
*/
maxWidth: string;
/**
* @hidden @internal
* Gets/Sets the `minHeight` properties of the current pane.
*/
minHeight: string;
/**
* @hidden @internal
* Gets/Sets the `maxHeight` properties of the current `IgxSplitterPaneComponent`.
*/
maxHeight: string;
/** @hidden @internal */
owner: any;
/**
* Gets/Sets the size of the current pane.
* * @example
* ```html
* <igx-splitter>
* <igx-splitter-pane [size]='size'>...</igx-splitter-pane>
* </igx-splitter>
* ```
*/
get size(): string;
set size(value: string);
/** @hidden @internal */
get isPercentageSize(): boolean;
/** @hidden @internal */
get dragSize(): any;
set dragSize(val: any);
/**
*
* @hidden @internal
* Gets the host native element.
*/
get element(): any;
/**
* @hidden @internal
* Gets the `flex` property of the current `IgxSplitterPaneComponent`.
*/
get flex(): string;
/**
* Gets/Sets whether current pane is collapsed.
*
* @example
* ```typescript
* const isCollapsed = pane.collapsed;
* ```
*/
set collapsed(value: boolean);
get collapsed(): boolean;
private _size;
private _dragSize;
private _collapsed;
constructor(el: ElementRef);
/**
* Toggles the collapsed state of the pane.
*
* @example
* ```typescript
* pane.toggle();
* ```
*/
toggle(): void;
/** @hidden @internal */
private _getSiblings;
static ɵfac: i0.ɵɵFactoryDeclaration<IgxSplitterPaneComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<IgxSplitterPaneComponent, "igx-splitter-pane", never, { "minSize": { "alias": "minSize"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, { "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
static ngAcceptInputType_resizable: unknown;
static ngAcceptInputType_collapsed: unknown;
}