responsive-media 1.0.6 → 1.0.7
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.
|
@@ -10,17 +10,11 @@ declare class ReactiveResponsiveState {
|
|
|
10
10
|
private mediaQueries;
|
|
11
11
|
constructor();
|
|
12
12
|
private applyConfig;
|
|
13
|
-
/**
|
|
14
|
-
* Получить объект сгенерированных CSS media-запросов для каждого брейкпоинта.
|
|
15
|
-
*/
|
|
16
13
|
getMediaQueries(): Record<string, string>;
|
|
17
14
|
setConfig(config: Record<string, MediaQueryConfig>): void;
|
|
18
15
|
subscribe(listener: ResponsiveListener): () => boolean;
|
|
19
16
|
private notify;
|
|
20
17
|
}
|
|
21
|
-
/**
|
|
22
|
-
* Получить объект сгенерированных CSS media-запросов для каждого брейкпоинта.
|
|
23
|
-
*/
|
|
24
18
|
export declare function getResponsiveMediaQueries(): Record<string, string>;
|
|
25
19
|
export declare const responsiveState: ReactiveResponsiveState;
|
|
26
20
|
export declare function setResponsiveConfig(config: Record<string, MediaQueryConfig>): void;
|
|
@@ -27,7 +27,6 @@ class ReactiveResponsiveState {
|
|
|
27
27
|
this.mediaQueries = {};
|
|
28
28
|
Object.keys(this.state).forEach(key => delete this.state[key]);
|
|
29
29
|
Object.entries(config).forEach(([key, conditions]) => {
|
|
30
|
-
// Формируем строку media-запроса из массива условий
|
|
31
30
|
const mq = conditions
|
|
32
31
|
.map(cond => {
|
|
33
32
|
const val = typeof cond.value === 'number' && !String(cond.type).includes('aspect-ratio')
|
|
@@ -46,9 +45,6 @@ class ReactiveResponsiveState {
|
|
|
46
45
|
});
|
|
47
46
|
this.notify();
|
|
48
47
|
}
|
|
49
|
-
/**
|
|
50
|
-
* Получить объект сгенерированных CSS media-запросов для каждого брейкпоинта.
|
|
51
|
-
*/
|
|
52
48
|
getMediaQueries() {
|
|
53
49
|
return { ...this.mediaQueries };
|
|
54
50
|
}
|
|
@@ -64,9 +60,6 @@ class ReactiveResponsiveState {
|
|
|
64
60
|
this.listeners.forEach(listener => listener(this.proxy));
|
|
65
61
|
}
|
|
66
62
|
}
|
|
67
|
-
/**
|
|
68
|
-
* Получить объект сгенерированных CSS media-запросов для каждого брейкпоинта.
|
|
69
|
-
*/
|
|
70
63
|
export function getResponsiveMediaQueries() {
|
|
71
64
|
return responsiveState.getMediaQueries();
|
|
72
65
|
}
|
package/package.json
CHANGED