@koobiq/components 18.36.0 → 18.38.0

package/time-range/types.d.ts

@@ -1,33 +1,56 @@
 import { KbqPopoverTrigger } from '@koobiq/components/popover';
-import { DurationUnit } from '@koobiq/date-adapter';
+import { DurationObjectUnits, DurationUnit } from '@koobiq/date-adapter';
+/**
+ * Represents a time range with optional start and end date-time values.
+ * Used as a form value when range in popover change.
+ */
 export interface KbqRangeValue<T> {
     fromTime?: T;
     fromDate?: T;
     toTime?: T;
     toDate?: T;
 }
+/**
+ * Represents a time range with optional start and end date-time values.
+ * Used as a range value by default.
+ */
 export type KbqRange = {
     startDateTime?: string;
     endDateTime?: string;
 };
-export type KbqTimeRangeRange = KbqRange & KbqTimeRangeTypeContext;
+/** Range type selected */
 export type KbqTimeRangeTypeContext = {
     type: KbqTimeRangeType;
 };
 /**
- * Default accepted “time‑range” identifiers.
+ * Main range information.
+ * Used for a popover date range selection, when selected type is range,
+ * and for trigger information calculation.
  */
+export type KbqTimeRangeRange = KbqRange & KbqTimeRangeTypeContext;
+/** Default accepted “time‑range” identifiers. */
 export type KbqTimeRangeType = 'lastMinute' | 'last5Minutes' | 'last15Minutes' | 'last30Minutes' | 'lastHour' | 'last24Hours' | 'last3Days' | 'last7Days' | 'last14Days' | 'last30Days' | 'last3Months' | 'last12Months' | 'allTime' | 'currentQuarter' | 'currentYear' | 'range';
