aptechka 0.16.0 → 0.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/animation/Animation.d.ts +34 -0
- package/lib/animation/Damped.d.ts +18 -0
- package/lib/animation/Tweened.d.ts +14 -0
- package/lib/animation/index.d.ts +3 -0
- package/lib/attribute/index.d.ts +14 -0
- package/lib/canvas/index.d.ts +34 -0
- package/lib/class-linked-status/index.d.ts +11 -0
- package/lib/connector/index.d.ts +15 -0
- package/lib/controls/AutoplayControls.d.ts +16 -0
- package/lib/controls/Controls.d.ts +8 -0
- package/lib/controls/DragControls.d.ts +15 -0
- package/lib/controls/KeyboardControls.d.ts +13 -0
- package/lib/controls/WheelControls.d.ts +18 -0
- package/lib/controls/index.d.ts +5 -0
- package/lib/css-property/index.d.ts +16 -0
- package/lib/css-unit-parser/index.d.ts +6 -0
- package/lib/css-value-parser/index.d.ts +6 -0
- package/lib/dev/index.d.ts +1 -0
- package/lib/device/Device.d.ts +18 -0
- package/lib/device/Viewport.d.ts +28 -0
- package/lib/device/index.d.ts +2 -0
- package/lib/element-resizer/index.d.ts +9 -0
- package/lib/image/index.d.ts +10 -0
- package/lib/intersector/index.d.ts +9 -0
- package/lib/ladder/index.d.ts +23 -0
- package/lib/layout-box/index.d.ts +95 -0
- package/lib/loading/index.d.ts +38 -0
- package/lib/media/index.d.ts +11 -0
- package/lib/need_redo_tweaker/CheckboxElement.d.ts +14 -0
- package/lib/need_redo_tweaker/TweakerBooleanManagerElement.d.ts +10 -0
- package/lib/need_redo_tweaker/TweakerColorManagerElement.d.ts +10 -0
- package/lib/need_redo_tweaker/TweakerElement.d.ts +17 -0
- package/lib/need_redo_tweaker/TweakerFieldElement.d.ts +19 -0
- package/lib/need_redo_tweaker/TweakerFolderElement.d.ts +23 -0
- package/lib/need_redo_tweaker/TweakerLinkManagerElement.d.ts +10 -0
- package/lib/need_redo_tweaker/TweakerNumberManagerElement.d.ts +13 -0
- package/lib/need_redo_tweaker/TweakerSelectManagerElement.d.ts +10 -0
- package/lib/need_redo_tweaker/TweakerStoreManagerElement.d.ts +9 -0
- package/lib/need_redo_tweaker/TweakerStringManagerElement.d.ts +10 -0
- package/lib/need_redo_tweaker/element-constructor/ElementConstructor.d.ts +74 -0
- package/lib/need_redo_tweaker/element-constructor/createStylesheet.d.ts +2 -0
- package/lib/need_redo_tweaker/element-constructor/createTheme.d.ts +12 -0
- package/lib/need_redo_tweaker/element-constructor/index.d.ts +4 -0
- package/lib/need_redo_tweaker/element-constructor/knownSvgTags.d.ts +1 -0
- package/lib/need_redo_tweaker/element-constructor/tags.d.ts +118 -0
- package/lib/need_redo_tweaker/index.cjs +4 -4
- package/lib/need_redo_tweaker/index.d.ts +1 -0
- package/lib/need_redo_tweaker/index.js +1 -2
- package/lib/need_redo_tweaker/select/SelectElement.d.ts +24 -0
- package/lib/need_redo_tweaker/select/SelectHeadElement.d.ts +12 -0
- package/lib/need_redo_tweaker/select/SelectOptionElement.d.ts +13 -0
- package/lib/need_redo_tweaker/select/SelectUserElement.d.ts +6 -0
- package/lib/need_redo_tweaker/select/index.d.ts +4 -0
- package/lib/need_redo_tweaker/theme/index.d.ts +35 -0
- package/lib/need_redo_tweaker/tweakerManagerConstructors.d.ts +14 -0
- package/lib/need_redo_tweaker/tweakerStorage.d.ts +23 -0
- package/lib/notifier/index.d.ts +8 -0
- package/lib/object-DOa0yKM9.js +114 -0
- package/lib/object-HBC5QlzO.cjs +1 -0
- package/lib/order/index.d.ts +22 -0
- package/lib/pointer/Pointer.d.ts +22 -0
- package/lib/pointer/PointerElement.d.ts +13 -0
- package/lib/pointer/index.d.ts +2 -0
- package/lib/popover/PopoverButtonElement.d.ts +14 -0
- package/lib/popover/PopoverElement.d.ts +25 -0
- package/lib/popover/index.d.ts +2 -0
- package/lib/scroll/ScrollBulletButtonsElement.d.ts +11 -0
- package/lib/scroll/ScrollButtonElement.d.ts +5 -0
- package/lib/scroll/ScrollElement.d.ts +81 -0
- package/lib/scroll/ScrollSection.d.ts +22 -0
- package/lib/scroll/ScrollSegmentElement.d.ts +62 -0
- package/lib/scroll/ScrollSetButtonElement.d.ts +9 -0
- package/lib/scroll/ScrollStepButtonElement.d.ts +9 -0
- package/lib/scroll/ScrollUserElement.d.ts +6 -0
- package/lib/scroll/ScrollbarElement.d.ts +13 -0
- package/lib/scroll/index.d.ts +6 -0
- package/lib/scroll-entries/index.d.ts +20 -0
- package/lib/sequence/index.d.ts +20 -0
- package/lib/slicer/Letter.d.ts +11 -0
- package/lib/slicer/SlicerElement.d.ts +20 -0
- package/lib/slicer/Word.d.ts +16 -0
- package/lib/slicer/index.d.ts +3 -0
- package/lib/source/SourceClass.d.ts +11 -0
- package/lib/source/SourceElement.d.ts +24 -0
- package/lib/source/SourceManager.d.ts +13 -0
- package/lib/source/SourceSet.d.ts +8 -0
- package/lib/source/index.d.ts +4 -0
- package/lib/store/Composed.d.ts +7 -0
- package/lib/store/Derived.d.ts +7 -0
- package/lib/store/DerivedArray.d.ts +7 -0
- package/lib/store/Resource.d.ts +11 -0
- package/lib/store/Store.d.ts +35 -0
- package/lib/store/StoreRegistry.d.ts +22 -0
- package/lib/store/index.d.ts +6 -0
- package/lib/test/starting-style/index.d.ts +1 -0
- package/lib/ticker/index.d.ts +21 -0
- package/lib/utils/array.d.ts +2 -0
- package/lib/utils/attributes.d.ts +2 -0
- package/lib/utils/browser.d.ts +1 -0
- package/lib/utils/bytes.d.ts +1 -0
- package/lib/utils/canvas.d.ts +7 -0
- package/lib/utils/collisions.d.ts +3 -0
- package/lib/utils/coordinates.d.ts +13 -0
- package/lib/utils/cssom.d.ts +5 -0
- package/lib/utils/decoding.d.ts +2 -0
- package/lib/utils/dom.d.ts +5 -0
- package/lib/utils/easings.d.ts +17 -0
- package/lib/utils/events.d.ts +8 -0
- package/lib/utils/file.d.ts +1 -0
- package/lib/utils/function.d.ts +2 -0
- package/lib/utils/gestures.d.ts +1 -0
- package/lib/utils/index.cjs +1 -1
- package/lib/utils/index.d.ts +27 -0
- package/lib/utils/index.js +155 -140
- package/lib/utils/jss.d.ts +12 -0
- package/lib/utils/layout.d.ts +3 -0
- package/lib/utils/math.d.ts +11 -0
- package/lib/utils/number.d.ts +3 -0
- package/lib/utils/object.d.ts +9 -0
- package/lib/utils/polyfills.d.ts +1 -0
- package/lib/utils/promises.d.ts +1 -0
- package/lib/utils/string.d.ts +8 -0
- package/lib/utils/style.d.ts +2 -0
- package/lib/utils/ts-shape.d.ts +20 -0
- package/lib/utils/ts-utility.d.ts +26 -0
- package/lib/utils/url.d.ts +9 -0
- package/lib/video/index.d.ts +21 -0
- package/lib/window-resizer/index.d.ts +9 -0
- package/package.json +3 -47
- package/lib/en3/index.cjs +0 -8
- package/lib/en3/index.js +0 -374
- package/lib/file-BEr-o55N.js +0 -31
- package/lib/file-C9BbxzVU.cjs +0 -1
- package/lib/morph/index.cjs +0 -1
- package/lib/morph/index.js +0 -225
- package/lib/object-CCiXnER2.cjs +0 -1
- package/lib/object-D6MVWB4l.js +0 -85
- package/lib/router/index.cjs +0 -1
- package/lib/router/index.js +0 -266
- package/lib/url-C3dWnJQg.cjs +0 -1
- package/lib/url-DMNfW7uN.js +0 -22
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Store, StoreOptions } from '../store';
|
|
2
|
+
import { TickerAddOptions, TickerCallbackEntry } from '../ticker';
|
|
3
|
+
export interface AnimationOptions extends TickerAddOptions {
|
|
4
|
+
min?: number;
|
|
5
|
+
max?: number;
|
|
6
|
+
equalize?: boolean;
|
|
7
|
+
restart?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export type AnimationConstructorOptions<Options extends AnimationOptions> = StoreOptions<number> & Options;
|
|
10
|
+
export declare abstract class Animation<Options extends AnimationOptions = AnimationOptions> extends Store<number> {
|
|
11
|
+
#private;
|
|
12
|
+
constructor(initial?: number, options?: StoreOptions<number>);
|
|
13
|
+
get direction(): number;
|
|
14
|
+
get target(): number;
|
|
15
|
+
get min(): number;
|
|
16
|
+
set min(value: number);
|
|
17
|
+
get max(): number;
|
|
18
|
+
set max(value: number);
|
|
19
|
+
get from(): number;
|
|
20
|
+
get isRunning(): Store<boolean>;
|
|
21
|
+
get delta(): number;
|
|
22
|
+
get deltaProgress(): number;
|
|
23
|
+
get distance(): number;
|
|
24
|
+
get distanceProgress(): number;
|
|
25
|
+
set(value: number, options?: Options): void;
|
|
26
|
+
shift(value: number, options?: Options): void;
|
|
27
|
+
reset(): void;
|
|
28
|
+
close(): void;
|
|
29
|
+
listenAnimationFrame(): void;
|
|
30
|
+
unlistenAnimationFrame(): void;
|
|
31
|
+
updateOptions(options?: AnimationOptions): void;
|
|
32
|
+
protected start(): void;
|
|
33
|
+
protected abstract handleAnimationFrame(e: TickerCallbackEntry): void;
|
|
34
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { TickerCallbackEntry } from '../ticker';
|
|
2
|
+
import { Animation, AnimationConstructorOptions, AnimationOptions } from './Animation';
|
|
3
|
+
export interface DampedOptions extends AnimationOptions {
|
|
4
|
+
stiffness?: number;
|
|
5
|
+
damping?: number;
|
|
6
|
+
mass?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare class Damped extends Animation<DampedOptions> {
|
|
9
|
+
#private;
|
|
10
|
+
damping: number;
|
|
11
|
+
stiffness: number;
|
|
12
|
+
mass: number;
|
|
13
|
+
constructor(initial?: number, options?: AnimationConstructorOptions<DampedOptions>);
|
|
14
|
+
get velocity(): number;
|
|
15
|
+
get speed(): number;
|
|
16
|
+
updateOptions(options?: DampedOptions): void;
|
|
17
|
+
protected handleAnimationFrame(e: TickerCallbackEntry): void;
|
|
18
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { TickerCallbackEntry } from '../ticker';
|
|
2
|
+
import { EasingFunction } from '../utils';
|
|
3
|
+
import { Animation, AnimationConstructorOptions, AnimationOptions } from './Animation';
|
|
4
|
+
export interface TweenedOptions extends AnimationOptions {
|
|
5
|
+
easing?: EasingFunction;
|
|
6
|
+
duration?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare class Tweened extends Animation<TweenedOptions> {
|
|
9
|
+
#private;
|
|
10
|
+
constructor(initial?: number, options?: AnimationConstructorOptions<TweenedOptions>);
|
|
11
|
+
updateOptions(options?: TweenedOptions): void;
|
|
12
|
+
protected handleAnimationFrame(e: TickerCallbackEntry): void;
|
|
13
|
+
protected start(): void;
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Store, StoreCallback, StoreOptions } from '../store';
|
|
2
|
+
import { ElementOrSelector } from '../utils';
|
|
3
|
+
export interface AttributeOptions<T> extends StoreOptions<T> {
|
|
4
|
+
sync?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare class Attribute<T extends string | number | boolean> extends Store<T> {
|
|
7
|
+
#private;
|
|
8
|
+
constructor(elementOrSelector: ElementOrSelector, name: string, defaultValue: T, options?: AttributeOptions<T>);
|
|
9
|
+
subscribe(callback: StoreCallback<T>): () => void;
|
|
10
|
+
unsubscribe(callback: StoreCallback<T>): void;
|
|
11
|
+
observe(): void;
|
|
12
|
+
unobserve(): void;
|
|
13
|
+
close(): void;
|
|
14
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { CSSProperty } from '../css-property';
|
|
2
|
+
export interface Canvas2DRenderDetail {
|
|
3
|
+
pixelRatio: number;
|
|
4
|
+
width: number;
|
|
5
|
+
height: number;
|
|
6
|
+
element: HTMLElement;
|
|
7
|
+
canvasElement: HTMLCanvasElement;
|
|
8
|
+
context: CanvasRenderingContext2D;
|
|
9
|
+
timestamp: number;
|
|
10
|
+
timeBetweenFrames: number;
|
|
11
|
+
}
|
|
12
|
+
export type CanvasRenderEvent = CustomEvent<Canvas2DRenderDetail>;
|
|
13
|
+
export declare class CanvasElement extends HTMLElement {
|
|
14
|
+
#private;
|
|
15
|
+
constructor();
|
|
16
|
+
get fpsCSSProperty(): CSSProperty<number>;
|
|
17
|
+
get canvasElement(): HTMLCanvasElement;
|
|
18
|
+
get context(): CanvasRenderingContext2D;
|
|
19
|
+
get pixelRatio(): number;
|
|
20
|
+
get width(): number;
|
|
21
|
+
get height(): number;
|
|
22
|
+
get detail(): Canvas2DRenderDetail;
|
|
23
|
+
protected connectedCallback(): void;
|
|
24
|
+
protected disconnectedCallback(): void;
|
|
25
|
+
}
|
|
26
|
+
declare global {
|
|
27
|
+
interface HTMLElementTagNameMap {
|
|
28
|
+
'e-canvas': CanvasElement;
|
|
29
|
+
}
|
|
30
|
+
interface HTMLElementEventMap {
|
|
31
|
+
canvasRender: CanvasRenderEvent;
|
|
32
|
+
canvasResize: CanvasRenderEvent;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Store } from '../store';
|
|
2
|
+
export declare class ClassLinkedStatus<T extends {
|
|
3
|
+
[key in string]: boolean;
|
|
4
|
+
}> extends Store<T> {
|
|
5
|
+
#private;
|
|
6
|
+
constructor(element: HTMLElement, value: T);
|
|
7
|
+
isTrue(key: keyof T): boolean;
|
|
8
|
+
isFalse(key: keyof T): boolean;
|
|
9
|
+
reset(): void;
|
|
10
|
+
set(key: keyof T, value?: boolean): void;
|
|
11
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type ConnectorConnectCallback<T extends Node = Node> = (node: T) => void;
|
|
2
|
+
export type ConnectorDisconnectCallback<T extends Node = Node> = (node: T, expired?: boolean) => void;
|
|
3
|
+
export interface ConnectorOptions {
|
|
4
|
+
connectCallback?: ConnectorConnectCallback;
|
|
5
|
+
disconnectCallback?: ConnectorDisconnectCallback;
|
|
6
|
+
maxWaitSec?: number;
|
|
7
|
+
unsubscribeAfterDisconnect?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare class Connector {
|
|
10
|
+
#private;
|
|
11
|
+
subscribe(node: Node, options: ConnectorOptions): () => void;
|
|
12
|
+
unsubscribe(options: ConnectorOptions): void;
|
|
13
|
+
destroy(): void;
|
|
14
|
+
}
|
|
15
|
+
export declare const connector: Connector;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { TickerAddOptions } from '../ticker';
|
|
2
|
+
import { Controls } from './Controls';
|
|
3
|
+
export interface AutoplayControlsOptions extends TickerAddOptions {
|
|
4
|
+
speed?: number;
|
|
5
|
+
interval?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare class AutoplayControls extends Controls {
|
|
8
|
+
#private;
|
|
9
|
+
direction: number;
|
|
10
|
+
constructor(options?: AutoplayControlsOptions);
|
|
11
|
+
set interval(value: boolean);
|
|
12
|
+
set speed(value: number);
|
|
13
|
+
connect(): void;
|
|
14
|
+
disconnect(): void;
|
|
15
|
+
pauseAndContinue(duration: number): void;
|
|
16
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Notifier } from '../notifier';
|
|
2
|
+
export type ControlsCallback = (type: string, value: number) => void;
|
|
3
|
+
export declare abstract class Controls {
|
|
4
|
+
#private;
|
|
5
|
+
get changeEvent(): Notifier<ControlsCallback>;
|
|
6
|
+
abstract connect(): void;
|
|
7
|
+
abstract disconnect(): void;
|
|
8
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Axes2D } from '../utils';
|
|
2
|
+
import { Controls } from './Controls';
|
|
3
|
+
export interface DragControlsOptions {
|
|
4
|
+
element?: HTMLElement;
|
|
5
|
+
axis?: Axes2D;
|
|
6
|
+
swipe?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare class DragControls extends Controls {
|
|
9
|
+
#private;
|
|
10
|
+
axis: Axes2D;
|
|
11
|
+
swipe: boolean;
|
|
12
|
+
constructor(options?: DragControlsOptions);
|
|
13
|
+
connect(): void;
|
|
14
|
+
disconnect(): void;
|
|
15
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Controls } from './Controls';
|
|
2
|
+
export type KeyboardControlsDimension = 'height' | 'width';
|
|
3
|
+
export interface KeyboardControlsOptions {
|
|
4
|
+
element?: HTMLElement;
|
|
5
|
+
dimension?: KeyboardControlsDimension;
|
|
6
|
+
}
|
|
7
|
+
export declare class KeyboardControls extends Controls {
|
|
8
|
+
#private;
|
|
9
|
+
constructor(options?: KeyboardControlsOptions);
|
|
10
|
+
set dimension(value: KeyboardControlsDimension | undefined | null);
|
|
11
|
+
connect(): void;
|
|
12
|
+
disconnect(): void;
|
|
13
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Axes2D } from '../utils';
|
|
2
|
+
import { Controls } from './Controls';
|
|
3
|
+
export type WheelControlsAxis = Axes2D | 'max';
|
|
4
|
+
export interface WheelControlsOptions {
|
|
5
|
+
axis?: WheelControlsAxis;
|
|
6
|
+
speed?: number;
|
|
7
|
+
debounce?: boolean;
|
|
8
|
+
element?: HTMLElement;
|
|
9
|
+
}
|
|
10
|
+
export declare class WheelControls extends Controls {
|
|
11
|
+
#private;
|
|
12
|
+
axis: WheelControlsAxis;
|
|
13
|
+
speed: number;
|
|
14
|
+
debounce: boolean;
|
|
15
|
+
constructor(options?: WheelControlsOptions);
|
|
16
|
+
connect(): void;
|
|
17
|
+
disconnect(): void;
|
|
18
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { Controls } from './Controls';
|
|
2
|
+
export { KeyboardControls } from './KeyboardControls';
|
|
3
|
+
export { AutoplayControls, type AutoplayControlsOptions, } from './AutoplayControls';
|
|
4
|
+
export { WheelControls, type WheelControlsOptions } from './WheelControls';
|
|
5
|
+
export { DragControls, type DragControlsOptions } from './DragControls';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Store, StoreCallback, StoreOptions } from '../store';
|
|
2
|
+
import { ElementOrSelector } from '../utils';
|
|
3
|
+
export interface CSSPropertyOptions<StoreType extends number | boolean | string> extends StoreOptions<StoreType> {
|
|
4
|
+
rawValueCheck?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare class CSSProperty<StoreType extends number | boolean | string> extends Store<StoreType> {
|
|
7
|
+
#private;
|
|
8
|
+
constructor(elementOrSelector: ElementOrSelector<HTMLElement>, property: string, defaultValue: StoreType, options?: CSSPropertyOptions<StoreType>);
|
|
9
|
+
get currentRawValue(): string;
|
|
10
|
+
observe(): void;
|
|
11
|
+
unobserve(): void;
|
|
12
|
+
subscribe(callback: StoreCallback<StoreType>): () => void;
|
|
13
|
+
unsubscribe(callback: StoreCallback<StoreType>): void;
|
|
14
|
+
close(): void;
|
|
15
|
+
check(): void;
|
|
16
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function devMode(): void;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { TierResult } from 'detect-gpu';
|
|
2
|
+
export type DeviceOS = 'macOS' | 'iOS' | 'Windows' | 'Android' | 'Linux' | 'unknown';
|
|
3
|
+
declare class Device {
|
|
4
|
+
#private;
|
|
5
|
+
constructor();
|
|
6
|
+
get OS(): string;
|
|
7
|
+
get gpu(): string;
|
|
8
|
+
get gpuTier(): number;
|
|
9
|
+
get gpuDetection(): Promise<TierResult>;
|
|
10
|
+
get isMobile(): boolean;
|
|
11
|
+
get isTouch(): boolean;
|
|
12
|
+
get isWebgl(): boolean;
|
|
13
|
+
get isWebp(): boolean;
|
|
14
|
+
get isApple(): boolean;
|
|
15
|
+
resize: () => void;
|
|
16
|
+
}
|
|
17
|
+
export declare const device: Device;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Store } from '../store';
|
|
2
|
+
export declare enum ViewportBreakpoints {
|
|
3
|
+
'mobile' = "600px",
|
|
4
|
+
'tablet' = "1024px",
|
|
5
|
+
'notebook' = "1280px",
|
|
6
|
+
'desktop' = "1281px"
|
|
7
|
+
}
|
|
8
|
+
export declare enum ViewportMediaRules {
|
|
9
|
+
'<=mobile' = "(max-width: 600px)",
|
|
10
|
+
'>=mobile' = "(min-width: 601px)",
|
|
11
|
+
'<=tablet' = "(max-width: 1024px)",
|
|
12
|
+
'>=tablet' = "(min-width: 1025px)",
|
|
13
|
+
'<=notebook' = "(max-width: 1280px)",
|
|
14
|
+
'>=notebook' = "(min-width: 1281px)",
|
|
15
|
+
'<=desktop' = "(max-width: 1280px)",
|
|
16
|
+
'>=desktop' = "(min-width: 1281px)"
|
|
17
|
+
}
|
|
18
|
+
declare class Viewport {
|
|
19
|
+
#private;
|
|
20
|
+
constructor();
|
|
21
|
+
get width(): number;
|
|
22
|
+
get height(): number;
|
|
23
|
+
get type(): Store<"mobile" | "tablet" | "notebook" | "desktop" | undefined>;
|
|
24
|
+
get pixelRatio(): number;
|
|
25
|
+
resize: () => void;
|
|
26
|
+
}
|
|
27
|
+
export declare const viewport: Viewport;
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ElementOrSelector } from '../utils';
|
|
2
|
+
export type ElementResizerCallback = (entry: ResizeObserverEntry) => void;
|
|
3
|
+
export declare class ElementResizer {
|
|
4
|
+
#private;
|
|
5
|
+
constructor();
|
|
6
|
+
subscribe(elementOrSelector: ElementOrSelector, callback: ElementResizerCallback): () => void;
|
|
7
|
+
unsubscribe(callback: ElementResizerCallback): void;
|
|
8
|
+
}
|
|
9
|
+
export declare const elementResizer: ElementResizer;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { SourceElement } from '../source';
|
|
2
|
+
export declare class ImageElement extends SourceElement<HTMLImageElement> {
|
|
3
|
+
protected createConsumer(): HTMLImageElement;
|
|
4
|
+
protected consumeSource(url: string | null): void;
|
|
5
|
+
}
|
|
6
|
+
declare global {
|
|
7
|
+
interface HTMLElementTagNameMap {
|
|
8
|
+
'e-image': ImageElement;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ElementOrSelector } from '../utils';
|
|
2
|
+
export type IntersectorCallback = (entry: IntersectionObserverEntry) => void;
|
|
3
|
+
export declare class Intersector {
|
|
4
|
+
#private;
|
|
5
|
+
constructor();
|
|
6
|
+
subscribe(elementOrSelector: ElementOrSelector, callback: IntersectorCallback): () => void;
|
|
7
|
+
unsubscribe(callback: IntersectorCallback): void;
|
|
8
|
+
}
|
|
9
|
+
export declare const intersector: Intersector;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Store } from '../store';
|
|
2
|
+
export type LadderDefaultStepName = number | string;
|
|
3
|
+
export type LadderOperation = '+' | '*' | '/' | '-';
|
|
4
|
+
export type LadderStep<T> = [LadderOperation, T];
|
|
5
|
+
export type LadderSteps<K, T> = Map<K, LadderStep<T>>;
|
|
6
|
+
export type LadderDefaultValueType = {
|
|
7
|
+
[key: string]: number;
|
|
8
|
+
};
|
|
9
|
+
export declare class Ladder<V extends LadderDefaultValueType = LadderDefaultValueType, K extends LadderDefaultStepName = LadderDefaultStepName> extends Store<V> {
|
|
10
|
+
#private;
|
|
11
|
+
constructor(base: V);
|
|
12
|
+
get base(): V;
|
|
13
|
+
get steps(): LadderSteps<K, V>;
|
|
14
|
+
close(): void;
|
|
15
|
+
bind(sub: V): void;
|
|
16
|
+
unbind(sub: V): void;
|
|
17
|
+
deleteStep(stepName: K): void;
|
|
18
|
+
getStepValue(stepName: K): V;
|
|
19
|
+
getExcludedStepsValue(...stepNames: Array<K>): V;
|
|
20
|
+
getIncludedStepsValue(...stepNames: Array<K>): V;
|
|
21
|
+
setStep(stepName: K, action: LadderOperation, value: Partial<V>): void;
|
|
22
|
+
calculate(): void;
|
|
23
|
+
}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { Ladder } from '../ladder';
|
|
2
|
+
import { StoreCallback } from '../store';
|
|
3
|
+
import { ElementOrSelector, Axes3D, Axes2D } from '../utils';
|
|
4
|
+
import { Notifier } from '../notifier';
|
|
5
|
+
export declare function decomposeCSSMatrix(matrix: WebKitCSSMatrix): {
|
|
6
|
+
scaleX: number;
|
|
7
|
+
scaleY: number;
|
|
8
|
+
scaleZ: number;
|
|
9
|
+
rotationX: number;
|
|
10
|
+
rotationY: number;
|
|
11
|
+
rotationZ: number;
|
|
12
|
+
translationX: number;
|
|
13
|
+
translationY: number;
|
|
14
|
+
translationZ: number;
|
|
15
|
+
};
|
|
16
|
+
export interface LayoutBoxOptions {
|
|
17
|
+
containerElement?: ElementOrSelector<HTMLElement>;
|
|
18
|
+
cartesian?: boolean;
|
|
19
|
+
scrollAxis?: Axes3D | 'auto';
|
|
20
|
+
frontSide?: LayoutBoxFrontSide;
|
|
21
|
+
sizeStep?: boolean;
|
|
22
|
+
positionStep?: boolean;
|
|
23
|
+
culling?: boolean;
|
|
24
|
+
transformStep?: boolean;
|
|
25
|
+
scrollStep?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export interface LayoutBoxScrollStepCallbackReturn {
|
|
28
|
+
axis: Axes2D;
|
|
29
|
+
value: number;
|
|
30
|
+
}
|
|
31
|
+
export type LayoutBoxXYZ = {
|
|
32
|
+
x: number;
|
|
33
|
+
y: number;
|
|
34
|
+
z: number;
|
|
35
|
+
};
|
|
36
|
+
export type LayoutBoxScrollStepCallback = () => LayoutBoxScrollStepCallbackReturn;
|
|
37
|
+
export type LayoutBoxStepCallback = StoreCallback<LayoutBoxXYZ>;
|
|
38
|
+
export type LayoutBoxFrontSide = 'left' | 'top';
|
|
39
|
+
export interface LayoutBoxBindedObject {
|
|
40
|
+
position?: LayoutBoxXYZ;
|
|
41
|
+
scale?: LayoutBoxXYZ;
|
|
42
|
+
rotation?: LayoutBoxXYZ;
|
|
43
|
+
}
|
|
44
|
+
export type LayoutBoxLadder = {
|
|
45
|
+
x: number;
|
|
46
|
+
y: number;
|
|
47
|
+
z: number;
|
|
48
|
+
};
|
|
49
|
+
export declare class LayoutBox {
|
|
50
|
+
#private;
|
|
51
|
+
constructor(element: ElementOrSelector<HTMLElement>, options?: LayoutBoxOptions);
|
|
52
|
+
get element(): HTMLElement;
|
|
53
|
+
get containerElement(): HTMLElement;
|
|
54
|
+
get position(): LayoutBoxLadder;
|
|
55
|
+
get rotation(): LayoutBoxLadder;
|
|
56
|
+
get scale(): LayoutBoxLadder;
|
|
57
|
+
get scrollValue(): LayoutBoxXYZ;
|
|
58
|
+
get left(): number;
|
|
59
|
+
get top(): number;
|
|
60
|
+
get CSSTranslation(): LayoutBoxXYZ;
|
|
61
|
+
get CSSRotation(): LayoutBoxXYZ;
|
|
62
|
+
get CSSScale(): LayoutBoxXYZ;
|
|
63
|
+
get front(): number;
|
|
64
|
+
get width(): number;
|
|
65
|
+
get height(): number;
|
|
66
|
+
get depth(): number;
|
|
67
|
+
destroy(): void;
|
|
68
|
+
bindObject(object: LayoutBoxBindedObject): void;
|
|
69
|
+
unbindObject(object: LayoutBoxBindedObject): void;
|
|
70
|
+
setScrollStep(callback: LayoutBoxScrollStepCallback): () => void;
|
|
71
|
+
deleteScrollStep(callback: LayoutBoxScrollStepCallback): void;
|
|
72
|
+
setPositionStep(...args: Parameters<Ladder<LayoutBoxLadder>['setStep']>): void;
|
|
73
|
+
getPositionStep(...args: Parameters<Ladder<LayoutBoxLadder>['getStepValue']>): LayoutBoxLadder;
|
|
74
|
+
setRotationStep(...args: Parameters<Ladder<LayoutBoxLadder>['setStep']>): void;
|
|
75
|
+
getRotationStep(...args: Parameters<Ladder<LayoutBoxLadder>['getStepValue']>): LayoutBoxLadder;
|
|
76
|
+
getExcludedRotationSteps(...args: Parameters<Ladder<LayoutBoxLadder>['getExcludedStepsValue']>): LayoutBoxLadder;
|
|
77
|
+
getIncludedRotationSteps(...args: Parameters<Ladder<LayoutBoxLadder>['getIncludedStepsValue']>): LayoutBoxLadder;
|
|
78
|
+
setScaleStep(...args: Parameters<Ladder<LayoutBoxLadder>['setStep']>): void;
|
|
79
|
+
getScaleStep(...args: Parameters<Ladder<LayoutBoxLadder>['getStepValue']>): LayoutBoxLadder;
|
|
80
|
+
getExcludedScaleSteps(...args: Parameters<Ladder<LayoutBoxLadder>['getExcludedStepsValue']>): LayoutBoxLadder;
|
|
81
|
+
getIncludedScaleSteps(...args: Parameters<Ladder<LayoutBoxLadder>['getIncludedStepsValue']>): LayoutBoxLadder;
|
|
82
|
+
deletePositionStep(...args: Parameters<Ladder<LayoutBoxLadder>['deleteStep']>): void;
|
|
83
|
+
getExcludedPositionSteps(...args: Parameters<Ladder<LayoutBoxLadder>['getExcludedStepsValue']>): LayoutBoxLadder;
|
|
84
|
+
getIncludedPositionSteps(...args: Parameters<Ladder<LayoutBoxLadder>['getIncludedStepsValue']>): LayoutBoxLadder;
|
|
85
|
+
deleteRotationStep(...args: Parameters<Ladder<LayoutBoxLadder>['deleteStep']>): void;
|
|
86
|
+
deleteScaleStep(...args: Parameters<Ladder<LayoutBoxLadder>['deleteStep']>): void;
|
|
87
|
+
onPosition(...args: Parameters<Ladder<LayoutBoxLadder>['subscribe']>): () => void;
|
|
88
|
+
offPosition(...args: Parameters<Ladder<LayoutBoxLadder>['unsubscribe']>): void;
|
|
89
|
+
onScale(...args: Parameters<Ladder<LayoutBoxLadder>['subscribe']>): () => void;
|
|
90
|
+
offScale(...args: Parameters<Ladder<LayoutBoxLadder>['unsubscribe']>): void;
|
|
91
|
+
onRotation(...args: Parameters<Ladder<LayoutBoxLadder>['subscribe']>): () => void;
|
|
92
|
+
offRotation(...args: Parameters<Ladder<LayoutBoxLadder>['unsubscribe']>): void;
|
|
93
|
+
onResize(...args: Parameters<Notifier['subscribe']>): () => void;
|
|
94
|
+
offResize(...args: Parameters<Notifier['unsubscribe']>): void;
|
|
95
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Notifier } from '../notifier';
|
|
2
|
+
export interface LoadingProgressDetail {
|
|
3
|
+
loaded: number;
|
|
4
|
+
total: number;
|
|
5
|
+
progress: number;
|
|
6
|
+
namespace: string;
|
|
7
|
+
}
|
|
8
|
+
export interface LoadingErrorDetail {
|
|
9
|
+
namespace: string;
|
|
10
|
+
url: string;
|
|
11
|
+
}
|
|
12
|
+
export interface LoadingCompleteDetail {
|
|
13
|
+
total: number;
|
|
14
|
+
}
|
|
15
|
+
export type LoadingProgressSubscriber = (detail: LoadingProgressDetail) => void;
|
|
16
|
+
export type LoadingErrorSubscriber = (detail: LoadingErrorDetail) => void;
|
|
17
|
+
export type LoadingCompleteSubscriber = (detail: LoadingCompleteDetail) => void;
|
|
18
|
+
declare class Loading {
|
|
19
|
+
#private;
|
|
20
|
+
get progressEvent(): Notifier<LoadingProgressSubscriber>;
|
|
21
|
+
get completeEvent(): Notifier<LoadingCompleteSubscriber>;
|
|
22
|
+
get errorEvent(): Notifier<LoadingErrorSubscriber>;
|
|
23
|
+
get _counter(): Map<string, {
|
|
24
|
+
total: number;
|
|
25
|
+
loaded: number;
|
|
26
|
+
}>;
|
|
27
|
+
get isComplete(): boolean;
|
|
28
|
+
reset(): void;
|
|
29
|
+
setTotal(namespace: string, total?: number): void;
|
|
30
|
+
setLoaded(namespace: string, loaded?: number): void;
|
|
31
|
+
setError(namespace: string, url: string): void;
|
|
32
|
+
getStats(): {
|
|
33
|
+
loaded: number;
|
|
34
|
+
total: number;
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
export declare const loading: Loading;
|
|
38
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Store } from '../store';
|
|
2
|
+
export type MediaCallback = () => void;
|
|
3
|
+
export type MediaQueries<T extends string = string> = Map<T, {
|
|
4
|
+
match: MediaCallback;
|
|
5
|
+
unmatch?: MediaCallback;
|
|
6
|
+
}>;
|
|
7
|
+
export declare class Media extends Store<boolean> {
|
|
8
|
+
#private;
|
|
9
|
+
constructor(query: string);
|
|
10
|
+
close(): void;
|
|
11
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare class CheckboxElement extends HTMLElement {
|
|
2
|
+
#private;
|
|
3
|
+
static formAssociated: boolean;
|
|
4
|
+
constructor();
|
|
5
|
+
get checked(): boolean;
|
|
6
|
+
set checked(state: boolean);
|
|
7
|
+
get value(): string;
|
|
8
|
+
set value(value: string);
|
|
9
|
+
}
|
|
10
|
+
declare global {
|
|
11
|
+
interface HTMLElementTagNameMap {
|
|
12
|
+
'e-checkbox': CheckboxElement;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Store } from '../store/Store';
|
|
2
|
+
import { TweakerStoreManagerElement } from './TweakerStoreManagerElement';
|
|
3
|
+
export declare class TweakerBooleanManagerElement extends TweakerStoreManagerElement<Store<boolean>> {
|
|
4
|
+
constructor(...stores: Array<Store<boolean>>);
|
|
5
|
+
}
|
|
6
|
+
declare global {
|
|
7
|
+
interface HTMLElementTagNameMap {
|
|
8
|
+
'e-tweaker-boolean-manager': TweakerBooleanManagerElement;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Store } from '../store/Store';
|
|
2
|
+
import { TweakerStoreManagerElement } from './TweakerStoreManagerElement';
|
|
3
|
+
export declare class TweakerColorManagerElement extends TweakerStoreManagerElement<Store<string>> {
|
|
4
|
+
constructor(...stores: Array<Store<string>>);
|
|
5
|
+
}
|
|
6
|
+
declare global {
|
|
7
|
+
interface HTMLElementTagNameMap {
|
|
8
|
+
'e-tweaker-color-manager': TweakerColorManagerElement;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Store } from '../store';
|
|
2
|
+
import { TweakerFolderElement } from './TweakerFolderElement';
|
|
3
|
+
export interface StoreBox {
|
|
4
|
+
store: Store;
|
|
5
|
+
remainingFolders: Array<string>;
|
|
6
|
+
}
|
|
7
|
+
export declare class TweakerElement extends TweakerFolderElement {
|
|
8
|
+
#private;
|
|
9
|
+
constructor();
|
|
10
|
+
protected connectedCallback(): void;
|
|
11
|
+
protected disconnectedCallback(): void;
|
|
12
|
+
}
|
|
13
|
+
declare global {
|
|
14
|
+
interface HTMLElementTagNameMap {
|
|
15
|
+
'e-tweaker': TweakerElement;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Store } from '../store';
|
|
2
|
+
export interface TweakerFieldParameters {
|
|
3
|
+
store: Store<any>;
|
|
4
|
+
}
|
|
5
|
+
export declare class TweakerFieldElement extends HTMLElement {
|
|
6
|
+
#private;
|
|
7
|
+
constructor(parameters: TweakerFieldParameters);
|
|
8
|
+
get key(): string;
|
|
9
|
+
get name(): string;
|
|
10
|
+
get stores(): Store<any>[];
|
|
11
|
+
addStore(store: Store<any>): void;
|
|
12
|
+
protected connectedCallback(): void;
|
|
13
|
+
protected disconnectedCallback(): void;
|
|
14
|
+
}
|
|
15
|
+
declare global {
|
|
16
|
+
interface HTMLElementTagNameMap {
|
|
17
|
+
'e-tweaker-field': TweakerFieldElement;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Store } from '../store';
|
|
2
|
+
import { TweakerFieldElement } from './TweakerFieldElement';
|
|
3
|
+
import { StoreBox } from './TweakerElement';
|
|
4
|
+
export interface TweakerFolderParameters {
|
|
5
|
+
key: string;
|
|
6
|
+
storeBox?: StoreBox;
|
|
7
|
+
}
|
|
8
|
+
export declare class TweakerFolderElement extends HTMLElement {
|
|
9
|
+
#private;
|
|
10
|
+
constructor(parameters: TweakerFolderParameters);
|
|
11
|
+
get key(): string;
|
|
12
|
+
get head(): Store<any>;
|
|
13
|
+
get content(): Store<(TweakerFieldElement | TweakerFolderElement)[]>;
|
|
14
|
+
get bodyElement(): HTMLElement;
|
|
15
|
+
get contentElement(): HTMLElement;
|
|
16
|
+
protected connectedCallback(): void;
|
|
17
|
+
protected handleStore(storeBox: StoreBox): void;
|
|
18
|
+
}
|
|
19
|
+
declare global {
|
|
20
|
+
interface HTMLElementTagNameMap {
|
|
21
|
+
'e-tweaker-folder': TweakerFolderElement;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Store } from '../store';
|
|
2
|
+
import { TweakerStoreManagerElement } from './TweakerStoreManagerElement';
|
|
3
|
+
export declare class TweakerLinkManagerElement extends TweakerStoreManagerElement<Store<string>> {
|
|
4
|
+
constructor(...stores: Array<Store<string>>);
|
|
5
|
+
}
|
|
6
|
+
declare global {
|
|
7
|
+
interface HTMLElementTagNameMap {
|
|
8
|
+
'e-tweaker-link-manager': TweakerLinkManagerElement;
|
|
9
|
+
}
|
|
10
|
+
}
|