angular-split
Advanced tools
Comparing version 16.1.1 to 16.2.0
import { ChangeDetectorRef, Renderer2, AfterViewInit, OnDestroy, ElementRef, NgZone, EventEmitter } from '@angular/core'; | ||
import { Observable } from 'rxjs'; | ||
import { IArea, IOutputData, IOutputAreaSizes, IDefaultOptions } from '../interface'; | ||
import { IArea, IOutputData, IOutputAreaSizes, IDefaultOptions, IAreaSize, ISplitDirection, ISplitDir, ISplitUnit } from '../interface'; | ||
import { SplitAreaDirective } from '../directive/split-area.directive'; | ||
@@ -40,19 +40,19 @@ import * as i0 from "@angular/core"; | ||
private renderer; | ||
set direction(v: 'horizontal' | 'vertical'); | ||
get direction(): 'horizontal' | 'vertical'; | ||
set unit(v: 'percent' | 'pixel'); | ||
get unit(): 'percent' | 'pixel'; | ||
set gutterSize(v: number | null); | ||
get gutterSize(): number | null; | ||
set gutterStep(v: number); | ||
set direction(v: ISplitDirection); | ||
get direction(): ISplitDirection; | ||
set unit(v: ISplitUnit); | ||
get unit(): ISplitUnit; | ||
set gutterSize(v: number | `${number}` | null | undefined); | ||
get gutterSize(): number; | ||
set gutterStep(v: number | `${number}`); | ||
get gutterStep(): number; | ||
set restrictMove(v: boolean); | ||
set restrictMove(v: boolean | `${boolean}`); | ||
get restrictMove(): boolean; | ||
set useTransition(v: boolean); | ||
set useTransition(v: boolean | `${boolean}`); | ||
get useTransition(): boolean; | ||
set disabled(v: boolean); | ||
set disabled(v: boolean | `${boolean}`); | ||
get disabled(): boolean; | ||
set dir(v: 'ltr' | 'rtl'); | ||
get dir(): 'ltr' | 'rtl'; | ||
set gutterDblClickDuration(v: number); | ||
set dir(v: ISplitDir); | ||
get dir(): ISplitDir; | ||
set gutterDblClickDuration(v: number | `${number}`); | ||
gutterClickDeltaPx: number; | ||
@@ -114,5 +114,5 @@ gutterAriaLabel: string; | ||
expandArea(comp: SplitAreaDirective): void; | ||
getAriaAreaSizeText(size: number | null): string; | ||
getAriaAreaSizeText(size: IAreaSize): string; | ||
static ɵfac: i0.ɵɵFactoryDeclaration<SplitComponent, [null, null, null, null, { optional: true; }]>; | ||
static ɵcmp: i0.ɵɵComponentDeclaration<SplitComponent, "as-split", ["asSplit"], { "direction": { "alias": "direction"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "gutterStep": { "alias": "gutterStep"; "required": false; }; "restrictMove": { "alias": "restrictMove"; "required": false; }; "useTransition": { "alias": "useTransition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "gutterDblClickDuration": { "alias": "gutterDblClickDuration"; "required": false; }; "gutterClickDeltaPx": { "alias": "gutterClickDeltaPx"; "required": false; }; "gutterAriaLabel": { "alias": "gutterAriaLabel"; "required": false; }; }, { "transitionEnd": "transitionEnd"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; "gutterClick": "gutterClick"; "gutterDblClick": "gutterDblClick"; }, never, ["*"], false, never>; | ||
} |
import { ElementRef, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core'; | ||
import { SplitComponent } from '../component/split.component'; | ||
import { IAreaSize } from '../interface'; | ||
import * as i0 from "@angular/core"; | ||
@@ -10,18 +11,18 @@ export declare class SplitAreaDirective implements OnInit, OnDestroy { | ||
private _order; | ||
set order(v: number | null); | ||
set order(v: number | `${number}` | null | undefined); | ||
get order(): number | null; | ||
private _size; | ||
set size(v: number | null); | ||
get size(): number | null; | ||
set size(v: IAreaSize | `${number}` | null | undefined); | ||
get size(): IAreaSize; | ||
private _minSize; | ||
set minSize(v: number | null); | ||
set minSize(v: number | `${number}` | null | undefined); | ||
get minSize(): number | null; | ||
private _maxSize; | ||
set maxSize(v: number | null); | ||
set maxSize(v: number | `${number}` | null | undefined); | ||
get maxSize(): number | null; | ||
private _lockSize; | ||
set lockSize(v: boolean); | ||
set lockSize(v: boolean | `${boolean}`); | ||
get lockSize(): boolean; | ||
private _visible; | ||
set visible(v: boolean); | ||
set visible(v: boolean | `${boolean}`); | ||
get visible(): boolean; | ||
@@ -28,0 +29,0 @@ private transitionListener; |
import { SplitAreaDirective } from './directive/split-area.directive'; | ||
export type ISplitDirection = 'horizontal' | 'vertical'; | ||
export type ISplitDir = 'ltr' | 'rtl'; | ||
export type IAreaSize = number | '*'; | ||
export type ISplitUnit = 'percent' | 'pixel'; | ||
export interface IPoint { | ||
@@ -9,6 +13,6 @@ x: number; | ||
order: number; | ||
size: number | null; | ||
size: IAreaSize; | ||
minSize: number | null; | ||
maxSize: number | null; | ||
sizeBeforeCollapse: number | null; | ||
sizeBeforeCollapse: IAreaSize | null; | ||
gutterBeforeCollapse: number; | ||
@@ -27,3 +31,3 @@ } | ||
sizePixelAtStart: number; | ||
sizePercentAtStart: number; | ||
sizePercentAtStart: IAreaSize; | ||
} | ||
@@ -37,8 +41,8 @@ export interface ISplitSideAbsorptionCapacity { | ||
pixelAbsorb: number; | ||
percentAfterAbsorption: number; | ||
percentAfterAbsorption: IAreaSize; | ||
pixelRemain: number; | ||
} | ||
export interface IDefaultOptions { | ||
dir: 'ltr' | 'rtl'; | ||
direction: 'horizontal' | 'vertical'; | ||
dir: ISplitDir; | ||
direction: ISplitDirection; | ||
disabled: boolean; | ||
@@ -49,3 +53,3 @@ gutterDblClickDuration: number; | ||
restrictMove: boolean; | ||
unit: 'percent' | 'pixel'; | ||
unit: ISplitUnit; | ||
useTransition: boolean; | ||
@@ -57,3 +61,3 @@ } | ||
} | ||
export interface IOutputAreaSizes extends Array<number | '*'> { | ||
export interface IOutputAreaSizes extends Array<IAreaSize> { | ||
} |
import { ElementRef } from '@angular/core'; | ||
import { IArea, IPoint, IAreaSnapshot, ISplitSideAbsorptionCapacity, IAreaAbsorptionCapacity } from './interface'; | ||
import { IArea, IPoint, IAreaSnapshot, ISplitSideAbsorptionCapacity, IAreaAbsorptionCapacity, IAreaSize, ISplitDirection, ISplitUnit } from './interface'; | ||
export declare function getPointFromEvent(event: MouseEvent | TouchEvent | KeyboardEvent): IPoint; | ||
export declare function pointDeltaEquals(lhs: IPoint, rhs: IPoint, deltaPx: number): boolean; | ||
export declare function getKeyboardEndpoint(event: KeyboardEvent, direction: 'horizontal' | 'vertical'): IPoint | null; | ||
export declare function getElementPixelSize(elRef: ElementRef, direction: 'horizontal' | 'vertical'): number; | ||
export declare function getKeyboardEndpoint(event: KeyboardEvent, direction: ISplitDirection): IPoint | null; | ||
export declare function getElementPixelSize(elRef: ElementRef, direction: ISplitDirection): number; | ||
export declare function getInputBoolean(v: any): boolean; | ||
export declare function getInputPositiveNumber<T>(v: any, defaultValue: T): number | T; | ||
export declare function isUserSizesValid(unit: 'percent' | 'pixel', sizes: Array<number | null>): boolean; | ||
export declare function getAreaMinSize(a: IArea): null | number; | ||
export declare function getAreaMaxSize(a: IArea): null | number; | ||
export declare function getGutterSideAbsorptionCapacity(unit: 'percent' | 'pixel', sideAreas: Array<IAreaSnapshot>, pixels: number, allAreasSizePixel: number): ISplitSideAbsorptionCapacity; | ||
export declare function updateAreaSize(unit: 'percent' | 'pixel', item: IAreaAbsorptionCapacity): void; | ||
export declare function isUserSizesValid(unit: ISplitUnit, sizes: Array<IAreaSize>): boolean; | ||
export declare function getAreaMinSize(a: IArea): number | null; | ||
export declare function getAreaMaxSize(a: IArea): number | null; | ||
export declare function getGutterSideAbsorptionCapacity(unit: ISplitUnit, sideAreas: Array<IAreaSnapshot>, pixels: number, allAreasSizePixel: number): ISplitSideAbsorptionCapacity; | ||
export declare function updateAreaSize(unit: ISplitUnit, item: IAreaAbsorptionCapacity): void; |
{ | ||
"name": "angular-split", | ||
"version": "16.1.1", | ||
"version": "16.2.0", | ||
"description": "Angular UI library to split views and allow dragging to resize areas using CSS flexbox layout.", | ||
@@ -5,0 +5,0 @@ "author": "beeman", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
362604
2827