@scaloster_971/scaleadjus 1.0.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/LICENSE +0 -0
- package/README.md +215 -0
- package/dist/adapters/angular.d.ts +19 -0
- package/dist/adapters/angular.d.ts.map +1 -0
- package/dist/adapters/react.d.ts +11 -0
- package/dist/adapters/react.d.ts.map +1 -0
- package/dist/adapters/vanilla.d.ts +3 -0
- package/dist/adapters/vanilla.d.ts.map +1 -0
- package/dist/adapters/vue.d.ts +11 -0
- package/dist/adapters/vue.d.ts.map +1 -0
- package/dist/angular.js +535 -0
- package/dist/angular.js.map +1 -0
- package/dist/angular.mjs +533 -0
- package/dist/angular.mjs.map +1 -0
- package/dist/core/ScaleAdjus.d.ts +42 -0
- package/dist/core/ScaleAdjus.d.ts.map +1 -0
- package/dist/core/constants.d.ts +47 -0
- package/dist/core/constants.d.ts.map +1 -0
- package/dist/core/types.d.ts +80 -0
- package/dist/core/types.d.ts.map +1 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +590 -0
- package/dist/index.js.map +1 -0
- package/dist/index.min.js +2 -0
- package/dist/index.min.js.map +1 -0
- package/dist/index.mjs +582 -0
- package/dist/index.mjs.map +1 -0
- package/dist/index.umd.js +596 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/plugins/css.d.ts +3 -0
- package/dist/plugins/css.d.ts.map +1 -0
- package/dist/plugins/tailwind.d.ts +3 -0
- package/dist/plugins/tailwind.d.ts.map +1 -0
- package/dist/react.js +454 -0
- package/dist/react.js.map +1 -0
- package/dist/react.mjs +452 -0
- package/dist/react.mjs.map +1 -0
- package/dist/styles.css +1 -0
- package/dist/utils/debounce.d.ts +3 -0
- package/dist/utils/debounce.d.ts.map +1 -0
- package/dist/utils/device.d.ts +12 -0
- package/dist/utils/device.d.ts.map +1 -0
- package/dist/utils/dom.d.ts +13 -0
- package/dist/utils/dom.d.ts.map +1 -0
- package/dist/utils/events.d.ts +12 -0
- package/dist/utils/events.d.ts.map +1 -0
- package/dist/vue.js +452 -0
- package/dist/vue.js.map +1 -0
- package/dist/vue.mjs +450 -0
- package/dist/vue.mjs.map +1 -0
- package/package.json +116 -0
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
export declare const DEFAULT_OPTIONS: {
|
|
2
|
+
baseScale: number;
|
|
3
|
+
minScale: number;
|
|
4
|
+
maxScale: number;
|
|
5
|
+
enableMobile: boolean;
|
|
6
|
+
enableTablet: boolean;
|
|
7
|
+
enableDesktop: boolean;
|
|
8
|
+
enableLargeMonitor: boolean;
|
|
9
|
+
smoothTransition: boolean;
|
|
10
|
+
transitionDuration: number;
|
|
11
|
+
debug: boolean;
|
|
12
|
+
autoInit: boolean;
|
|
13
|
+
breakpoints: {
|
|
14
|
+
mobile: number;
|
|
15
|
+
tablet: number;
|
|
16
|
+
desktop: number;
|
|
17
|
+
largeMonitor: number;
|
|
18
|
+
};
|
|
19
|
+
scaleFactors: {
|
|
20
|
+
mobile: number;
|
|
21
|
+
tablet: number;
|
|
22
|
+
desktop: number;
|
|
23
|
+
largeMonitor: number;
|
|
24
|
+
};
|
|
25
|
+
excludeSelectors: never[];
|
|
26
|
+
includeSelectors: string[];
|
|
27
|
+
customCSS: string;
|
|
28
|
+
};
|
|
29
|
+
export declare const CSS_PREFIX = "sa";
|
|
30
|
+
export declare const EVENTS: {
|
|
31
|
+
INIT: string;
|
|
32
|
+
SCALE: string;
|
|
33
|
+
RESET: string;
|
|
34
|
+
DESTROY: string;
|
|
35
|
+
UPDATE: string;
|
|
36
|
+
DEVICE_CHANGE: string;
|
|
37
|
+
ERROR: string;
|
|
38
|
+
};
|
|
39
|
+
export declare const DEVICE_TYPES: {
|
|
40
|
+
readonly MOBILE: "mobile";
|
|
41
|
+
readonly TABLET: "tablet";
|
|
42
|
+
readonly DESKTOP: "desktop";
|
|
43
|
+
readonly LARGE_MONITOR: "large-monitor";
|
|
44
|
+
readonly UNKNOWN: "unknown";
|
|
45
|
+
};
|
|
46
|
+
export declare const TRANSFORM_ORIGIN = "top left";
|
|
47
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/core/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B3B,CAAC;AAEF,eAAO,MAAM,UAAU,OAAO,CAAC;AAE/B,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,gBAAgB,aAAa,CAAC"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
export interface ScaleOptions {
|
|
2
|
+
baseScale?: number;
|
|
3
|
+
minScale?: number;
|
|
4
|
+
maxScale?: number;
|
|
5
|
+
enableMobile?: boolean;
|
|
6
|
+
enableTablet?: boolean;
|
|
7
|
+
enableDesktop?: boolean;
|
|
8
|
+
enableLargeMonitor?: boolean;
|
|
9
|
+
smoothTransition?: boolean;
|
|
10
|
+
transitionDuration?: number;
|
|
11
|
+
debug?: boolean;
|
|
12
|
+
autoInit?: boolean;
|
|
13
|
+
breakpoints?: Breakpoints;
|
|
14
|
+
scaleFactors?: ScaleFactors;
|
|
15
|
+
excludeSelectors?: string[];
|
|
16
|
+
includeSelectors?: string[];
|
|
17
|
+
customCSS?: string;
|
|
18
|
+
}
|
|
19
|
+
export interface Breakpoints {
|
|
20
|
+
mobile: number;
|
|
21
|
+
tablet: number;
|
|
22
|
+
desktop: number;
|
|
23
|
+
largeMonitor?: number;
|
|
24
|
+
}
|
|
25
|
+
export interface ScaleFactors {
|
|
26
|
+
mobile: number;
|
|
27
|
+
tablet: number;
|
|
28
|
+
desktop: number;
|
|
29
|
+
largeMonitor?: number;
|
|
30
|
+
}
|
|
31
|
+
export interface DeviceInfo {
|
|
32
|
+
type: DeviceType;
|
|
33
|
+
width: number;
|
|
34
|
+
height: number;
|
|
35
|
+
scale: number;
|
|
36
|
+
isMobile: boolean;
|
|
37
|
+
isTablet: boolean;
|
|
38
|
+
isDesktop: boolean;
|
|
39
|
+
isLargeMonitor: boolean;
|
|
40
|
+
}
|
|
41
|
+
export interface ScaleEvent {
|
|
42
|
+
device: DeviceType;
|
|
43
|
+
scale: number;
|
|
44
|
+
width: number;
|
|
45
|
+
height: number;
|
|
46
|
+
timestamp: number;
|
|
47
|
+
}
|
|
48
|
+
export type DeviceType = 'mobile' | 'tablet' | 'desktop' | 'large-monitor' | 'unknown';
|
|
49
|
+
export interface ScaleAdjusInstance {
|
|
50
|
+
init(): void;
|
|
51
|
+
destroy(): void;
|
|
52
|
+
setScale(scale: number): void;
|
|
53
|
+
resetScale(): void;
|
|
54
|
+
updateOptions(options: Partial<ScaleOptions>): void;
|
|
55
|
+
getCurrentScale(): number;
|
|
56
|
+
getDeviceInfo(): DeviceInfo;
|
|
57
|
+
getElementScale(element: HTMLElement): number;
|
|
58
|
+
setElementScale(element: HTMLElement, scale: number): void;
|
|
59
|
+
resetElementScale(element: HTMLElement): void;
|
|
60
|
+
addEventListener(event: string, callback: (event: ScaleEvent) => void): void;
|
|
61
|
+
removeEventListener(event: string, callback: (event: ScaleEvent) => void): void;
|
|
62
|
+
}
|
|
63
|
+
export interface AdapterOptions {
|
|
64
|
+
container?: HTMLElement | string;
|
|
65
|
+
autoApply?: boolean;
|
|
66
|
+
watchChanges?: boolean;
|
|
67
|
+
throttleDelay?: number;
|
|
68
|
+
}
|
|
69
|
+
export interface Plugin {
|
|
70
|
+
name: string;
|
|
71
|
+
version: string;
|
|
72
|
+
apply(config: any): void;
|
|
73
|
+
}
|
|
74
|
+
export interface CSSOptions {
|
|
75
|
+
prefix?: string;
|
|
76
|
+
includeComponents?: string[];
|
|
77
|
+
excludeComponents?: string[];
|
|
78
|
+
customProperties?: Record<string, string>;
|
|
79
|
+
}
|
|
80
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ScaleAdjus } from './core/ScaleAdjus';
|
|
2
|
+
import { vanillaAdapter } from './adapters/vanilla';
|
|
3
|
+
import { tailwindPlugin } from './plugins/tailwind';
|
|
4
|
+
import { cssPlugin } from './plugins/css';
|
|
5
|
+
export * from './core/types';
|
|
6
|
+
export { ScaleAdjus };
|
|
7
|
+
export { vanillaAdapter as VanillaScaleAdjus };
|
|
8
|
+
export { tailwindPlugin as TailwindScaleAdjus };
|
|
9
|
+
export { cssPlugin as CSSScaleAdjus };
|
|
10
|
+
export default ScaleAdjus;
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,CAAC;AAC/C,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,CAAC;AAChD,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,CAAC;AAEtC,eAAe,UAAU,CAAC"}
|