javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-18 13:51:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: Application modules to classes

Browse Source
This commit is contained in:
Igor Randjelovic
2023-05-10 22:08:01 +02:00
parent 7650cdd890
commit fc01f8e79f
50 changed files with 5438 additions and 2985 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
packages/core/accessibility/accessibility-css-helper.ts
View File

@ -1,15 +1,23 @@
import { applyCssClass, getRootView } from '../application';
import * as Application from '../application';
import { Application } from '../application';
import type { View } from '../ui/core/view';
import { AccessibilityServiceEnabledObservable } from './accessibility-service';
import { FontScaleCategory, getCurrentFontScale, getFontScaleCategory, VALID_FONT_SCALES } from './font-scale';
import {
FontScaleCategory,
getCurrentFontScale,
getFontScaleCategory,
VALID_FONT_SCALES,
} from './font-scale';
// CSS-classes
const fontScaleExtraSmallCategoryClass = `a11y-fontscale-xs`;
const fontScaleMediumCategoryClass = `a11y-fontscale-m`;
const fontScaleExtraLargeCategoryClass = `a11y-fontscale-xl`;
const fontScaleCategoryClasses = [fontScaleExtraSmallCategoryClass, fontScaleMediumCategoryClass, fontScaleExtraLargeCategoryClass];
const fontScaleCategoryClasses = [
fontScaleExtraSmallCategoryClass,
fontScaleMediumCategoryClass,
fontScaleExtraLargeCategoryClass,
];
const a11yServiceEnabledClass = `a11y-service-enabled`;
const a11yServiceDisabledClass = `a11y-service-disabled`;
@ -27,25 +35,29 @@ function ensureClasses() {
return;
}
fontScaleCssClasses = new Map(VALID_FONT_SCALES.map((fs) => [fs, `a11y-fontscale-${Number(fs * 100).toFixed(0)}`]));
fontScaleCssClasses = new Map(
VALID_FONT_SCALES.map((fs) => [fs, `a11y-fontscale-${Number(fs * 100).toFixed(0)}`])
);
accessibilityServiceObservable = new AccessibilityServiceEnabledObservable();
}
function applyRootCssClass(cssClasses: string[], newCssClass: string): void {
const rootView = getRootView();
const rootView = Application.getRootView();
if (!rootView) {
return;
}
applyCssClass(rootView, cssClasses, newCssClass);
Application.applyCssClass(rootView, cssClasses, newCssClass);
const rootModalViews = <Array<View>>rootView._getRootModalViews();
rootModalViews.forEach((rootModalView) => applyCssClass(rootModalView, cssClasses, newCssClass));
rootModalViews.forEach((rootModalView) =>
Application.applyCssClass(rootModalView, cssClasses, newCssClass)
);
}
function applyFontScaleToRootViews(): void {
const rootView = getRootView();
const rootView = Application.getRootView();
if (!rootView) {
return;
}
@ -55,7 +67,9 @@ function applyFontScaleToRootViews(): void {
rootView.style.fontScaleInternal = fontScale;
const rootModalViews = <Array<View>>rootView._getRootModalViews();
rootModalViews.forEach((rootModalView) => (rootModalView.style.fontScaleInternal = fontScale));
rootModalViews.forEach(
(rootModalView) => (rootModalView.style.fontScaleInternal = fontScale)
);
}
export function initAccessibilityCssHelper(): void {
@ -67,7 +81,10 @@ export function initAccessibilityCssHelper(): void {
applyFontScaleToRootViews();
});
accessibilityServiceObservable.on(AccessibilityServiceEnabledObservable.propertyChangeEvent, updateCurrentHelperClasses);
accessibilityServiceObservable.on(
AccessibilityServiceEnabledObservable.propertyChangeEvent,
updateCurrentHelperClasses
);
}
/**