aptechka 0.26.1 → 0.26.2
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 +35 -0
- package/lib/animation/Damped.d.ts +19 -0
- package/lib/animation/Tweened.d.ts +15 -0
- package/lib/animation/index.d.ts +3 -0
- package/lib/attribute/index.d.ts +15 -0
- package/lib/canvas/index.d.ts +35 -0
- package/lib/class-linked-status/index.d.ts +12 -0
- package/lib/connector/index.d.ts +15 -0
- package/lib/controls/AutoplayControls.d.ts +17 -0
- package/lib/controls/Controls.d.ts +9 -0
- package/lib/controls/DragControls.d.ts +16 -0
- package/lib/controls/KeyboardControls.d.ts +14 -0
- package/lib/controls/WheelControls.d.ts +19 -0
- package/lib/controls/index.d.ts +5 -0
- package/lib/css-property/index.d.ts +17 -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 +16 -0
- package/lib/device/Viewport.d.ts +29 -0
- package/lib/device/index.d.ts +2 -0
- package/lib/element-resizer/react/index.d.ts +3 -0
- package/lib/element-resizer/vanilla/index.d.ts +10 -0
- package/lib/en3/En3Raycaster.d.ts +21 -0
- package/lib/en3/En3View.d.ts +40 -0
- package/lib/en3/en3.d.ts +37 -0
- package/lib/en3/index.d.ts +7 -0
- package/lib/en3/utils/coverTexture.d.ts +7 -0
- package/lib/en3/utils/dispose.d.ts +3 -0
- package/lib/en3/utils/getCurrentViewport.d.ts +9 -0
- package/lib/en3/utils/traverseMaterials.d.ts +3 -0
- package/lib/en3/utils/traverseMeshes.d.ts +3 -0
- package/lib/intersector/react/index.d.ts +5 -0
- package/lib/intersector/vanilla/index.d.ts +10 -0
- package/lib/ladder/index.d.ts +24 -0
- package/lib/layout-box/index.d.ts +96 -0
- package/lib/loading/index.d.ts +23 -0
- package/lib/media/index.d.ts +12 -0
- package/lib/media-elements/image/index.d.ts +11 -0
- package/lib/media-elements/index.d.ts +4 -0
- package/lib/media-elements/sequence/index.d.ts +22 -0
- package/lib/media-elements/source/index.d.ts +27 -0
- package/lib/media-elements/video/index.d.ts +22 -0
- package/lib/morph/Link.d.ts +7 -0
- package/lib/morph/Morph.d.ts +37 -0
- package/lib/morph/index.d.ts +1 -0
- package/lib/need_redo_tweaker/CheckboxElement.d.ts +14 -0
- package/lib/need_redo_tweaker/TweakerBooleanManagerElement.d.ts +11 -0
- package/lib/need_redo_tweaker/TweakerColorManagerElement.d.ts +11 -0
- package/lib/need_redo_tweaker/TweakerElement.d.ts +18 -0
- package/lib/need_redo_tweaker/TweakerFieldElement.d.ts +20 -0
- package/lib/need_redo_tweaker/TweakerFolderElement.d.ts +24 -0
- package/lib/need_redo_tweaker/TweakerLinkManagerElement.d.ts +11 -0
- package/lib/need_redo_tweaker/TweakerNumberManagerElement.d.ts +14 -0
- package/lib/need_redo_tweaker/TweakerSelectManagerElement.d.ts +11 -0
- package/lib/need_redo_tweaker/TweakerStoreManagerElement.d.ts +10 -0
- package/lib/need_redo_tweaker/TweakerStringManagerElement.d.ts +11 -0
- package/lib/need_redo_tweaker/element-constructor/ElementConstructor.d.ts +75 -0
- package/lib/need_redo_tweaker/element-constructor/createStylesheet.d.ts +3 -0
- package/lib/need_redo_tweaker/element-constructor/createTheme.d.ts +13 -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 +119 -0
- package/lib/need_redo_tweaker/events.d.ts +8 -0
- package/lib/need_redo_tweaker/index.d.ts +1 -0
- package/lib/need_redo_tweaker/select/SelectElement.d.ts +24 -0
- package/lib/need_redo_tweaker/select/SelectHeadElement.d.ts +13 -0
- package/lib/need_redo_tweaker/select/SelectOptionElement.d.ts +14 -0
- package/lib/need_redo_tweaker/select/SelectUserElement.d.ts +7 -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 +15 -0
- package/lib/need_redo_tweaker/tweakerStorage.d.ts +23 -0
- package/lib/notifier/index.d.ts +8 -0
- package/lib/order/index.d.ts +22 -0
- package/lib/pointer/Pointer.d.ts +23 -0
- package/lib/pointer/PointerElement.d.ts +14 -0
- package/lib/pointer/index.d.ts +2 -0
- package/lib/router/Link.d.ts +7 -0
- package/lib/router/Route.d.ts +21 -0
- package/lib/router/Router.d.ts +41 -0
- package/lib/router/index.d.ts +2 -0
- package/lib/scroll/react/Scroll.d.ts +14 -0
- package/lib/scroll/react/ScrollBulletButtons.d.ts +12 -0
- package/lib/scroll/react/ScrollSegment.d.ts +19 -0
- package/lib/scroll/react/ScrollSetButton.d.ts +15 -0
- package/lib/scroll/react/ScrollStepButton.d.ts +15 -0
- package/lib/scroll/react/Scrollbar.d.ts +12 -0
- package/lib/scroll/react/index.d.ts +6 -0
- package/lib/scroll/vanilla/ScrollBulletButtonsElement.d.ts +12 -0
- package/lib/scroll/vanilla/ScrollButtonElement.d.ts +6 -0
- package/lib/scroll/vanilla/ScrollElement.d.ts +84 -0
- package/lib/scroll/vanilla/ScrollSection.d.ts +26 -0
- package/lib/scroll/vanilla/ScrollSegmentElement.d.ts +67 -0
- package/lib/scroll/vanilla/ScrollSetButtonElement.d.ts +10 -0
- package/lib/scroll/vanilla/ScrollStepButtonElement.d.ts +10 -0
- package/lib/scroll/vanilla/ScrollUserElement.d.ts +7 -0
- package/lib/scroll/vanilla/ScrollbarElement.d.ts +14 -0
- package/lib/scroll/vanilla/index.d.ts +6 -0
- package/lib/scroll-entries/index.d.ts +21 -0
- package/lib/slicer/Letter.d.ts +11 -0
- package/lib/slicer/SlicerElement.d.ts +16 -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/SourceManager.d.ts +14 -0
- package/lib/source/SourceSet.d.ts +9 -0
- package/lib/source/index.d.ts +3 -0
- package/lib/store/react/index.d.ts +1 -0
- package/lib/store/react/useStore.d.ts +3 -0
- package/lib/store/vanilla/Composed.d.ts +8 -0
- package/lib/store/vanilla/Derived.d.ts +8 -0
- package/lib/store/vanilla/DerivedArray.d.ts +8 -0
- package/lib/store/vanilla/Resource.d.ts +12 -0
- package/lib/store/vanilla/Store.d.ts +35 -0
- package/lib/store/vanilla/StoreRegistry.d.ts +23 -0
- package/lib/store/vanilla/index.d.ts +6 -0
- package/lib/studio/Outliner/File/index.d.ts +9 -0
- package/lib/studio/Outliner/Folder/index.d.ts +10 -0
- package/lib/studio/Outliner/index.d.ts +3 -0
- package/lib/studio/Studio/index.d.ts +3 -0
- package/lib/studio/Tweaker/index.d.ts +5 -0
- package/lib/studio/index.d.ts +1 -0
- package/lib/studio/store.d.ts +3 -0
- package/lib/ticker/react/index.d.ts +6 -0
- package/lib/ticker/vanilla/index.d.ts +22 -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 +4 -0
- package/lib/utils/coordinates.d.ts +14 -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 +3 -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.d.ts +28 -0
- package/lib/utils/jss.d.ts +12 -0
- package/lib/utils/layout.d.ts +3 -0
- package/lib/utils/math.d.ts +12 -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-react-utility.d.ts +13 -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/window-resizer/react/index.d.ts +3 -0
- package/lib/window-resizer/vanilla/index.d.ts +9 -0
- package/package.json +2 -2
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SelectUserElement } from './SelectUserElement';
|
|
2
|
+
|
|
3
|
+
export declare class SelectHeadElement extends SelectUserElement {
|
|
4
|
+
#private;
|
|
5
|
+
constructor();
|
|
6
|
+
protected connectedCallback(): void;
|
|
7
|
+
protected disconnectedCallback(): void;
|
|
8
|
+
}
|
|
9
|
+
declare global {
|
|
10
|
+
interface HTMLElementTagNameMap {
|
|
11
|
+
'e-select-head': SelectHeadElement;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { SelectUserElement } from './SelectUserElement';
|
|
2
|
+
|
|
3
|
+
export declare class SelectOptionElement extends SelectUserElement {
|
|
4
|
+
#private;
|
|
5
|
+
constructor();
|
|
6
|
+
get value(): string;
|
|
7
|
+
protected connectedCallback(): void;
|
|
8
|
+
protected disconnectedCallback(): void;
|
|
9
|
+
}
|
|
10
|
+
declare global {
|
|
11
|
+
interface HTMLElementTagNameMap {
|
|
12
|
+
'e-select-option': SelectOptionElement;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
export declare const aptechkaTheme: {
|
|
2
|
+
borderRadius: {
|
|
3
|
+
var: "var(--aptechka-border-radius)";
|
|
4
|
+
value: "12px";
|
|
5
|
+
};
|
|
6
|
+
colorMain: {
|
|
7
|
+
var: "var(--aptechka-color-main)";
|
|
8
|
+
value: "#1c1c1c";
|
|
9
|
+
};
|
|
10
|
+
colorMainAux: {
|
|
11
|
+
var: "var(--aptechka-color-main-aux)";
|
|
12
|
+
value: "#282828";
|
|
13
|
+
};
|
|
14
|
+
colorFont: {
|
|
15
|
+
var: "var(--aptechka-color-font)";
|
|
16
|
+
value: "#ffffff";
|
|
17
|
+
};
|
|
18
|
+
colorActive: {
|
|
19
|
+
var: "var(--aptechka-color-active)";
|
|
20
|
+
value: "#00E5B0";
|
|
21
|
+
};
|
|
22
|
+
borderRadiusSmall: {
|
|
23
|
+
var: "var(--aptechka-border-radius-small)";
|
|
24
|
+
value: "4px";
|
|
25
|
+
};
|
|
26
|
+
} & {
|
|
27
|
+
style: {
|
|
28
|
+
"--aptechka-border-radius": string;
|
|
29
|
+
"--aptechka-color-main": string;
|
|
30
|
+
"--aptechka-color-main-aux": string;
|
|
31
|
+
"--aptechka-color-font": string;
|
|
32
|
+
"--aptechka-color-active": string;
|
|
33
|
+
"--aptechka-border-radius-small": string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TweakerBooleanManagerElement } from './TweakerBooleanManagerElement';
|
|
2
|
+
import { TweakerColorManagerElement } from './TweakerColorManagerElement';
|
|
3
|
+
import { TweakerLinkManagerElement } from './TweakerLinkManagerElement';
|
|
4
|
+
import { TweakerNumberManagerElement } from './TweakerNumberManagerElement';
|
|
5
|
+
import { TweakerSelectManagerElement } from './TweakerSelectManagerElement';
|
|
6
|
+
import { TweakerStringManagerElement } from './TweakerStringManagerElement';
|
|
7
|
+
|
|
8
|
+
export declare const tweakerManagerConstructors: {
|
|
9
|
+
boolean: typeof TweakerBooleanManagerElement;
|
|
10
|
+
color: typeof TweakerColorManagerElement;
|
|
11
|
+
link: typeof TweakerLinkManagerElement;
|
|
12
|
+
number: typeof TweakerNumberManagerElement;
|
|
13
|
+
select: typeof TweakerSelectManagerElement;
|
|
14
|
+
string: typeof TweakerStringManagerElement;
|
|
15
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export type TweakerOpenedPanels = Array<string>;
|
|
2
|
+
export type TweakerChangedSizes = {
|
|
3
|
+
[key: string]: number;
|
|
4
|
+
};
|
|
5
|
+
export interface TweakerStorageState {
|
|
6
|
+
openedPanels: TweakerOpenedPanels;
|
|
7
|
+
changedSizes: TweakerChangedSizes;
|
|
8
|
+
scrollValue: number;
|
|
9
|
+
}
|
|
10
|
+
declare class TweakerStorage {
|
|
11
|
+
#private;
|
|
12
|
+
scrollValue: number;
|
|
13
|
+
constructor();
|
|
14
|
+
openPanel(key: string): void;
|
|
15
|
+
closePanel(key: string): void;
|
|
16
|
+
isPanelOpened(key: string): boolean;
|
|
17
|
+
changedSizes(key: string): number;
|
|
18
|
+
changeSize(key: string, value?: number | undefined | null): void;
|
|
19
|
+
save(): void;
|
|
20
|
+
load(): void;
|
|
21
|
+
}
|
|
22
|
+
export declare const tweakerStorage: TweakerStorage;
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type NotifierCallback = (...args: any[]) => void;
|
|
2
|
+
export declare class Notifier<Callback extends NotifierCallback = NotifierCallback> {
|
|
3
|
+
#private;
|
|
4
|
+
close(): void;
|
|
5
|
+
subscribe(callback: Callback, order?: number): () => void;
|
|
6
|
+
unsubscribe(callback: Callback): void;
|
|
7
|
+
notify(...parameters: Parameters<Callback>): void;
|
|
8
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare enum RESIZE_ORDER {
|
|
2
|
+
FIRST = -10000,
|
|
3
|
+
DEVICE = -9999,
|
|
4
|
+
CSS_VARIABLE = -9998,
|
|
5
|
+
MEDIA = -9997,
|
|
6
|
+
SOURCE_MANAGER = -9996,
|
|
7
|
+
SCROLL = -9995,
|
|
8
|
+
LAYOUT_BOX = -9994,
|
|
9
|
+
CANVAS = -9993,
|
|
10
|
+
LAST = 10000
|
|
11
|
+
}
|
|
12
|
+
export declare enum TICK_ORDER {
|
|
13
|
+
FIRST = -10000,
|
|
14
|
+
CONNECTOR = -9999,
|
|
15
|
+
CONTROLS = -9998,
|
|
16
|
+
SCROLL = -9997,
|
|
17
|
+
ANIMATION = -9996,
|
|
18
|
+
LAYOUT_BOX = -9995,
|
|
19
|
+
LADDER = -9994,
|
|
20
|
+
CANVAS = -9993,
|
|
21
|
+
LAST = 10000
|
|
22
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Damped, DampedOptions } from '../animation';
|
|
2
|
+
import { ElementOrSelector } from '../utils';
|
|
3
|
+
|
|
4
|
+
export interface PointerParameters {
|
|
5
|
+
element: ElementOrSelector<HTMLElement>;
|
|
6
|
+
damped?: DampedOptions;
|
|
7
|
+
cartesian?: boolean;
|
|
8
|
+
normalize?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare class Pointer {
|
|
11
|
+
#private;
|
|
12
|
+
constructor(parameters: PointerParameters);
|
|
13
|
+
get element(): HTMLElement;
|
|
14
|
+
get x(): Damped;
|
|
15
|
+
get y(): Damped;
|
|
16
|
+
get z(): Damped;
|
|
17
|
+
get cartesian(): boolean;
|
|
18
|
+
set cartesian(value: boolean);
|
|
19
|
+
get normalize(): boolean;
|
|
20
|
+
set normalize(value: boolean);
|
|
21
|
+
connect(): void;
|
|
22
|
+
disconnect(): void;
|
|
23
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Pointer } from './Pointer';
|
|
2
|
+
|
|
3
|
+
export declare class PointerElement extends HTMLElement {
|
|
4
|
+
#private;
|
|
5
|
+
constructor();
|
|
6
|
+
get pointer(): Pointer;
|
|
7
|
+
protected connectedCallback(): void;
|
|
8
|
+
protected disconnectedCallback(): void;
|
|
9
|
+
}
|
|
10
|
+
declare global {
|
|
11
|
+
interface HTMLElementTagNameMap {
|
|
12
|
+
'e-pointer': PointerElement;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export type RouteModule = () => Promise<any>;
|
|
2
|
+
export type RouteURLParams<T extends string = string> = Partial<{
|
|
3
|
+
[key in T]: string;
|
|
4
|
+
}>;
|
|
5
|
+
export type RouteParameters<PathnameParams extends string = string, SearchParams extends string = string> = {
|
|
6
|
+
pathnameParams: RouteURLParams<PathnameParams>;
|
|
7
|
+
searchParams: RouteURLParams<SearchParams>;
|
|
8
|
+
};
|
|
9
|
+
export declare class Route {
|
|
10
|
+
#private;
|
|
11
|
+
constructor(pattern: string, module: RouteModule);
|
|
12
|
+
get pattern(): string;
|
|
13
|
+
get urlPattern(): URLPattern;
|
|
14
|
+
get isActive(): boolean;
|
|
15
|
+
get element(): HTMLElement | null;
|
|
16
|
+
get nest(): HTMLElement | ShadowRoot | null;
|
|
17
|
+
testPathname(pathname: string): boolean;
|
|
18
|
+
render(containerElement: HTMLElement | ShadowRoot, pathname: string): Promise<void>;
|
|
19
|
+
close(): void;
|
|
20
|
+
getAnchorElements(): HTMLAnchorElement[];
|
|
21
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { splitPath, ChangeHistoryAction } from '../utils';
|
|
2
|
+
import { Route, RouteModule } from './Route';
|
|
3
|
+
import { Link } from './Link';
|
|
4
|
+
|
|
5
|
+
export interface RouterPreprocessorEntry {
|
|
6
|
+
path: ReturnType<typeof splitPath>;
|
|
7
|
+
resolve: () => void;
|
|
8
|
+
reject: () => void;
|
|
9
|
+
}
|
|
10
|
+
export type RouterPreprocessor = (entry: RouterPreprocessorEntry) => void;
|
|
11
|
+
export interface RouterPostprocessorEntry {
|
|
12
|
+
pathname: string;
|
|
13
|
+
}
|
|
14
|
+
export type RouterPostprocessor = (entry: RouterPostprocessorEntry) => void;
|
|
15
|
+
export interface RouterAfterNavigationEntry {
|
|
16
|
+
pathname: string;
|
|
17
|
+
}
|
|
18
|
+
export type RouterAfterNavigationCallback = (entry: RouterAfterNavigationEntry) => void;
|
|
19
|
+
export interface RouterParameters {
|
|
20
|
+
rootElement?: HTMLElement;
|
|
21
|
+
base?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare class Router {
|
|
24
|
+
#private;
|
|
25
|
+
preprocessor?: RouterPreprocessor;
|
|
26
|
+
postprocessor?: RouterPostprocessor;
|
|
27
|
+
constructor(parameters?: RouterParameters);
|
|
28
|
+
get currentPathname(): string;
|
|
29
|
+
get candidatePathname(): string | undefined;
|
|
30
|
+
get routes(): Route[];
|
|
31
|
+
get links(): Link[];
|
|
32
|
+
navigationEvent(callback: RouterAfterNavigationCallback): () => void;
|
|
33
|
+
defineRoute(pattern: string, module: RouteModule): void;
|
|
34
|
+
navigate(path: string, action?: ChangeHistoryAction): Promise<void>;
|
|
35
|
+
normalizePath(path: string): {
|
|
36
|
+
leaf: string;
|
|
37
|
+
pathname: string;
|
|
38
|
+
parameters: string;
|
|
39
|
+
hash: string;
|
|
40
|
+
};
|
|
41
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ScrollElement } from '../vanilla';
|
|
2
|
+
import { ReactCustomElement } from '../../utils';
|
|
3
|
+
import { RefObject } from 'react';
|
|
4
|
+
|
|
5
|
+
export type ReactScroll = ReactCustomElement<ScrollElement>;
|
|
6
|
+
export declare function useScroll(): RefObject<ScrollElement>;
|
|
7
|
+
export declare const Scroll: import('react').ForwardRefExoticComponent<Omit<ReactScroll, "ref"> & import('react').RefAttributes<ScrollElement>>;
|
|
8
|
+
declare global {
|
|
9
|
+
namespace JSX {
|
|
10
|
+
interface IntrinsicElements {
|
|
11
|
+
'e-scroll': ReactScroll;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ScrollBulletButtonsElement } from '../vanilla';
|
|
2
|
+
import { ReactCustomElement } from '../../utils';
|
|
3
|
+
|
|
4
|
+
export type ReactScrollBulletButtons = ReactCustomElement<ScrollBulletButtonsElement>;
|
|
5
|
+
export declare const ScrollBulletButtons: React.FC<ReactScrollBulletButtons>;
|
|
6
|
+
declare global {
|
|
7
|
+
namespace JSX {
|
|
8
|
+
interface IntrinsicElements {
|
|
9
|
+
'e-scroll-bullet-buttons': ReactScrollBulletButtons;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ScrollSegmentElement } from '../vanilla';
|
|
2
|
+
import { ReactCustomElement } from '../../utils';
|
|
3
|
+
|
|
4
|
+
export type ReactScrollSegment = ReactCustomElement<ScrollSegmentElement, {
|
|
5
|
+
onCapture?: () => void;
|
|
6
|
+
onCaptureFromStart?: () => void;
|
|
7
|
+
onCaptureFromFinish?: () => void;
|
|
8
|
+
onRelease?: () => void;
|
|
9
|
+
onReleaseFromStart?: () => void;
|
|
10
|
+
onReleaseFromFinish?: () => void;
|
|
11
|
+
}>;
|
|
12
|
+
export declare const ScrollSegment: import('react').ForwardRefExoticComponent<Omit<ReactScrollSegment, "ref"> & import('react').RefAttributes<ScrollSegmentElement>>;
|
|
13
|
+
declare global {
|
|
14
|
+
namespace JSX {
|
|
15
|
+
interface IntrinsicElements {
|
|
16
|
+
'e-scroll-segment': ReactScrollSegment;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ScrollBehaviour, ScrollSetButtonElement } from '../vanilla';
|
|
2
|
+
import { ReactCustomElement } from '../../utils';
|
|
3
|
+
|
|
4
|
+
export type ReactScrollSetButton = ReactCustomElement<ScrollSetButtonElement, {
|
|
5
|
+
index?: number | string;
|
|
6
|
+
behaviour?: ScrollBehaviour;
|
|
7
|
+
}>;
|
|
8
|
+
export declare const ScrollSetButton: React.FC<ReactScrollSetButton>;
|
|
9
|
+
declare global {
|
|
10
|
+
namespace JSX {
|
|
11
|
+
interface IntrinsicElements {
|
|
12
|
+
'e-scroll-set-button': ReactScrollSetButton;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ScrollBehaviour, ScrollStepButtonElement } from '../vanilla';
|
|
2
|
+
import { ReactCustomElement } from '../../utils';
|
|
3
|
+
|
|
4
|
+
export type ReactScrollStepButton = ReactCustomElement<ScrollStepButtonElement, {
|
|
5
|
+
step?: number | string;
|
|
6
|
+
behaviour?: ScrollBehaviour;
|
|
7
|
+
}>;
|
|
8
|
+
export declare const ScrollStepButton: React.FC<ReactScrollStepButton>;
|
|
9
|
+
declare global {
|
|
10
|
+
namespace JSX {
|
|
11
|
+
interface IntrinsicElements {
|
|
12
|
+
'e-scroll-step-button': ReactScrollStepButton;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ScrollbarElement } from '../vanilla';
|
|
2
|
+
import { ReactCustomElement } from '../../utils';
|
|
3
|
+
|
|
4
|
+
export type ReactScrollbar = ReactCustomElement<ScrollbarElement>;
|
|
5
|
+
export declare const Scrollbar: React.FC<ReactScrollbar>;
|
|
6
|
+
declare global {
|
|
7
|
+
namespace JSX {
|
|
8
|
+
interface IntrinsicElements {
|
|
9
|
+
'e-scrollbar': ReactScrollbar;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Scroll, useScroll, type ReactScroll } from './Scroll';
|
|
2
|
+
export { Scrollbar, type ReactScrollbar } from './Scrollbar';
|
|
3
|
+
export { ScrollBulletButtons, type ReactScrollBulletButtons, } from './ScrollBulletButtons';
|
|
4
|
+
export { ScrollSegment, type ReactScrollSegment } from './ScrollSegment';
|
|
5
|
+
export { ScrollSetButton, type ReactScrollSetButton } from './ScrollSetButton';
|
|
6
|
+
export { ScrollStepButton, type ReactScrollStepButton, } from './ScrollStepButton';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ScrollUserElement } from './ScrollUserElement';
|
|
2
|
+
|
|
3
|
+
export declare class ScrollBulletButtonsElement extends ScrollUserElement {
|
|
4
|
+
#private;
|
|
5
|
+
protected connectedCallback(): void;
|
|
6
|
+
protected disconnectedCallback(): void;
|
|
7
|
+
}
|
|
8
|
+
declare global {
|
|
9
|
+
interface HTMLElementTagNameMap {
|
|
10
|
+
'e-scroll-bullet-buttons': ScrollBulletButtonsElement;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { Damped } from '../../animation';
|
|
2
|
+
import { Store } from '../../store/vanilla';
|
|
3
|
+
import { Axes2D, EasingFunction } from '../../utils';
|
|
4
|
+
import { CSSProperty } from '../../css-property';
|
|
5
|
+
import { ScrollSection } from './ScrollSection';
|
|
6
|
+
|
|
7
|
+
export interface ScrollEvents {
|
|
8
|
+
scrollSectionsChange: CustomEvent;
|
|
9
|
+
}
|
|
10
|
+
export type ScrollBehaviour = 'smooth' | 'instant';
|
|
11
|
+
export interface ScrollSetOptions {
|
|
12
|
+
behaviour?: ScrollBehaviour;
|
|
13
|
+
tween?: {
|
|
14
|
+
easing?: EasingFunction;
|
|
15
|
+
duration: number;
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
export declare class ScrollElement extends HTMLElement {
|
|
19
|
+
#private;
|
|
20
|
+
constructor();
|
|
21
|
+
get damped(): Damped;
|
|
22
|
+
get controlsCSSProperty(): CSSProperty<boolean>;
|
|
23
|
+
get axisCSSProperty(): CSSProperty<Axes2D>;
|
|
24
|
+
get directionCSSProperty(): CSSProperty<number>;
|
|
25
|
+
get pagesCSSProperty(): CSSProperty<number>;
|
|
26
|
+
get splitCSSProperty(): CSSProperty<boolean>;
|
|
27
|
+
get sectionalCSSProperty(): CSSProperty<boolean>;
|
|
28
|
+
get autoSizeCSSProperty(): CSSProperty<boolean>;
|
|
29
|
+
get wheelMaxDeltaCSSProperty(): CSSProperty<boolean>;
|
|
30
|
+
get sectionsInViewCSSProperty(): CSSProperty<number>;
|
|
31
|
+
get loopCSSProperty(): CSSProperty<boolean>;
|
|
32
|
+
get dampingCSSProperty(): CSSProperty<number>;
|
|
33
|
+
get massCSSProperty(): CSSProperty<number>;
|
|
34
|
+
get stiffnessCSSProperty(): CSSProperty<number>;
|
|
35
|
+
get mouseDragCSSProperty(): CSSProperty<boolean>;
|
|
36
|
+
get sectionDistanceScaleCSSProperty(): CSSProperty<number>;
|
|
37
|
+
get autoplayCSSProperty(): CSSProperty<number>;
|
|
38
|
+
get autoplayPauseDurationCSSProperty(): CSSProperty<number>;
|
|
39
|
+
get autoplayUserDirectionCSSProperty(): CSSProperty<boolean>;
|
|
40
|
+
get classesCSSProperty(): CSSProperty<boolean>;
|
|
41
|
+
get currentIndexStartOffsetCSSProperty(): CSSProperty<number>;
|
|
42
|
+
get currentIndexEndOffsetCSSProperty(): CSSProperty<number>;
|
|
43
|
+
get focusDelayCSSProperty(): CSSProperty<number>;
|
|
44
|
+
get focusDurationCSSProperty(): CSSProperty<number>;
|
|
45
|
+
get disabledCSSProperty(): CSSProperty<boolean>;
|
|
46
|
+
get hibernatedCSSProperty(): CSSProperty<boolean>;
|
|
47
|
+
get currentScrollValue(): number;
|
|
48
|
+
get targetScrollValue(): number;
|
|
49
|
+
get contentElement(): HTMLElement;
|
|
50
|
+
get sections(): ScrollSection[];
|
|
51
|
+
get position(): number;
|
|
52
|
+
get contentPosition(): number;
|
|
53
|
+
get viewportSize(): number;
|
|
54
|
+
get scrollSize(): number;
|
|
55
|
+
get gap(): number;
|
|
56
|
+
get counter(): Store<number>;
|
|
57
|
+
get limit(): number;
|
|
58
|
+
get distance(): number;
|
|
59
|
+
get loopDistance(): number;
|
|
60
|
+
get overscroll(): number;
|
|
61
|
+
get vertical(): boolean;
|
|
62
|
+
get currentProgress(): number;
|
|
63
|
+
get targetProgress(): number;
|
|
64
|
+
get scrollWidth(): number;
|
|
65
|
+
get scrollHeight(): number;
|
|
66
|
+
onScroll(...parameters: Parameters<Damped['subscribe']>): () => void;
|
|
67
|
+
offScroll(...parameters: Parameters<Damped['unsubscribe']>): void;
|
|
68
|
+
range(from: number, distance: number, margin?: number): number;
|
|
69
|
+
curve(from: number, distance: number, margin?: number): number;
|
|
70
|
+
visible(from: number, distance: number, margin?: number): boolean;
|
|
71
|
+
scrollToSection(sectionIndex: number, options?: ScrollSetOptions): void;
|
|
72
|
+
shiftSections(step: number, options?: ScrollSetOptions): void;
|
|
73
|
+
setPosition(value: number, options?: ScrollSetOptions): void;
|
|
74
|
+
shiftPosition(value: number, options?: ScrollSetOptions): void;
|
|
75
|
+
protected connectedCallback(): void;
|
|
76
|
+
protected disconnectedCallback(): void;
|
|
77
|
+
}
|
|
78
|
+
declare global {
|
|
79
|
+
interface HTMLElementTagNameMap {
|
|
80
|
+
'e-scroll': ScrollElement;
|
|
81
|
+
}
|
|
82
|
+
interface HTMLElementEventMap extends ScrollEvents {
|
|
83
|
+
}
|
|
84
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ScrollElement } from './ScrollElement';
|
|
2
|
+
|
|
3
|
+
export type ScrollSectionMark = 'current' | 'previous' | 'next' | null;
|
|
4
|
+
export type ScrollSectionMarkChangeDetail = {
|
|
5
|
+
mark: ScrollSectionMark;
|
|
6
|
+
};
|
|
7
|
+
export interface ScrollSectionEvents {
|
|
8
|
+
scrollSectionMarkChange: ScrollSectionMarkChangeEvent;
|
|
9
|
+
}
|
|
10
|
+
export type ScrollSectionMarkChangeEvent = CustomEvent<ScrollSectionMarkChangeDetail>;
|
|
11
|
+
export declare class ScrollSection {
|
|
12
|
+
#private;
|
|
13
|
+
constructor(element: HTMLElement, index: number, scrollElement: ScrollElement);
|
|
14
|
+
get index(): number;
|
|
15
|
+
get size(): number;
|
|
16
|
+
get position(): number;
|
|
17
|
+
destroy(): void;
|
|
18
|
+
setSize(value?: number): void;
|
|
19
|
+
resize(): void;
|
|
20
|
+
transform(): void;
|
|
21
|
+
mark(mark: ScrollSectionMark): void;
|
|
22
|
+
}
|
|
23
|
+
declare global {
|
|
24
|
+
interface HTMLElementEventMap extends ScrollSectionEvents {
|
|
25
|
+
}
|
|
26
|
+
}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { CSSProperty } from '../../css-property';
|
|
2
|
+
import { Store } from '../../store/vanilla';
|
|
3
|
+
import { Damped } from '../../animation';
|
|
4
|
+
import { ScrollUserElement } from './ScrollUserElement';
|
|
5
|
+
|
|
6
|
+
export interface ScrollSegmentEvents {
|
|
7
|
+
scrollSegmentCapture: CustomEvent;
|
|
8
|
+
scrollSegmentCaptureFromStart: CustomEvent;
|
|
9
|
+
scrollSegmentCaptureFromFinish: CustomEvent;
|
|
10
|
+
scrollSegmentRelease: CustomEvent;
|
|
11
|
+
scrollSegmentReleaseFromStart: CustomEvent;
|
|
12
|
+
scrollSegmentReleaseFromFinish: CustomEvent;
|
|
13
|
+
}
|
|
14
|
+
export declare class ScrollSegmentElement extends ScrollUserElement {
|
|
15
|
+
#private;
|
|
16
|
+
get distanceOffsetCSSProperty(): CSSProperty<number>;
|
|
17
|
+
get startOffsetCSSProperty(): CSSProperty<number>;
|
|
18
|
+
get captureOnceCSSProperty(): CSSProperty<boolean>;
|
|
19
|
+
get capturedCSSProperty(): CSSProperty<string>;
|
|
20
|
+
get releasedCSSProperty(): CSSProperty<string>;
|
|
21
|
+
get capturedFromStartCSSProperty(): CSSProperty<string>;
|
|
22
|
+
get capturedFromFinishCSSProperty(): CSSProperty<string>;
|
|
23
|
+
get releasedFromStartCSSProperty(): CSSProperty<string>;
|
|
24
|
+
get releasedFromFinishCSSProperty(): CSSProperty<string>;
|
|
25
|
+
get passedVarCSSProperty(): CSSProperty<string>;
|
|
26
|
+
get progressVarCSSProperty(): CSSProperty<string>;
|
|
27
|
+
get distanceVarCSSProperty(): CSSProperty<string>;
|
|
28
|
+
get startVarCSSProperty(): CSSProperty<string>;
|
|
29
|
+
get finishVarCSSProperty(): CSSProperty<string>;
|
|
30
|
+
get disabledCSSProperty(): CSSProperty<boolean>;
|
|
31
|
+
get dampingCSSProperty(): CSSProperty<number>;
|
|
32
|
+
get massCSSProperty(): CSSProperty<number>;
|
|
33
|
+
get stiffnessCSSProperty(): CSSProperty<number>;
|
|
34
|
+
get targetCSSProperty(): CSSProperty<string>;
|
|
35
|
+
get isCaptured(): Store<boolean>;
|
|
36
|
+
get isReleased(): Store<boolean>;
|
|
37
|
+
get isCapturedFromStart(): Store<boolean>;
|
|
38
|
+
get isReleasedFromStart(): Store<boolean>;
|
|
39
|
+
get isCapturedFromFinish(): Store<boolean>;
|
|
40
|
+
get isReleasedFromFinish(): Store<boolean>;
|
|
41
|
+
get directionPosition(): number;
|
|
42
|
+
get directionSize(): number;
|
|
43
|
+
get passed(): Damped;
|
|
44
|
+
get progress(): number;
|
|
45
|
+
get start(): number;
|
|
46
|
+
get finish(): number;
|
|
47
|
+
get distance(): number;
|
|
48
|
+
get isCapturedOnce(): boolean;
|
|
49
|
+
get isDisabled(): boolean;
|
|
50
|
+
resize(): void;
|
|
51
|
+
tick(): void;
|
|
52
|
+
disable(): void;
|
|
53
|
+
enable(): void;
|
|
54
|
+
protected connectedCallback(): void;
|
|
55
|
+
protected disconnectedCallback(): void;
|
|
56
|
+
protected removeVar(name: string | undefined): void;
|
|
57
|
+
protected setVar(name: string | undefined, value: string | number): void;
|
|
58
|
+
protected getDistance(): number;
|
|
59
|
+
protected getStart(): number;
|
|
60
|
+
}
|
|
61
|
+
declare global {
|
|
62
|
+
interface HTMLElementTagNameMap {
|
|
63
|
+
'e-scroll-segment': ScrollSegmentElement;
|
|
64
|
+
}
|
|
65
|
+
interface HTMLElementEventMap extends ScrollSegmentEvents {
|
|
66
|
+
}
|
|
67
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ScrollButtonElement } from './ScrollButtonElement';
|
|
2
|
+
|
|
3
|
+
export declare class ScrollSetButtonElement extends ScrollButtonElement {
|
|
4
|
+
protected handleClick(): void;
|
|
5
|
+
}
|
|
6
|
+
declare global {
|
|
7
|
+
interface HTMLElementTagNameMap {
|
|
8
|
+
'e-scroll-set-button': ScrollSetButtonElement;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ScrollButtonElement } from './ScrollButtonElement';
|
|
2
|
+
|
|
3
|
+
export declare class ScrollStepButtonElement extends ScrollButtonElement {
|
|
4
|
+
protected handleClick(): void;
|
|
5
|
+
}
|
|
6
|
+
declare global {
|
|
7
|
+
interface HTMLElementTagNameMap {
|
|
8
|
+
'e-scroll-step-button': ScrollStepButtonElement;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ScrollUserElement } from './ScrollUserElement';
|
|
2
|
+
|
|
3
|
+
export declare class ScrollbarElement extends ScrollUserElement {
|
|
4
|
+
#private;
|
|
5
|
+
constructor();
|
|
6
|
+
get thumbElement(): HTMLElement;
|
|
7
|
+
protected connectedCallback(): void;
|
|
8
|
+
protected disconnectedCallback(): void;
|
|
9
|
+
}
|
|
10
|
+
declare global {
|
|
11
|
+
interface HTMLElementTagNameMap {
|
|
12
|
+
'e-scrollbar': ScrollbarElement;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { ScrollElement, type ScrollBehaviour, type ScrollEvents, } from './ScrollElement';
|
|
2
|
+
export { ScrollbarElement } from './ScrollbarElement';
|
|
3
|
+
export { ScrollSetButtonElement } from './ScrollSetButtonElement';
|
|
4
|
+
export { ScrollStepButtonElement } from './ScrollStepButtonElement';
|
|
5
|
+
export { ScrollBulletButtonsElement } from './ScrollBulletButtonsElement';
|
|
6
|
+
export { ScrollSegmentElement, type ScrollSegmentEvents, } from './ScrollSegmentElement';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Notifier } from '../notifier';
|
|
2
|
+
import { Axes2D } from '../utils';
|
|
3
|
+
|
|
4
|
+
export interface ScrollEntry {
|
|
5
|
+
axis: Axes2D;
|
|
6
|
+
value: number;
|
|
7
|
+
element: HTMLElement;
|
|
8
|
+
}
|
|
9
|
+
export type ScrollEntriesRegisterCallback = () => void;
|
|
10
|
+
declare class ScrollEntries {
|
|
11
|
+
#private;
|
|
12
|
+
get notifier(): Notifier<ScrollEntriesRegisterCallback>;
|
|
13
|
+
register(element: HTMLElement): void;
|
|
14
|
+
unregister(element: HTMLElement): void;
|
|
15
|
+
update(element: HTMLElement, axis: Axes2D, value: number): void;
|
|
16
|
+
hasEntry(element: HTMLElement): boolean;
|
|
17
|
+
getEntry(element: HTMLElement): ScrollEntry;
|
|
18
|
+
getAll(element: HTMLElement): ScrollEntry[];
|
|
19
|
+
}
|
|
20
|
+
export declare const scrollEntries: ScrollEntries;
|
|
21
|
+
export {};
|