@tilde-nlp/ngx-common 8.1.2 → 8.1.4

package/index.d.ts

@@ -2492,24 +2492,45 @@ declare enum AccessibilityContrasts {
 
 declare class AccessibilityDialogComponent implements OnInit {
     #private;
+    isTextMagnifierEnabled: boolean;
+    isScreenMaskEnabled: boolean;
     selectedFontSizeIndex: number;
-    currentContrast: string;
+    currentContrast: AccessibilityContrasts;
     readonly contrasts: AccessibilityContrasts[];
     ngOnInit(): void;
-    changeContrast(contrast: string): void;
+    changeContrast(contrast: AccessibilityContrasts): void;
     changeFontSize(e: MatTabChangeEvent): void;
+    toggleTextMagnifier(): void;
+    toggleScreenMask(): void;
+    closeFocusBar(): void;
     reset(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccessibilityDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AccessibilityDialogComponent, "lib-accessibility-dialog", never, {}, {}, never, never, true, never>;
 }
 
+declare enum AccessibilityFontSizes {
+    BASE = "1rem",
+    L = "1.25rem",
+    XL = "1.5rem"
+}
+
 declare class AccessibilityService {
+    #private;
     readonly fontSizeLocalStorageKey = "ACCESSIBILITY_FONT_SIZE_IX";
     readonly contrastLocalStorageKey = "ACCESSIBILITY_CONTRAST";
+    readonly textMagnifierLocalStorageKey = "TEXT_MAGNIFIER";
+    readonly screenMaskLocalStorageKey = "SCREEN_MASK";
     sizeIncreaseSubject: Subject<boolean>;
     contrastSubject: Subject<string>;
+    toggleScreenMask(): void;
+    closeFocusBar(): void;
+    toggleTextMagnifier(): void;
+    getSavedTextMagnifierStatus(): boolean;
+    getSavedScreenMaskStatus(): boolean;
+    setSavedTextMagnifierStatus(): void;
+    setSavedScreenMaskStatus(): void;
     saveContrast(contrast: string): void;
-    getSavedContrast(): string;
+    getSavedContrast(): AccessibilityContrasts;
     getSavedFontSize(): number;
     saveFontSize(ix: number): void;
     setFontSize(fontSizeIx: number): void;
@@ -2518,11 +2539,17 @@ declare class AccessibilityService {
     static ɵprov: i0.ɵɵInjectableDeclaration<AccessibilityService>;
 }
 
-declare enum AccessibilityFontSizes {
-    BASE = "1rem",
-    L = "1.25rem",
-    XL = "1.5rem"
+declare class AccessibilityTextMagnifierService {
+    private magnifiedText;
+    private mousemoveHandler;
+    private mouseoverHandler;
+    toggleTextMagnifier(isDisabled: boolean): void;
+    private addMagnifier;
+    private removeMagnifier;
+    private getFirstTextContent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccessibilityTextMagnifierService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AccessibilityTextMagnifierService>;
 }
 
-export { ALERT_CONFIGURATION_TOKEN, AccessibilityContrasts, AccessibilityDialogComponent, AccessibilityFontSizes, AccessibilityService, AlertService, AuthHeadersHelper, COLLECTIONS_MENU, ClickOutsideDirective, ClickOutsideModule, CloseButtonComponent, CloseButtonModule, CombinedCollection, CombinedCollectionTooltipKey, CompanyProductComponent, CompanyProductModule, Confirmation, ConfirmationModalComponent, ConfirmationModalModule, ConfirmationService, ConversionHelper, CustomPaginatorInernationalizationHelper, CustomTitleStrategyService, DISABLE_EXPORT_ATTRIBUTE_NAME, DOMService, DateAgoModule, DateAgoPipe, DomainTranslatePipe, DragAndDropDirective, DragAndDropModule, ERROR_CODES, EngineTermApiService, EngineTermCollectionScope, EngineTermCollectionSource, EngineTermCollectionStatus, EngineTermCollectionSubStatus, ExportFormat, ExtensionDialogComponent, ExtensionDialogModule, ExtensionDialogService, FILE_SIZE_UNIT, FileCategories, FileExtensionHelper, FileExtensions, FileSizeLabelPipe, FileTypeIcons, FileTypes, FileUploadComponent, FileUploadErrorTypeEnum, FileUploadModule, FilterBarComponent, FilterBarModule, FilterWithHighlightModule, FilterWithHighlightPipe, FooterComponent, FooterModule, GlobalMessageComponent, HashHelper, HtmlElementParseHelper, HtmlHelper, IconService, InlineMessageComponent, InlineMessageIconPosition, InlineMessageModule, InlineMessageType, LAST_USED_SYSTEM_LOCAL_STORAGE_KEY, LLMActions, LLMComponent, LLMModule, LLM_CONFIGURATION_TOKEN, LanguageTranslateModule, LanguageTranslatePipe, LanguageTranslateService, MatButtonLoadingDirective, MatButtonLoadingModule, MissingTranslationHandlerService, MissingTranslationHelper, MtCollectionStatus, MultiFunctionalTableComponent, MultiFunctionalTableModule, NewFeatureDialogWrapperComponent, NotificationMessageComponent, NotificationMessageModule, NotificationMessageType, NotificationService, OPEN_CLOSE_BTN_ICONS_TOKEN, ObjectLengthModule, ObjectLengthPipe, OpenCloseButtonComponent, OpenCloseButtonModule, OpenExtensionDialogComponent, Operations, PlausibleEventDirective, PlausibleHelper, PlausibleModule, ResolutionHelper, SCREEN_SIZE, SaveFileHelper, SelectLanguageDialogComponent, SidebarComponent, SidebarService, SortAlphabeticallyModule, SortAlphabeticallyPipe, SortByNumberPipe, SortDomainsPipe, SortHelper, SortLanguageListPipe, SortTranslationsByPropertyModule, SortTranslationsByPropertyPipe, SortTranslationsModule, SortTranslationsPipe, StatusDisplayComponent, StatusDisplayModule, SubscriptionComponent, SubscriptionPlan, SystemService, TerminologyApiService, TerminologyCollectionService, TerminologyComponent, TerminologyConfigService, TerminologyCreateCollectionComponent, TerminologyModule, TerminologyService, TextToSpeechComponent, TldLoaderComponent, TldLoaderModule, ToastComponent, ToastService, getFileSizeLabel, provideCustomTitleStrategy };
+export { ALERT_CONFIGURATION_TOKEN, AccessibilityContrasts, AccessibilityDialogComponent, AccessibilityFontSizes, AccessibilityService, AccessibilityTextMagnifierService, AlertService, AuthHeadersHelper, COLLECTIONS_MENU, ClickOutsideDirective, ClickOutsideModule, CloseButtonComponent, CloseButtonModule, CombinedCollection, CombinedCollectionTooltipKey, CompanyProductComponent, CompanyProductModule, Confirmation, ConfirmationModalComponent, ConfirmationModalModule, ConfirmationService, ConversionHelper, CustomPaginatorInernationalizationHelper, CustomTitleStrategyService, DISABLE_EXPORT_ATTRIBUTE_NAME, DOMService, DateAgoModule, DateAgoPipe, DomainTranslatePipe, DragAndDropDirective, DragAndDropModule, ERROR_CODES, EngineTermApiService, EngineTermCollectionScope, EngineTermCollectionSource, EngineTermCollectionStatus, EngineTermCollectionSubStatus, ExportFormat, ExtensionDialogComponent, ExtensionDialogModule, ExtensionDialogService, FILE_SIZE_UNIT, FileCategories, FileExtensionHelper, FileExtensions, FileSizeLabelPipe, FileTypeIcons, FileTypes, FileUploadComponent, FileUploadErrorTypeEnum, FileUploadModule, FilterBarComponent, FilterBarModule, FilterWithHighlightModule, FilterWithHighlightPipe, FooterComponent, FooterModule, GlobalMessageComponent, HashHelper, HtmlElementParseHelper, HtmlHelper, IconService, InlineMessageComponent, InlineMessageIconPosition, InlineMessageModule, InlineMessageType, LAST_USED_SYSTEM_LOCAL_STORAGE_KEY, LLMActions, LLMComponent, LLMModule, LLM_CONFIGURATION_TOKEN, LanguageTranslateModule, LanguageTranslatePipe, LanguageTranslateService, MatButtonLoadingDirective, MatButtonLoadingModule, MissingTranslationHandlerService, MissingTranslationHelper, MtCollectionStatus, MultiFunctionalTableComponent, MultiFunctionalTableModule, NewFeatureDialogWrapperComponent, NotificationMessageComponent, NotificationMessageModule, NotificationMessageType, NotificationService, OPEN_CLOSE_BTN_ICONS_TOKEN, ObjectLengthModule, ObjectLengthPipe, OpenCloseButtonComponent, OpenCloseButtonModule, OpenExtensionDialogComponent, Operations, PlausibleEventDirective, PlausibleHelper, PlausibleModule, ResolutionHelper, SCREEN_SIZE, SaveFileHelper, SelectLanguageDialogComponent, SidebarComponent, SidebarService, SortAlphabeticallyModule, SortAlphabeticallyPipe, SortByNumberPipe, SortDomainsPipe, SortHelper, SortLanguageListPipe, SortTranslationsByPropertyModule, SortTranslationsByPropertyPipe, SortTranslationsModule, SortTranslationsPipe, StatusDisplayComponent, StatusDisplayModule, SubscriptionComponent, SubscriptionPlan, SystemService, TerminologyApiService, TerminologyCollectionService, TerminologyComponent, TerminologyConfigService, TerminologyCreateCollectionComponent, TerminologyModule, TerminologyService, TextToSpeechComponent, TldLoaderComponent, TldLoaderModule, ToastComponent, ToastService, getFileSizeLabel, provideCustomTitleStrategy };
 export type { ActiveData, AddEngineTermsRequestParams, Addon, AlertConfiguration, AuthSubscription, BatchConfig, Category, ChargebeeSettings, Column, ColumnConfig, ColumnSelectConfig, Config, ConfirmationBody, DefaultCollectionOrderUpdate, DialogData, Domain, DomainList, EngineTermCollection, EngineTermCollectionAccess, EngineTermCollectionAccessScope, EngineTermCollectionAccessScopeUpdate, EngineTermCollectionAccessUpdate, EngineTermCollectionList, ExportConfig, ExtensionWithIcon, FileUploadError, FilterBarChangeEvent, FilterBarFilter, FilterBarFilterItem, FilterBarSettings, GlobalMessageAction, ITldTermCollection, ITldTermCollectionLanguages, InlineMessage, JwtToken, LLMConfiguration, LangListItem, MobileScreenCustomPosition, MtCollection, MultiFunctionalTableConfig, NotificationMessage, NotificationWithOperation, OpenCloseBtnIcons, PaginatorConfig, PlausibleEvent, StatusDisplayConfig, System, TerminologyConfig, TranslatedLanguage, UpdateEngineTermsRequestParams, Vendor, Voice };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tilde-nlp/ngx-common",
-  "version": "8.1.2",
+  "version": "8.1.4",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",

package/styles/accessibility.scss

@@ -0,0 +1,81 @@
+@import "./contrast-themes/black-white.scss";
+@import "./contrast-themes/yellow-black.scss";
+@import "./contrast-themes/black-yellow.scss";
+
+.magnified-text {
+	position: absolute;
+	z-index: 9999 !important;
+	padding: 0 4px;
+	background-color: #000000bf;
+	color: #fff;
+	border-radius: 5px;
+	font-size: 14px;
+	user-select: none;
+	transition: opacity 0.3s;
+	display: none;
+	overflow: hidden;
+	max-width: 20vw;
+	scale: 2;
+}
+
+.screen-mask {
+	position: fixed;
+	height: 100%;
+	width: 100%;
+	top: 0;
+	left: 0;
+	z-index: 99999;
+	pointer-events: none;
+}
+
+.screen-mask-overlay {
+	background-color: rgba(0, 0, 0, 0.3);
+	pointer-events: auto;
+	height: 100%;
+	width: 100%;
+}
+
+.screen-mask-focus-bar {
+	display: flex;
+	align-items: center;
+	justify-content: end;
+	position: fixed;
+	height: 60px;
+	width: 100%;
+	background: transparent;
+	left: 0;
+	top: 0;
+	padding-right: 20px;
+}
+
+.screen-mask-focus-bar button {
+	height: 40px;
+	width: 40px;
+	padding: 12px;
+	pointer-events: all;
+	border-radius: 50%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	&:hover {
+		background-color: var(--base-95);
+	}
+}
+
+.screen-mask-bar {
+	align-items: center;
+	height: 100%;
+	position: absolute;
+	right: 10px;
+	z-index: 1;
+	display: flex;
+	background: transparent;
+	pointer-events: auto;
+}
+
+.screen-mask-bar-btn {
+	display: flex !important;
+	align-items: center !important;
+	justify-content: center !important;
+}

package/styles/contrast-themes/black-yellow.scss

@@ -178,8 +178,8 @@ html.black-yellow {
 
 	@include mat.button-overrides(
 		(
-			outlined-label-text-color: var(--base-0),
-			outlined-outline-color: var(--base-0),
+			outlined-label-text-color: #f9f150,
+			outlined-outline-color: #f9f150,
 		)
 	);
 

package/styles/contrast-themes.scss

@@ -1,3 +0,0 @@
-@import "./contrast-themes/black-white.scss";
-@import "./contrast-themes/yellow-black.scss";
-@import "./contrast-themes/black-yellow.scss";