From 96fc82f57942e8c19be9686fc4f514414a6d74eb Mon Sep 17 00:00:00 2001 From: gbnm Date: Mon, 11 Sep 2023 21:19:35 +0100 Subject: [PATCH 1/5] Create DocsGenDeployManually.yml Created new GitHub action to generate and deploy the OS UI documentation. --- .github/workflows/DocsGenDeployManually.yml | 68 +++++++++++++++++++++ 1 file changed, 68 insertions(+) create mode 100644 .github/workflows/DocsGenDeployManually.yml diff --git a/.github/workflows/DocsGenDeployManually.yml b/.github/workflows/DocsGenDeployManually.yml new file mode 100644 index 0000000000..56d0541508 --- /dev/null +++ b/.github/workflows/DocsGenDeployManually.yml @@ -0,0 +1,68 @@ +name: docs-generate-deploy-manually + +on: + workflow_dispatch: + +jobs: + compile-prod: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v3 + with: + ref: main + + - run: npm install + + - name: Compile Prod + run: npm run build + + - name: Git Commit + uses: stefanzweifel/git-auto-commit-action@v4 + with: + branch: main + commit_message: Compiled Production Mode [skip ci] + + update-doc: + needs: compile-prod + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v3 + with: + ref: main + token: ${{ secrets.PAT }} + + - uses: actions/setup-node@v3 + + - run: npm install + + - name: Install graphviz + run: sudo apt install -y graphviz + + - run: npm run docs + + - name: Git Commit + uses: stefanzweifel/git-auto-commit-action@v4 + with: + branch: main + commit_message: Update documentation [skip ci] + + deploy-doc: + needs: update-doc + runs-on: ubuntu-latest + + steps: + - uses: actions/checkout@v3 + with: + ref: main + + - uses: actions/setup-node@v3 + + - name: Push files into github page + uses: GuillaumeFalourd/copy-push-files@v1 + + with: + source_files: docs/* + remote_repository: https://github.com/outsystems-ui-docs/outsystems-ui-docs.github.io + access_token: ${{ secrets.UICOMPONENTSDOCS }} + target_branch: main + commit_message: Deploy documentation. From 26daa93721ccfa31a493634a395dee12c734de76 Mon Sep 17 00:00:00 2001 From: Bernardo Cardoso Date: Wed, 27 Sep 2023 13:56:18 +0100 Subject: [PATCH 2/5] Renamed bodyScroll --- .../Event/DOMEvents/Listeners/BodyOnScroll.ts | 23 ------------------- .../DOMEvents/Listeners/ScreenOnScroll.ts | 21 +++++++++++++++++ 2 files changed, 21 insertions(+), 23 deletions(-) delete mode 100644 src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/BodyOnScroll.ts create mode 100644 src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/ScreenOnScroll.ts diff --git a/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/BodyOnScroll.ts b/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/BodyOnScroll.ts deleted file mode 100644 index 72b896a471..0000000000 --- a/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/BodyOnScroll.ts +++ /dev/null @@ -1,23 +0,0 @@ -// eslint-disable-next-line @typescript-eslint/no-unused-vars -namespace OSFramework.OSUI.Event.DOMEvents.Listeners { - /** - * Class that represents the scroll on the body event. - * - * @export - * @class BodyOnScroll - * @extends {Event.AbstractEvent} - */ - export class BodyOnScroll extends AbstractListener { - constructor() { - super(document.body, GlobalEnum.HTMLEvent.Scroll); - /* Since the scroll can be set to other elements than body, such as ".active-screen" container, we must enable this property in order to ensure it will be "listened" at the body where the event has been set! */ - this.useCapture = true; - this.eventCallback = this._bodyTrigger.bind(this); - } - - // Method to act as callback for the added event and trigger all handlers stored - private _bodyTrigger(evt: Event): void { - this.trigger(GlobalEnum.HTMLEvent.Scroll, evt); - } - } -} diff --git a/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/ScreenOnScroll.ts b/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/ScreenOnScroll.ts new file mode 100644 index 0000000000..7ec75846f4 --- /dev/null +++ b/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/ScreenOnScroll.ts @@ -0,0 +1,21 @@ +// eslint-disable-next-line @typescript-eslint/no-unused-vars +namespace OSFramework.OSUI.Event.DOMEvents.Listeners { + /** + * Class that represents the scroll on the active screen element. + * + * @export + * @class ScreenOnScroll + * @extends {Event.AbstractEvent} + */ + export class ScreenOnScroll extends AbstractListener { + constructor() { + super( Helper.Dom.ClassSelector(document, GlobalEnum.CssClassElements.ActiveScreen), GlobalEnum.HTMLEvent.Scroll); + this.eventCallback = this._screenTrigger.bind(this); + } + + // Method to act as callback for the added event and trigger all handlers stored + private _screenTrigger(evt: Event): void { + this.trigger(GlobalEnum.HTMLEvent.Scroll, evt); + } + } +} From 877f930fcd3675edae685a0ec6261e08448c3223 Mon Sep 17 00:00:00 2001 From: Bernardo Cardoso Date: Wed, 27 Sep 2023 13:56:37 +0100 Subject: [PATCH 3/5] Fixed patterns that use body scroll --- .../Event/DOMEvents/Listeners/ListenerEnum.ts | 2 +- .../DOMEvents/Listeners/ListenerManager.ts | 4 +- .../Dropdown/ServerSide/DropdownServerSide.ts | 93 ++++++-------- .../SectionIndexItem/SectionIndexItem.ts | 114 +++++------------- .../OSUI/Pattern/Tooltip/Tooltip.ts | 64 +++++----- .../Flatpickr/UpdatePositionOnScroll.ts | 22 ++-- 6 files changed, 116 insertions(+), 183 deletions(-) diff --git a/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/ListenerEnum.ts b/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/ListenerEnum.ts index aed89e4c58..003bc16e94 100644 --- a/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/ListenerEnum.ts +++ b/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/ListenerEnum.ts @@ -6,9 +6,9 @@ namespace OSFramework.OSUI.Event.DOMEvents.Listeners { export enum Type { BalloonOnToggle = 'balloon.onToggle', BodyOnClick = 'body.onclick', - BodyOnScroll = 'body.onscroll', BodyOnMouseDown = 'body.mousedown', OrientationChange = 'window.onorientationchange', + ScreenOnScroll = 'screen.onscroll', WindowResize = 'window.onresize', } } diff --git a/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/ListenerManager.ts b/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/ListenerManager.ts index ee9c65f715..a43651bc31 100644 --- a/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/ListenerManager.ts +++ b/src/scripts/OSFramework/OSUI/Event/DOMEvents/Listeners/ListenerManager.ts @@ -14,14 +14,14 @@ namespace OSFramework.OSUI.Event.DOMEvents.Listeners { return new BalloonOnToggle(); case Type.BodyOnClick: return new BodyOnClick(); - case Type.BodyOnScroll: - return new BodyOnScroll(); case Type.BodyOnMouseDown: return new BodyOnMouseDown(); case Type.WindowResize: return new WindowResize(); case Type.OrientationChange: return new OrientationChange(); + case Type.ScreenOnScroll: + return new ScreenOnScroll(); default: throw new Error(`The listener ${listenerType} is not supported.`); } diff --git a/src/scripts/OSFramework/OSUI/Pattern/Dropdown/ServerSide/DropdownServerSide.ts b/src/scripts/OSFramework/OSUI/Pattern/Dropdown/ServerSide/DropdownServerSide.ts index 74ea778620..f58c6dba11 100644 --- a/src/scripts/OSFramework/OSUI/Pattern/Dropdown/ServerSide/DropdownServerSide.ts +++ b/src/scripts/OSFramework/OSUI/Pattern/Dropdown/ServerSide/DropdownServerSide.ts @@ -34,8 +34,6 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { private _closeDynamically = false; // Click On Body private _eventOnBodyClick: GlobalCallbacks.Generic; - // Event OnBodyScroll - private _eventOnBodyScroll: GlobalCallbacks.Generic; // Click Event private _eventOnClick: GlobalCallbacks.Generic; private _eventOnClickInputSearch: GlobalCallbacks.Generic; @@ -43,6 +41,8 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { private _eventOnCloseTransitionEnd: GlobalCallbacks.Generic; // Event OnOrientationChange Event private _eventOnOrientationChange: GlobalCallbacks.Generic; + // Event OnScreenScroll + private _eventOnScreenScroll: GlobalCallbacks.Generic; // OnSearchInputBlur Event private _eventOnSearchInputBlur: GlobalCallbacks.Generic; // OnSearchInputFocus Event @@ -67,8 +67,6 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { private _isOpen = false; // Platform OnClose Callback private _platformEventOnToggleCallback: GlobalCallbacks.OSGeneric; - // Store the RequestAnimationFrame that will be triggered at OnBodyScroll - private _requestAnimationOnBodyScroll: number; // Store the HTML element for the Dropdown Select Wrapper private _selectValuesWrapper: HTMLElement; // Store the SelectValuesWrapper AriaLabel text @@ -118,8 +116,6 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { // Update the touchMove when pattern is open! this._touchMove(); - // Cancel the requestAnimationFrame - cancelAnimationFrame(this._requestAnimationOnBodyScroll); // Update status property this._isOpen = false; // Update pattern status! @@ -234,38 +230,6 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { } } - // Update the balloon coordinates - private _onBodyScroll(_eventType: string, event: UIEvent): void { - if (this.isBuilt) { - // If the scroll occcurs inside balloonContent, stop all the forward logic! - if (event !== undefined && event.target === this._balloonContentElement) { - cancelAnimationFrame(this._requestAnimationOnBodyScroll); - return; - } - - // If it's open and not at Desktop - if (this._isOpen && Helper.DeviceInfo.IsDesktop === false) { - cancelAnimationFrame(this._requestAnimationOnBodyScroll); - - // If it's tablet close it in order to prevent flickering on updating it's position! - if (Helper.DeviceInfo.IsTablet) { - this._close(); - } - return; - } - - // If the balloon is open and not IsPhone - if (this._isOpen) { - // Update the coordinates - this._setBalloonCoordinates(false); - // Update the "animation" before the next repaint - this._requestAnimationOnBodyScroll = requestAnimationFrame(this._eventOnBodyScroll); - } else { - cancelAnimationFrame(this._requestAnimationOnBodyScroll); - } - } - } - // A11y keyboard keys private _onKeyboardPressed(event: KeyboardEvent): void { event.stopPropagation(); @@ -331,6 +295,21 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { } } + // Update the balloon coordinates + private _onScreenScroll(): void { + if (this.isBuilt && this._isOpen) { + // If it's tablet close it in order to prevent flickering on updating it's position! + if (Helper.DeviceInfo.IsTablet) { + this._close(); + return; + } + + // If the balloon is open and Desktop + // Update the coordinates + requestAnimationFrame(this._setBalloonCoordinates.bind(this)); + } + } + // Also Used to manage the balloon height accordingly keyboard is in use due to the way iOS deal with it! private _onSearchInputBlur(): void { Helper.Dom.Styles.RemoveClass(this._balloonWrapperElement, Enum.CssClass.SearchInputIsFocused); @@ -510,6 +489,7 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { // Set balloon position and coordinates based on pattern SelfElement private _setBalloonCoordinates(lookAtXPosition = true): void { + console.log('update coords'); // Get all info from the pattern self element const selfElement = this.selfElement.getBoundingClientRect(); @@ -521,10 +501,7 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { selfElement.right === this._selfElementBoundingClientRect.x + this._selfElementBoundingClientRect.width && selfElement.y === this._selfElementBoundingClientRect.y) - ) { - cancelAnimationFrame(this._requestAnimationOnBodyScroll); - return; - } + ) // Store the new selElement coordinates this._selfElementBoundingClientRect.x = selfElement.x; @@ -667,15 +644,15 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { Event.DOMEvents.Listeners.Type.BodyOnClick, this._eventOnBodyClick ); + + if(Helper.DeviceInfo.IsPhone === false) { + // Add the ScreenScroll callback that will be used to update the balloon coodinates + Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler( + Event.DOMEvents.Listeners.Type.ScreenOnScroll, + this._eventOnScreenScroll + ); + } - // Add the BodyScroll callback that will be used to update the balloon coodinates - Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler( - Event.DOMEvents.Listeners.Type.BodyOnScroll, - this._eventOnBodyScroll - ); - - // Update "animation" before the next repaint - this._requestAnimationOnBodyScroll = requestAnimationFrame(this._eventOnBodyScroll); // Add the window resize callback that will be used to update the balloon position! Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler( Event.DOMEvents.Listeners.Type.WindowResize, @@ -747,10 +724,14 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { Event.DOMEvents.Listeners.Type.BodyOnClick, this._eventOnBodyClick ); - Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler( - Event.DOMEvents.Listeners.Type.BodyOnScroll, - this._eventOnBodyScroll - ); + + if(Helper.DeviceInfo.IsPhone === false) { + Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler( + Event.DOMEvents.Listeners.Type.ScreenOnScroll, + this._eventOnScreenScroll + ); + } + Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler( Event.DOMEvents.Listeners.Type.WindowResize, this._eventOnWindowResize @@ -927,7 +908,7 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { */ protected setCallbacks(): void { this._eventOnBodyClick = this._onBodyClick.bind(this); - this._eventOnBodyScroll = this._onBodyScroll.bind(this); + this._eventOnScreenScroll = this._onScreenScroll.bind(this); this._eventOnClick = this._onSelectValuesWrapperClicked.bind(this); this._eventOnClickInputSearch = this._onSearchInputClicked.bind(this); this._eventOnCloseTransitionEnd = this._endOfCloseAnimation.bind(this); @@ -995,7 +976,7 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { */ protected unsetCallbacks(): void { this._eventOnBodyClick = undefined; - this._eventOnBodyScroll = undefined; + this._eventOnScreenScroll = undefined; this._eventOnClick = undefined; this._eventOnClickInputSearch = undefined; this._eventOnCloseTransitionEnd = undefined; diff --git a/src/scripts/OSFramework/OSUI/Pattern/SectionIndexItem/SectionIndexItem.ts b/src/scripts/OSFramework/OSUI/Pattern/SectionIndexItem/SectionIndexItem.ts index a308ff5837..8598ea6355 100644 --- a/src/scripts/OSFramework/OSUI/Pattern/SectionIndexItem/SectionIndexItem.ts +++ b/src/scripts/OSFramework/OSUI/Pattern/SectionIndexItem/SectionIndexItem.ts @@ -12,10 +12,10 @@ namespace OSFramework.OSUI.Patterns.SectionIndexItem { extends AbstractChild implements ISectionIndexItem { - // Event OnBodyScroll - private _eventOnBodyScroll: GlobalCallbacks.Generic; // Store the on click event private _eventOnClick: GlobalCallbacks.Generic; + // Event OnScreenScroll + private _eventOnScreenScroll: GlobalCallbacks.Generic; //Stores the keyboard callback function private _eventOnkeyBoardPress: GlobalCallbacks.Generic; // Store the header size if it's fixed! @@ -38,13 +38,23 @@ namespace OSFramework.OSUI.Patterns.SectionIndexItem { super(uniqueId, new SectionIndexItemConfig(configs)); } - /** - * Method to check the scroll to know if the target element is visible and sets the item as active - * - * @private - * @memberof SectionIndexItem - */ - private _onBodyScroll(): void { + // Method to set the A11y keyboard navigation + private _onKeyboardPressed(event: KeyboardEvent): void { + event.preventDefault(); + event.stopPropagation(); + + switch (event.key) { + // If Enter or Space Keys trigger as a click event! + case GlobalEnum.Keycodes.Enter: + case GlobalEnum.Keycodes.Space: + // Triggered as it was clicked! + this._onSelected(event); + break; + } + } + + // Method to check the scroll to know if the target element is visible and sets the item as active + private _onScreenScroll(): void { // Set target element offset info! this._setTargetOffsetInfo(); // Get the vertical scroll position value @@ -62,7 +72,7 @@ namespace OSFramework.OSUI.Patterns.SectionIndexItem { - AND; - If scroll has hit the bottom and element doesn't have height enought to be placed at that offset it should set it as IsActive since it will be the last item in screen inside the scrollContainer. - */ + */ if ( (this.isFirstChild && scrollYPosition.percentageInView === 0) || (elementOffsetTopVal >= -thresholdVal && elementOffsetTopVal <= thresholdVal) || @@ -72,34 +82,7 @@ namespace OSFramework.OSUI.Patterns.SectionIndexItem { } } - /** - * Method to set the A11y keyboard navigation - * - * @private - * @param {KeyboardEvent} event - * @memberof SectionIndexItem - */ - private _onKeyboardPressed(event: KeyboardEvent): void { - event.preventDefault(); - event.stopPropagation(); - - switch (event.key) { - // If Enter or Space Keys trigger as a click event! - case GlobalEnum.Keycodes.Enter: - case GlobalEnum.Keycodes.Space: - // Triggered as it was clicked! - this._onSelected(event); - break; - } - } - - /** - * Method to handle the click event - * - * @private - * @param {Event} event - * @memberof SectionIndexItem - */ + // Method to handle the click event private _onSelected(event: Event): void { event.preventDefault(); event.stopPropagation(); @@ -111,27 +94,17 @@ namespace OSFramework.OSUI.Patterns.SectionIndexItem { this.notifyParent(SectionIndex.Enum.ChildNotifyActionType.Click); } - /** - * Method to remove Pattern events - * - * @private - * @memberof SectionIndexItem - */ + // Method to remove Pattern events private _removeEvents(): void { this.selfElement.removeEventListener(GlobalEnum.HTMLEvent.Click, this._eventOnClick); this.selfElement.removeEventListener(GlobalEnum.HTMLEvent.keyDown, this._eventOnkeyBoardPress); Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler( - Event.DOMEvents.Listeners.Type.BodyOnScroll, - this._eventOnBodyScroll + Event.DOMEvents.Listeners.Type.ScreenOnScroll, + this._eventOnScreenScroll ); } - /** - * Method to check if header IsFixed - * - * @private - * @memberof SectionIndexItem - */ + // Method to check if header IsFixed private _setHeaderSize(): void { const header = Helper.Dom.ClassSelector(document.body, GlobalEnum.CssClassElements.Header); this._headerIsFixed = !!Helper.Dom.ClassSelector(document.body, GlobalEnum.CssClassElements.HeaderIsFixed); @@ -142,23 +115,12 @@ namespace OSFramework.OSUI.Patterns.SectionIndexItem { } } - /** - * Method to add a data attribute to be used in automated tests - * and to have info on DOM of which element the index is pointing - * - * @private - * @memberof SectionIndexItem - */ + // Method to add a data attribute to be used in automated tests and to have info on DOM of which element the index is pointing private _setLinkAttribute(): void { Helper.Dom.Attribute.Set(this.selfElement, Enum.DataTypes.dataItem, this.configs.ScrollToWidgetId); } - /** - * Method to set the TargetElement - * - * @private - * @memberof SectionIndexItem - */ + // Method to set the TargetElement private _setTargetElement(): void { // Check if the element has been already defined! if (this._targetElement === undefined) { @@ -174,12 +136,7 @@ namespace OSFramework.OSUI.Patterns.SectionIndexItem { } } - /** - * Method to set the offset info related with TargetElement - * - * @private - * @memberof SectionIndexItem - */ + // Method to set the offset info related with TargetElement private _setTargetOffsetInfo(): void { // Check if TargetElement has been already defined, otherwise define it! this._setTargetElement(); @@ -192,19 +149,14 @@ namespace OSFramework.OSUI.Patterns.SectionIndexItem { this._targetElement.offsetTop + this._headerHeight + (this.parentObject.contentPaddingTop as number); } - /** - * Method to set the event listeners - * - * @private - * @memberof SectionIndexItem - */ + // Method to set the event listeners private _setUpEvents(): void { this.selfElement.addEventListener(GlobalEnum.HTMLEvent.Click, this._eventOnClick); this.selfElement.addEventListener(GlobalEnum.HTMLEvent.keyDown, this._eventOnkeyBoardPress); // Add the BodyScroll callback that will be used to update the balloon coodinates Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler( - Event.DOMEvents.Listeners.Type.BodyOnScroll, - this._eventOnBodyScroll + Event.DOMEvents.Listeners.Type.ScreenOnScroll, + this._eventOnScreenScroll ); } @@ -230,7 +182,7 @@ namespace OSFramework.OSUI.Patterns.SectionIndexItem { protected setCallbacks(): void { this._eventOnClick = this._onSelected.bind(this); this._eventOnkeyBoardPress = this._onKeyboardPressed.bind(this); - this._eventOnBodyScroll = this._onBodyScroll.bind(this); + this._eventOnScreenScroll = this._onScreenScroll.bind(this); } /** @@ -269,7 +221,7 @@ namespace OSFramework.OSUI.Patterns.SectionIndexItem { this._eventOnClick = undefined; this._eventOnkeyBoardPress = undefined; - this._eventOnBodyScroll = undefined; + this._eventOnScreenScroll = undefined; } /** diff --git a/src/scripts/OSFramework/OSUI/Pattern/Tooltip/Tooltip.ts b/src/scripts/OSFramework/OSUI/Pattern/Tooltip/Tooltip.ts index 2add222228..506a14cac0 100644 --- a/src/scripts/OSFramework/OSUI/Pattern/Tooltip/Tooltip.ts +++ b/src/scripts/OSFramework/OSUI/Pattern/Tooltip/Tooltip.ts @@ -17,14 +17,14 @@ namespace OSFramework.OSUI.Patterns.Tooltip { private _eventOnBlur: GlobalCallbacks.Generic; // Event OnBodyClick private _eventOnBodyClick: GlobalCallbacks.Generic; - // Event OnBodyScroll - private _eventOnBodyScroll: GlobalCallbacks.Generic; // Event OnPatternClick private _eventOnClick: GlobalCallbacks.Generic; // Event OnPatternFocus private _eventOnFocus: GlobalCallbacks.Generic; // Event OnOpendBalloon private _eventOnOpenedBalloon: GlobalCallbacks.Generic; + // Event OnScreenScroll + private _eventOnScreenScroll: GlobalCallbacks.Generic; // On WindowResize Event private _eventOnWindowResize: GlobalCallbacks.Generic; // Set the observer that will check if the balloon is inside screen boundaries! @@ -162,28 +162,6 @@ namespace OSFramework.OSUI.Patterns.Tooltip { } } - // Update the balloon coordinates - private _onBodyScroll(): void { - if (this.isBuilt) { - // If it's open and not at Desktop, close it! - if (this._isOpen && Helper.DeviceInfo.IsDesktop === false) { - cancelAnimationFrame(this._requestAnimationOnBodyScroll); - this._triggerClose(); - return; - } - - // If the balloon is open and not IsPhone - if (this._isOpen) { - // Update the coordinates - this._setBalloonCoordinates(); - // Update the "animation" before the next repaint - this._requestAnimationOnBodyScroll = requestAnimationFrame(this._eventOnBodyScroll); - } else { - cancelAnimationFrame(this._requestAnimationOnBodyScroll); - } - } - } - // Trigger the tooltip at onClick behaviour private _onClick(e: MouseEvent): void { e.stopPropagation(); @@ -227,6 +205,28 @@ namespace OSFramework.OSUI.Patterns.Tooltip { Helper.Dom.Styles.RemoveClass(this._tooltipBalloonWrapperElem, Enum.CssClass.BalloonIsOpening); } + // Update the balloon coordinates + private _onScreenScroll(): void { + if (this.isBuilt) { + // If it's open and not at Desktop, close it! + if (this._isOpen && Helper.DeviceInfo.IsDesktop === false) { + cancelAnimationFrame(this._requestAnimationOnBodyScroll); + this._triggerClose(); + return; + } + + // If the balloon is open and not IsPhone + if (this._isOpen) { + // Update the coordinates + this._setBalloonCoordinates(); + // Update the "animation" before the next repaint + this._requestAnimationOnBodyScroll = requestAnimationFrame(this._eventOnScreenScroll); + } else { + cancelAnimationFrame(this._requestAnimationOnBodyScroll); + } + } + } + // Manage the behaviour when there is a window resize! private _onWindowResize(): void { // Update Coordinates @@ -381,13 +381,13 @@ namespace OSFramework.OSUI.Patterns.Tooltip { this._tooltipIconElem.addEventListener(GlobalEnum.HTMLEvent.Focus, this._eventOnFocus); } - // Add the BodyScroll callback that will be used to update the balloon coodinates + // Add the ScreenScroll callback that will be used to update the balloon coodinates Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler( - Event.DOMEvents.Listeners.Type.BodyOnScroll, - this._eventOnBodyScroll + Event.DOMEvents.Listeners.Type.ScreenOnScroll, + this._eventOnScreenScroll ); // Update "animation" before the next repaint - this._requestAnimationOnBodyScroll = requestAnimationFrame(this._eventOnBodyScroll); + this._requestAnimationOnBodyScroll = requestAnimationFrame(this._eventOnScreenScroll); // Add the window resize callback that will be used update the balloon position! Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler( @@ -536,8 +536,8 @@ namespace OSFramework.OSUI.Patterns.Tooltip { this._eventOnBodyClick ); Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler( - Event.DOMEvents.Listeners.Type.BodyOnScroll, - this._eventOnBodyScroll + Event.DOMEvents.Listeners.Type.ScreenOnScroll, + this._eventOnScreenScroll ); Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler( @@ -634,7 +634,7 @@ namespace OSFramework.OSUI.Patterns.Tooltip { this._eventOnBalloonClick = this._onBalloonClick.bind(this); this._eventOnBlur = this._onBlur.bind(this); this._eventOnBodyClick = this._onBodyClick.bind(this); - this._eventOnBodyScroll = this._onBodyScroll.bind(this); + this._eventOnScreenScroll = this._onScreenScroll.bind(this); this._eventOnClick = this._onClick.bind(this); this._eventOnFocus = this._onFocus.bind(this); this._eventOnOpenedBalloon = this._onOpenedBalloon.bind(this); @@ -693,7 +693,7 @@ namespace OSFramework.OSUI.Patterns.Tooltip { this._eventOnBalloonClick = undefined; this._eventOnBlur = undefined; this._eventOnBodyClick = undefined; - this._eventOnBodyScroll = undefined; + this._eventOnScreenScroll = undefined; this._eventOnClick = undefined; this._eventOnFocus = undefined; this._eventOnOpenedBalloon = undefined; diff --git a/src/scripts/Providers/OSUI/SharedProviderResources/Flatpickr/UpdatePositionOnScroll.ts b/src/scripts/Providers/OSUI/SharedProviderResources/Flatpickr/UpdatePositionOnScroll.ts index 63811392e8..ddecd5b2d7 100644 --- a/src/scripts/Providers/OSUI/SharedProviderResources/Flatpickr/UpdatePositionOnScroll.ts +++ b/src/scripts/Providers/OSUI/SharedProviderResources/Flatpickr/UpdatePositionOnScroll.ts @@ -1,8 +1,8 @@ // eslint-disable-next-line @typescript-eslint/no-unused-vars namespace Providers.OSUI.SharedProviderResources.Flatpickr { export class UpdatePositionOnScroll { - // Event OnBodyScroll - private _onBodyScrollEvent: OSFramework.OSUI.GlobalCallbacks.Generic; + // Event OnScreenScroll + private _onScreenScrollEvent: OSFramework.OSUI.GlobalCallbacks.Generic; // Store the picker instance private _picker: | Datepicker.Flatpickr.IFlatpickr @@ -26,14 +26,14 @@ namespace Providers.OSUI.SharedProviderResources.Flatpickr { } // Update the calendar position - private _onBodyScroll(): void { + private _onScreenScroll(): void { if (this._picker.isBuilt) { // If the calendar is open! if (this._picker.provider.isOpen) { // trigger provider update position method this._picker.provider._positionCalendar(); // Update the "position" before the next "repaint" - this._requestAnimationOnBodyScroll = requestAnimationFrame(this._onBodyScrollEvent); + this._requestAnimationOnBodyScroll = requestAnimationFrame(this._onScreenScrollEvent); } else { cancelAnimationFrame(this._requestAnimationOnBodyScroll); } @@ -42,28 +42,28 @@ namespace Providers.OSUI.SharedProviderResources.Flatpickr { // Method used to set callbacks private _setCallbacks(): void { - this._onBodyScrollEvent = this._onBodyScroll.bind(this); + this._onScreenScrollEvent = this._onScreenScroll.bind(this); } // Add Events private _setUpEvents(): void { // Add the BodyScroll callback that will be used to update the balloon coodinates OSFramework.OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler( - OSFramework.OSUI.Event.DOMEvents.Listeners.Type.BodyOnScroll, - this._onBodyScrollEvent + OSFramework.OSUI.Event.DOMEvents.Listeners.Type.ScreenOnScroll, + this._onScreenScrollEvent ); } // Method used to unset callbacks private _unsetCallbacks(): void { - this._onBodyScrollEvent = undefined; + this._onScreenScrollEvent = undefined; } // Remove Added Events private _unsetEvents(): void { OSFramework.OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler( - OSFramework.OSUI.Event.DOMEvents.Listeners.Type.BodyOnScroll, - this._onBodyScrollEvent + OSFramework.OSUI.Event.DOMEvents.Listeners.Type.ScreenOnScroll, + this._onScreenScrollEvent ); } @@ -76,7 +76,7 @@ namespace Providers.OSUI.SharedProviderResources.Flatpickr { this._unsetEvents(); this._unsetCallbacks(); - this._onBodyScrollEvent = undefined; + this._onScreenScrollEvent = undefined; this._requestAnimationOnBodyScroll = undefined; } } From 1da3446ade7ede5472d5e3d6c02ea3356b619d16 Mon Sep 17 00:00:00 2001 From: Bernardo Cardoso Date: Wed, 27 Sep 2023 14:00:00 +0100 Subject: [PATCH 4/5] removed console.log --- .../OSUI/Pattern/Dropdown/ServerSide/DropdownServerSide.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/src/scripts/OSFramework/OSUI/Pattern/Dropdown/ServerSide/DropdownServerSide.ts b/src/scripts/OSFramework/OSUI/Pattern/Dropdown/ServerSide/DropdownServerSide.ts index f58c6dba11..218a1bf0c3 100644 --- a/src/scripts/OSFramework/OSUI/Pattern/Dropdown/ServerSide/DropdownServerSide.ts +++ b/src/scripts/OSFramework/OSUI/Pattern/Dropdown/ServerSide/DropdownServerSide.ts @@ -489,7 +489,6 @@ namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { // Set balloon position and coordinates based on pattern SelfElement private _setBalloonCoordinates(lookAtXPosition = true): void { - console.log('update coords'); // Get all info from the pattern self element const selfElement = this.selfElement.getBoundingClientRect(); From b161718932b2d3780c0a0f65965adc9fcf125bd6 Mon Sep 17 00:00:00 2001 From: Giuliana Silva <108938618+OS-giulianasilva@users.noreply.github.com> Date: Mon, 2 Oct 2023 09:18:49 +0100 Subject: [PATCH 5/5] ROU-4543: Improve accessibility for DatePickers (#835) * Improve accessibility for DatePickers * Change the accessibility text of datepicker to reflect the recent changes --- dist/OutSystemsUI.css | 19 + dist/OutSystemsUI.d.ts | 34 +- dist/OutSystemsUI.js | 374 +++++++++--------- .../Datepicker/Flatpickr/AbstractFlatpickr.ts | 24 +- .../Flatpickr/l10ns/A11yContainerInfo.ts | 130 +++--- .../Flatpickr/scss/_flatpickr.scss | 8 +- 6 files changed, 316 insertions(+), 273 deletions(-) diff --git a/dist/OutSystemsUI.css b/dist/OutSystemsUI.css index 92c62b5ef9..f58c8d1545 100644 --- a/dist/OutSystemsUI.css +++ b/dist/OutSystemsUI.css @@ -8101,6 +8101,9 @@ span.flatpickr-weekday{ .flatpickr-calendar.hasWeeks .flatpickr-weekwrapper .flatpickr-weeks{ margin-right:var(--space-xs); } +.flatpickr-calendar.hasWeeks .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-day{ + color:var(--color-neutral-5); +} .flatpickr-calendar.hasWeeks span.flatpickr-day{ height:35px; line-height:34px; @@ -8471,6 +8474,21 @@ span.flatpickr-weekday{ --osui-flatpickr-layer:calc(var(--osui-menu-layer) + var(--layer-local-tier-1)); } } +.osui-datepicker-calendar .flatpickr-months .flatpickr-month:focus-within{ + overflow:visible; +} +.osui-datepicker-calendar .numInputWrapper input:focus-visible, +.osui-datepicker-calendar .flatpickr-monthDropdown-months:focus-visible, +.osui-datepicker-calendar .flatpickr-prev-month:focus-visible, +.osui-datepicker-calendar .flatpickr-next-month:focus-visible, +.osui-datepicker-calendar .flatpickr-am-pm:focus-visible, +.osui-datepicker-calendar .flatpickr-today-button a:focus-visible{ + -webkit-box-shadow:0 0 0 3px var(--color-focus-outer); + box-shadow:0 0 0 3px var(--color-focus-outer); +} +.osui-datepicker-calendar .flatpickr-day:focus-visible{ + border-color:var(--color-focus-outer); +} .osui-datepicker input[type=date]::-webkit-inner-spin-button, .osui-datepicker input[type=date]::-webkit-calendar-picker-indicator, .osui-datepicker input[type=date]::-webkit-datetime-edit-year-field, .osui-datepicker input[type=date]::-webkit-datetime-edit-month-field, .osui-datepicker input[type=date]::-webkit-datetime-edit-day-field, .osui-datepicker input[type=date]::-webkit-datetime-edit-fields-wrapper{ display:none; -moz-appearance:none; @@ -10754,6 +10772,7 @@ html[data-uieditorversion^="1"] .osui-timepicker__dropdown-ss-preview.time12h, h } /*! 6.4.3. OverflowMenu */ .osui-overflow-menu{ + display:inline-block; --osui-overflow-menu-min-width:170px; --border-radius-rounded:16px; } diff --git a/dist/OutSystemsUI.d.ts b/dist/OutSystemsUI.d.ts index 3ae0db236d..3b23e55687 100644 --- a/dist/OutSystemsUI.d.ts +++ b/dist/OutSystemsUI.d.ts @@ -647,12 +647,6 @@ declare namespace OSFramework.OSUI.Event.DOMEvents.Listeners { private _bodyTrigger; } } -declare namespace OSFramework.OSUI.Event.DOMEvents.Listeners { - class BodyOnScroll extends AbstractListener { - constructor(); - private _bodyTrigger; - } -} declare namespace OSFramework.OSUI.Event.DOMEvents.Listeners { interface IListener extends IEvent { disableBodyClickEvent?(): void; @@ -663,9 +657,9 @@ declare namespace OSFramework.OSUI.Event.DOMEvents.Listeners { enum Type { BalloonOnToggle = "balloon.onToggle", BodyOnClick = "body.onclick", - BodyOnScroll = "body.onscroll", BodyOnMouseDown = "body.mousedown", OrientationChange = "window.onorientationchange", + ScreenOnScroll = "screen.onscroll", WindowResize = "window.onresize" } } @@ -684,6 +678,12 @@ declare namespace OSFramework.OSUI.Event.DOMEvents.Listeners { private _orientationTrigger; } } +declare namespace OSFramework.OSUI.Event.DOMEvents.Listeners { + class ScreenOnScroll extends AbstractListener { + constructor(); + private _screenTrigger; + } +} declare namespace OSFramework.OSUI.Event.DOMEvents.Listeners { class WindowResize extends AbstractListener { private _timeout; @@ -1916,11 +1916,11 @@ declare namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { private _balloonWrapperElement; private _closeDynamically; private _eventOnBodyClick; - private _eventOnBodyScroll; private _eventOnClick; private _eventOnClickInputSearch; private _eventOnCloseTransitionEnd; private _eventOnOrientationChange; + private _eventOnScreenScroll; private _eventOnSearchInputBlur; private _eventOnSearchInputFocus; private _eventOnSpanFocus; @@ -1933,7 +1933,6 @@ declare namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { private _isBlocked; private _isOpen; private _platformEventOnToggleCallback; - private _requestAnimationOnBodyScroll; private _selectValuesWrapper; private _selectValuesWrapperAriaLabel; private _selfElementBoundingClientRect; @@ -1947,9 +1946,9 @@ declare namespace OSFramework.OSUI.Patterns.Dropdown.ServerSide { private _hasNoImplementation; private _moveBallonElement; private _onBodyClick; - private _onBodyScroll; private _onKeyboardPressed; private _onOrientationChange; + private _onScreenScroll; private _onSearchInputBlur; private _onSearchInputClicked; private _onSearchInputFocus; @@ -2955,8 +2954,8 @@ declare namespace OSFramework.OSUI.Patterns.SectionIndexItem { } declare namespace OSFramework.OSUI.Patterns.SectionIndexItem { class SectionIndexItem extends AbstractChild implements ISectionIndexItem { - private _eventOnBodyScroll; private _eventOnClick; + private _eventOnScreenScroll; private _eventOnkeyBoardPress; private _headerHeight; private _headerIsFixed; @@ -2965,8 +2964,8 @@ declare namespace OSFramework.OSUI.Patterns.SectionIndexItem { private _targetElement; private _targetElementOffset; constructor(uniqueId: string, configs: JSON); - private _onBodyScroll; private _onKeyboardPressed; + private _onScreenScroll; private _onSelected; private _removeEvents; private _setHeaderSize; @@ -3572,10 +3571,10 @@ declare namespace OSFramework.OSUI.Patterns.Tooltip { private _eventOnBalloonClick; private _eventOnBlur; private _eventOnBodyClick; - private _eventOnBodyScroll; private _eventOnClick; private _eventOnFocus; private _eventOnOpenedBalloon; + private _eventOnScreenScroll; private _eventOnWindowResize; private _intersectionObserver; private _isBalloonWrapperMouseEnter; @@ -3598,12 +3597,12 @@ declare namespace OSFramework.OSUI.Patterns.Tooltip { private _onBalloonWrapperMouseLeave; private _onBlur; private _onBodyClick; - private _onBodyScroll; private _onClick; private _onFocus; private _onIconMouseEnter; private _onIconMouseLeave; private _onOpenedBalloon; + private _onScreenScroll; private _onWindowResize; private _setBalloonCoordinates; private _setBalloonPosition; @@ -4777,6 +4776,8 @@ declare namespace Providers.OSUI.Datepicker.Flatpickr { abstract class AbstractFlatpickr extends OSFramework.OSUI.Patterns.DatePicker.AbstractDatePicker implements IFlatpickr { private _a11yInfoContainerElem; private _bodyScrollCommonBehaviour; + private _providerFocusSpanTarget; + private _todayButtonElem; private _zindexCommonBehavior; protected datePickerPlatformInputElem: HTMLInputElement; protected flatpickrInputElem: HTMLInputElement; @@ -4786,6 +4787,7 @@ declare namespace Providers.OSUI.Datepicker.Flatpickr { private _setAttributes; private _setCalendarCssClasses; private _setParentMinHeight; + private _todayButtonKeydown; private _unsetParentMinHeight; protected addTodayBtn(): void; protected createProviderInstance(): void; @@ -5950,11 +5952,11 @@ declare namespace Providers.OSUI.SharedProviderResources.Flatpickr.Enum { } declare namespace Providers.OSUI.SharedProviderResources.Flatpickr { class UpdatePositionOnScroll { - private _onBodyScrollEvent; + private _onScreenScrollEvent; private _picker; private _requestAnimationOnBodyScroll; constructor(picker: Datepicker.Flatpickr.IFlatpickr | TimePicker.Flatpickr.IFlatpickrTime | MonthPicker.Flatpickr.IFlatpickrMonth); - private _onBodyScroll; + private _onScreenScroll; private _setCallbacks; private _setUpEvents; private _unsetCallbacks; diff --git a/dist/OutSystemsUI.js b/dist/OutSystemsUI.js index d83a591c7d..1dbf3699e4 100644 --- a/dist/OutSystemsUI.js +++ b/dist/OutSystemsUI.js @@ -1215,32 +1215,6 @@ var OSFramework; })(OSUI = OSFramework.OSUI || (OSFramework.OSUI = {})); })(OSFramework || (OSFramework = {})); var OSFramework; -(function (OSFramework) { - var OSUI; - (function (OSUI) { - var Event; - (function (Event) { - var DOMEvents; - (function (DOMEvents) { - var Listeners; - (function (Listeners) { - class BodyOnScroll extends Listeners.AbstractListener { - constructor() { - super(document.body, OSUI.GlobalEnum.HTMLEvent.Scroll); - this.useCapture = true; - this.eventCallback = this._bodyTrigger.bind(this); - } - _bodyTrigger(evt) { - this.trigger(OSUI.GlobalEnum.HTMLEvent.Scroll, evt); - } - } - Listeners.BodyOnScroll = BodyOnScroll; - })(Listeners = DOMEvents.Listeners || (DOMEvents.Listeners = {})); - })(DOMEvents = Event.DOMEvents || (Event.DOMEvents = {})); - })(Event = OSUI.Event || (OSUI.Event = {})); - })(OSUI = OSFramework.OSUI || (OSFramework.OSUI = {})); -})(OSFramework || (OSFramework = {})); -var OSFramework; (function (OSFramework) { var OSUI; (function (OSUI) { @@ -1254,9 +1228,9 @@ var OSFramework; (function (Type) { Type["BalloonOnToggle"] = "balloon.onToggle"; Type["BodyOnClick"] = "body.onclick"; - Type["BodyOnScroll"] = "body.onscroll"; Type["BodyOnMouseDown"] = "body.mousedown"; Type["OrientationChange"] = "window.onorientationchange"; + Type["ScreenOnScroll"] = "screen.onscroll"; Type["WindowResize"] = "window.onresize"; })(Type = Listeners.Type || (Listeners.Type = {})); })(Listeners = DOMEvents.Listeners || (DOMEvents.Listeners = {})); @@ -1281,14 +1255,14 @@ var OSFramework; return new Listeners.BalloonOnToggle(); case Listeners.Type.BodyOnClick: return new Listeners.BodyOnClick(); - case Listeners.Type.BodyOnScroll: - return new Listeners.BodyOnScroll(); case Listeners.Type.BodyOnMouseDown: return new Listeners.BodyOnMouseDown(); case Listeners.Type.WindowResize: return new Listeners.WindowResize(); case Listeners.Type.OrientationChange: return new Listeners.OrientationChange(); + case Listeners.Type.ScreenOnScroll: + return new Listeners.ScreenOnScroll(); default: throw new Error(`The listener ${listenerType} is not supported.`); } @@ -1333,6 +1307,31 @@ var OSFramework; })(OSUI = OSFramework.OSUI || (OSFramework.OSUI = {})); })(OSFramework || (OSFramework = {})); var OSFramework; +(function (OSFramework) { + var OSUI; + (function (OSUI) { + var Event; + (function (Event) { + var DOMEvents; + (function (DOMEvents) { + var Listeners; + (function (Listeners) { + class ScreenOnScroll extends Listeners.AbstractListener { + constructor() { + super(OSUI.Helper.Dom.ClassSelector(document, OSUI.GlobalEnum.CssClassElements.ActiveScreen), OSUI.GlobalEnum.HTMLEvent.Scroll); + this.eventCallback = this._screenTrigger.bind(this); + } + _screenTrigger(evt) { + this.trigger(OSUI.GlobalEnum.HTMLEvent.Scroll, evt); + } + } + Listeners.ScreenOnScroll = ScreenOnScroll; + })(Listeners = DOMEvents.Listeners || (DOMEvents.Listeners = {})); + })(DOMEvents = Event.DOMEvents || (Event.DOMEvents = {})); + })(Event = OSUI.Event || (OSUI.Event = {})); + })(OSUI = OSFramework.OSUI || (OSFramework.OSUI = {})); +})(OSFramework || (OSFramework = {})); +var OSFramework; (function (OSFramework) { var OSUI; (function (OSUI) { @@ -4457,6 +4456,12 @@ var OSFramework; var BottomSheet; (function (BottomSheet_1) { class BottomSheet extends Patterns.AbstractPattern { + get gestureEventInstance() { + return this._gestureEventInstance; + } + get hasGestureEvents() { + return this._hasGestureEvents; + } constructor(uniqueId, configs) { super(uniqueId, new BottomSheet_1.BottomSheetConfig(configs)); this._isOpen = false; @@ -4469,12 +4474,6 @@ var OSFramework; }, }; } - get gestureEventInstance() { - return this._gestureEventInstance; - } - get hasGestureEvents() { - return this._hasGestureEvents; - } _handleFocusBehavior() { const opts = { focusTargetElement: this._parentSelf, @@ -5352,7 +5351,6 @@ var OSFramework; } OSUI.Helper.Dom.Styles.RemoveClass(document.body, ServerSide.Enum.CssClass.IsVisible); this._touchMove(); - cancelAnimationFrame(this._requestAnimationOnBodyScroll); this._isOpen = false; this._updatePatternState(); this._unsetObserver(); @@ -5417,28 +5415,6 @@ var OSFramework; this._close(); } } - _onBodyScroll(_eventType, event) { - if (this.isBuilt) { - if (event !== undefined && event.target === this._balloonContentElement) { - cancelAnimationFrame(this._requestAnimationOnBodyScroll); - return; - } - if (this._isOpen && OSUI.Helper.DeviceInfo.IsDesktop === false) { - cancelAnimationFrame(this._requestAnimationOnBodyScroll); - if (OSUI.Helper.DeviceInfo.IsTablet) { - this._close(); - } - return; - } - if (this._isOpen) { - this._setBalloonCoordinates(false); - this._requestAnimationOnBodyScroll = requestAnimationFrame(this._eventOnBodyScroll); - } - else { - cancelAnimationFrame(this._requestAnimationOnBodyScroll); - } - } - } _onKeyboardPressed(event) { event.stopPropagation(); switch (event.target) { @@ -5481,6 +5457,15 @@ var OSFramework; this._close(); } } + _onScreenScroll() { + if (this.isBuilt && this._isOpen) { + if (OSUI.Helper.DeviceInfo.IsTablet) { + this._close(); + return; + } + requestAnimationFrame(this._setBalloonCoordinates.bind(this)); + } + } _onSearchInputBlur() { OSUI.Helper.Dom.Styles.RemoveClass(this._balloonWrapperElement, ServerSide.Enum.CssClass.SearchInputIsFocused); } @@ -5595,11 +5580,8 @@ var OSFramework; selfElement.x === this._selfElementBoundingClientRect.x && selfElement.right === this._selfElementBoundingClientRect.x + this._selfElementBoundingClientRect.width && - selfElement.y === this._selfElementBoundingClientRect.y)) { - cancelAnimationFrame(this._requestAnimationOnBodyScroll); - return; - } - this._selfElementBoundingClientRect.x = selfElement.x; + selfElement.y === this._selfElementBoundingClientRect.y)) + this._selfElementBoundingClientRect.x = selfElement.x; this._selfElementBoundingClientRect.y = selfElement.y; OSUI.Helper.Dom.Styles.SetStyleAttribute(this._balloonWrapperElement, ServerSide.Enum.InlineCssVariables.Top, selfElement.top + OSUI.GlobalEnum.Units.Pixel); OSUI.Helper.Dom.Styles.SetStyleAttribute(this._balloonWrapperElement, ServerSide.Enum.InlineCssVariables.Left, selfElement.left + OSUI.GlobalEnum.Units.Pixel); @@ -5657,8 +5639,9 @@ var OSFramework; this._balloonSearchInputElement.addEventListener(OSUI.GlobalEnum.HTMLEvent.Focus, this._eventOnSearchInputFocus); } OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler(OSUI.Event.DOMEvents.Listeners.Type.BodyOnClick, this._eventOnBodyClick); - OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler(OSUI.Event.DOMEvents.Listeners.Type.BodyOnScroll, this._eventOnBodyScroll); - this._requestAnimationOnBodyScroll = requestAnimationFrame(this._eventOnBodyScroll); + if (OSUI.Helper.DeviceInfo.IsPhone === false) { + OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler(OSUI.Event.DOMEvents.Listeners.Type.ScreenOnScroll, this._eventOnScreenScroll); + } OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler(OSUI.Event.DOMEvents.Listeners.Type.WindowResize, this._eventOnWindowResize); OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler(OSUI.Event.DOMEvents.Listeners.Type.OrientationChange, this._eventOnOrientationChange); } @@ -5689,7 +5672,9 @@ var OSFramework; this._balloonSearchInputElement.removeEventListener(OSUI.GlobalEnum.HTMLEvent.Focus, this._eventOnSearchInputFocus); } OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSUI.Event.DOMEvents.Listeners.Type.BodyOnClick, this._eventOnBodyClick); - OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSUI.Event.DOMEvents.Listeners.Type.BodyOnScroll, this._eventOnBodyScroll); + if (OSUI.Helper.DeviceInfo.IsPhone === false) { + OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSUI.Event.DOMEvents.Listeners.Type.ScreenOnScroll, this._eventOnScreenScroll); + } OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSUI.Event.DOMEvents.Listeners.Type.WindowResize, this._eventOnWindowResize); OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSUI.Event.DOMEvents.Listeners.Type.OrientationChange, this._eventOnOrientationChange); } @@ -5779,7 +5764,7 @@ var OSFramework; } setCallbacks() { this._eventOnBodyClick = this._onBodyClick.bind(this); - this._eventOnBodyScroll = this._onBodyScroll.bind(this); + this._eventOnScreenScroll = this._onScreenScroll.bind(this); this._eventOnClick = this._onSelectValuesWrapperClicked.bind(this); this._eventOnClickInputSearch = this._onSearchInputClicked.bind(this); this._eventOnCloseTransitionEnd = this._endOfCloseAnimation.bind(this); @@ -5811,7 +5796,7 @@ var OSFramework; } unsetCallbacks() { this._eventOnBodyClick = undefined; - this._eventOnBodyScroll = undefined; + this._eventOnScreenScroll = undefined; this._eventOnClick = undefined; this._eventOnClickInputSearch = undefined; this._eventOnCloseTransitionEnd = undefined; @@ -8903,17 +8888,6 @@ var OSFramework; top: 0, }; } - _onBodyScroll() { - this._setTargetOffsetInfo(); - const scrollYPosition = OSUI.Behaviors.ScrollVerticalPosition(this._mainScrollContainerElement); - const thresholdVal = 40; - const elementOffsetTopVal = this._targetElementOffset.top - scrollYPosition.value; - if ((this.isFirstChild && scrollYPosition.percentageInView === 0) || - (elementOffsetTopVal >= -thresholdVal && elementOffsetTopVal <= thresholdVal) || - (this.isLastChild && scrollYPosition.percentageInView === 100)) { - this.notifyParent(Patterns.SectionIndex.Enum.ChildNotifyActionType.Active); - } - } _onKeyboardPressed(event) { event.preventDefault(); event.stopPropagation(); @@ -8924,6 +8898,17 @@ var OSFramework; break; } } + _onScreenScroll() { + this._setTargetOffsetInfo(); + const scrollYPosition = OSUI.Behaviors.ScrollVerticalPosition(this._mainScrollContainerElement); + const thresholdVal = 40; + const elementOffsetTopVal = this._targetElementOffset.top - scrollYPosition.value; + if ((this.isFirstChild && scrollYPosition.percentageInView === 0) || + (elementOffsetTopVal >= -thresholdVal && elementOffsetTopVal <= thresholdVal) || + (this.isLastChild && scrollYPosition.percentageInView === 100)) { + this.notifyParent(Patterns.SectionIndex.Enum.ChildNotifyActionType.Active); + } + } _onSelected(event) { event.preventDefault(); event.stopPropagation(); @@ -8933,7 +8918,7 @@ var OSFramework; _removeEvents() { this.selfElement.removeEventListener(OSUI.GlobalEnum.HTMLEvent.Click, this._eventOnClick); this.selfElement.removeEventListener(OSUI.GlobalEnum.HTMLEvent.keyDown, this._eventOnkeyBoardPress); - OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSUI.Event.DOMEvents.Listeners.Type.BodyOnScroll, this._eventOnBodyScroll); + OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSUI.Event.DOMEvents.Listeners.Type.ScreenOnScroll, this._eventOnScreenScroll); } _setHeaderSize() { const header = OSUI.Helper.Dom.ClassSelector(document.body, OSUI.GlobalEnum.CssClassElements.Header); @@ -8964,7 +8949,7 @@ var OSFramework; _setUpEvents() { this.selfElement.addEventListener(OSUI.GlobalEnum.HTMLEvent.Click, this._eventOnClick); this.selfElement.addEventListener(OSUI.GlobalEnum.HTMLEvent.keyDown, this._eventOnkeyBoardPress); - OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler(OSUI.Event.DOMEvents.Listeners.Type.BodyOnScroll, this._eventOnBodyScroll); + OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler(OSUI.Event.DOMEvents.Listeners.Type.ScreenOnScroll, this._eventOnScreenScroll); } setA11YProperties() { OSUI.Helper.A11Y.RoleButton(this.selfElement); @@ -8973,7 +8958,7 @@ var OSFramework; setCallbacks() { this._eventOnClick = this._onSelected.bind(this); this._eventOnkeyBoardPress = this._onKeyboardPressed.bind(this); - this._eventOnBodyScroll = this._onBodyScroll.bind(this); + this._eventOnScreenScroll = this._onScreenScroll.bind(this); } setHtmlElements() { if (OSUI.Helper.Dom.Attribute.Has(document.body, OSUI.GlobalEnum.HTMLAttributes.StatusBar) && @@ -8988,7 +8973,7 @@ var OSFramework; this._removeEvents(); this._eventOnClick = undefined; this._eventOnkeyBoardPress = undefined; - this._eventOnBodyScroll = undefined; + this._eventOnScreenScroll = undefined; } unsetHtmlElements() { this._mainScrollContainerElement = undefined; @@ -11122,22 +11107,6 @@ var OSFramework; } } } - _onBodyScroll() { - if (this.isBuilt) { - if (this._isOpen && OSUI.Helper.DeviceInfo.IsDesktop === false) { - cancelAnimationFrame(this._requestAnimationOnBodyScroll); - this._triggerClose(); - return; - } - if (this._isOpen) { - this._setBalloonCoordinates(); - this._requestAnimationOnBodyScroll = requestAnimationFrame(this._eventOnBodyScroll); - } - else { - cancelAnimationFrame(this._requestAnimationOnBodyScroll); - } - } - } _onClick(e) { e.stopPropagation(); this._triggerOpen(); @@ -11163,6 +11132,22 @@ var OSFramework; this._tooltipBalloonContentElem.removeEventListener(OSUI.GlobalEnum.HTMLEvent.TransitionEnd, this._eventOnOpenedBalloon); OSUI.Helper.Dom.Styles.RemoveClass(this._tooltipBalloonWrapperElem, Tooltip_1.Enum.CssClass.BalloonIsOpening); } + _onScreenScroll() { + if (this.isBuilt) { + if (this._isOpen && OSUI.Helper.DeviceInfo.IsDesktop === false) { + cancelAnimationFrame(this._requestAnimationOnBodyScroll); + this._triggerClose(); + return; + } + if (this._isOpen) { + this._setBalloonCoordinates(); + this._requestAnimationOnBodyScroll = requestAnimationFrame(this._eventOnScreenScroll); + } + else { + cancelAnimationFrame(this._requestAnimationOnBodyScroll); + } + } + } _onWindowResize() { this._setBalloonCoordinates(); if (this._isOpen) { @@ -11242,8 +11227,8 @@ var OSFramework; this._tooltipIconElem.addEventListener(OSUI.GlobalEnum.HTMLEvent.Blur, this._eventOnBlur); this._tooltipIconElem.addEventListener(OSUI.GlobalEnum.HTMLEvent.Focus, this._eventOnFocus); } - OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler(OSUI.Event.DOMEvents.Listeners.Type.BodyOnScroll, this._eventOnBodyScroll); - this._requestAnimationOnBodyScroll = requestAnimationFrame(this._eventOnBodyScroll); + OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler(OSUI.Event.DOMEvents.Listeners.Type.ScreenOnScroll, this._eventOnScreenScroll); + this._requestAnimationOnBodyScroll = requestAnimationFrame(this._eventOnScreenScroll); OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler(OSUI.Event.DOMEvents.Listeners.Type.WindowResize, this._eventOnWindowResize); this._requestAnimationOnWindowResize = requestAnimationFrame(this._eventOnWindowResize); if (this._isOpen) { @@ -11308,7 +11293,7 @@ var OSFramework; this._tooltipIconElem.removeEventListener(OSUI.GlobalEnum.HTMLEvent.Focus, this._eventOnFocus); this._tooltipBalloonContentElem.removeEventListener(OSUI.GlobalEnum.HTMLEvent.Click, this._eventOnBalloonClick); OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSUI.Event.DOMEvents.Listeners.Type.BodyOnClick, this._eventOnBodyClick); - OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSUI.Event.DOMEvents.Listeners.Type.BodyOnScroll, this._eventOnBodyScroll); + OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSUI.Event.DOMEvents.Listeners.Type.ScreenOnScroll, this._eventOnScreenScroll); OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSUI.Event.DOMEvents.Listeners.Type.WindowResize, this._eventOnWindowResize); this._tooltipBalloonContentElem.removeEventListener(OSUI.GlobalEnum.HTMLEvent.TransitionEnd, this._eventOnOpenedBalloon); this._tooltipIconElem.removeEventListener(OSUI.GlobalEnum.HTMLEvent.MouseEnter, this._eventIconOnMouseEnter); @@ -11356,7 +11341,7 @@ var OSFramework; this._eventOnBalloonClick = this._onBalloonClick.bind(this); this._eventOnBlur = this._onBlur.bind(this); this._eventOnBodyClick = this._onBodyClick.bind(this); - this._eventOnBodyScroll = this._onBodyScroll.bind(this); + this._eventOnScreenScroll = this._onScreenScroll.bind(this); this._eventOnClick = this._onClick.bind(this); this._eventOnFocus = this._onFocus.bind(this); this._eventOnOpenedBalloon = this._onOpenedBalloon.bind(this); @@ -11386,7 +11371,7 @@ var OSFramework; this._eventOnBalloonClick = undefined; this._eventOnBlur = undefined; this._eventOnBodyClick = undefined; - this._eventOnBodyScroll = undefined; + this._eventOnScreenScroll = undefined; this._eventOnClick = undefined; this._eventOnFocus = undefined; this._eventOnOpenedBalloon = undefined; @@ -17592,19 +17577,39 @@ var Providers; _setParentMinHeight() { OSFramework.OSUI.Helper.Dom.Styles.SetStyleAttribute(this.selfElement, OSFramework.OSUI.GlobalEnum.InlineStyle.Height, this.selfElement.clientHeight + OSFramework.OSUI.GlobalEnum.Units.Pixel); } + _todayButtonKeydown(e) { + switch (e.key) { + case OSFramework.OSUI.GlobalEnum.Keycodes.Tab: + return; + case OSFramework.OSUI.GlobalEnum.Keycodes.Enter: + case OSFramework.OSUI.GlobalEnum.Keycodes.Space: + e.preventDefault(); + this.provider.setDate(this.provider.now, true); + this.jumpIntoToday(); + break; + } + } _unsetParentMinHeight() { OSFramework.OSUI.Helper.Dom.Styles.RemoveStyleAttribute(this.selfElement, OSFramework.OSUI.GlobalEnum.InlineStyle.Height); } addTodayBtn() { - const todayBtnWrapper = document.createElement(OSFramework.OSUI.GlobalEnum.HTMLElement.Div); - todayBtnWrapper.classList.add(Flatpickr.Enum.CssClasses.TodayBtn); + this._todayButtonElem = document.createElement(OSFramework.OSUI.GlobalEnum.HTMLElement.Div); + this._todayButtonElem.classList.add(Flatpickr.Enum.CssClasses.TodayBtn); const todayBtn = document.createElement(OSFramework.OSUI.GlobalEnum.HTMLElement.Link); + OSFramework.OSUI.Helper.A11Y.TabIndexTrue(todayBtn); const langCode = Flatpickr.l10ns.TodayBtn[this.configs.Lang] !== undefined ? this.configs.Lang : 'en'; todayBtn.innerHTML = Flatpickr.l10ns.TodayBtn[langCode].title; OSFramework.OSUI.Helper.A11Y.AriaLabel(todayBtn, Flatpickr.l10ns.TodayBtn[langCode].ariaLabel); todayBtn.addEventListener(OSFramework.OSUI.GlobalEnum.HTMLEvent.Click, this.todayBtnClick.bind(this)); - todayBtnWrapper.appendChild(todayBtn); - this.provider.calendarContainer.appendChild(todayBtnWrapper); + todayBtn.addEventListener(OSFramework.OSUI.GlobalEnum.HTMLEvent.keyDown, this._todayButtonKeydown.bind(this)); + this._todayButtonElem.appendChild(todayBtn); + this._providerFocusSpanTarget = this.provider.calendarContainer.querySelector('.focus-trap-bottom-element'); + if (this._providerFocusSpanTarget) { + this.provider.calendarContainer.insertBefore(this._todayButtonElem, this._providerFocusSpanTarget); + } + else { + this.provider.calendarContainer.appendChild(this._todayButtonElem); + } } createProviderInstance() { this.provider = window.flatpickr(this.datePickerPlatformInputElem, this.flatpickrOpts); @@ -17656,7 +17661,8 @@ var Providers; ariaLabelValue = this.datePickerPlatformInputElem.getAttribute(OSFramework.OSUI.Constants.A11YAttributes.Aria.Label); } OSFramework.OSUI.Helper.A11Y.AriaLabel(this.flatpickrInputElem, ariaLabelValue); - OSFramework.OSUI.Helper.A11Y.AriaDescribedBy(this.flatpickrInputElem, this._a11yInfoContainerElem.id); + if (OSFramework.OSUI.Helper.DeviceInfo.IsDesktop) + OSFramework.OSUI.Helper.A11Y.AriaDescribedBy(this.flatpickrInputElem, this._a11yInfoContainerElem.id); if (this.configs.Lang !== OSFramework.OSUI.Constants.Language.short) { this._a11yInfoContainerElem.innerHTML = Datepicker.Flatpickr.l10ns.A11yContainerInfo[this.configs.Lang] !== undefined @@ -17715,6 +17721,9 @@ var Providers; close() { if (this.provider.isOpen) { this.provider.close(); + if (this.configs.ShowTodayButton) { + OSFramework.OSUI.Helper.A11Y.TabIndexFalse(this._todayButtonElem); + } } } disableDays(disableDays) { @@ -17741,6 +17750,9 @@ var Providers; const isInputDisable = this.datePickerPlatformInputElem.disabled; if (this.provider.isOpen === false && isInputDisable === false) { this.provider.open(); + if (this.configs.ShowTodayButton) { + OSFramework.OSUI.Helper.A11Y.TabIndexTrue(this._todayButtonElem); + } } } registerCallback(eventName, callback) { @@ -18326,199 +18338,199 @@ var Providers; (function (l10ns) { l10ns.A11yContainerInfo = { ar: { - htmlTex: 'من أجل أن تكون قادرًا على التنقل من خلال التقويم باستخدام مفتاح لوحة المفاتيح: استخدم مفتاح السهم CMD أو CTRL + لأسفل للتنقل إلى سياق التقويم ؛ استخدم مفاتيح الأسهم للتنقل خلال أيام التقويم ؛ استخدم مفاتيح السهم CMD أو CTRL + اليمين أو اليسرى للتنقل عبر أشهر ؛ استخدم مفاتيح الأسهم CMD أو CTRL + لأعلى أو لأسفل للتنقل عبر سنوات ؛', + htmlTex: 'استخدم مفتاح السهم للأسفل لفتح التقويم؛ استخدم مفاتيح الأسهم للتنقل في أيام التقويم؛ استخدم مفتاح Ctrl أو Cmd + الأسهم اليمين أو اليسار للتنقل بين الشهور؛ استخدم مفتاح Ctrl أو Cmd + الأسهم للأعلى أو للأسفل للتنقل بين السنوات؛', }, at: { - htmlTex: 'Um mit Tastaturschlüssel durch den Kalender navigieren zu können: Verwenden Sie CMD oder Strg + Down -Pfeil -Taste, um in den Kalenderkontext zu navigieren; Verwenden Sie Pfeilschlüssel, um durch Kalendertage zu navigieren. Verwenden Sie CMD- oder Strg + rechts oder linke Pfeiltasten, um Monate zu navigieren. Verwenden Sie CMD oder Strg + Up- oder Down -Pfeiltasten, um durch Jahre zu navigieren.', + htmlTex: 'Verwenden Sie die Pfeiltaste nach unten, um den Kalender zu öffnen; Verwenden Sie die Pfeiltasten, um sich durch die Kalendertage zu bewegen; Verwenden Sie die Strg- oder Cmd-Taste + die rechte oder linke Pfeiltaste, um sich durch die Monate zu bewegen; Verwenden Sie die Strg- oder Cmd-Taste + die Pfeiltasten nach oben oder unten, um sich durch die Jahre zu bewegen;', }, az: { - htmlTex: 'Klaviatura düyməsi ilə təqvimlə naviqasiya etmək üçün: Təqvim kontekstinə keçmək üçün CMD və ya CTRL + Down Ok düyməsinə istifadə edin; Təqvim günlərində gəzmək üçün ox düymələrindən istifadə edin; Aylarla gəzmək üçün CMD və ya CTRL + sağ və ya sol ox düymələrindən istifadə edin; İllərlə gəzmək üçün CMD və ya CTRL + yuxarı və ya aşağı ox düymələrindən istifadə edin;', + htmlTex: 'Təqvim açmaq üçün aşağı ox düyməsindən istifadə edin; Təqvim gününü gəzmək üçün aşağı və ya yuxarı ox düymələrindən istifadə edin; Aylar arasında gəzmək üçün Ctrl və ya Cmd + sağ və ya sol ox düymələrindən istifadə edin; İllər arasında gəzmək üçün Ctrl və ya Cmd + yuxarı və ya aşağı ox düymələrindən istifadə edin;', }, be: { - htmlTex: 'Для таго, каб мець магчымасць перамяшчацца па календары з клавішнай клавішай: Выкарыстоўвайце CMD або CTRL + клавіша са стрэлкай уніз, каб перайсці ў каляндарны кантэкст; Выкарыстоўвайце клавішы са стрэлкамі для навігацыі праз каляндарныя дні; Выкарыстоўвайце CMD або CTRL + правай або левай клавішы са стрэлкамі для навігацыі праз месяцы; Выкарыстоўвайце CMD або CTRL + клавішы са стрэлкамі ўверх ці ўніз, каб перамяшчацца праз гады;', + htmlTex: 'Выкарыстоўвайце клавішу стрэлкі ўніз, каб адкрыць каляндар; Выкарыстоўвайце стрэлкі для навігацыі па днях каляндара; Выкарыстоўвайце клавішу Ctrl або Cmd + стрэлкі ўправа або ўлева для навігацыі па месяцах; Выкарыстоўвайце клавішу Ctrl або Cmd + стрэлкі ўверх або ўніз для навігацыі па гадах;', }, bg: { - htmlTex: 'За да можете да навигирате през календара с клавиатура: използвайте CMD или Ctrl + Key Arrow Key, за да придвижите в контекста на календара; Използвайте клавишите със стрелки, за да се движите през календарни дни; Използвайте CMD или Ctrl + десни или леви клавиши със стрелки, за да се движите през месеци; Използвайте CMD или CTRL + нагоре или надолу клавиши със стрелки, за да навигирате през години;', + htmlTex: 'Използвайте клавиша със стрелка надолу, за да отворите календара; Използвайте стрелките за да навигирате през дните в календара; Използвайте Ctrl или Cmd + стрелка надясно или наляво, за да навигирате през месеците; Използвайте Ctrl или Cmd + стрелка нагоре или надолу, за да навигирате през годините;', }, bn: { - htmlTex: 'কীবোর্ড কী দিয়ে ক্যালেন্ডারের মাধ্যমে নেভিগেট করতে সক্ষম হওয়ার জন্য: ক্যালেন্ডার প্রসঙ্গে নেভিগেট করতে সিএমডি বা সিটিআরএল + ডাউন তীর কী ব্যবহার করুন; ক্যালেন্ডারের দিনগুলিতে নেভিগেট করতে তীর কী ব্যবহার করুন; কয়েক মাস ধরে নেভিগেট করতে সিএমডি বা সিটিআরএল + ডান বা বাম তীর কী ব্যবহার করুন; বছরের মধ্যে নেভিগেট করতে সিএমডি বা সিটিআরএল + উপরে বা ডাউন তীর কী ব্যবহার করুন;', + htmlTex: 'ক্যালেন্ডার খোলার জন্য ডাউন অ্যারো কি ব্যবহার করুন; ক্যালেন্ডারের দিনগুলি নেভিগেট করতে এরো কি ব্যবহার করুন; মাসের মধ্যে নেভিগেট করতে Ctrl বা Cmd + ডান বা বাম অ্যারো কি ব্যবহার করুন; বছরের মধ্যে নেভিগেট করতে Ctrl বা Cmd + উপর বা নিচে অ্যারো কি ব্যবহার করুন;', }, bs: { - htmlTex: 'Da biste mogli kretati kroz kalendar s tipkovnicom tipkovnicom: Koristite CMD ili Ctrl + tipku sa strelicom dolje za kretanje u kontekst kalendara; Koristite tipke sa strelicama za navigaciju kroz dane kalendara; Koristite CMD ili CTRL + tastere sa strelicom ili lijeve strelice za kretanje kroz mjesece; Upotrijebite CMD ili Ctrl + gore ili dolje tipke sa strelicama za navigaciju kroz godine;', + htmlTex: 'Koristite strelicu prema dolje za otvaranje kalendara; Koristite strelice za navigaciju kroz dane u kalendaru; Koristite Ctrl ili Cmd + desnu ili lijevu strelicu za navigaciju kroz mjesece; Koristite Ctrl ili Cmd + strelicu prema gore ili prema dolje za navigaciju kroz godine;', }, ca: { - htmlTex: 'Per poder navegar pel calendari amb tecla de teclat: utilitzeu la tecla CMD o CTRL + Down Arrow per navegar cap al context del calendari; Utilitzeu les tecles de fletxa per navegar durant els dies naturals; Utilitzeu les tecles de fletxa CMD o CTRL + dreta o esquerra per navegar durant mesos; Utilitzeu les tecles de fletxa CMD o Ctrl + amunt o avall per navegar durant anys;', + htmlTex: 'Utilitzeu la tecla de la fletxa cap avall per obrir el calendari; Utilitzeu les fletxes per navegar pels dies del calendari; Utilitzeu Ctrl o Cmd + la fletxa de dreta o esquerra per navegar pels mesos; Utilitzeu Ctrl o Cmd + la fletxa cap amunt o cap avall per navegar pels anys;', }, cat: { - htmlTex: 'Per poder navegar pel calendari amb tecla de teclat: utilitzeu la tecla CMD o CTRL + Down Arrow per navegar cap al context del calendari; Utilitzeu les tecles de fletxa per navegar durant els dies naturals; Utilitzeu les tecles de fletxa CMD o CTRL + dreta o esquerra per navegar durant mesos; Utilitzeu les tecles de fletxa CMD o Ctrl + amunt o avall per navegar durant anys;', + htmlTex: 'Utilitzeu la tecla de la fletxa cap avall per obrir el calendari; Utilitzeu les tecles de la fletxa per navegar pels dies del calendari; Utilitzeu cmd o ctrl + tecla de la fletxa dreta o esquerra per navegar pels mesos; Utilitzeu cmd o ctrl + tecla de la fletxa cap amunt o cap avall per navegar pels anys;', }, ckb: { - htmlTex: 'Ji bo ku bikaribin bi kalîfar bi klavyeyê bi klavyeyê vegerin: Bişkojka CMD an CTRL + Down-ê bikar bînin da ku nav çarçoveya salnameyê veguhezînin; Bişkojkên arrow bikar bînin ku bi rojên salnameyê vegerin. Bişkojkên CMD an CTRL + rast an çepê bikar bînin da ku bi mehan rêve bibin; Bişkojkên CMD an CTRL + UP an Down bikar bînin da ku bi salan navigirin;', + htmlTex: 'ئەم توندوتان بەکاربهێنە بۆ کردنەوەی ڕۆژنامە; توندوتانی تیر بۆ ناوی ڕۆژەکانی ڕۆژنامە بکەن; دوگمەی cmd یان ctrl + توندوی ئەستوو یان چەپ بۆ ناوی مانگەکان بکەن; دوگمەی cmd یان ctrl + توندوی سەرەوە یان خوار بۆ ناوی ساڵەکان بکەن;', }, cs: { - htmlTex: 'Chcete -li být schopen procházet kalendářem pomocí klávesnice klávesnice: Použijte CMD nebo Ctrl + Down Arrow Key pro navigaci do kontextu kalendáře; Použijte klíče se šipkami pro navigaci v kalendářních dnech; Pro navigaci v měsících použijte klíče CMD nebo CTRL + vpravo nebo vlevo; Pro navigaci po létech použijte klávesy se šipkami CMD nebo CTRL + nahoru nebo dolů;', + htmlTex: 'Použijte klávesu šipka dolů k otevření kalendáře; Použijte šipky k navigaci mezi dny v kalendáři; Použijte klávesu Ctrl nebo Cmd + šipky vpravo nebo vlevo k navigaci mezi měsíci; Použijte klávesu Ctrl nebo Cmd + šipky nahoru nebo dolů k navigaci mezi roky;', }, cy: { - htmlTex: "Er mwyn gallu llywio trwy'r calendr gydag allwedd bysellfwrdd: defnyddiwch allwedd saeth CMD neu CTRL + Down i lywio i gyd -destun calendr; Defnyddio allweddi saeth i lywio trwy ddiwrnodau calendr; Defnyddio allweddi saeth CMD neu Ctrl + dde neu chwith i lywio trwy fisoedd; Defnyddiwch allweddi saeth CMD neu CTRL + i fyny neu i lawr i lywio trwy flynyddoedd;", + htmlTex: 'Defnyddiwch y botwm saeth i lawr i agor y calendr; Defnyddiwch y bysellau i lywio drwy ddyddiau calendr; Defnyddiwch Ctrl neu Cmd + y bysellau de neu lafur i lywio drwy fisoedd; Defnyddiwch Ctrl neu Cmd + y bysellau i fyny neu i lawr i lywio drwy flynyddoedd;', }, da: { - htmlTex: 'For at kunne navigere gennem kalender med tastaturnøgle: Brug CMD eller Ctrl + Down Arrow -tasten til at navigere i kalenderkontekst; Brug piletaster til at navigere gennem kalenderdage; Brug CMD eller CTRL + højre eller venstre piletaster til at navigere gennem måneder; Brug CMD eller CTRL + op eller ned på piletasterne til at navigere gennem år;', + htmlTex: 'Brug pil ned for at åbne kalenderen; Brug piletasterne til at navigere gennem kalenderens dage; Brug Ctrl eller Cmd + højre eller venstre pil for at navigere gennem månederne; Brug Ctrl eller Cmd + op eller ned pilene for at navigere gennem årene;', }, de: { - htmlTex: 'Um mit Tastaturschlüssel durch den Kalender navigieren zu können: Verwenden Sie CMD oder Strg + Down -Pfeil -Taste, um in den Kalenderkontext zu navigieren; Verwenden Sie Pfeilschlüssel, um durch Kalendertage zu navigieren. Verwenden Sie CMD- oder Strg + rechts oder linke Pfeiltasten, um Monate zu navigieren. Verwenden Sie CMD oder Strg + Up- oder Down -Pfeiltasten, um durch Jahre zu navigieren.', + htmlTex: 'Verwenden Sie die Pfeiltaste nach unten, um den Kalender zu öffnen; Verwenden Sie die Pfeiltasten, um durch die Kalendertage zu navigieren; Verwenden Sie die Befehlstaste oder Strg + Pfeiltaste rechts oder links, um durch die Monate zu navigieren; Verwenden Sie die Befehlstaste oder Strg + Pfeiltaste nach oben oder unten, um durch die Jahre zu navigieren;', }, en: { - htmlTex: 'In order to be able to navigate through calendar with keyboard key: Use cmd or ctrl + down arrow key to navigate into calendar context; Use arrow keys to navigate through calendar days; Use cmd or ctrl + right or left arrow keys to navigate through months; Use cmd or ctrl + up or down arrow keys to navigate through years;', + htmlTex: 'Use arrow down key to open the calendar; Use arrow keys to navigate through calendar days; Use cmd or ctrl + right or left arrow keys to navigate through months; Use cmd or ctrl + up or down arrow keys to navigate through years;', }, eo: { - htmlTex: 'Por povi navigi tra kalendaro per klavara ŝlosilo: Uzu CMD aŭ CTRL + malsupren sagoklavon por navigi en kalendaran kuntekston; Uzu sagajn ŝlosilojn por navigi tra kalendaraj tagoj; Uzu CMD aŭ CTRL + dekstran aŭ maldekstran sagoklavojn por navigi tra monatoj; Uzu CMD aŭ CTRL + supren aŭ malsupren sagoklavojn por navigi tra jaroj;', + htmlTex: 'Uzu la malsupran sago-butonon por malfermi la kalendaron; Uzu sago-butonojn por navigi tra kalendaraj tagoj; Uzu cmd aŭ ctrl + dekstren aŭ maldekstren sago-butonojn por navigi tra monatoj; Uzu cmd aŭ ctrl + supren aŭ malsupren sago-butonojn por navigi tra jaroj;', }, es: { - htmlTex: 'Para poder navegar a través del calendario con la tecla de teclado: use la tecla CMD o CTRL + Down Arrow para navegar hacia el contexto del calendario; Use las teclas de flecha para navegar a través de los días calendario; Use las teclas CMD o CTRL + Derecha o Left Flecha para navegar durante meses; Use CMD o Ctrl + Arrow Keys para navegar a través de años;', + htmlTex: 'Utiliza la tecla de flecha hacia abajo para abrir el calendario; Utiliza las teclas de flecha para navegar por los días del calendario; Utiliza cmd o ctrl + teclas de flecha derecha o izquierda para navegar por los meses; Utiliza cmd o ctrl + teclas de flecha arriba o abajo para navegar por los años;', }, et: { - htmlTex: 'Klaviatuuri klahviga kalendris liikumiseks: kasutage kalendri konteksti navigeerimiseks CMD või CTRL + Down Noole klahvi; Kasutage kalendripäevade liikumiseks nooleklahve; Kasutage kuude jooksul navigeerimiseks CMD või Ctrl + paremat või vasakut nooleklahvi; Kasutage aastate jooksul navigeerimiseks CMD või Ctrl + üles või alla nooleklahve;', + htmlTex: 'Kasutage allanoolt, et avada kalender; Kasutage nooleklahve kalendripäevade sirvimiseks; Kasutage käsku või ctrl + parema või vasaku nooleklahvi, et sirvida kuude vahel; Kasutage käsku või ctrl + üles või alla nooleklahvi, et sirvida aastate vahel;', }, fa: { - htmlTex: 'برای اینکه بتوانید از طریق تقویم با کلید صفحه کلید حرکت کنید: از کلید Arrow CMD یا Ctrl + Down برای حرکت در متن تقویم استفاده کنید. از کلیدهای فلش برای حرکت در روزهای تقویم استفاده کنید. برای حرکت در طی ماهها از کلیدهای پیکان راست یا CTRL + راست یا چپ استفاده کنید. برای حرکت در طی سالها از کلیدهای Arrow CMD یا CTRL + بالا یا پایین استفاده کنید.', + htmlTex: 'از کلید پایین فشار دهید تا تقویم باز شود؛ از کلید‌های پایین برای ناوبری در ایام تقویم استفاده کنید؛ از کلیدهای cmd یا ctrl + راست یا چپ برای ناوبری در ماه‌ها استفاده کنید؛ از کلیدهای cmd یا ctrl + پایین یا بالا برای ناوبری در سال‌ها استفاده کنید؛', }, fi: { - htmlTex: 'Kalenterin avulla näppäimistön näppäimellä voi kulkea CMD- tai CTRL + Down -nuolinäppäimellä kalenterikontekstissa; Käytä nuolinäppäimiä kalenteripäivinä; Käytä CMD: tä tai Ctrl +: ta oikealla tai vasemmalla nuolinäppäimellä nähdäksesi kuukausia; Käytä CMD: tä tai Ctrl + ylös tai alas nuolinäppäimiä navigoidaksesi vuosien ajan;', + htmlTex: 'Käytä nuolinäppäintä alentaaksesi kalenterin; Käytä nuolinäppäimiä navigoidaksesi kalenterin päivien läpi; Käytä cmd- tai ctrl-näppäintä ja nuolinäppäimiä oikealle tai vasemmalle navigoidaksesi kuukausien läpi; Käytä cmd- tai ctrl-näppäintä ja nuolinäppäimiä ylös tai alas navigoidaksesi vuosien läpi;', }, fo: { - htmlTex: 'Um mit Tastaturschlüssel durch den Kalender navigieren zu können: Verwenden Sie CMD oder Strg + Down -Pfeil -Taste, um in den Kalenderkontext zu navigieren; Verwenden Sie Pfeilschlüssel, um durch Kalendertage zu navigieren. Verwenden Sie CMD- oder Strg + rechts oder linke Pfeiltasten, um Monate zu navigieren. Verwenden Sie CMD oder Strg + Up- oder Down -Pfeiltasten, um durch Jahre zu navigieren.', + htmlTex: 'Brúk niður píl til at opna kalendara; Brúk niður pílar til at navigera ímillum kalenderdagar; Brúk cmd ella ctrl + høgri ella vinstri niður pílar til at navigera ímillum mánaðir; Brúk cmd ella ctrl + upp ella niður pílar til at navigera ímillum ár;', }, fr: { - htmlTex: 'Afin de pouvoir naviguer dans le calendrier avec la clé du clavier: utilisez CMD ou Ctrl + Down Arrow Key pour naviguer dans le contexte du calendrier; Utilisez des clés Arrow pour naviguer dans les jours civils; Utilisez CMD ou CTRL + les clés de flèche droite ou gauche pour naviguer dans des mois; Utilisez des clés CMD ou CTRL + UP ou Down pour naviguer dans des années;', + htmlTex: 'Utilisez la touche flèche vers le bas pour ouvrir le calendrier ; Utilisez les touches flèches pour naviguer à travers les jours du calendrier ; Utilisez la touche cmd ou ctrl + flèche droite ou gauche pour naviguer à travers les mois ; Utilisez la touche cmd ou ctrl + flèche vers le haut ou vers le bas pour naviguer à travers les années ;', }, ga: { - htmlTex: "D'fhonn a bheith in ann nascleanúint a dhéanamh trí fhéilire le heochair mhéarchláir: Úsáid eochair CMD nó Ctrl + Down saighead chun dul isteach i gcomhthéacs féilire; Bain úsáid as eochracha saighead chun nascleanúint a dhéanamh trí laethanta féilire; Bain úsáid as CMD nó Ctrl + eochracha saighead ar dheis nó ar chlé chun nascleanúint a dhéanamh trí mhí; Bain úsáid as eochracha CMD nó Ctrl + suas nó síos saighead le nascleanúint a dhéanamh trí bhlianta;", + htmlTex: 'Úsáid an gcnaipe síos freisin chun an féilire a oscailt; Úsáid na siorafí siar chun bealach a aimsiú trí laethanta na féilire; Úsáid an cmd nó an cnaipe ctrl + saigheada ar dheis nó ar chlé chun aistriú trí mhíonna; Úsáid an cmd nó an cnaipe ctrl + saigheada suas nó síos chun aistriú trí blianta;', }, gr: { - htmlTex: 'Προκειμένου να μπορέσετε να περιηγηθείτε στο ημερολόγιο με το κλειδί πληκτρολογίου: Χρησιμοποιήστε το πλήκτρο CMD ή CTRL + DOWN για να περιηγηθείτε στο πλαίσιο του ημερολογίου. Χρησιμοποιήστε πλήκτρα βέλους για να περιηγηθείτε στις ημερολογιακές ημέρες. Χρησιμοποιήστε CMD ή CTRL + δεξιά ή αριστερά πλήκτρα βέλους για να περιηγηθείτε σε μήνες. Χρησιμοποιήστε CMD ή CTRL + πάνω ή κάτω πλήκτρα βέλους για να περιηγηθείτε σε χρόνια.', + htmlTex: 'Χρησιμοποιήστε το πλήκτρο κάτω βέλους για να ανοίξετε το ημερολόγιο. Χρησιμοποιήστε τα πλήκτρα βέλους για να περιηγηθείτε στις ημέρες του ημερολογίου. Χρησιμοποιήστε το πλήκτρο cmd ή ctrl + δεξιά ή αριστερά βέλη για να περιηγηθείτε στους μήνες. Χρησιμοποιήστε το πλήκτρο cmd ή ctrl + πάνω ή κάτω βέλος για να περιηγηθείτε στα έτη.', }, he: { - htmlTex: 'על מנת להיות מסוגל לנווט בלוח השנה עם מקש המקלדת: השתמש במפתח CMD או Ctrl + Down Down כדי לנווט בהקשר של לוח השנה; השתמש במקשי חצים כדי לנווט בימי לוח השנה; השתמש במפתחות CMD או CTRL + ימין או שמאל כדי לנווט בחודשים; השתמש במפתחות CMD או Ctrl + Up או Down כדי לנווט בשנים;', + htmlTex: 'השתמש במקש חץ למטה כדי לפתוח את הלוח שנה; השתמש במקשי החץ לניווט בימי לוח השנה; השתמש במקש cmd או ctrl + מקשי החץ ימינה או שמאלה לניווט בין חודשים; השתמש במקש cmd או ctrl + מקשי החץ למעלה או למטה לניווט בין שנים;', }, hi: { - htmlTex: 'कीबोर्ड कुंजी के साथ कैलेंडर के माध्यम से नेविगेट करने में सक्षम होने के लिए: कैलेंडर संदर्भ में नेविगेट करने के लिए सीएमडी या सीटीआरएल + डाउन एरो कुंजी का उपयोग करें; कैलेंडर दिनों के माध्यम से नेविगेट करने के लिए तीर कुंजियों का उपयोग करें; महीनों के माध्यम से नेविगेट करने के लिए CMD या CTRL + दाएं या बाएं तीर कुंजियों का उपयोग करें; वर्षों के माध्यम से नेविगेट करने के लिए CMD या CTRL + अप या डाउन तीर कुंजियों का उपयोग करें;', + htmlTex: 'कैलेंडर खोलने के लिए नीचे तीर का उपयोग करें; कैलेंडर के दिनों में नेविगेट करने के लिए तीर का उपयोग करें; महीनों में नेविगेट करने के लिए cmd या ctrl + दायां या बाएं तीर का उपयोग करें; वर्षों में नेविगेट करने के लिए cmd या ctrl + ऊपर या नीचे तीर का उपयोग करें;', }, hr: { - htmlTex: 'Da biste se mogli kretati kroz kalendar s tipkovnicom tipki: Upotrijebite CMD ili Ctrl + tipku sa strelicom dolje za kretanje u kontekst kalendara; Upotrijebite tipke sa strelicama za kretanje kroz kalendarske dane; Koristite CMD ili Ctrl + tipke s desne ili lijeve strelice za kretanje kroz mjesece; Koristite CMD ili Ctrl + tipke sa strelicama gore ili dolje za kretanje kroz godine;', + htmlTex: 'Koristite tipku za strelicu prema dolje da biste otvorili kalendar; Koristite tipke sa strelicama za navigaciju kroz dane kalendara; Koristite tipke cmd ili ctrl + desno ili lijevo za navigaciju kroz mjesece; Koristite tipke cmd ili ctrl + gore ili dolje za navigaciju kroz godine;', }, hu: { - htmlTex: 'Annak érdekében, hogy a naptárban navigálhassunk a naptárban: használja a CMD vagy a CTRL + Down Arrow billentyűt a naptári kontextusban való navigáláshoz; A nyílgombokkal navigálhat a naptári napokon; Használja a CMD -t vagy a Ctrl + jobb vagy bal nyílgombot a hónapok során; Használja a CMD -t vagy a Ctrl + felfelé vagy lefelé tartó nyíl kulcsokat az évek során;', + htmlTex: 'Használja az "Arrow Down" gombot a naptár megnyitásához; Használja az "Arrow" gombokat a naptári napok közötti navigáláshoz; Használja a cmd vagy ctrl + jobb vagy bal nyilakat a hónapok közötti navigáláshoz; Használja a cmd vagy ctrl + fel vagy le nyilakat az évek közötti navigáláshoz;', }, hy: { - htmlTex: 'Որպեսզի կարողանաք նավարկվել ստեղնաշարի ստեղնաշարի միջոցով. Օգտագործեք CMD կամ Ctrl + Down Arrow ստեղնը `օրացուցային համատեքստում նավարկելու համար. Օրացուցային օրերի միջոցով նավարկելու համար օգտագործեք սլաքների ստեղներ; Օգտագործեք CMD կամ CTRL + աջ կամ ձախ սլաքի ստեղներ `ամիսների միջոցով նավարկելու համար; Տարիներ շարունակ նավարկելու համար օգտագործեք CMD կամ CTRL + Up կամ Down Arrow ստեղներ.', + htmlTex: 'Օգտագործեք "Ներքև" սլաքը թողնելու համար՝ օգտագործեք սլաքերը օրվանին նավահանելու համար։ օգտագործեք cmd կամ ctrl + աջ կամ ձախ սլաքերը ամսերի մեջ հանելու համար։ օգտագործեք cmd կամ ctrl + վերև կամ ներքև սլաքերը տասնամյա մեջ հանելու համար։', }, id: { - htmlTex: 'Untuk dapat menavigasi melalui kalender dengan kunci keyboard: Gunakan CMD atau Ctrl + Down Arrow Key untuk menavigasi ke konteks kalender; Gunakan tombol panah untuk menavigasi melalui hari kalender; Gunakan cmd atau ctrl + tombol panah kanan atau kiri untuk menavigasi selama berbulan -bulan; Gunakan CMD atau Ctrl + Kunci Panah Atas atau Bawah untuk menavigasi selama bertahun -tahun;', + htmlTex: 'Gunakan tombol panah bawah untuk membuka kalender; Gunakan tombol panah untuk menavigasi melalui hari-hari kalender; Gunakan cmd atau ctrl + tombol panah kanan atau kiri untuk menavigasi melalui bulan-bulan; Gunakan cmd atau ctrl + tombol panah atas atau bawah untuk menavigasi melalui tahun-tahun;', }, is: { - htmlTex: 'Til þess að geta flett í gegnum dagatal með lyklaborðslykli: Notaðu CMD eða Ctrl + Down Arrow Key til að sigla í dagatal samhengi; Notaðu örlykla til að fletta í gegnum almanaksdaga; Notaðu CMD eða CTRL + hægri eða vinstri örvatakkana til að sigla í gegnum mánuði; Notaðu CMD eða Ctrl + upp eða niður örvatakkana til að sigla í gegnum ár;', + htmlTex: 'Notaðu niður örvarna til að opna dagatalið; Notaðu örvarnar til að sigla í gegnum daga dagatalið; Notaðu cmd eða ctrl + hægri eða vinstri örvarnar til að sigla í gegnum mánaði; Notaðu cmd eða ctrl + upp eða niður örvarnar til að sigla í gegnum árin;', }, it: { - htmlTex: 'Per poter navigare tramite il calendario con la chiave di tastiera: utilizzare il tasto CMD o CTRL + Down Freccia per navigare nel contesto del calendario; Usa i tasti freccia per navigare nei giorni di calendario; Utilizzare i tasti di freccia CMD o CTRL + destra o sinistra per navigare nei mesi; Utilizzare CMD o CTRL + UP o giù tasti freccia per navigare negli anni;', + htmlTex: 'Usa il tasto freccia giù per aprire il calendario; Usa le frecce per navigare attraverso i giorni del calendario; Usa cmd o ctrl + freccia destra o sinistra per navigare attraverso i mesi; Usa cmd o ctrl + freccia su o giù per navigare attraverso gli anni;', }, ja: { - htmlTex: 'キーボードキーを使用してカレンダーをナビゲートできるようにする矢印キーを使用して、暦日をナビゲートします。 CMDまたはCTRL +右矢印キーまたは左矢印キーを使用して、数か月を航行します。 CMDまたはCtrl +上または下の矢印キーを使用して、年を操作します。', + htmlTex: 'カレンダーを開くには矢印キーを下に使用してください；カレンダーの日付を移動するには矢印キーを使用してください；月を移動するにはcmdまたはctrlキーと右矢印キーまたは左矢印キーを使用してください；年を移動するにはcmdまたはctrlキーと上矢印キーまたは下矢印キーを使用してください；', }, ka: { - htmlTex: 'იმისათვის, რომ შეძლოთ კალენდარი კლავიშის გასაღებით კალენდარში: გამოიყენეთ CMD ან Ctrl + Down Arrow გასაღები კალენდარული კონტექსტში გადასასვლელად; გამოიყენეთ ისრის გასაღებები კალენდარული დღეების ნავიგაციისთვის; გამოიყენეთ CMD ან CTRL + მარჯვენა ან მარცხენა ისრის გასაღებები, რომ მოხდეს ნავიგაცია თვეების განმავლობაში; გამოიყენეთ CMD ან CTRL + ზემოთ ან ქვემოთ ისრის გასაღებები, რომლითაც წლების განმავლობაში ნავიგაციაა;', + htmlTex: 'გამოიყენეთ ქვევით მდგომარე ღილაკი კალენდრის გახსნისათვის; გამოიყენეთ კლავიში კალენდრის დღეებზე ნავიგაციისთვის; გამოიყენეთ cmd ან ctrl + მარჯვნაის ან მარცხნაის ღილაკები თვეების შესამოწმებლად; გამოიყენეთ cmd ან ctrl + ზემოთ ან ქვემოთ მდგარე ღილაკები წლების შესამოწმებლად;', }, km: { - htmlTex: 'ដើម្បីអាចរុករកតាមប្រតិទិនដោយប្រើគ្រាប់ចុចក្តារចុច: ប្រើ CMD ឬបញ្ជា (Ctrl) + គ្រាប់ចុចព្រួញចុះក្រោមដើម្បីរុករកទៅក្នុងបរិបទប្រតិទិន; ប្រើគ្រាប់ចុចព្រួញដើម្បីរុករកតាមថ្ងៃប្រតិទិន; ប្រើ CMD ឬបញ្ជា (Ctrl) + គ្រាប់ចុចព្រួញស្ដាំឬឆ្វេងដើម្បីរុករកពេញមួយខែ; ប្រើ CMD ឬបញ្ជា (Ctrl) + គ្រាប់ចុចព្រួញចុះក្រោមឬចុះក្រោមដើម្បីរុករកពេញមួយឆ្នាំ;', + htmlTex: 'ប្រើព្រួញក្រាហ្វាសក្រាហ្វាសដើម្បីបើកប្រតិទិន; ប្រើព្រួញក្រាហ្វាសដើម្បីរុករុករបស់ថ្ងៃកូនក្នុងប្រតិទិន; ប្រើព្រួញ cmd ឬ ctrl + ព្រួញស្ដាំឬស្តាំខ្លីដើម្បីរុករុករបស់ខែ; ប្រើព្រួញ cmd ឬ ctrl + ព្រួញឡើងឬឡើងដើម្បីរុករុករបស់ឆ្នាំ;', }, ko: { - htmlTex: '키보드 키로 캘린더를 탐색 할 수 있으려면 : CMD 또는 CTRL + 다운 화살표 키를 사용하여 캘린더 컨텍스트로 탐색하십시오. 화살표 키를 사용하여 달력 일을 탐색하십시오. CMD 또는 CTRL + 오른쪽 또는 왼쪽 화살표 키를 사용하여 몇 달 동안 탐색하십시오. CMD 또는 Ctrl + Up 또는 Down Arrow 키를 사용하여 수년 동안 탐색하십시오.', + htmlTex: '달력을 열려면 아래쪽 화살표 키를 사용하십시오. 달력 날짜를 탐색하려면 화살표 키를 사용하십시오. 월을 탐색하려면 cmd 또는 ctrl + 오른쪽 또는 왼쪽 화살표 키를 사용하십시오. 년도를 탐색하려면 cmd 또는 ctrl + 위쪽 또는 아래쪽 화살표 키를 사용하십시오.', }, kz: { - htmlTex: 'Пернетақта пернесімен күнтізбе арқылы шарлау алу үшін: Күнтізбе мәтінмәніне өту үшін CMD немесе CTRL + төмен көрсеткісін пайдаланыңыз; Күнтізбелік күндерде шарлау үшін көрсеткі пернелерді қолданыңыз; Айдармен шарлау үшін CMD немесе CTRL + оң немесе сол жақ көрсеткі пернелерін пайдаланыңыз; Жылдар бойына шарлау үшін CMD немесе CTRL + UP немесе төмен көрсеткілерді қолданыңыз;', + htmlTex: 'Қалендарды ашу үшін жоғары жақ көрсеткінді пайдаланыңыз; Календардың күндері арасында навигациялау үшін көрсеткінді пайдаланыңыз; Айдарды навигациялау үшін cmd немесе ctrl + оң немесе сол көрсеткінді пайдаланыңыз; Жылдарды навигациялау үшін cmd немесе ctrl + жоғары немесе төмен көрсеткінді пайдаланыңыз;', }, lt: { - htmlTex: 'Norėdami naršyti po kalendorių su klaviatūros klavišu: naudokite CMD arba Ctrl + Down rodyklės klavišą, kad galėtumėte pereiti į kalendoriaus kontekstą; Naudokite rodyklės klavišus, kad galėtumėte naršyti per kalendorines dienas; Norėdami naršyti po mėnesius, naudokite CMD arba CTRL + dešinę arba kairiąją rodyklės klavišus; Norėdami naršyti po metus, naudokite CMD arba CTRL + aukštyn arba žemyn rodyklių klavišus;', + htmlTex: 'Naudokite rodyklės žemyn klavišą, kad atidarytumėte kalendorių; Naudokite rodykles, kad naršytumėte kalendoriaus dienas; Naudokite cmd arba ctrl + dešinįjį arba kairįjį rodyklę, kad naršytumėte mėnesius; Naudokite cmd arba ctrl + aukštyn arba žemyn rodyklę, kad naršytumėte metus;', }, lv: { - htmlTex: 'Lai varētu pārvietoties pa kalendāru ar tastatūras atslēgu: izmantojiet CMD vai CTRL + lejupejošo bultiņas atslēgu, lai pārietu kalendāra kontekstā; Izmantojiet bulttaustiņus, lai pārvietotos kalendārajās dienās; Izmantojiet CMD vai CTRL + labās vai kreisās bultiņas taustiņus, lai pārvietotos mēnešos; Izmantojiet cmd vai ctrl + uz augšu vai uz leju bultiņu taustiņiem, lai pārvietotos pa gadiem;', + htmlTex: 'Izmantojiet bultiņu uz leju taustiņu, lai atvērtu kalendāru; Izmantojiet bultiņas, lai navigētu caur kalendāra dienām; Izmantojiet cmd vai ctrl + pa labi vai pa kreisi bultiņas, lai navigētu mēnešos; Izmantojiet cmd vai ctrl + uz augšu vai uz leju bultiņas, lai navigētu gados;', }, mk: { - htmlTex: 'За да можете да се движите низ календарот со копчето за тастатура: Користете го копчето CMD или Ctrl + Down Arrow за да се движите во контекст на календарот; Користете ги копчињата со стрела за да се движите низ календарските денови; Користете CMD или CTRL + десно или лево стрела со стрелки за да се движите низ месеци; Користете CMD или CTRL + UPAR или DOWN ARROW ARROW за да се движите низ години;', + htmlTex: 'Користете го копчето со стрелка надолу за да отворите календар; Користете стрелките за да навигирате низ деновите во календарот; Користете го копчето cmd или ctrl + стрелка десно или лево за да навигирате низ месеци; Користете го копчето cmd или ctrl + стрелка горе или долу за да навигирате низ годините;', }, mn: { - htmlTex: 'Гарын түлхүүрээр хуанлигаар дамжуулж явах боломжтой байхын тулд: CMD эсвэл CTTL + Down Arge Acew Aurow товчийг ашиглана уу; Календарийн өдрүүдийг дамжуулан чиглүүлэхийн тулд сумны товчлууруудыг ашиглана уу; CMD эсвэл CTD эсвэл CTRL + Баруун эсвэл зүүн сумыг ашиглан сараар дамжин өнгөрөх; CMD эсвэл CTRL + UP эсвэл AP A эсвэл DOWN ARCE товчийг ашиглан олон жилийн турш дамжин өнгөрөх;', + htmlTex: 'Календарыг нээхийн тулд доошилтуур товчлуурыг ашиглана уу; Календарын өдөрүүдэд хүрэхийн тулд доошилтуур товчлуурыг ашиглана уу; Саруудад нэвтрүүлгэн тохируулахын тулд cmd эсвэл ctrl + баруун эсвэл зүүн доошилтуур товчлуурыг ашиглана уу; Жилийг нэвтрүүлгэн тохируулахын тулд cmd эсвэл ctrl + доошилтуур товчлуурыг дээш эсвэл доошилтуур ашиглана уу;', }, ms: { - htmlTex: 'Untuk dapat menavigasi kalendar dengan kunci papan kekunci: Gunakan kekunci anak panah CMD atau Ctrl + Down untuk menavigasi ke dalam konteks kalendar; Gunakan kekunci anak panah untuk menavigasi hari kalendar; Gunakan CMD atau Ctrl + kekunci anak panah kanan atau kiri untuk menavigasi melalui bulan; Gunakan kekunci anak panah CMD atau CTRL + UP atau DOWN untuk menavigasi selama bertahun -tahun;', + htmlTex: 'Guna pakai ke bawah panah untuk membuka kalendar; Guna ke bawah panah untuk melayari hari-hari kalendar; Guna cmd atau ctrl + panah ke kanan atau kiri untuk melayari bulan; Guna cmd atau ctrl + panah ke atas atau bawah untuk melayari tahun;', }, my: { - htmlTex: 'ပြက္ခဒိန်ကို Keyboard Key ဖြင့်သွားလာနိုင်ရန်အတွက် CMD သို့မဟုတ် Ctrl + Down arrow ကိုသုံးပါ။ ပြက္ခဒိန်ရက်များမှတစ်ဆင့်သွားရန်မြှားသော့များကိုသုံးပါ။ လများလေသွားရန် CMD သို့မဟုတ် CTRL + လက်ဝဲသို့မဟုတ်လက်ဝဲမြှားခလုတ်များကိုသုံးပါ။ နှစ်ပေါင်းသွားရန် CMD သို့မဟုတ် Ctrl + Up သို့မဟုတ် Up arrow သော့များကိုသုံးပါ။', + htmlTex: 'ကော်နာနှင့် ရွှေတိုးကို ဖွင့်ပါ။ ကိုက်ဘ်လက်များကို ရှာဖွေရန်အသုံးပြုပါ။ ကိုနှင့် ctrl သို့မဟုတ်အမြင်ကို ညာဘက်သို့မဟုတ် ညာမြက်သို့မှစားရင်းသားကို ရှာဖွေရန်အသုံးပြုပါ။', }, nl: { - htmlTex: 'Om door de agenda met toetsenbordsleutel door de kalender te kunnen navigeren: gebruik CMD of Ctrl + Down Arrow -toets om naar de context van de kalender te navigeren; Gebruik pijltoetsen om door kalenderdagen te navigeren; Gebruik CMD of Ctrl + rechter- of linker pijltoetsen om maanden door te navigeren; Gebruik CMD of Ctrl + omhoog of omlaag pijltoetsen om jaren door te navigeren;', + htmlTex: 'Gebruik de pijl-omlaag-toets om de kalender te openen; Gebruik de pijltoetsen om door kalenderdagen te navigeren; Gebruik cmd of ctrl + rechter- of linkerpijltoetsen om door maanden te navigeren; Gebruik cmd of ctrl + omhoog- of omlaagpijltoetsen om door jaren te navigeren;', }, nb: { - htmlTex: 'For å kunne navigere gjennom kalender med tastaturnøkkel: Bruk CMD eller CTRL + ned piletasten for å navigere inn i kalenderkontekst; Bruk piltastene for å navigere gjennom kalenderdagene; Bruk CMD eller Ctrl + høyre eller venstre piltaster for å navigere gjennom måneder; Bruk CMD eller Ctrl + opp eller ned piltastene for å navigere gjennom år;', + htmlTex: 'Bruk piltasten ned for å åpne kalenderen; Bruk piltastene for å navigere gjennom kalenderens dager; Bruk cmd eller ctrl + høyre eller venstre piltast for å navigere gjennom månedene; Bruk cmd eller ctrl + opp eller ned piltast for å navigere gjennom årene;', }, nn: { - htmlTex: 'For å kunne navigere gjennom kalender med tastaturnøkkel: Bruk CMD eller CTRL + ned piletasten for å navigere inn i kalenderkontekst; Bruk piltastene for å navigere gjennom kalenderdagene; Bruk CMD eller Ctrl + høyre eller venstre piltaster for å navigere gjennom måneder; Bruk CMD eller Ctrl + opp eller ned piltastene for å navigere gjennom år;', + htmlTex: 'Bruk piltasten ned for å opne kalenderen; Bruk piltastane for å navigere gjennom kalenderdagar; Bruk cmd eller ctrl + høgre eller venstre piltast for å navigere gjennom månader; Bruk cmd eller ctrl + opp eller ned piltast for å navigere gjennom år;', }, no: { - htmlTex: 'For å kunne navigere gjennom kalender med tastaturnøkkel: Bruk CMD eller CTRL + ned piletasten for å navigere inn i kalenderkontekst; Bruk piltastene for å navigere gjennom kalenderdagene; Bruk CMD eller Ctrl + høyre eller venstre piltaster for å navigere gjennom måneder; Bruk CMD eller Ctrl + opp eller ned piltastene for å navigere gjennom år;', + htmlTex: 'Bruk piltasten ned for å åpne kalenderen; Bruk piltastene for å navigere gjennom kalenderdager; Bruk cmd eller ctrl + høyre eller venstre piltast for å navigere gjennom månedene; Bruk cmd eller ctrl + opp eller ned piltast for å navigere gjennom år;', }, pa: { - htmlTex: 'ਕ੍ਰਮ ਵਿੱਚ ਕੀਬੋਰਡ ਕੁੰਜੀ ਨਾਲ ਕੈਲੰਡਰ ਤੇ ਨੈਵੀਗੇਟ ਕਰਨ ਦੇ ਯੋਗ ਹੋਣ ਲਈ: ਕੈਲੰਡਰ ਪ੍ਰਸੰਗ ਵਿੱਚ ਨੈਵੀਗੇਟ ਕਰਨ ਲਈ ਸੀ.ਐੱਮ.ਡੀ. ਜਾਂ CTRL + ਡਾਉਨ ਐਰੋ ਬਟਨ ਦੀ ਵਰਤੋਂ ਕਰੋ; ਕੈਲੰਡਰ ਦੇ ਦਿਨਾਂ ਵਿੱਚ ਨੈਵੀਗੇਟ ਕਰਨ ਲਈ ਐਰੋ ਕੁੰਜੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰੋ; ਮਹੀਨਿਆਂ ਦੇ ਜ਼ਰੀਏ ਨੈਵੀਗੇਟ ਕਰਨ ਲਈ ਸੀ.ਐੱਮ.ਡੀ. ਜਾਂ Ctrl + ਸੱਜੇ ਜਾਂ ਖੱਬੀ ਐਰੋ ਦੀਆਂ ਕੁੰਜੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰੋ; ਸਾਲਾਂ ਦੁਆਰਾ ਨੇਵੀਗੇਟ ਕਰਨ ਲਈ ਸੀ.ਐੱਮ.ਡੀ. ਜਾਂ Ctrl + U ਉੱਪਰ ਜਾਂ ਹੇਠਾਂ ਐਰੋ ਬਟਨ ਦੀ ਵਰਤੋਂ ਕਰੋ;', + htmlTex: 'ਕੈਲੰਡਰ ਖੋਲਣ ਲਈ ਹੇਠਾਂ ਆਰੋ ਕੁੱਝ ਕਰੋ; ਕੈਲੰਡਰ ਦਿਨਾਂ ਵਿੱਚ ਸਿਰਣ ਲਈ ਆਰੋ ਕੁੱਝ ਕਰੋ; ਮਹੀਨਿਆਂ ਵਿੱਚ ਸਿਰਣ ਲਈ cmd ਜਾਂ ctrl + ਸੱਜੇ ਜਾਂ ਖੱਬੇ ਆਰੋ ਕੁੱਝ ਕਰੋ; ਸਾਲਾਂ ਵਿੱਚ ਸਿਰਣ ਲਈ cmd ਜਾਂ ctrl + ਉੱਤੇ ਜਾਂ ਹੇਠੇ ਆਰੋ ਕੁੱਝ ਕਰੋ;', }, pl: { - htmlTex: 'Aby móc poruszać się po kalendarzu z klawiszem klawiatury: Użyj CMD lub CTRL + Down Strzałka, aby nawigować do kontekstu kalendarza; Użyj klawiszy strzałek do nawigacji przez dni kalendarzowe; Użyj klawiszy CMD lub CTRL + prawej lub lewej strzałki, aby poruszać się przez miesiące; Użyj CMD lub CTRL + w górę lub w dół klawiszy strzałek, aby poruszać się przez lata;', + htmlTex: 'Użyj klawisza strzałki w dół, aby otworzyć kalendarz; Użyj strzałek, aby nawigować przez dni kalendarza; Użyj klawiszy cmd lub ctrl + strzałka w prawo lub lewo, aby nawigować między miesiącami; Użyj klawiszy cmd lub ctrl + strzałka w górę lub w dół, aby nawigować między latami;', }, pt: { - htmlTex: 'Para poder navegar pelo calendário com a tecla do teclado: use a tecla de seta CMD ou CTRL + Down para navegar no contexto do calendário; Use teclas de seta para navegar pelos dias do calendário; Use as teclas de seta CMD ou CTRL + direita ou esquerda para navegar por meses; Use as teclas de seta CMD ou Ctrl + para cima ou para baixo para navegar por anos;', + htmlTex: 'Use a tecla de seta para baixo para abrir o calendário; Use as teclas de seta para navegar pelos dias do calendário; Use cmd ou ctrl + seta para a direita ou esquerda para navegar pelos meses; Use cmd ou ctrl + seta para cima ou para baixo para navegar pelos anos;', }, ro: { - htmlTex: 'Pentru a putea naviga prin calendarul cu tasta tastatură: utilizați tasta CMD sau Ctrl + Down Arrow pentru a naviga în contextul calendaristic; Utilizați tastele săgeată pentru a naviga în zilele calendaristice; Utilizați tastele săgeată CMD sau Ctrl + dreapta sau stânga pentru a naviga prin luni; Utilizați tastele săgeată CMD sau Ctrl + în sus sau în jos pentru a naviga de -a lungul anilor;', + htmlTex: 'Utilizați tasta săgeată în jos pentru a deschide calendarul; Utilizați tastele săgeată pentru a naviga prin zilele calendarului; Utilizați cmd sau ctrl + săgeată dreapta sau stânga pentru a naviga prin lunile calendarului; Utilizați cmd sau ctrl + săgeată sus sau jos pentru a naviga prin ani;', }, ru: { - htmlTex: 'Чтобы иметь возможность ориентироваться в календаре с клавишной клавиатурой: используйте CMD или CTRL + Down Cool для перемещения в контекст календаря; Используйте клавиши стрел, чтобы перемещаться по календарным дням; Используйте CMD или CTRL + правые или левые клавиши со стрелками, чтобы перемещаться в течение нескольких месяцев; Используйте CMD или CTRL + вверх или вниз клавиши со стрелками, чтобы перемещаться по годам;', + htmlTex: 'Используйте клавишу стрелки вниз, чтобы открыть календарь; Используйте стрелки для навигации по дням календаря; Используйте клавиши cmd или ctrl + стрелка вправо или влево для навигации между месяцами; Используйте клавиши cmd или ctrl + стрелка вверх или вниз для навигации по годам;', }, si: { - htmlTex: 'යතුරුපුවරු යතුර සමඟ දින දර්ශනය හරහා සැරිසැරීමට හැකි වීම සඳහා: දින දර්ශන සන්දර්භය තුළට යාත්රා කිරීම සඳහා CMD හෝ CTRL + Down ඊතල යතුර භාවිතා කරන්න. දින දර්ශන දින හරහා සැරිසැරීමට ඊතල යතුරු භාවිතා කරන්න; මාස හරහා සැරිසැරීමට Cmd හෝ Ctrl + දකුණ හෝ වම් ඊතල යතුරු භාවිතා කරන්න; අවුරුදු ගණනාව තුළ සැරිසැරීමට CMD හෝ CTRL + ඉහළට හෝ පහළට ඊතල යතුරු භාවිතා කරන්න;', + htmlTex: 'දිවය විවෘත කිරීමට දවස කිරීම සඳහා ඊරාව් මෝල භාරතීය කරන්න; දින සඳහා ඊරා කිරීම සඳහා ඊරා මෝල භාරතීය කරන්න; මාමාන සඳහා cmd හෝ ctrl + වමට හෝ දකුණු ඊරා කිරීම සඳහා; වරාය සඳහා cmd හෝ ctrl + ඉහළ හෝ අසල ඊරා කිරීම සඳහා ඊරා කිරීමට භාරතීය කරන්න;', }, sk: { - htmlTex: 'Aby ste mohli prejsť v kalendári s klávesom Keyboard: Použite navigáciu šípky CMD alebo CTRL + Down navigáciu do kontextu kalendára; Použite klávesy so šípkami na prechádzanie v kalendárnych dňoch; Na previgovanie cez mesiace použite klávesy CMD alebo CTRL + pravého alebo ľavého šípky; Na previgovanie rokov používajte navigáciu šípov CMD alebo CTRL + hore alebo dole;', + htmlTex: 'Použite kláves smerom nadol na otvorenie kalendára; Použite šípky smerom hore a dole na navigáciu medzi dňami v kalendári; Použite klávesy cmd alebo ctrl + vpravo alebo vľavo na navigáciu medzi mesiacmi; Použite klávesy cmd alebo ctrl + smerom hore alebo dolu na navigáciu medzi rokmi;', }, sl: { - htmlTex: 'Da bi lahko krmarili po koledarju s tipkovnico tipkovnice: s tipko puščice CMD ali CTRL + Down za krmarjenje v koledarski kontekst; Uporabite puščice za krmarjenje po koledarskih dneh; Za krmarjenje po mesecih uporabite tipke CMD ali CTRL + desno ali levo puščico; Za krmarjenje skozi leta uporabite tipke CMD ali CTRL + UP ali Down;', + htmlTex: 'Uporabite tipko s puščico dol za odpiranje koledarja; Uporabite puščične tipke za krmarjenje med dnevi v koledarju; Uporabite tipki cmd ali ctrl + desno ali levo puščico za krmarjenje med meseci; Uporabite tipki cmd ali ctrl + puščico gor ali dol za krmarjenje med leti;', }, sq: { - htmlTex: 'Në mënyrë që të jeni në gjendje të lundroni përmes kalendarit me çelësin e tastierës: Përdorni çelësin CMD ose Ctrl + Down Arrow për të lundruar në kontekstin e kalendarit; Përdorni çelësat e shigjetave për të lundruar nëpër ditë kalendarike; Përdorni çelësat e shigjetës CMD ose CTRL + të djathtë ose të majtë për të lundruar me muaj; Përdorni çelësat e shigjetës CMD ose Ctrl + Up ose Down për të lundruar me vite;', + htmlTex: 'Përdorni tastierën me shigjetën poshtë për të hapur kalendarin; Përdorni tastierën me shigjetën lart dhe poshtë për të lëvizur nëpër ditët e kalendarit; Përdorni tastierën cmd ose ctrl + majtas ose djathtas për të lëvizur nëpër muajt; Përdorni tastierën cmd ose ctrl + shigjetën lart ose poshtë për të lëvizur nëpër vitet;', }, sr: { - htmlTex: 'Да бисте могли да се крећете кроз календар са кључем тастатуре: Користите ЦМД или ЦТРЛ + тастер са стрелицом до надоле да бисте се кретали у календарски контекст; Користите тастере са стрелицама да бисте се кретали кроз календарске дане; Користите ЦМД или ЦТРЛ + десно или лијево типке са стрелицом да бисте се кретали кроз месецима; Користите ЦМД или ЦТРЛ + горе или доле стрелице са стрелицама да бисте се кретали кроз године;', + htmlTex: 'Koristite taster strelica nadole da biste otvorili kalendar; Koristite tasteri strelica za navigaciju kroz dane kalendara; Koristite cmd ili ctrl + strelice desno ili levo za navigaciju kroz mesece; Koristite cmd ili ctrl + strelice gore ili dole za navigaciju kroz godine;', }, sv: { - htmlTex: 'För att kunna navigera genom kalendern med tangentbordsnyckel: Använd CMD eller CTRL + Down Arrow -tangent för att navigera i kalendersammanhang; Använd pilnycklar för att navigera genom kalenderdagarna; Använd CMD eller CTRL + höger eller vänster pilnycklar för att navigera genom månader; Använd CMD eller CTRL + upp eller ned pilnycklar för att navigera genom år;', + htmlTex: 'Använd piltangenten nedåt för att öppna kalendern; Använd piltangenterna för att navigera genom kalenderdagar; Använd cmd eller ctrl + höger eller vänster piltangent för att navigera genom månader; Använd cmd eller ctrl + upp eller ner piltangent för att navigera genom år;', }, th: { - htmlTex: 'เพื่อให้สามารถนำทางผ่านปฏิทินด้วยคีย์บอร์ดคีย์บอร์ด: ใช้ปุ่มลูกศร CMD หรือ CTRL + ลงเพื่อนำทางไปยังบริบทของปฏิทิน ใช้ปุ่มลูกศรเพื่อนำทางผ่านวันปฏิทิน ใช้ปุ่มลูกศร CMD หรือ CTRL + ขวาหรือซ้ายเพื่อนำทางผ่านเดือน ใช้ปุ่มลูกศร CMD หรือ CTRL + ขึ้นหรือลงเพื่อนำทางผ่านปี', + htmlTex: 'ใช้ปุ่มลูกศรลงเพื่อเปิดปฏิทิน; ใช้ปุ่มลูกศรเพื่อนำทางผ่านวันที่ในปฏิทิน; ใช้ cmd หรือ ctrl + ปุ่มลูกศรขวาหรือซ้ายเพื่อนำทางผ่านเดือน; ใช้ cmd หรือ ctrl + ปุ่มลูกศรขึ้นหรือลงเพื่อนำทางผ่านปี;', }, tr: { - htmlTex: 'Klavye tuşu ile takvimde gezinebilmesi için: takvim bağlamında gezinmek için CMD veya CTRL + Down ok tuşunu kullanın; Takvim günlerinde gezinmek için ok tuşlarını kullanın; Aylar boyunca gezinmek için CMD veya CTRL + sağ veya sol ok tuşlarını kullanın; Yıllar boyunca gezinmek için CMD veya Ctrl + yukarı veya aşağı ok tuşlarını kullanın;', + htmlTex: 'Takvimi açmak için aşağı ok tuşunu kullanın; Takvim günleri arasında gezinmek için ok tuşlarını kullanın; Aylar arasında gezinmek için cmd veya ctrl + sağ veya sol ok tuşlarını kullanın; Yıllar arasında gezinmek için cmd veya ctrl + yukarı veya aşağı ok tuşlarını kullanın;', }, uk: { - htmlTex: 'Для того, щоб мати змогу орієнтуватися по календару за допомогою клавіші клавіатури: Використовуйте клавішу стрілки CMD або CTRL + вниз, щоб перейти до контексту календаря; Використовуйте клавіші зі стрілками, щоб орієнтуватися на календарні дні; Використовуйте клавіші стрілки CMD або CTRL + ліва або ліва, щоб навігація через місяці; Використовуйте клавіші стрілки CMD або CTRL + вгору або вниз, щоб орієнтуватися на роки;', + htmlTex: 'Використовуйте клавішу стрілка вниз, щоб відкрити календар; Використовуйте клавіші зі стрілкою, щоб переміщатися між днями календаря; Використовуйте клавіші cmd або ctrl + вправо або вліво, щоб переміщатися між місяцями; Використовуйте клавіші cmd або ctrl + стрілка вгору або вниз, щоб переміщатися між роками;', }, uz: { - htmlTex: "Klaviatura kaliti bilan taqvimga o'tish imkoniyatiga ega bo'lish uchun: CMD yoki CTRL + pastga quyish tugmachasini kalendar kontekstiga o'tish uchun foydalaning; Taqvim kunlari orqali harakat qilish uchun o'q tugmalaridan foydalaning; Bir necha oy ichida harakatlanish uchun CMD yoki CTRL + o'ng yoki chap o'q tugmachalaridan foydalaning; CMD yoki CTRL + yuqoriga yoki pastga o'qishni yillar davomida o'tish uchun foydalaning;", + htmlTex: "Kalendar ochish uchun pastga yo'naltirish tugmasidan foydalaning; Kalendar kunlaridan o'tish uchun pastga va tepaga yo'naltirish tugmalari qo'llaniladi; Oy o'rtasida o'tish uchun cmd yoki ctrl + chap yoki o'ng oyoq tugmalaridan foydalaning; Yil o'rtasida o'tish uchun cmd yoki ctrl + tepaga yoki pastga yo'naltirish tugmalari qo'llaniladi;", }, vn: { - htmlTex: 'Để có thể điều hướng qua lịch bằng phím bàn phím: sử dụng phím Mũi tên CMD hoặc CTRL + để điều hướng vào ngữ cảnh lịch; Sử dụng các phím mũi tên để điều hướng qua các ngày theo lịch; Sử dụng CMD hoặc CTRL + Phím mũi tên phải hoặc trái để điều hướng qua tháng; Sử dụng các phím mũi tên CMD hoặc CTRL + lên hoặc xuống để điều hướng qua nhiều năm;', + htmlTex: 'Sử dụng phím mũi tên xuống để mở lịch; Sử dụng các phím mũi tên để điều hướng qua các ngày trong lịch; Sử dụng cmd hoặc ctrl + phím mũi tên phải hoặc trái để điều hướng qua các tháng; Sử dụng cmd hoặc ctrl + phím mũi tên lên hoặc xuống để điều hướng qua các năm;', }, zh: { - htmlTex: '為了能夠使用鍵盤鍵瀏覽日曆：使用cmd或ctrl + down箭頭鍵導航到日曆上下文中；使用箭頭鍵在日曆日內導航；使用cmd或ctrl +右或左箭頭鍵在幾個月中導航；使用CMD或CTRL +向上或向下箭頭鍵在多年中導航；', + htmlTex: '使用下箭头键打开日历; 使用箭头键在日历天数之间导航; 使用cmd或ctrl +右或左箭头键导航月份; 使用cmd或ctrl +上或下箭头键导航年份;', }, zh_tw: { - htmlTex: '为了能够使用键盘键浏览日历：使用cmd或ctrl + down箭头键导航到日历上下文中；使用箭头键在日历日内导航；使用cmd或ctrl +右或左箭头键在几个月中导航；使用CMD或CTRL +向上或向下箭头键在多年中导航；', + htmlTex: '使用下箭頭鍵打開日曆; 使用箭頭鍵在日曆天數之間導航; 使用cmd或ctrl +右或左箭頭鍵導航月份; 使用cmd或ctrl +上或下箭頭鍵導航年份;', }, }; })(l10ns = Flatpickr.l10ns || (Flatpickr.l10ns = {})); @@ -20696,11 +20708,11 @@ var Providers; this._setCallbacks(); this._setUpEvents(); } - _onBodyScroll() { + _onScreenScroll() { if (this._picker.isBuilt) { if (this._picker.provider.isOpen) { this._picker.provider._positionCalendar(); - this._requestAnimationOnBodyScroll = requestAnimationFrame(this._onBodyScrollEvent); + this._requestAnimationOnBodyScroll = requestAnimationFrame(this._onScreenScrollEvent); } else { cancelAnimationFrame(this._requestAnimationOnBodyScroll); @@ -20708,21 +20720,21 @@ var Providers; } } _setCallbacks() { - this._onBodyScrollEvent = this._onBodyScroll.bind(this); + this._onScreenScrollEvent = this._onScreenScroll.bind(this); } _setUpEvents() { - OSFramework.OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler(OSFramework.OSUI.Event.DOMEvents.Listeners.Type.BodyOnScroll, this._onBodyScrollEvent); + OSFramework.OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.addHandler(OSFramework.OSUI.Event.DOMEvents.Listeners.Type.ScreenOnScroll, this._onScreenScrollEvent); } _unsetCallbacks() { - this._onBodyScrollEvent = undefined; + this._onScreenScrollEvent = undefined; } _unsetEvents() { - OSFramework.OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSFramework.OSUI.Event.DOMEvents.Listeners.Type.BodyOnScroll, this._onBodyScrollEvent); + OSFramework.OSUI.Event.DOMEvents.Listeners.GlobalListenerManager.Instance.removeHandler(OSFramework.OSUI.Event.DOMEvents.Listeners.Type.ScreenOnScroll, this._onScreenScrollEvent); } dispose() { this._unsetEvents(); this._unsetCallbacks(); - this._onBodyScrollEvent = undefined; + this._onScreenScrollEvent = undefined; this._requestAnimationOnBodyScroll = undefined; } } diff --git a/src/scripts/Providers/OSUI/Datepicker/Flatpickr/AbstractFlatpickr.ts b/src/scripts/Providers/OSUI/Datepicker/Flatpickr/AbstractFlatpickr.ts index 321bd319f8..7baf5a9c10 100644 --- a/src/scripts/Providers/OSUI/Datepicker/Flatpickr/AbstractFlatpickr.ts +++ b/src/scripts/Providers/OSUI/Datepicker/Flatpickr/AbstractFlatpickr.ts @@ -78,8 +78,8 @@ namespace Providers.OSUI.Datepicker.Flatpickr { ); } - // Method to handle the keydows event for the Today Button - private _todayButtonKeydown(e: KeyboardEvent):void { + // Method to handle the keydows event for the Today Button + private _todayButtonKeydown(e: KeyboardEvent): void { switch (e.key) { case OSFramework.OSUI.GlobalEnum.Keycodes.Tab: // Prevent the flatpickr default behaviour for tab @@ -92,7 +92,7 @@ namespace Providers.OSUI.Datepicker.Flatpickr { this.provider.setDate(this.provider.now, true); // Trigger the jumpIntoDate! this.jumpIntoToday(); - break; + break; } } @@ -124,19 +124,21 @@ namespace Providers.OSUI.Datepicker.Flatpickr { OSFramework.OSUI.Helper.A11Y.AriaLabel(todayBtn, l10ns.TodayBtn[langCode].ariaLabel); todayBtn.addEventListener(OSFramework.OSUI.GlobalEnum.HTMLEvent.Click, this.todayBtnClick.bind(this)); - todayBtn.addEventListener(OSFramework.OSUI.GlobalEnum.HTMLEvent.keyDown, this._todayButtonKeydown.bind(this)); + todayBtn.addEventListener( + OSFramework.OSUI.GlobalEnum.HTMLEvent.keyDown, + this._todayButtonKeydown.bind(this) + ); // Append elements to the proper containers this._todayButtonElem.appendChild(todayBtn); // Make sure to append this just before the focus trap span from flatpickr this._providerFocusSpanTarget = this.provider.calendarContainer.querySelector('.focus-trap-bottom-element'); - if(this._providerFocusSpanTarget) { + if (this._providerFocusSpanTarget) { this.provider.calendarContainer.insertBefore(this._todayButtonElem, this._providerFocusSpanTarget); } else { this.provider.calendarContainer.appendChild(this._todayButtonElem); } - } /** @@ -295,7 +297,11 @@ namespace Providers.OSUI.Datepicker.Flatpickr { // Set the aria-label attribute value OSFramework.OSUI.Helper.A11Y.AriaLabel(this.flatpickrInputElem, ariaLabelValue); // Set the aria-describedby attribute in order to give more context about how to navigate into calendar using keyboard - OSFramework.OSUI.Helper.A11Y.AriaDescribedBy(this.flatpickrInputElem, this._a11yInfoContainerElem.id); + if (OSFramework.OSUI.Helper.DeviceInfo.IsDesktop) + OSFramework.OSUI.Helper.A11Y.AriaDescribedBy( + this.flatpickrInputElem, + this._a11yInfoContainerElem.id + ); // Check if lang is not EN (default one) if (this.configs.Lang !== OSFramework.OSUI.Constants.Language.short) { @@ -429,7 +435,7 @@ namespace Providers.OSUI.Datepicker.Flatpickr { public close(): void { if (this.provider.isOpen) { this.provider.close(); - if(this.configs.ShowTodayButton) { + if (this.configs.ShowTodayButton) { OSFramework.OSUI.Helper.A11Y.TabIndexFalse(this._todayButtonElem); } } @@ -489,7 +495,7 @@ namespace Providers.OSUI.Datepicker.Flatpickr { const isInputDisable = this.datePickerPlatformInputElem.disabled; if (this.provider.isOpen === false && isInputDisable === false) { this.provider.open(); - if(this.configs.ShowTodayButton) { + if (this.configs.ShowTodayButton) { OSFramework.OSUI.Helper.A11Y.TabIndexTrue(this._todayButtonElem); } } diff --git a/src/scripts/Providers/OSUI/Datepicker/Flatpickr/l10ns/A11yContainerInfo.ts b/src/scripts/Providers/OSUI/Datepicker/Flatpickr/l10ns/A11yContainerInfo.ts index c66d9cc311..f18cdbd711 100644 --- a/src/scripts/Providers/OSUI/Datepicker/Flatpickr/l10ns/A11yContainerInfo.ts +++ b/src/scripts/Providers/OSUI/Datepicker/Flatpickr/l10ns/A11yContainerInfo.ts @@ -4,263 +4,263 @@ namespace Providers.OSUI.Datepicker.Flatpickr.l10ns { export const A11yContainerInfo = { ar: { htmlTex: - 'من أجل أن تكون قادرًا على التنقل من خلال التقويم باستخدام مفتاح لوحة المفاتيح: استخدم مفتاح السهم CMD أو CTRL + لأسفل للتنقل إلى سياق التقويم ؛ استخدم مفاتيح الأسهم للتنقل خلال أيام التقويم ؛ استخدم مفاتيح السهم CMD أو CTRL + اليمين أو اليسرى للتنقل عبر أشهر ؛ استخدم مفاتيح الأسهم CMD أو CTRL + لأعلى أو لأسفل للتنقل عبر سنوات ؛', + 'استخدم مفتاح السهم للأسفل لفتح التقويم؛ استخدم مفاتيح الأسهم للتنقل في أيام التقويم؛ استخدم مفتاح Ctrl أو Cmd + الأسهم اليمين أو اليسار للتنقل بين الشهور؛ استخدم مفتاح Ctrl أو Cmd + الأسهم للأعلى أو للأسفل للتنقل بين السنوات؛', }, at: { htmlTex: - 'Um mit Tastaturschlüssel durch den Kalender navigieren zu können: Verwenden Sie CMD oder Strg + Down -Pfeil -Taste, um in den Kalenderkontext zu navigieren; Verwenden Sie Pfeilschlüssel, um durch Kalendertage zu navigieren. Verwenden Sie CMD- oder Strg + rechts oder linke Pfeiltasten, um Monate zu navigieren. Verwenden Sie CMD oder Strg + Up- oder Down -Pfeiltasten, um durch Jahre zu navigieren.', + 'Verwenden Sie die Pfeiltaste nach unten, um den Kalender zu öffnen; Verwenden Sie die Pfeiltasten, um sich durch die Kalendertage zu bewegen; Verwenden Sie die Strg- oder Cmd-Taste + die rechte oder linke Pfeiltaste, um sich durch die Monate zu bewegen; Verwenden Sie die Strg- oder Cmd-Taste + die Pfeiltasten nach oben oder unten, um sich durch die Jahre zu bewegen;', }, az: { htmlTex: - 'Klaviatura düyməsi ilə təqvimlə naviqasiya etmək üçün: Təqvim kontekstinə keçmək üçün CMD və ya CTRL + Down Ok düyməsinə istifadə edin; Təqvim günlərində gəzmək üçün ox düymələrindən istifadə edin; Aylarla gəzmək üçün CMD və ya CTRL + sağ və ya sol ox düymələrindən istifadə edin; İllərlə gəzmək üçün CMD və ya CTRL + yuxarı və ya aşağı ox düymələrindən istifadə edin;', + 'Təqvim açmaq üçün aşağı ox düyməsindən istifadə edin; Təqvim gününü gəzmək üçün aşağı və ya yuxarı ox düymələrindən istifadə edin; Aylar arasında gəzmək üçün Ctrl və ya Cmd + sağ və ya sol ox düymələrindən istifadə edin; İllər arasında gəzmək üçün Ctrl və ya Cmd + yuxarı və ya aşağı ox düymələrindən istifadə edin;', }, be: { htmlTex: - 'Для таго, каб мець магчымасць перамяшчацца па календары з клавішнай клавішай: Выкарыстоўвайце CMD або CTRL + клавіша са стрэлкай уніз, каб перайсці ў каляндарны кантэкст; Выкарыстоўвайце клавішы са стрэлкамі для навігацыі праз каляндарныя дні; Выкарыстоўвайце CMD або CTRL + правай або левай клавішы са стрэлкамі для навігацыі праз месяцы; Выкарыстоўвайце CMD або CTRL + клавішы са стрэлкамі ўверх ці ўніз, каб перамяшчацца праз гады;', + 'Выкарыстоўвайце клавішу стрэлкі ўніз, каб адкрыць каляндар; Выкарыстоўвайце стрэлкі для навігацыі па днях каляндара; Выкарыстоўвайце клавішу Ctrl або Cmd + стрэлкі ўправа або ўлева для навігацыі па месяцах; Выкарыстоўвайце клавішу Ctrl або Cmd + стрэлкі ўверх або ўніз для навігацыі па гадах;', }, bg: { htmlTex: - 'За да можете да навигирате през календара с клавиатура: използвайте CMD или Ctrl + Key Arrow Key, за да придвижите в контекста на календара; Използвайте клавишите със стрелки, за да се движите през календарни дни; Използвайте CMD или Ctrl + десни или леви клавиши със стрелки, за да се движите през месеци; Използвайте CMD или CTRL + нагоре или надолу клавиши със стрелки, за да навигирате през години;', + 'Използвайте клавиша със стрелка надолу, за да отворите календара; Използвайте стрелките за да навигирате през дните в календара; Използвайте Ctrl или Cmd + стрелка надясно или наляво, за да навигирате през месеците; Използвайте Ctrl или Cmd + стрелка нагоре или надолу, за да навигирате през годините;', }, bn: { htmlTex: - 'কীবোর্ড কী দিয়ে ক্যালেন্ডারের মাধ্যমে নেভিগেট করতে সক্ষম হওয়ার জন্য: ক্যালেন্ডার প্রসঙ্গে নেভিগেট করতে সিএমডি বা সিটিআরএল + ডাউন তীর কী ব্যবহার করুন; ক্যালেন্ডারের দিনগুলিতে নেভিগেট করতে তীর কী ব্যবহার করুন; কয়েক মাস ধরে নেভিগেট করতে সিএমডি বা সিটিআরএল + ডান বা বাম তীর কী ব্যবহার করুন; বছরের মধ্যে নেভিগেট করতে সিএমডি বা সিটিআরএল + উপরে বা ডাউন তীর কী ব্যবহার করুন;', + 'ক্যালেন্ডার খোলার জন্য ডাউন অ্যারো কি ব্যবহার করুন; ক্যালেন্ডারের দিনগুলি নেভিগেট করতে এরো কি ব্যবহার করুন; মাসের মধ্যে নেভিগেট করতে Ctrl বা Cmd + ডান বা বাম অ্যারো কি ব্যবহার করুন; বছরের মধ্যে নেভিগেট করতে Ctrl বা Cmd + উপর বা নিচে অ্যারো কি ব্যবহার করুন;', }, bs: { htmlTex: - 'Da biste mogli kretati kroz kalendar s tipkovnicom tipkovnicom: Koristite CMD ili Ctrl + tipku sa strelicom dolje za kretanje u kontekst kalendara; Koristite tipke sa strelicama za navigaciju kroz dane kalendara; Koristite CMD ili CTRL + tastere sa strelicom ili lijeve strelice za kretanje kroz mjesece; Upotrijebite CMD ili Ctrl + gore ili dolje tipke sa strelicama za navigaciju kroz godine;', + 'Koristite strelicu prema dolje za otvaranje kalendara; Koristite strelice za navigaciju kroz dane u kalendaru; Koristite Ctrl ili Cmd + desnu ili lijevu strelicu za navigaciju kroz mjesece; Koristite Ctrl ili Cmd + strelicu prema gore ili prema dolje za navigaciju kroz godine;', }, ca: { htmlTex: - 'Per poder navegar pel calendari amb tecla de teclat: utilitzeu la tecla CMD o CTRL + Down Arrow per navegar cap al context del calendari; Utilitzeu les tecles de fletxa per navegar durant els dies naturals; Utilitzeu les tecles de fletxa CMD o CTRL + dreta o esquerra per navegar durant mesos; Utilitzeu les tecles de fletxa CMD o Ctrl + amunt o avall per navegar durant anys;', + 'Utilitzeu la tecla de la fletxa cap avall per obrir el calendari; Utilitzeu les fletxes per navegar pels dies del calendari; Utilitzeu Ctrl o Cmd + la fletxa de dreta o esquerra per navegar pels mesos; Utilitzeu Ctrl o Cmd + la fletxa cap amunt o cap avall per navegar pels anys;', }, cat: { htmlTex: - 'Per poder navegar pel calendari amb tecla de teclat: utilitzeu la tecla CMD o CTRL + Down Arrow per navegar cap al context del calendari; Utilitzeu les tecles de fletxa per navegar durant els dies naturals; Utilitzeu les tecles de fletxa CMD o CTRL + dreta o esquerra per navegar durant mesos; Utilitzeu les tecles de fletxa CMD o Ctrl + amunt o avall per navegar durant anys;', + 'Utilitzeu la tecla de la fletxa cap avall per obrir el calendari; Utilitzeu les tecles de la fletxa per navegar pels dies del calendari; Utilitzeu cmd o ctrl + tecla de la fletxa dreta o esquerra per navegar pels mesos; Utilitzeu cmd o ctrl + tecla de la fletxa cap amunt o cap avall per navegar pels anys;', }, ckb: { htmlTex: - 'Ji bo ku bikaribin bi kalîfar bi klavyeyê bi klavyeyê vegerin: Bişkojka CMD an CTRL + Down-ê bikar bînin da ku nav çarçoveya salnameyê veguhezînin; Bişkojkên arrow bikar bînin ku bi rojên salnameyê vegerin. Bişkojkên CMD an CTRL + rast an çepê bikar bînin da ku bi mehan rêve bibin; Bişkojkên CMD an CTRL + UP an Down bikar bînin da ku bi salan navigirin;', + 'ئەم توندوتان بەکاربهێنە بۆ کردنەوەی ڕۆژنامە; توندوتانی تیر بۆ ناوی ڕۆژەکانی ڕۆژنامە بکەن; دوگمەی cmd یان ctrl + توندوی ئەستوو یان چەپ بۆ ناوی مانگەکان بکەن; دوگمەی cmd یان ctrl + توندوی سەرەوە یان خوار بۆ ناوی ساڵەکان بکەن;', }, cs: { htmlTex: - 'Chcete -li být schopen procházet kalendářem pomocí klávesnice klávesnice: Použijte CMD nebo Ctrl + Down Arrow Key pro navigaci do kontextu kalendáře; Použijte klíče se šipkami pro navigaci v kalendářních dnech; Pro navigaci v měsících použijte klíče CMD nebo CTRL + vpravo nebo vlevo; Pro navigaci po létech použijte klávesy se šipkami CMD nebo CTRL + nahoru nebo dolů;', + 'Použijte klávesu šipka dolů k otevření kalendáře; Použijte šipky k navigaci mezi dny v kalendáři; Použijte klávesu Ctrl nebo Cmd + šipky vpravo nebo vlevo k navigaci mezi měsíci; Použijte klávesu Ctrl nebo Cmd + šipky nahoru nebo dolů k navigaci mezi roky;', }, cy: { htmlTex: - "Er mwyn gallu llywio trwy'r calendr gydag allwedd bysellfwrdd: defnyddiwch allwedd saeth CMD neu CTRL + Down i lywio i gyd -destun calendr; Defnyddio allweddi saeth i lywio trwy ddiwrnodau calendr; Defnyddio allweddi saeth CMD neu Ctrl + dde neu chwith i lywio trwy fisoedd; Defnyddiwch allweddi saeth CMD neu CTRL + i fyny neu i lawr i lywio trwy flynyddoedd;", + 'Defnyddiwch y botwm saeth i lawr i agor y calendr; Defnyddiwch y bysellau i lywio drwy ddyddiau calendr; Defnyddiwch Ctrl neu Cmd + y bysellau de neu lafur i lywio drwy fisoedd; Defnyddiwch Ctrl neu Cmd + y bysellau i fyny neu i lawr i lywio drwy flynyddoedd;', }, da: { htmlTex: - 'For at kunne navigere gennem kalender med tastaturnøgle: Brug CMD eller Ctrl + Down Arrow -tasten til at navigere i kalenderkontekst; Brug piletaster til at navigere gennem kalenderdage; Brug CMD eller CTRL + højre eller venstre piletaster til at navigere gennem måneder; Brug CMD eller CTRL + op eller ned på piletasterne til at navigere gennem år;', + 'Brug pil ned for at åbne kalenderen; Brug piletasterne til at navigere gennem kalenderens dage; Brug Ctrl eller Cmd + højre eller venstre pil for at navigere gennem månederne; Brug Ctrl eller Cmd + op eller ned pilene for at navigere gennem årene;', }, de: { htmlTex: - 'Um mit Tastaturschlüssel durch den Kalender navigieren zu können: Verwenden Sie CMD oder Strg + Down -Pfeil -Taste, um in den Kalenderkontext zu navigieren; Verwenden Sie Pfeilschlüssel, um durch Kalendertage zu navigieren. Verwenden Sie CMD- oder Strg + rechts oder linke Pfeiltasten, um Monate zu navigieren. Verwenden Sie CMD oder Strg + Up- oder Down -Pfeiltasten, um durch Jahre zu navigieren.', + 'Verwenden Sie die Pfeiltaste nach unten, um den Kalender zu öffnen; Verwenden Sie die Pfeiltasten, um durch die Kalendertage zu navigieren; Verwenden Sie die Befehlstaste oder Strg + Pfeiltaste rechts oder links, um durch die Monate zu navigieren; Verwenden Sie die Befehlstaste oder Strg + Pfeiltaste nach oben oder unten, um durch die Jahre zu navigieren;', }, en: { htmlTex: - 'In order to be able to navigate through calendar with keyboard key: Use cmd or ctrl + down arrow key to navigate into calendar context; Use arrow keys to navigate through calendar days; Use cmd or ctrl + right or left arrow keys to navigate through months; Use cmd or ctrl + up or down arrow keys to navigate through years;', + 'Use arrow down key to open the calendar; Use arrow keys to navigate through calendar days; Use cmd or ctrl + right or left arrow keys to navigate through months; Use cmd or ctrl + up or down arrow keys to navigate through years;', }, eo: { htmlTex: - 'Por povi navigi tra kalendaro per klavara ŝlosilo: Uzu CMD aŭ CTRL + malsupren sagoklavon por navigi en kalendaran kuntekston; Uzu sagajn ŝlosilojn por navigi tra kalendaraj tagoj; Uzu CMD aŭ CTRL + dekstran aŭ maldekstran sagoklavojn por navigi tra monatoj; Uzu CMD aŭ CTRL + supren aŭ malsupren sagoklavojn por navigi tra jaroj;', + 'Uzu la malsupran sago-butonon por malfermi la kalendaron; Uzu sago-butonojn por navigi tra kalendaraj tagoj; Uzu cmd aŭ ctrl + dekstren aŭ maldekstren sago-butonojn por navigi tra monatoj; Uzu cmd aŭ ctrl + supren aŭ malsupren sago-butonojn por navigi tra jaroj;', }, es: { htmlTex: - 'Para poder navegar a través del calendario con la tecla de teclado: use la tecla CMD o CTRL + Down Arrow para navegar hacia el contexto del calendario; Use las teclas de flecha para navegar a través de los días calendario; Use las teclas CMD o CTRL + Derecha o Left Flecha para navegar durante meses; Use CMD o Ctrl + Arrow Keys para navegar a través de años;', + 'Utiliza la tecla de flecha hacia abajo para abrir el calendario; Utiliza las teclas de flecha para navegar por los días del calendario; Utiliza cmd o ctrl + teclas de flecha derecha o izquierda para navegar por los meses; Utiliza cmd o ctrl + teclas de flecha arriba o abajo para navegar por los años;', }, et: { htmlTex: - 'Klaviatuuri klahviga kalendris liikumiseks: kasutage kalendri konteksti navigeerimiseks CMD või CTRL + Down Noole klahvi; Kasutage kalendripäevade liikumiseks nooleklahve; Kasutage kuude jooksul navigeerimiseks CMD või Ctrl + paremat või vasakut nooleklahvi; Kasutage aastate jooksul navigeerimiseks CMD või Ctrl + üles või alla nooleklahve;', + 'Kasutage allanoolt, et avada kalender; Kasutage nooleklahve kalendripäevade sirvimiseks; Kasutage käsku või ctrl + parema või vasaku nooleklahvi, et sirvida kuude vahel; Kasutage käsku või ctrl + üles või alla nooleklahvi, et sirvida aastate vahel;', }, fa: { htmlTex: - 'برای اینکه بتوانید از طریق تقویم با کلید صفحه کلید حرکت کنید: از کلید Arrow CMD یا Ctrl + Down برای حرکت در متن تقویم استفاده کنید. از کلیدهای فلش برای حرکت در روزهای تقویم استفاده کنید. برای حرکت در طی ماهها از کلیدهای پیکان راست یا CTRL + راست یا چپ استفاده کنید. برای حرکت در طی سالها از کلیدهای Arrow CMD یا CTRL + بالا یا پایین استفاده کنید.', + 'از کلید پایین فشار دهید تا تقویم باز شود؛ از کلید‌های پایین برای ناوبری در ایام تقویم استفاده کنید؛ از کلیدهای cmd یا ctrl + راست یا چپ برای ناوبری در ماه‌ها استفاده کنید؛ از کلیدهای cmd یا ctrl + پایین یا بالا برای ناوبری در سال‌ها استفاده کنید؛', }, fi: { htmlTex: - 'Kalenterin avulla näppäimistön näppäimellä voi kulkea CMD- tai CTRL + Down -nuolinäppäimellä kalenterikontekstissa; Käytä nuolinäppäimiä kalenteripäivinä; Käytä CMD: tä tai Ctrl +: ta oikealla tai vasemmalla nuolinäppäimellä nähdäksesi kuukausia; Käytä CMD: tä tai Ctrl + ylös tai alas nuolinäppäimiä navigoidaksesi vuosien ajan;', + 'Käytä nuolinäppäintä alentaaksesi kalenterin; Käytä nuolinäppäimiä navigoidaksesi kalenterin päivien läpi; Käytä cmd- tai ctrl-näppäintä ja nuolinäppäimiä oikealle tai vasemmalle navigoidaksesi kuukausien läpi; Käytä cmd- tai ctrl-näppäintä ja nuolinäppäimiä ylös tai alas navigoidaksesi vuosien läpi;', }, fo: { htmlTex: - 'Um mit Tastaturschlüssel durch den Kalender navigieren zu können: Verwenden Sie CMD oder Strg + Down -Pfeil -Taste, um in den Kalenderkontext zu navigieren; Verwenden Sie Pfeilschlüssel, um durch Kalendertage zu navigieren. Verwenden Sie CMD- oder Strg + rechts oder linke Pfeiltasten, um Monate zu navigieren. Verwenden Sie CMD oder Strg + Up- oder Down -Pfeiltasten, um durch Jahre zu navigieren.', + 'Brúk niður píl til at opna kalendara; Brúk niður pílar til at navigera ímillum kalenderdagar; Brúk cmd ella ctrl + høgri ella vinstri niður pílar til at navigera ímillum mánaðir; Brúk cmd ella ctrl + upp ella niður pílar til at navigera ímillum ár;', }, fr: { htmlTex: - 'Afin de pouvoir naviguer dans le calendrier avec la clé du clavier: utilisez CMD ou Ctrl + Down Arrow Key pour naviguer dans le contexte du calendrier; Utilisez des clés Arrow pour naviguer dans les jours civils; Utilisez CMD ou CTRL + les clés de flèche droite ou gauche pour naviguer dans des mois; Utilisez des clés CMD ou CTRL + UP ou Down pour naviguer dans des années;', + 'Utilisez la touche flèche vers le bas pour ouvrir le calendrier ; Utilisez les touches flèches pour naviguer à travers les jours du calendrier ; Utilisez la touche cmd ou ctrl + flèche droite ou gauche pour naviguer à travers les mois ; Utilisez la touche cmd ou ctrl + flèche vers le haut ou vers le bas pour naviguer à travers les années ;', }, ga: { htmlTex: - "D'fhonn a bheith in ann nascleanúint a dhéanamh trí fhéilire le heochair mhéarchláir: Úsáid eochair CMD nó Ctrl + Down saighead chun dul isteach i gcomhthéacs féilire; Bain úsáid as eochracha saighead chun nascleanúint a dhéanamh trí laethanta féilire; Bain úsáid as CMD nó Ctrl + eochracha saighead ar dheis nó ar chlé chun nascleanúint a dhéanamh trí mhí; Bain úsáid as eochracha CMD nó Ctrl + suas nó síos saighead le nascleanúint a dhéanamh trí bhlianta;", + 'Úsáid an gcnaipe síos freisin chun an féilire a oscailt; Úsáid na siorafí siar chun bealach a aimsiú trí laethanta na féilire; Úsáid an cmd nó an cnaipe ctrl + saigheada ar dheis nó ar chlé chun aistriú trí mhíonna; Úsáid an cmd nó an cnaipe ctrl + saigheada suas nó síos chun aistriú trí blianta;', }, gr: { htmlTex: - 'Προκειμένου να μπορέσετε να περιηγηθείτε στο ημερολόγιο με το κλειδί πληκτρολογίου: Χρησιμοποιήστε το πλήκτρο CMD ή CTRL + DOWN για να περιηγηθείτε στο πλαίσιο του ημερολογίου. Χρησιμοποιήστε πλήκτρα βέλους για να περιηγηθείτε στις ημερολογιακές ημέρες. Χρησιμοποιήστε CMD ή CTRL + δεξιά ή αριστερά πλήκτρα βέλους για να περιηγηθείτε σε μήνες. Χρησιμοποιήστε CMD ή CTRL + πάνω ή κάτω πλήκτρα βέλους για να περιηγηθείτε σε χρόνια.', + 'Χρησιμοποιήστε το πλήκτρο κάτω βέλους για να ανοίξετε το ημερολόγιο. Χρησιμοποιήστε τα πλήκτρα βέλους για να περιηγηθείτε στις ημέρες του ημερολογίου. Χρησιμοποιήστε το πλήκτρο cmd ή ctrl + δεξιά ή αριστερά βέλη για να περιηγηθείτε στους μήνες. Χρησιμοποιήστε το πλήκτρο cmd ή ctrl + πάνω ή κάτω βέλος για να περιηγηθείτε στα έτη.', }, he: { htmlTex: - 'על מנת להיות מסוגל לנווט בלוח השנה עם מקש המקלדת: השתמש במפתח CMD או Ctrl + Down Down כדי לנווט בהקשר של לוח השנה; השתמש במקשי חצים כדי לנווט בימי לוח השנה; השתמש במפתחות CMD או CTRL + ימין או שמאל כדי לנווט בחודשים; השתמש במפתחות CMD או Ctrl + Up או Down כדי לנווט בשנים;', + 'השתמש במקש חץ למטה כדי לפתוח את הלוח שנה; השתמש במקשי החץ לניווט בימי לוח השנה; השתמש במקש cmd או ctrl + מקשי החץ ימינה או שמאלה לניווט בין חודשים; השתמש במקש cmd או ctrl + מקשי החץ למעלה או למטה לניווט בין שנים;', }, hi: { htmlTex: - 'कीबोर्ड कुंजी के साथ कैलेंडर के माध्यम से नेविगेट करने में सक्षम होने के लिए: कैलेंडर संदर्भ में नेविगेट करने के लिए सीएमडी या सीटीआरएल + डाउन एरो कुंजी का उपयोग करें; कैलेंडर दिनों के माध्यम से नेविगेट करने के लिए तीर कुंजियों का उपयोग करें; महीनों के माध्यम से नेविगेट करने के लिए CMD या CTRL + दाएं या बाएं तीर कुंजियों का उपयोग करें; वर्षों के माध्यम से नेविगेट करने के लिए CMD या CTRL + अप या डाउन तीर कुंजियों का उपयोग करें;', + 'कैलेंडर खोलने के लिए नीचे तीर का उपयोग करें; कैलेंडर के दिनों में नेविगेट करने के लिए तीर का उपयोग करें; महीनों में नेविगेट करने के लिए cmd या ctrl + दायां या बाएं तीर का उपयोग करें; वर्षों में नेविगेट करने के लिए cmd या ctrl + ऊपर या नीचे तीर का उपयोग करें;', }, hr: { htmlTex: - 'Da biste se mogli kretati kroz kalendar s tipkovnicom tipki: Upotrijebite CMD ili Ctrl + tipku sa strelicom dolje za kretanje u kontekst kalendara; Upotrijebite tipke sa strelicama za kretanje kroz kalendarske dane; Koristite CMD ili Ctrl + tipke s desne ili lijeve strelice za kretanje kroz mjesece; Koristite CMD ili Ctrl + tipke sa strelicama gore ili dolje za kretanje kroz godine;', + 'Koristite tipku za strelicu prema dolje da biste otvorili kalendar; Koristite tipke sa strelicama za navigaciju kroz dane kalendara; Koristite tipke cmd ili ctrl + desno ili lijevo za navigaciju kroz mjesece; Koristite tipke cmd ili ctrl + gore ili dolje za navigaciju kroz godine;', }, hu: { htmlTex: - 'Annak érdekében, hogy a naptárban navigálhassunk a naptárban: használja a CMD vagy a CTRL + Down Arrow billentyűt a naptári kontextusban való navigáláshoz; A nyílgombokkal navigálhat a naptári napokon; Használja a CMD -t vagy a Ctrl + jobb vagy bal nyílgombot a hónapok során; Használja a CMD -t vagy a Ctrl + felfelé vagy lefelé tartó nyíl kulcsokat az évek során;', + 'Használja az "Arrow Down" gombot a naptár megnyitásához; Használja az "Arrow" gombokat a naptári napok közötti navigáláshoz; Használja a cmd vagy ctrl + jobb vagy bal nyilakat a hónapok közötti navigáláshoz; Használja a cmd vagy ctrl + fel vagy le nyilakat az évek közötti navigáláshoz;', }, hy: { htmlTex: - 'Որպեսզի կարողանաք նավարկվել ստեղնաշարի ստեղնաշարի միջոցով. Օգտագործեք CMD կամ Ctrl + Down Arrow ստեղնը `օրացուցային համատեքստում նավարկելու համար. Օրացուցային օրերի միջոցով նավարկելու համար օգտագործեք սլաքների ստեղներ; Օգտագործեք CMD կամ CTRL + աջ կամ ձախ սլաքի ստեղներ `ամիսների միջոցով նավարկելու համար; Տարիներ շարունակ նավարկելու համար օգտագործեք CMD կամ CTRL + Up կամ Down Arrow ստեղներ.', + 'Օգտագործեք "Ներքև" սլաքը թողնելու համար՝ օգտագործեք սլաքերը օրվանին նավահանելու համար։ օգտագործեք cmd կամ ctrl + աջ կամ ձախ սլաքերը ամսերի մեջ հանելու համար։ օգտագործեք cmd կամ ctrl + վերև կամ ներքև սլաքերը տասնամյա մեջ հանելու համար։', }, id: { htmlTex: - 'Untuk dapat menavigasi melalui kalender dengan kunci keyboard: Gunakan CMD atau Ctrl + Down Arrow Key untuk menavigasi ke konteks kalender; Gunakan tombol panah untuk menavigasi melalui hari kalender; Gunakan cmd atau ctrl + tombol panah kanan atau kiri untuk menavigasi selama berbulan -bulan; Gunakan CMD atau Ctrl + Kunci Panah Atas atau Bawah untuk menavigasi selama bertahun -tahun;', + 'Gunakan tombol panah bawah untuk membuka kalender; Gunakan tombol panah untuk menavigasi melalui hari-hari kalender; Gunakan cmd atau ctrl + tombol panah kanan atau kiri untuk menavigasi melalui bulan-bulan; Gunakan cmd atau ctrl + tombol panah atas atau bawah untuk menavigasi melalui tahun-tahun;', }, is: { htmlTex: - 'Til þess að geta flett í gegnum dagatal með lyklaborðslykli: Notaðu CMD eða Ctrl + Down Arrow Key til að sigla í dagatal samhengi; Notaðu örlykla til að fletta í gegnum almanaksdaga; Notaðu CMD eða CTRL + hægri eða vinstri örvatakkana til að sigla í gegnum mánuði; Notaðu CMD eða Ctrl + upp eða niður örvatakkana til að sigla í gegnum ár;', + 'Notaðu niður örvarna til að opna dagatalið; Notaðu örvarnar til að sigla í gegnum daga dagatalið; Notaðu cmd eða ctrl + hægri eða vinstri örvarnar til að sigla í gegnum mánaði; Notaðu cmd eða ctrl + upp eða niður örvarnar til að sigla í gegnum árin;', }, it: { htmlTex: - 'Per poter navigare tramite il calendario con la chiave di tastiera: utilizzare il tasto CMD o CTRL + Down Freccia per navigare nel contesto del calendario; Usa i tasti freccia per navigare nei giorni di calendario; Utilizzare i tasti di freccia CMD o CTRL + destra o sinistra per navigare nei mesi; Utilizzare CMD o CTRL + UP o giù tasti freccia per navigare negli anni;', + 'Usa il tasto freccia giù per aprire il calendario; Usa le frecce per navigare attraverso i giorni del calendario; Usa cmd o ctrl + freccia destra o sinistra per navigare attraverso i mesi; Usa cmd o ctrl + freccia su o giù per navigare attraverso gli anni;', }, ja: { htmlTex: - 'キーボードキーを使用してカレンダーをナビゲートできるようにする矢印キーを使用して、暦日をナビゲートします。 CMDまたはCTRL +右矢印キーまたは左矢印キーを使用して、数か月を航行します。 CMDまたはCtrl +上または下の矢印キーを使用して、年を操作します。', + 'カレンダーを開くには矢印キーを下に使用してください；カレンダーの日付を移動するには矢印キーを使用してください；月を移動するにはcmdまたはctrlキーと右矢印キーまたは左矢印キーを使用してください；年を移動するにはcmdまたはctrlキーと上矢印キーまたは下矢印キーを使用してください；', }, ka: { htmlTex: - 'იმისათვის, რომ შეძლოთ კალენდარი კლავიშის გასაღებით კალენდარში: გამოიყენეთ CMD ან Ctrl + Down Arrow გასაღები კალენდარული კონტექსტში გადასასვლელად; გამოიყენეთ ისრის გასაღებები კალენდარული დღეების ნავიგაციისთვის; გამოიყენეთ CMD ან CTRL + მარჯვენა ან მარცხენა ისრის გასაღებები, რომ მოხდეს ნავიგაცია თვეების განმავლობაში; გამოიყენეთ CMD ან CTRL + ზემოთ ან ქვემოთ ისრის გასაღებები, რომლითაც წლების განმავლობაში ნავიგაციაა;', + 'გამოიყენეთ ქვევით მდგომარე ღილაკი კალენდრის გახსნისათვის; გამოიყენეთ კლავიში კალენდრის დღეებზე ნავიგაციისთვის; გამოიყენეთ cmd ან ctrl + მარჯვნაის ან მარცხნაის ღილაკები თვეების შესამოწმებლად; გამოიყენეთ cmd ან ctrl + ზემოთ ან ქვემოთ მდგარე ღილაკები წლების შესამოწმებლად;', }, km: { htmlTex: - 'ដើម្បីអាចរុករកតាមប្រតិទិនដោយប្រើគ្រាប់ចុចក្តារចុច: ប្រើ CMD ឬបញ្ជា (Ctrl) + គ្រាប់ចុចព្រួញចុះក្រោមដើម្បីរុករកទៅក្នុងបរិបទប្រតិទិន; ប្រើគ្រាប់ចុចព្រួញដើម្បីរុករកតាមថ្ងៃប្រតិទិន; ប្រើ CMD ឬបញ្ជា (Ctrl) + គ្រាប់ចុចព្រួញស្ដាំឬឆ្វេងដើម្បីរុករកពេញមួយខែ; ប្រើ CMD ឬបញ្ជា (Ctrl) + គ្រាប់ចុចព្រួញចុះក្រោមឬចុះក្រោមដើម្បីរុករកពេញមួយឆ្នាំ;', + 'ប្រើព្រួញក្រាហ្វាសក្រាហ្វាសដើម្បីបើកប្រតិទិន; ប្រើព្រួញក្រាហ្វាសដើម្បីរុករុករបស់ថ្ងៃកូនក្នុងប្រតិទិន; ប្រើព្រួញ cmd ឬ ctrl + ព្រួញស្ដាំឬស្តាំខ្លីដើម្បីរុករុករបស់ខែ; ប្រើព្រួញ cmd ឬ ctrl + ព្រួញឡើងឬឡើងដើម្បីរុករុករបស់ឆ្នាំ;', }, ko: { htmlTex: - '키보드 키로 캘린더를 탐색 할 수 있으려면 : CMD 또는 CTRL + 다운 화살표 키를 사용하여 캘린더 컨텍스트로 탐색하십시오. 화살표 키를 사용하여 달력 일을 탐색하십시오. CMD 또는 CTRL + 오른쪽 또는 왼쪽 화살표 키를 사용하여 몇 달 동안 탐색하십시오. CMD 또는 Ctrl + Up 또는 Down Arrow 키를 사용하여 수년 동안 탐색하십시오.', + '달력을 열려면 아래쪽 화살표 키를 사용하십시오. 달력 날짜를 탐색하려면 화살표 키를 사용하십시오. 월을 탐색하려면 cmd 또는 ctrl + 오른쪽 또는 왼쪽 화살표 키를 사용하십시오. 년도를 탐색하려면 cmd 또는 ctrl + 위쪽 또는 아래쪽 화살표 키를 사용하십시오.', }, kz: { htmlTex: - 'Пернетақта пернесімен күнтізбе арқылы шарлау алу үшін: Күнтізбе мәтінмәніне өту үшін CMD немесе CTRL + төмен көрсеткісін пайдаланыңыз; Күнтізбелік күндерде шарлау үшін көрсеткі пернелерді қолданыңыз; Айдармен шарлау үшін CMD немесе CTRL + оң немесе сол жақ көрсеткі пернелерін пайдаланыңыз; Жылдар бойына шарлау үшін CMD немесе CTRL + UP немесе төмен көрсеткілерді қолданыңыз;', + 'Қалендарды ашу үшін жоғары жақ көрсеткінді пайдаланыңыз; Календардың күндері арасында навигациялау үшін көрсеткінді пайдаланыңыз; Айдарды навигациялау үшін cmd немесе ctrl + оң немесе сол көрсеткінді пайдаланыңыз; Жылдарды навигациялау үшін cmd немесе ctrl + жоғары немесе төмен көрсеткінді пайдаланыңыз;', }, lt: { htmlTex: - 'Norėdami naršyti po kalendorių su klaviatūros klavišu: naudokite CMD arba Ctrl + Down rodyklės klavišą, kad galėtumėte pereiti į kalendoriaus kontekstą; Naudokite rodyklės klavišus, kad galėtumėte naršyti per kalendorines dienas; Norėdami naršyti po mėnesius, naudokite CMD arba CTRL + dešinę arba kairiąją rodyklės klavišus; Norėdami naršyti po metus, naudokite CMD arba CTRL + aukštyn arba žemyn rodyklių klavišus;', + 'Naudokite rodyklės žemyn klavišą, kad atidarytumėte kalendorių; Naudokite rodykles, kad naršytumėte kalendoriaus dienas; Naudokite cmd arba ctrl + dešinįjį arba kairįjį rodyklę, kad naršytumėte mėnesius; Naudokite cmd arba ctrl + aukštyn arba žemyn rodyklę, kad naršytumėte metus;', }, lv: { htmlTex: - 'Lai varētu pārvietoties pa kalendāru ar tastatūras atslēgu: izmantojiet CMD vai CTRL + lejupejošo bultiņas atslēgu, lai pārietu kalendāra kontekstā; Izmantojiet bulttaustiņus, lai pārvietotos kalendārajās dienās; Izmantojiet CMD vai CTRL + labās vai kreisās bultiņas taustiņus, lai pārvietotos mēnešos; Izmantojiet cmd vai ctrl + uz augšu vai uz leju bultiņu taustiņiem, lai pārvietotos pa gadiem;', + 'Izmantojiet bultiņu uz leju taustiņu, lai atvērtu kalendāru; Izmantojiet bultiņas, lai navigētu caur kalendāra dienām; Izmantojiet cmd vai ctrl + pa labi vai pa kreisi bultiņas, lai navigētu mēnešos; Izmantojiet cmd vai ctrl + uz augšu vai uz leju bultiņas, lai navigētu gados;', }, mk: { htmlTex: - 'За да можете да се движите низ календарот со копчето за тастатура: Користете го копчето CMD или Ctrl + Down Arrow за да се движите во контекст на календарот; Користете ги копчињата со стрела за да се движите низ календарските денови; Користете CMD или CTRL + десно или лево стрела со стрелки за да се движите низ месеци; Користете CMD или CTRL + UPAR или DOWN ARROW ARROW за да се движите низ години;', + 'Користете го копчето со стрелка надолу за да отворите календар; Користете стрелките за да навигирате низ деновите во календарот; Користете го копчето cmd или ctrl + стрелка десно или лево за да навигирате низ месеци; Користете го копчето cmd или ctrl + стрелка горе или долу за да навигирате низ годините;', }, mn: { htmlTex: - 'Гарын түлхүүрээр хуанлигаар дамжуулж явах боломжтой байхын тулд: CMD эсвэл CTTL + Down Arge Acew Aurow товчийг ашиглана уу; Календарийн өдрүүдийг дамжуулан чиглүүлэхийн тулд сумны товчлууруудыг ашиглана уу; CMD эсвэл CTD эсвэл CTRL + Баруун эсвэл зүүн сумыг ашиглан сараар дамжин өнгөрөх; CMD эсвэл CTRL + UP эсвэл AP A эсвэл DOWN ARCE товчийг ашиглан олон жилийн турш дамжин өнгөрөх;', + 'Календарыг нээхийн тулд доошилтуур товчлуурыг ашиглана уу; Календарын өдөрүүдэд хүрэхийн тулд доошилтуур товчлуурыг ашиглана уу; Саруудад нэвтрүүлгэн тохируулахын тулд cmd эсвэл ctrl + баруун эсвэл зүүн доошилтуур товчлуурыг ашиглана уу; Жилийг нэвтрүүлгэн тохируулахын тулд cmd эсвэл ctrl + доошилтуур товчлуурыг дээш эсвэл доошилтуур ашиглана уу;', }, ms: { htmlTex: - 'Untuk dapat menavigasi kalendar dengan kunci papan kekunci: Gunakan kekunci anak panah CMD atau Ctrl + Down untuk menavigasi ke dalam konteks kalendar; Gunakan kekunci anak panah untuk menavigasi hari kalendar; Gunakan CMD atau Ctrl + kekunci anak panah kanan atau kiri untuk menavigasi melalui bulan; Gunakan kekunci anak panah CMD atau CTRL + UP atau DOWN untuk menavigasi selama bertahun -tahun;', + 'Guna pakai ke bawah panah untuk membuka kalendar; Guna ke bawah panah untuk melayari hari-hari kalendar; Guna cmd atau ctrl + panah ke kanan atau kiri untuk melayari bulan; Guna cmd atau ctrl + panah ke atas atau bawah untuk melayari tahun;', }, my: { htmlTex: - 'ပြက္ခဒိန်ကို Keyboard Key ဖြင့်သွားလာနိုင်ရန်အတွက် CMD သို့မဟုတ် Ctrl + Down arrow ကိုသုံးပါ။ ပြက္ခဒိန်ရက်များမှတစ်ဆင့်သွားရန်မြှားသော့များကိုသုံးပါ။ လများလေသွားရန် CMD သို့မဟုတ် CTRL + လက်ဝဲသို့မဟုတ်လက်ဝဲမြှားခလုတ်များကိုသုံးပါ။ နှစ်ပေါင်းသွားရန် CMD သို့မဟုတ် Ctrl + Up သို့မဟုတ် Up arrow သော့များကိုသုံးပါ။', + 'ကော်နာနှင့် ရွှေတိုးကို ဖွင့်ပါ။ ကိုက်ဘ်လက်များကို ရှာဖွေရန်အသုံးပြုပါ။ ကိုနှင့် ctrl သို့မဟုတ်အမြင်ကို ညာဘက်သို့မဟုတ် ညာမြက်သို့မှစားရင်းသားကို ရှာဖွေရန်အသုံးပြုပါ။', }, nl: { htmlTex: - 'Om door de agenda met toetsenbordsleutel door de kalender te kunnen navigeren: gebruik CMD of Ctrl + Down Arrow -toets om naar de context van de kalender te navigeren; Gebruik pijltoetsen om door kalenderdagen te navigeren; Gebruik CMD of Ctrl + rechter- of linker pijltoetsen om maanden door te navigeren; Gebruik CMD of Ctrl + omhoog of omlaag pijltoetsen om jaren door te navigeren;', + 'Gebruik de pijl-omlaag-toets om de kalender te openen; Gebruik de pijltoetsen om door kalenderdagen te navigeren; Gebruik cmd of ctrl + rechter- of linkerpijltoetsen om door maanden te navigeren; Gebruik cmd of ctrl + omhoog- of omlaagpijltoetsen om door jaren te navigeren;', }, nb: { htmlTex: - 'For å kunne navigere gjennom kalender med tastaturnøkkel: Bruk CMD eller CTRL + ned piletasten for å navigere inn i kalenderkontekst; Bruk piltastene for å navigere gjennom kalenderdagene; Bruk CMD eller Ctrl + høyre eller venstre piltaster for å navigere gjennom måneder; Bruk CMD eller Ctrl + opp eller ned piltastene for å navigere gjennom år;', + 'Bruk piltasten ned for å åpne kalenderen; Bruk piltastene for å navigere gjennom kalenderens dager; Bruk cmd eller ctrl + høyre eller venstre piltast for å navigere gjennom månedene; Bruk cmd eller ctrl + opp eller ned piltast for å navigere gjennom årene;', }, nn: { htmlTex: - 'For å kunne navigere gjennom kalender med tastaturnøkkel: Bruk CMD eller CTRL + ned piletasten for å navigere inn i kalenderkontekst; Bruk piltastene for å navigere gjennom kalenderdagene; Bruk CMD eller Ctrl + høyre eller venstre piltaster for å navigere gjennom måneder; Bruk CMD eller Ctrl + opp eller ned piltastene for å navigere gjennom år;', + 'Bruk piltasten ned for å opne kalenderen; Bruk piltastane for å navigere gjennom kalenderdagar; Bruk cmd eller ctrl + høgre eller venstre piltast for å navigere gjennom månader; Bruk cmd eller ctrl + opp eller ned piltast for å navigere gjennom år;', }, no: { htmlTex: - 'For å kunne navigere gjennom kalender med tastaturnøkkel: Bruk CMD eller CTRL + ned piletasten for å navigere inn i kalenderkontekst; Bruk piltastene for å navigere gjennom kalenderdagene; Bruk CMD eller Ctrl + høyre eller venstre piltaster for å navigere gjennom måneder; Bruk CMD eller Ctrl + opp eller ned piltastene for å navigere gjennom år;', + 'Bruk piltasten ned for å åpne kalenderen; Bruk piltastene for å navigere gjennom kalenderdager; Bruk cmd eller ctrl + høyre eller venstre piltast for å navigere gjennom månedene; Bruk cmd eller ctrl + opp eller ned piltast for å navigere gjennom år;', }, pa: { htmlTex: - 'ਕ੍ਰਮ ਵਿੱਚ ਕੀਬੋਰਡ ਕੁੰਜੀ ਨਾਲ ਕੈਲੰਡਰ ਤੇ ਨੈਵੀਗੇਟ ਕਰਨ ਦੇ ਯੋਗ ਹੋਣ ਲਈ: ਕੈਲੰਡਰ ਪ੍ਰਸੰਗ ਵਿੱਚ ਨੈਵੀਗੇਟ ਕਰਨ ਲਈ ਸੀ.ਐੱਮ.ਡੀ. ਜਾਂ CTRL + ਡਾਉਨ ਐਰੋ ਬਟਨ ਦੀ ਵਰਤੋਂ ਕਰੋ; ਕੈਲੰਡਰ ਦੇ ਦਿਨਾਂ ਵਿੱਚ ਨੈਵੀਗੇਟ ਕਰਨ ਲਈ ਐਰੋ ਕੁੰਜੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰੋ; ਮਹੀਨਿਆਂ ਦੇ ਜ਼ਰੀਏ ਨੈਵੀਗੇਟ ਕਰਨ ਲਈ ਸੀ.ਐੱਮ.ਡੀ. ਜਾਂ Ctrl + ਸੱਜੇ ਜਾਂ ਖੱਬੀ ਐਰੋ ਦੀਆਂ ਕੁੰਜੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰੋ; ਸਾਲਾਂ ਦੁਆਰਾ ਨੇਵੀਗੇਟ ਕਰਨ ਲਈ ਸੀ.ਐੱਮ.ਡੀ. ਜਾਂ Ctrl + U ਉੱਪਰ ਜਾਂ ਹੇਠਾਂ ਐਰੋ ਬਟਨ ਦੀ ਵਰਤੋਂ ਕਰੋ;', + 'ਕੈਲੰਡਰ ਖੋਲਣ ਲਈ ਹੇਠਾਂ ਆਰੋ ਕੁੱਝ ਕਰੋ; ਕੈਲੰਡਰ ਦਿਨਾਂ ਵਿੱਚ ਸਿਰਣ ਲਈ ਆਰੋ ਕੁੱਝ ਕਰੋ; ਮਹੀਨਿਆਂ ਵਿੱਚ ਸਿਰਣ ਲਈ cmd ਜਾਂ ctrl + ਸੱਜੇ ਜਾਂ ਖੱਬੇ ਆਰੋ ਕੁੱਝ ਕਰੋ; ਸਾਲਾਂ ਵਿੱਚ ਸਿਰਣ ਲਈ cmd ਜਾਂ ctrl + ਉੱਤੇ ਜਾਂ ਹੇਠੇ ਆਰੋ ਕੁੱਝ ਕਰੋ;', }, pl: { htmlTex: - 'Aby móc poruszać się po kalendarzu z klawiszem klawiatury: Użyj CMD lub CTRL + Down Strzałka, aby nawigować do kontekstu kalendarza; Użyj klawiszy strzałek do nawigacji przez dni kalendarzowe; Użyj klawiszy CMD lub CTRL + prawej lub lewej strzałki, aby poruszać się przez miesiące; Użyj CMD lub CTRL + w górę lub w dół klawiszy strzałek, aby poruszać się przez lata;', + 'Użyj klawisza strzałki w dół, aby otworzyć kalendarz; Użyj strzałek, aby nawigować przez dni kalendarza; Użyj klawiszy cmd lub ctrl + strzałka w prawo lub lewo, aby nawigować między miesiącami; Użyj klawiszy cmd lub ctrl + strzałka w górę lub w dół, aby nawigować między latami;', }, pt: { htmlTex: - 'Para poder navegar pelo calendário com a tecla do teclado: use a tecla de seta CMD ou CTRL + Down para navegar no contexto do calendário; Use teclas de seta para navegar pelos dias do calendário; Use as teclas de seta CMD ou CTRL + direita ou esquerda para navegar por meses; Use as teclas de seta CMD ou Ctrl + para cima ou para baixo para navegar por anos;', + 'Use a tecla de seta para baixo para abrir o calendário; Use as teclas de seta para navegar pelos dias do calendário; Use cmd ou ctrl + seta para a direita ou esquerda para navegar pelos meses; Use cmd ou ctrl + seta para cima ou para baixo para navegar pelos anos;', }, ro: { htmlTex: - 'Pentru a putea naviga prin calendarul cu tasta tastatură: utilizați tasta CMD sau Ctrl + Down Arrow pentru a naviga în contextul calendaristic; Utilizați tastele săgeată pentru a naviga în zilele calendaristice; Utilizați tastele săgeată CMD sau Ctrl + dreapta sau stânga pentru a naviga prin luni; Utilizați tastele săgeată CMD sau Ctrl + în sus sau în jos pentru a naviga de -a lungul anilor;', + 'Utilizați tasta săgeată în jos pentru a deschide calendarul; Utilizați tastele săgeată pentru a naviga prin zilele calendarului; Utilizați cmd sau ctrl + săgeată dreapta sau stânga pentru a naviga prin lunile calendarului; Utilizați cmd sau ctrl + săgeată sus sau jos pentru a naviga prin ani;', }, ru: { htmlTex: - 'Чтобы иметь возможность ориентироваться в календаре с клавишной клавиатурой: используйте CMD или CTRL + Down Cool для перемещения в контекст календаря; Используйте клавиши стрел, чтобы перемещаться по календарным дням; Используйте CMD или CTRL + правые или левые клавиши со стрелками, чтобы перемещаться в течение нескольких месяцев; Используйте CMD или CTRL + вверх или вниз клавиши со стрелками, чтобы перемещаться по годам;', + 'Используйте клавишу стрелки вниз, чтобы открыть календарь; Используйте стрелки для навигации по дням календаря; Используйте клавиши cmd или ctrl + стрелка вправо или влево для навигации между месяцами; Используйте клавиши cmd или ctrl + стрелка вверх или вниз для навигации по годам;', }, si: { htmlTex: - 'යතුරුපුවරු යතුර සමඟ දින දර්ශනය හරහා සැරිසැරීමට හැකි වීම සඳහා: දින දර්ශන සන්දර්භය තුළට යාත්රා කිරීම සඳහා CMD හෝ CTRL + Down ඊතල යතුර භාවිතා කරන්න. දින දර්ශන දින හරහා සැරිසැරීමට ඊතල යතුරු භාවිතා කරන්න; මාස හරහා සැරිසැරීමට Cmd හෝ Ctrl + දකුණ හෝ වම් ඊතල යතුරු භාවිතා කරන්න; අවුරුදු ගණනාව තුළ සැරිසැරීමට CMD හෝ CTRL + ඉහළට හෝ පහළට ඊතල යතුරු භාවිතා කරන්න;', + 'දිවය විවෘත කිරීමට දවස කිරීම සඳහා ඊරාව් මෝල භාරතීය කරන්න; දින සඳහා ඊරා කිරීම සඳහා ඊරා මෝල භාරතීය කරන්න; මාමාන සඳහා cmd හෝ ctrl + වමට හෝ දකුණු ඊරා කිරීම සඳහා; වරාය සඳහා cmd හෝ ctrl + ඉහළ හෝ අසල ඊරා කිරීම සඳහා ඊරා කිරීමට භාරතීය කරන්න;', }, sk: { htmlTex: - 'Aby ste mohli prejsť v kalendári s klávesom Keyboard: Použite navigáciu šípky CMD alebo CTRL + Down navigáciu do kontextu kalendára; Použite klávesy so šípkami na prechádzanie v kalendárnych dňoch; Na previgovanie cez mesiace použite klávesy CMD alebo CTRL + pravého alebo ľavého šípky; Na previgovanie rokov používajte navigáciu šípov CMD alebo CTRL + hore alebo dole;', + 'Použite kláves smerom nadol na otvorenie kalendára; Použite šípky smerom hore a dole na navigáciu medzi dňami v kalendári; Použite klávesy cmd alebo ctrl + vpravo alebo vľavo na navigáciu medzi mesiacmi; Použite klávesy cmd alebo ctrl + smerom hore alebo dolu na navigáciu medzi rokmi;', }, sl: { htmlTex: - 'Da bi lahko krmarili po koledarju s tipkovnico tipkovnice: s tipko puščice CMD ali CTRL + Down za krmarjenje v koledarski kontekst; Uporabite puščice za krmarjenje po koledarskih dneh; Za krmarjenje po mesecih uporabite tipke CMD ali CTRL + desno ali levo puščico; Za krmarjenje skozi leta uporabite tipke CMD ali CTRL + UP ali Down;', + 'Uporabite tipko s puščico dol za odpiranje koledarja; Uporabite puščične tipke za krmarjenje med dnevi v koledarju; Uporabite tipki cmd ali ctrl + desno ali levo puščico za krmarjenje med meseci; Uporabite tipki cmd ali ctrl + puščico gor ali dol za krmarjenje med leti;', }, sq: { htmlTex: - 'Në mënyrë që të jeni në gjendje të lundroni përmes kalendarit me çelësin e tastierës: Përdorni çelësin CMD ose Ctrl + Down Arrow për të lundruar në kontekstin e kalendarit; Përdorni çelësat e shigjetave për të lundruar nëpër ditë kalendarike; Përdorni çelësat e shigjetës CMD ose CTRL + të djathtë ose të majtë për të lundruar me muaj; Përdorni çelësat e shigjetës CMD ose Ctrl + Up ose Down për të lundruar me vite;', + 'Përdorni tastierën me shigjetën poshtë për të hapur kalendarin; Përdorni tastierën me shigjetën lart dhe poshtë për të lëvizur nëpër ditët e kalendarit; Përdorni tastierën cmd ose ctrl + majtas ose djathtas për të lëvizur nëpër muajt; Përdorni tastierën cmd ose ctrl + shigjetën lart ose poshtë për të lëvizur nëpër vitet;', }, sr: { htmlTex: - 'Да бисте могли да се крећете кроз календар са кључем тастатуре: Користите ЦМД или ЦТРЛ + тастер са стрелицом до надоле да бисте се кретали у календарски контекст; Користите тастере са стрелицама да бисте се кретали кроз календарске дане; Користите ЦМД или ЦТРЛ + десно или лијево типке са стрелицом да бисте се кретали кроз месецима; Користите ЦМД или ЦТРЛ + горе или доле стрелице са стрелицама да бисте се кретали кроз године;', + 'Koristite taster strelica nadole da biste otvorili kalendar; Koristite tasteri strelica za navigaciju kroz dane kalendara; Koristite cmd ili ctrl + strelice desno ili levo za navigaciju kroz mesece; Koristite cmd ili ctrl + strelice gore ili dole za navigaciju kroz godine;', }, sv: { htmlTex: - 'För att kunna navigera genom kalendern med tangentbordsnyckel: Använd CMD eller CTRL + Down Arrow -tangent för att navigera i kalendersammanhang; Använd pilnycklar för att navigera genom kalenderdagarna; Använd CMD eller CTRL + höger eller vänster pilnycklar för att navigera genom månader; Använd CMD eller CTRL + upp eller ned pilnycklar för att navigera genom år;', + 'Använd piltangenten nedåt för att öppna kalendern; Använd piltangenterna för att navigera genom kalenderdagar; Använd cmd eller ctrl + höger eller vänster piltangent för att navigera genom månader; Använd cmd eller ctrl + upp eller ner piltangent för att navigera genom år;', }, th: { htmlTex: - 'เพื่อให้สามารถนำทางผ่านปฏิทินด้วยคีย์บอร์ดคีย์บอร์ด: ใช้ปุ่มลูกศร CMD หรือ CTRL + ลงเพื่อนำทางไปยังบริบทของปฏิทิน ใช้ปุ่มลูกศรเพื่อนำทางผ่านวันปฏิทิน ใช้ปุ่มลูกศร CMD หรือ CTRL + ขวาหรือซ้ายเพื่อนำทางผ่านเดือน ใช้ปุ่มลูกศร CMD หรือ CTRL + ขึ้นหรือลงเพื่อนำทางผ่านปี', + 'ใช้ปุ่มลูกศรลงเพื่อเปิดปฏิทิน; ใช้ปุ่มลูกศรเพื่อนำทางผ่านวันที่ในปฏิทิน; ใช้ cmd หรือ ctrl + ปุ่มลูกศรขวาหรือซ้ายเพื่อนำทางผ่านเดือน; ใช้ cmd หรือ ctrl + ปุ่มลูกศรขึ้นหรือลงเพื่อนำทางผ่านปี;', }, tr: { htmlTex: - 'Klavye tuşu ile takvimde gezinebilmesi için: takvim bağlamında gezinmek için CMD veya CTRL + Down ok tuşunu kullanın; Takvim günlerinde gezinmek için ok tuşlarını kullanın; Aylar boyunca gezinmek için CMD veya CTRL + sağ veya sol ok tuşlarını kullanın; Yıllar boyunca gezinmek için CMD veya Ctrl + yukarı veya aşağı ok tuşlarını kullanın;', + 'Takvimi açmak için aşağı ok tuşunu kullanın; Takvim günleri arasında gezinmek için ok tuşlarını kullanın; Aylar arasında gezinmek için cmd veya ctrl + sağ veya sol ok tuşlarını kullanın; Yıllar arasında gezinmek için cmd veya ctrl + yukarı veya aşağı ok tuşlarını kullanın;', }, uk: { htmlTex: - 'Для того, щоб мати змогу орієнтуватися по календару за допомогою клавіші клавіатури: Використовуйте клавішу стрілки CMD або CTRL + вниз, щоб перейти до контексту календаря; Використовуйте клавіші зі стрілками, щоб орієнтуватися на календарні дні; Використовуйте клавіші стрілки CMD або CTRL + ліва або ліва, щоб навігація через місяці; Використовуйте клавіші стрілки CMD або CTRL + вгору або вниз, щоб орієнтуватися на роки;', + 'Використовуйте клавішу стрілка вниз, щоб відкрити календар; Використовуйте клавіші зі стрілкою, щоб переміщатися між днями календаря; Використовуйте клавіші cmd або ctrl + вправо або вліво, щоб переміщатися між місяцями; Використовуйте клавіші cmd або ctrl + стрілка вгору або вниз, щоб переміщатися між роками;', }, uz: { htmlTex: - "Klaviatura kaliti bilan taqvimga o'tish imkoniyatiga ega bo'lish uchun: CMD yoki CTRL + pastga quyish tugmachasini kalendar kontekstiga o'tish uchun foydalaning; Taqvim kunlari orqali harakat qilish uchun o'q tugmalaridan foydalaning; Bir necha oy ichida harakatlanish uchun CMD yoki CTRL + o'ng yoki chap o'q tugmachalaridan foydalaning; CMD yoki CTRL + yuqoriga yoki pastga o'qishni yillar davomida o'tish uchun foydalaning;", + "Kalendar ochish uchun pastga yo'naltirish tugmasidan foydalaning; Kalendar kunlaridan o'tish uchun pastga va tepaga yo'naltirish tugmalari qo'llaniladi; Oy o'rtasida o'tish uchun cmd yoki ctrl + chap yoki o'ng oyoq tugmalaridan foydalaning; Yil o'rtasida o'tish uchun cmd yoki ctrl + tepaga yoki pastga yo'naltirish tugmalari qo'llaniladi;", }, vn: { htmlTex: - 'Để có thể điều hướng qua lịch bằng phím bàn phím: sử dụng phím Mũi tên CMD hoặc CTRL + để điều hướng vào ngữ cảnh lịch; Sử dụng các phím mũi tên để điều hướng qua các ngày theo lịch; Sử dụng CMD hoặc CTRL + Phím mũi tên phải hoặc trái để điều hướng qua tháng; Sử dụng các phím mũi tên CMD hoặc CTRL + lên hoặc xuống để điều hướng qua nhiều năm;', + 'Sử dụng phím mũi tên xuống để mở lịch; Sử dụng các phím mũi tên để điều hướng qua các ngày trong lịch; Sử dụng cmd hoặc ctrl + phím mũi tên phải hoặc trái để điều hướng qua các tháng; Sử dụng cmd hoặc ctrl + phím mũi tên lên hoặc xuống để điều hướng qua các năm;', }, zh: { htmlTex: - '為了能夠使用鍵盤鍵瀏覽日曆：使用cmd或ctrl + down箭頭鍵導航到日曆上下文中；使用箭頭鍵在日曆日內導航；使用cmd或ctrl +右或左箭頭鍵在幾個月中導航；使用CMD或CTRL +向上或向下箭頭鍵在多年中導航；', + '使用下箭头键打开日历; 使用箭头键在日历天数之间导航; 使用cmd或ctrl +右或左箭头键导航月份; 使用cmd或ctrl +上或下箭头键导航年份;', }, zh_tw: { htmlTex: - '为了能够使用键盘键浏览日历：使用cmd或ctrl + down箭头键导航到日历上下文中；使用箭头键在日历日内导航；使用cmd或ctrl +右或左箭头键在几个月中导航；使用CMD或CTRL +向上或向下箭头键在多年中导航；', + '使用下箭頭鍵打開日曆; 使用箭頭鍵在日曆天數之間導航; 使用cmd或ctrl +右或左箭頭鍵導航月份; 使用cmd或ctrl +上或下箭頭鍵導航年份;', }, }; } diff --git a/src/scripts/Providers/OSUI/SharedProviderResources/Flatpickr/scss/_flatpickr.scss b/src/scripts/Providers/OSUI/SharedProviderResources/Flatpickr/scss/_flatpickr.scss index 9f529b87ea..a83883c98c 100644 --- a/src/scripts/Providers/OSUI/SharedProviderResources/Flatpickr/scss/_flatpickr.scss +++ b/src/scripts/Providers/OSUI/SharedProviderResources/Flatpickr/scss/_flatpickr.scss @@ -50,6 +50,10 @@ .flatpickr-weekwrapper .flatpickr-weeks { margin-right: var(--space-xs); + + .flatpickr-day { + color: var(--color-neutral-5); + } } span.flatpickr-day { @@ -572,7 +576,7 @@ span.flatpickr-weekday { } } - .flatpickr-day:focus-visible{ + .flatpickr-day:focus-visible { border-color: var(--color-focus-outer); } -} \ No newline at end of file +}