@pacem/pacem-fx 1.0.0-abel

package/typings/index.d.ts

@@ -0,0 +1,177 @@
+import { Components as Components_2 } from '@pacem/pacem-core';
+import { PacemEventTarget } from '@pacem/pacem-core';
+import { Point } from '@pacem/pacem-foundation';
+import { Rect } from '@pacem/pacem-foundation';
+import { Size } from '@pacem/pacem-foundation';
+
+export declare namespace Components {
+    export {
+        Fx
+    }
+}
+
+export declare namespace Fx {
+    export {
+        PacemFx,
+        PacemFxElement,
+        PacemFxRippleElement,
+        PacemFxPulseElement,
+        PacemFxHeroElement,
+        PacemFxListElement,
+        PacemFxGradientStopElement,
+        PacemFxGradientItemElement,
+        PacemFxRadialGradientElement,
+        PacemFxLinearGradientElement,
+        PacemFxGradientElement,
+        PacemFxFancyElement
+    }
+}
+
+declare interface PacemFx {
+    target: HTMLElement;
+}
+
+declare abstract class PacemFxElement extends PacemEventTarget implements PacemFx {
+    target: HTMLElement;
+}
+
+declare class PacemFxFancyElement extends PacemFxElement {
+    private _textNodes;
+    private _originalContent;
+    private _handle;
+    private _handle1;
+    private _progress;
+    private _started;
+    get progress(): number;
+    get started(): boolean;
+    fancify: boolean;
+    delay: number;
+    gap: number;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    private _reset;
+    private _parse;
+    start(): void;
+    private _startShow;
+    private _fancify;
+}
+
+declare class PacemFxGradientElement extends Components_2.PacemItemsContainerElement<PacemFxGradientItemElement> implements PacemFx {
+    target: HTMLElement;
+    mode: 'fill' | 'text';
+    validate(item: PacemFxGradientItemElement): boolean;
+    register(item: PacemFxGradientItemElement): boolean;
+    unregister(item: PacemFxGradientItemElement): boolean;
+    viewActivatedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _gradientChangeHandler;
+    private _removeGradient;
+    private _buildGradient;
+}
+
+declare abstract class PacemFxGradientItemElement extends Components_2.PacemCrossItemsContainerElement<PacemFxGradientStopElement> {
+    validate(item: PacemFxGradientStopElement): boolean;
+    register(item: PacemFxGradientStopElement): boolean;
+    unregister(item: PacemFxGradientStopElement): boolean;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _dispatchGradientChangeHandler;
+    private _dispatchGradientChange;
+    protected abstract doesPropertyTriggerGradientChange(prop: string): boolean;
+    protected buildColor(color: string, opacity?: number): string;
+    abstract buildGradient(): string;
+}
+
+declare class PacemFxGradientStopElement extends Components_2.PacemItemElement {
+    offset: number;
+    color: string;
+    opacity: number;
+    findContainer(): any;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+}
+
+declare class PacemFxHeroElement extends PacemFxElement {
+    hero: boolean;
+    to: Rect | Element;
+    from: Rect | Element;
+    duration: number;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    private _originalState;
+    private _targetState;
+    private _originalStyle;
+    private _computeFromState;
+    private _resetTarget;
+    reset(): Promise<void>;
+    start(): Promise<void>;
+    private _animate;
+}
+
+declare class PacemFxLinearGradientElement extends PacemFxGradientItemElement {
+    /** Angle in degrees. */
+    angle: number;
+    protected doesPropertyTriggerGradientChange(prop: string): boolean;
+    buildGradient(): string;
+}
+
+declare class PacemFxListElement extends PacemFxElement {
+    private _observer;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _observed;
+    private _reset;
+    private _setup;
+}
+
+declare class PacemFxPulseElement extends PacemFxElement {
+    #private;
+    constructor();
+    private _sheet;
+    private _resize;
+    private _svg;
+    private _rect1;
+    private _rect2;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    private _resizeHandler;
+    private _pulse;
+}
+
+declare class PacemFxRadialGradientElement extends PacemFxGradientItemElement {
+    /** Either 'circle' or 'ellipse' (default). */
+    shape: 'circle' | 'ellipse';
+    /** Gradient's origin in normalized coordinates. */
+    center: Point;
+    /** Gradient's diametral size in normalized lengths, or absolute pixels (circular gradients only). */
+    size: Size | number;
+    protected doesPropertyTriggerGradientChange(prop: string): boolean;
+    buildGradient(): string;
+}
+
+declare class PacemFxRippleElement extends PacemFxElement {
+    private _wave;
+    propertyChangedCallback(name: string, old: any, val: any, first?: boolean): void;
+    viewActivatedCallback(): void;
+    disconnectedCallback(): void;
+    private _lock;
+    private _remove;
+    private _rippleHandler;
+    private _unrippleHandler;
+    private _tryRemove;
+    private _set;
+    private _reset;
+}
+
+
+
+declare global {
+    namespace Pacem {
+        export {
+            Components,
+            Fx
+        };
+    }
+}