-export type KbqTimeRangeTranslationType = Extract<DurationUnit, 'seconds' | 'minutes' | 'hours' | 'days' | 'weeks' | 'months'> | 'other';
-export interface KbqTimeRangeUnits {
-    seconds?: number;
-    minutes?: number;
-    hours?: number;
-    days?: number;
-    weeks?: number;
-    months?: number;
+/** Property representing duration output unit */
+export type KbqTimeRangeTranslationType = Exclude<DurationUnit, 'quarters' | 'milliseconds'> | 'other';
+/**
+ * Configuration for a custom time range with duration metadata.
+ * Defines a time range with its identifier, duration units, and optional fixed date range.
+ */
+export interface KbqTimeRangeUnits extends DurationObjectUnits {
 }
+export type KbqCustomTimeRangeType = {
+    /** time range identifier. Used as config key */
+    type: KbqTimeRangeType | string;
+    /** Duration metadata */
+    units: KbqTimeRangeUnits;
+    /** Property representing duration output unit */
+    translationType: KbqTimeRangeTranslationType;
+    /** Custom range of start/end date-times */
+    range?: KbqRange;
+};
+/** Context for a time range trigger, combining range info and type. */
 export type KbqTimeRangeTitleContext = KbqTimeRangeRange & KbqTimeRangeUnits;
+/** Context for a time range trigger customization, combining meta information. */
 export type KbqTimeRangeCustomizableTitleContext = Partial<KbqTimeRangeTitleContext> & {
     $implicit: Partial<KbqTimeRangeTitleContext> & {
         formattedDate: string;
@@ -37,7 +60,10 @@ export type KbqTimeRangeCustomizableTitleContext = Partial<KbqTimeRangeTitleCont
     formattedDate: string;
     popover: KbqPopoverTrigger;
 };
+/** @docs-private */
 export type KbqTimeRangeTranslateTypeMap = Record<KbqTimeRangeType, KbqTimeRangeTranslationType>;
+/** Context for a time range option customization, combining meta information. */
 export type KbqTimeRangeOptionContext = KbqTimeRangeTypeContext & KbqTimeRangeUnits & {
     translationType: KbqTimeRangeTranslationType;
+    formattedValue: string;
 };

package/timepicker/timepicker.module.d.ts

@@ -3,8 +3,9 @@ import * as i1 from "./timepicker.directive";
 import * as i2 from "@angular/cdk/a11y";
 import * as i3 from "@angular/cdk/platform";
 import * as i4 from "@angular/forms";
+import * as i5 from "@koobiq/components/form-field";
 export declare class KbqTimepickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTimepickerModule, [typeof i1.KbqTimepicker], [typeof i2.A11yModule, typeof i3.PlatformModule, typeof i4.FormsModule], [typeof i1.KbqTimepicker]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTimepickerModule, [typeof i1.KbqTimepicker], [typeof i2.A11yModule, typeof i3.PlatformModule, typeof i4.FormsModule], [typeof i1.KbqTimepicker, typeof i5.KbqFormFieldModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqTimepickerModule>;
 }

package/timezone/timezone-option.component.scss

@@ -32,6 +32,12 @@
 
 .kbq-select__panel .kbq-timezone-option {
     height: var(--kbq-timezone-option-size-height);
+
+    &:before,
+    &:after {
+        top: calc(-1 * var(--kbq-size-3xs));
+        bottom: calc(-1 * var(--kbq-size-3xs));
+    }
 }
 
 @include kbq-timezone-option-theme();

package/timezone/timezone.module.d.ts

@@ -15,6 +15,6 @@ import * as i13 from "@angular/common";
 import * as i14 from "@angular/cdk/a11y";
 export declare class KbqTimezoneModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimezoneModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTimezoneModule, [typeof i1.UtcOffsetPipe, typeof i2.CitiesByFilterPipe, typeof i3.KbqTimezoneSelect, typeof i4.KbqTimezoneOption, typeof i5.KbqTimezoneOptionTooltip, typeof i3.KbqTimezoneSelectTrigger], [typeof i6.OverlayModule, typeof i7.KbqFormFieldModule, typeof i8.KbqOptionModule, typeof i9.KbqSelectModule, typeof i10.KbqIconModule, typeof i11.KbqTagsModule, typeof i12.KbqToolTipModule, typeof i8.KbqHighlightModule, typeof i13.NgClass, typeof i13.KeyValuePipe, typeof i14.A11yModule], [typeof i3.KbqTimezoneSelect, typeof i4.KbqTimezoneOption, typeof i5.KbqTimezoneOptionTooltip, typeof i3.KbqTimezoneSelectTrigger]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTimezoneModule, [typeof i1.UtcOffsetPipe, typeof i2.CitiesByFilterPipe, typeof i3.KbqTimezoneSelect, typeof i4.KbqTimezoneOption, typeof i5.KbqTimezoneOptionTooltip, typeof i3.KbqTimezoneSelectTrigger], [typeof i6.OverlayModule, typeof i7.KbqFormFieldModule, typeof i8.KbqOptionModule, typeof i9.KbqSelectModule, typeof i10.KbqIconModule, typeof i11.KbqTagsModule, typeof i12.KbqToolTipModule, typeof i8.KbqHighlightModule, typeof i13.NgClass, typeof i13.KeyValuePipe, typeof i14.A11yModule], [typeof i3.KbqTimezoneSelect, typeof i4.KbqTimezoneOption, typeof i5.KbqTimezoneOptionTooltip, typeof i3.KbqTimezoneSelectTrigger, typeof i7.KbqFormFieldModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqTimezoneModule>;
 }

package/toggle/_toggle-theme.scss

@@ -16,18 +16,17 @@
 @mixin _kbq-toggle-color($type) {
     @include _kbq-toggle-state($type, default);
 
-    &:hover {
+    &:is(:hover, .kbq-hovered) {
         @include _kbq-toggle-state($type, states-hover);
     }
 
     &.kbq-active,
     &.kbq-indeterminate {
         @include _kbq-toggle-state($type, states-checked);
-    }
 
-    &.kbq-active:hover,
-    &.kbq-indeterminate:hover {
-        @include _kbq-toggle-state($type, states-checked-hover);
+        &:is(:hover, .kbq-hovered) {
+            @include _kbq-toggle-state($type, states-checked-hover);
+        }
     }
 
     &.cdk-keyboard-focused {
@@ -73,6 +72,10 @@
 
         &.kbq-disabled {
             color: var(--kbq-states-foreground-disabled);
+
+            .kbq-hint .kbq-hint__text {
+                color: inherit;
+            }
         }
 
         .kbq-toggle-bar {

package/toggle/toggle-tokens.scss

@@ -5,7 +5,6 @@
     --kbq-toggle-size-big-height: var(--kbq-size-l);
     --kbq-toggle-size-big-width: 28px;
     --kbq-toggle-size-big-horizontal-content-padding: var(--kbq-size-s);
-    --kbq-toggle-size-big-vertical-content-padding: var(--kbq-size-s);
     /* THEME TOKENS */
     --kbq-toggle-theme-default-border: var(--kbq-line-contrast-less);
     --kbq-toggle-theme-default-background: var(--kbq-background-bg);

package/toggle/toggle.scss

@@ -1,5 +1,3 @@
-// @TODO should remove "selector-class-pattern" rule ignore (#DS-3753)
-/* stylelint-disable selector-class-pattern */
 @use '../core/styles/common/tokens';
 @use '../core/styles/common/animation';
 @use './toggle-theme' as theme;
@@ -27,11 +25,11 @@ $toggle-thumb-offset: 8px;
 
         cursor: inherit;
 
-        &.left {
+        &.kbq-toggle-layout_left {
             flex-direction: row-reverse;
         }
 
-        .kbq-toggle-bar-container:has(+ .kbq-toggle__content) {
+        &:has(.kbq-toggle-label:not(:empty)) .kbq-toggle-bar-container {
             padding-top: tokens.kbq-css-half-difference(typography-text-normal-line-height, toggle-size-normal-height);
         }
     }
@@ -104,12 +102,14 @@ $toggle-thumb-offset: 8px;
 
     flex: 1;
 
-    &.left {
-        margin-right: var(--kbq-toggle-size-normal-horizontal-content-padding);
-    }
+    &:has(.kbq-toggle-label:not(:empty)) {
+        &.kbq-toggle__content_left {
+            margin-right: var(--kbq-toggle-size-normal-horizontal-content-padding);
+        }
 
-    &.right {
-        margin-left: var(--kbq-toggle-size-normal-horizontal-content-padding);
+        &.kbq-toggle__content_right {
+            margin-left: var(--kbq-toggle-size-normal-horizontal-content-padding);
+        }
     }
 }
 
@@ -119,13 +119,9 @@ $toggle-thumb-offset: 8px;
         width: var(--kbq-toggle-size-big-width);
     }
 
-    & .kbq-hint {
-        margin-top: var(--kbq-toggle-size-big-vertical-content-padding);
-    }
-
     .kbq-toggle-layout {
-        .kbq-toggle-bar-container:has(+ .kbq-toggle__content) {
-            padding-top: tokens.kbq-css-half-difference(toggle-font-big-label-line-height, toggle-size-big-height);
+        &:has(.kbq-toggle-label:not(:empty)) .kbq-toggle-bar-container {
+            padding-top: tokens.kbq-css-half-difference(typography-text-big-line-height, toggle-size-big-height);
         }
     }
 }

package/top-bar/top-bar-tokens.scss

@@ -2,7 +2,7 @@
     --kbq-top-bar-position: sticky;
     --kbq-top-bar-background: var(--kbq-background-bg);
     --kbq-top-bar-spacer-min-width: 80px;
-    --kbq-top-bar-padding-vertical: var(--kbq-size-xl);
+    --kbq-top-bar-padding-vertical: var(--kbq-size-m);
     --kbq-top-bar-padding-horizontal: var(--kbq-size-xxl);
     --kbq-top-bar-border-radius: 0;
     --kbq-top-bar-container-start-gap: 0;

package/top-bar/top-bar.scss

@@ -45,6 +45,9 @@
         &:has(> .kbq-overflow-items) {
             gap: unset;
             overflow: hidden;
+            // reduce height added by overflow-items' padding
+            margin-top: calc(-1 * var(--kbq-size-border-width));
+            margin-bottom: calc(-1 * var(--kbq-size-border-width));
         }
 
         .kbq-overflow-items {

package/tree/tree-option.component.d.ts

@@ -68,6 +68,7 @@ export declare class KbqTreeOption extends KbqTreeNode<KbqTreeOption> implements
     setSelected(selected: boolean): void;
     focus(focusOrigin?: FocusOrigin): void;
     blur(): void;
+    /** @docs-private */
     getHeight(): number;
     select(setFocus?: boolean): void;
     deselect(): void;

package/tree/tree-selection.component.d.ts

@@ -18,10 +18,19 @@ export declare class KbqTreeSelectAllEvent<T> {
     options: T[];
     constructor(source: KbqTreeSelection, options: T[]);
 }
+/**
+ * Event class that occurs when copying an item from the KbqTreeSelection.
+ * Used to pass data about the copied item and copy context.
+ *
+ * @param source - instance of KbqTreeSelection
+ * @param option - instance of KbqTreeOption
+ * @param event - original keyboard event (optional) that triggered the copy
+ */
 export declare class KbqTreeCopyEvent<T> {
     source: KbqTreeSelection;
     option: T;
-    constructor(source: KbqTreeSelection, option: T);
+    event?: KeyboardEvent | undefined;
+    constructor(source: KbqTreeSelection, option: T, event?: KeyboardEvent | undefined);
 }
 export declare class KbqTreeNavigationChange<T> {
     source: KbqTreeSelection;
@@ -94,7 +103,7 @@ export declare class KbqTreeSelection extends KbqTreeBase<any> implements Contro
     emitNavigationEvent(option: KbqTreeOption): void;
     emitChangeEvent(option: KbqTreeOption): void;
     selectAllOptions(): void;
-    copyActiveOption(): void;
+    copyActiveOption(event: KeyboardEvent): void;
     writeValue(value: any): void;
     /** `View -> model callback called when value changes` */
     onChange: (value: any) => void;

package/tree-select/tree-select.component.d.ts

@@ -186,8 +186,8 @@ export declare class KbqTreeSelect extends KbqAbstractSelect implements AfterCon
     get hasBackdrop(): boolean;
     set hasBackdrop(value: boolean);
     private _hasBackdrop;
-    get tabIndex(): number;
-    set tabIndex(value: number);
+    get tabIndex(): number | null;
+    set tabIndex(value: number | null);
     private _tabIndex;
     get disabled(): boolean;
     set disabled(value: boolean);
@@ -259,6 +259,7 @@ export declare class KbqTreeSelect extends KbqAbstractSelect implements AfterCon
     onChange: (value: any) => void;
     /** `View -> model callback called when select has been touched` */
     onTouched: () => void;
+    handleClick(): void;
     toggle(): void;
     open(): void;
     /** Closes the overlay panel and focuses the host element. */
@@ -319,6 +320,8 @@ export declare class KbqTreeSelect extends KbqAbstractSelect implements AfterCon
     /** Invoked when an option is clicked. */
     onRemoveSelectedOption(selectedOption: any, $event: any): void;
     calculateHiddenItems(): void;
+    triggerKeydownHandler(event: KeyboardEvent): void;
+    panelKeydownHandler(event: KeyboardEvent): any;
     /** @docs-private */
     protected shouldShowSearch(): boolean;
     private updateLocaleParams;
@@ -329,8 +332,6 @@ export declare class KbqTreeSelect extends KbqAbstractSelect implements AfterCon
     private getOverlayWidth;
     private buildTriggerClone;
     private getItemWidth;
-    private handleClosedKeydown;
-    private handleOpenKeydown;
     private refreshTriggerValues;
     /**
      * Sets the selected option based on a value. If no option can be
@@ -352,7 +353,6 @@ export declare class KbqTreeSelect extends KbqAbstractSelect implements AfterCon
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqTreeSelect, "kbq-tree-select", ["kbqTreeSelect"], { "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectAllHandler": { "alias": "selectAllHandler"; "required": false; }; "panelMinWidth": { "alias": "panelMinWidth"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "searchMinOptionsThreshold": { "alias": "searchMinOptionsThreshold"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "customMatcher", "customTagTemplateRef", "tree", "search"], ["kbq-select-matcher, [kbq-select-matcher]", "kbq-select-trigger, [kbq-select-trigger]", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "kbq-tree-selection", "kbq-select-footer,[kbq-tree-select-footer]"], false, never>;
     static ngAcceptInputType_multiline: unknown;
     static ngAcceptInputType_multiple: unknown;
-    static ngAcceptInputType_tabIndex: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_panelMinWidth: unknown;
 }

package/tree-select/tree-select.module.d.ts

@@ -7,8 +7,9 @@ import * as i5 from "@koobiq/components/tags";
 import * as i6 from "@koobiq/components/core";
 import * as i7 from "@angular/common";
 import * as i8 from "@angular/cdk/a11y";
+import * as i9 from "@koobiq/components/form-field";
 export declare class KbqTreeSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTreeSelectModule, [typeof i1.KbqTreeSelect], [typeof i2.OverlayModule, typeof i3.KbqTreeModule, typeof i4.KbqIconModule, typeof i5.KbqTagsModule, typeof i6.KbqPseudoCheckboxModule, typeof i6.KbqSelectSearch, typeof i6.KbqSelectFooter, typeof i6.KbqSelectMatcher, typeof i6.KbqSelectTrigger, typeof i6.KbqSelectSearchEmptyResult, typeof i7.NgClass, typeof i7.NgTemplateOutlet, typeof i8.A11yModule], [typeof i1.KbqTreeSelect, typeof i6.KbqSelectSearch, typeof i6.KbqSelectFooter, typeof i6.KbqSelectMatcher, typeof i6.KbqSelectTrigger, typeof i6.KbqSelectSearchEmptyResult]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqTreeSelectModule, [typeof i1.KbqTreeSelect], [typeof i2.OverlayModule, typeof i3.KbqTreeModule, typeof i4.KbqIconModule, typeof i5.KbqTagsModule, typeof i6.KbqPseudoCheckboxModule, typeof i6.KbqSelectSearch, typeof i6.KbqSelectFooter, typeof i6.KbqSelectMatcher, typeof i6.KbqSelectTrigger, typeof i6.KbqSelectSearchEmptyResult, typeof i7.NgClass, typeof i7.NgTemplateOutlet, typeof i8.A11yModule], [typeof i1.KbqTreeSelect, typeof i6.KbqSelectSearch, typeof i6.KbqSelectFooter, typeof i6.KbqSelectMatcher, typeof i6.KbqSelectTrigger, typeof i6.KbqSelectSearchEmptyResult, typeof i9.KbqFormFieldModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqTreeSelectModule>;
 }

package/tree-select/tree-select.scss

@@ -19,6 +19,10 @@
 
     & .kbq-tree-selection {
         height: 100%;
+
+        .kbq-tree-option {
+            @include item-active-area(var(--kbq-size-3xs));
+        }
     }
 }
 

package/core/common-behaviors/hovered.d.ts

@@ -1,13 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Directive that adds a `kbq-hover` class to an element, based on its hover state.
- */
-export declare class KbqHovered {
-    private readonly element;
-    /**
-     * Whether the element is hovered.
-     */
-    readonly hovered: import("@angular/core").Signal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqHovered, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqHovered, "[kbqHovered]", ["kbqHovered"], {}, {}, never, never, true, never>;
-}

package/core/locales/fa-IR.d.ts

@@ -1,162 +0,0 @@
-export declare const faIRLocaleData: {
-    select: {
-        hiddenItemsText: string;
-    };
-    datepicker: {
-        placeholder: string;
-    };
-    timepicker: {
-        placeholder: {
-            full: string;
-            short: string;
-        };
-    };
-    fileUpload: {
-        single: {
-            captionText: string;
-            browseLink: string;
-        };
-        multiple: {
-            captionText: string;
-            captionTextWhenSelected: string;
-            captionTextForCompactSize: string;
-            browseLink: string;
-            title: string;
-            gridHeaders: {
-                file: string;
-                size: string;
-            };
-        };
-    };
-    codeBlock: {
-        softWrapOnTooltip: string;
-        softWrapOffTooltip: string;
-        downloadTooltip: string;
-        copiedTooltip: string;
-        copyTooltip: string;
-        viewAllText: string;
-        viewLessText: string;
-        openExternalSystemTooltip: string;
-    };
-    timezone: {
-        searchPlaceholder: string;
-    };
-    actionsPanel: {
-        closeTooltip: string;
-    };
-    filterBar: {
-        reset: {
-            buttonName: string;
-        };
-        search: {
-            tooltip: string;
-            placeholder: string;
-        };
-        filters: {
-            defaultName: string;
-            saveNewFilterTooltip: string;
-            searchPlaceholder: string;
-            searchEmptyResult: string;
-            saveAsNewFilter: string;
-            saveChanges: string;
-            saveAsNew: string;
-            change: string;
-            resetChanges: string;
-            remove: string;
-            name: string;
-            error: string;
-            errorHint: string;
-            saveButton: string;
-            cancelButton: string;
-        };
-        add: {
-            tooltip: string;
-        };
-        pipe: {
-            clearButtonTooltip: string;
-            removeButtonTooltip: string;
-            applyButton: string;
-            emptySearchResult: string;
-            selectAll: string;
-        };
-        datePipe: {
-            customPeriod: string;
-            customPeriodFrom: string;
-            customPeriodTo: string;
-            customPeriodErrorHint: string;
-            backToPeriodSelection: string;
-        };
-    };
-    clampedText: {
-        openText: string;
-        closeText: string;
-    };
-    navbarIc: {
-        toggle: {
-            pinButton: string;
-            collapseButton: string;
-        };
-    };
-    searchExpandable: {
-        tooltip: string;
-        placeholder: string;
-    };
-    appSwitcher: {
-        searchPlaceholder: string;
-        searchEmptyResult: string;
-        sitesHeader: string;
-    };
-    timeRange: {
-        title: {
-            for: string;
-            placeholder: string;
-        };
-        editor: {
-            from: string;
-            to: string;
-            apply: string;
-            cancel: string;
-            rangeLabel: string;
-            allTime: string;
-            currentQuarter: string;
-            currentYear: string;
-        };
-        durationTemplate: {
-            title: {
-                SEPARATOR: string;
-                LAST_PART_SEPARATOR: string;
-                YEARS: string;
-                MONTHS: string;
-                WEEKS: string;
-                DAYS: string;
-                HOURS: string;
-                MINUTES: string;
-                SECONDS: string;
-                YEARS_FRACTION: string;
-                MONTHS_FRACTION: string;
-            };
-            option: {
-                SEPARATOR: string;
-                LAST_PART_SEPARATOR: string;
-                YEARS: string;
-                MONTHS: string;
-                WEEKS: string;
-                DAYS: string;
-                HOURS: string;
-                MINUTES: string;
-                SECONDS: string;
-                YEARS_FRACTION: string;
-                MONTHS_FRACTION: string;
-            };
-        };
-    };
-    notificationCenter: {
-        notifications: string;
-        remove: string;
-        doNotDisturb: string;
-        showPopUpNotifications: string;
-        noNotifications: string;
-        failedToLoadNotifications: string;
-        repeat: string;
-    };
-};