kage-ui
Version:
A minimal, border-focused Angular UI component library.
31 lines (30 loc) • 2.14 kB
TypeScript
import { OnDestroy, OnInit } from '@angular/core';
import * as i0 from "@angular/core";
type ClassCondition = {
width?: number;
height?: number;
className: string;
};
export declare class KageResizeDirective implements OnInit, OnDestroy {
observeWidth: import("@angular/core").InputSignal<boolean>;
observeHeight: import("@angular/core").InputSignal<boolean>;
debounceTime: import("@angular/core").InputSignal<number>;
resizeMode: import("@angular/core").InputSignal<"debounce" | "throttle">;
minWidthClass: import("@angular/core").InputSignal<ClassCondition | undefined>;
maxWidthClass: import("@angular/core").InputSignal<ClassCondition | undefined>;
minHeightClass: import("@angular/core").InputSignal<ClassCondition | undefined>;
maxHeightClass: import("@angular/core").InputSignal<ClassCondition | undefined>;
onResize?: (rect: DOMRectReadOnly) => void;
kageResized: import("@angular/core").OutputEmitterRef<DOMRectReadOnly>;
private resizeSubject;
private observer?;
private el;
private zone;
private renderer;
ngOnInit(): void;
private applyClasses;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<KageResizeDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<KageResizeDirective, "[kageResized]", never, { "observeWidth": { "alias": "observeWidth"; "required": false; "isSignal": true; }; "observeHeight": { "alias": "observeHeight"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "resizeMode": { "alias": "resizeMode"; "required": false; "isSignal": true; }; "minWidthClass": { "alias": "minWidthClass"; "required": false; "isSignal": true; }; "maxWidthClass": { "alias": "maxWidthClass"; "required": false; "isSignal": true; }; "minHeightClass": { "alias": "minHeightClass"; "required": false; "isSignal": true; }; "maxHeightClass": { "alias": "maxHeightClass"; "required": false; "isSignal": true; }; "onResize": { "alias": "onResize"; "required": false; }; }, { "kageResized": "kageResized"; }, never, never, true, never>;
}
export {};