@globalpayments/vega 2.26.0 → 2.28.0

package/dist/collection/components/vega-toggle-switch/vega-toggle-switch.js

@@ -16,7 +16,7 @@ import { ToggleSwitchRequiredRule } from '../../helpers/validator/rules/toggle-s
 import { FORM_ELEMENT_VALUE_CHANGE } from '../../helpers/change-manager/subject/static-subject/static-subject-title';
 import ChangeManager from '../../helpers/change-manager/change-manager';
 /**
- * @version 1.3.0
+ * @vegaVersion 1.3.0
  */
 export class VegaToggleSwitch {
   constructor() {
@@ -39,52 +39,52 @@ export class VegaToggleSwitch {
     /**
      * Specifies whether the toggle switch is in the checked state.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.checked = false;
     /**
      * The `value` property returns `true` when the toggle switch is checked, and `false` when it is unchecked.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.value = false;
     /**
      * Specifies the size of the toggle switch.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.size = 'default';
     /**
      * Specifies whether the toggle switch must be checked
      *    to pass form validation.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.required = false;
     /**
      * Specifies whether the toggle switch is disabled.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.disabled = false;
     /**
      * Defines custom validation rules for the toggle switch.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.validationRules = [];
     /**
      * Determines whether automatic validation should be
      *    implemented for the toggle switch.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.autoValidation = true;
     /**
      * Specifies the validation status of the toggle switch.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -165,7 +165,7 @@ export class VegaToggleSwitch {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies whether the toggle switch is in the checked state."
@@ -186,7 +186,7 @@ export class VegaToggleSwitch {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "The `value` property returns `true` when the toggle switch is checked, and `false` when it is unchecked."
@@ -207,7 +207,7 @@ export class VegaToggleSwitch {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the size of the toggle switch."
@@ -228,7 +228,7 @@ export class VegaToggleSwitch {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the label or title for the toggle switch."
@@ -248,7 +248,7 @@ export class VegaToggleSwitch {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Specifies whether the toggle switch must be checked\n   to pass form validation."
@@ -269,7 +269,7 @@ export class VegaToggleSwitch {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies whether the toggle switch is disabled."
@@ -295,7 +295,7 @@ export class VegaToggleSwitch {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Defines custom validation rules for the toggle switch."
@@ -314,7 +314,7 @@ export class VegaToggleSwitch {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Determines whether automatic validation should be\n   implemented for the toggle switch."
@@ -335,7 +335,7 @@ export class VegaToggleSwitch {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Specifies the validation status of the toggle switch."
@@ -353,7 +353,7 @@ export class VegaToggleSwitch {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "An event emitter notifying changes in the toggle switch."
@@ -374,7 +374,7 @@ export class VegaToggleSwitch {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying changes in the toggle switch."

package/dist/collection/components/vega-tooltip/vega-tooltip-content-box/vega-tooltip-content-box.js

@@ -9,7 +9,7 @@ import { sanitizeVegaComponent } from '../../../utils/component';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 2.0.0
+ * @vegaVersion 2.0.0
  */
 export class VegaTooltipContentBox {
   constructor() {
@@ -41,7 +41,7 @@ export class VegaTooltipContentBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "Specifies the text that is displayed inside the tooltip."

package/dist/collection/components/vega-tooltip/vega-tooltip.js

@@ -14,7 +14,7 @@ import { createDeprecatedPropertySlimmer, } from '../../helpers/slimmers/depreca
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaTooltipRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-tooltip/runtime-metrics-payload-definition';
 /**
- * @version 1.3.0
+ * @vegaVersion 1.3.0
  */
 export class VegaTooltip {
   constructor() {
@@ -36,28 +36,28 @@ export class VegaTooltip {
      * - hover: means the tooltip show/hide by hover.
      * - none: means tooltip is not displayed regardless of hover or click.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.trigger = 'hover';
     /**
      * Specifies the vertical positioning of the tooltip
      *    within its container or relative to a reference point.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.placement = 'top';
     /**
      * Determines the horizontal positioning of the tooltip
      *    within its container or relative to a reference point.
      *
-     * @version 1.41.0
+     * @vegaVersion 1.41.0
      */
     this.alignment = 'center';
     /**
      * The tooltip is interactive by default.
      * Set `disableInteractive` to `true` to deactivate this feature, causing the tooltip to close upon hover.
      *
-     * @version 1.52.0
+     * @vegaVersion 1.52.0
      */
     this.disableInteractive = false;
   }
@@ -102,7 +102,7 @@ export class VegaTooltip {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Determines the fixed size (width) of the tooltip.\n\nIt can be provided as a number or a ResponsiveType."
@@ -131,7 +131,7 @@ export class VegaTooltip {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.30.0"
           }],
         "text": "Determines the minimum width of the tooltip.\n\nIt can be provided as a number or a ResponsiveType."
@@ -160,7 +160,7 @@ export class VegaTooltip {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.30.0"
           }],
         "text": "Determines the maximum width of the tooltip.\n\nIt can be provided as a number or a ResponsiveType."
@@ -180,7 +180,7 @@ export class VegaTooltip {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the trigger mode for the tooltip.\n- click: means the tooltip show/hide by click.\n- hover: means the tooltip show/hide by hover.\n- none: means tooltip is not displayed regardless of hover or click."
@@ -204,7 +204,7 @@ export class VegaTooltip {
             "name": "deprecated",
             "text": "This property will be removed soon and replaced by prop text"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the content that is displayed\n   inside the tooltip."
@@ -224,7 +224,7 @@ export class VegaTooltip {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "Specifies the text that is displayed\n   inside the tooltip."
@@ -249,7 +249,7 @@ export class VegaTooltip {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the vertical positioning of the tooltip\n   within its container or relative to a reference point."
@@ -275,7 +275,7 @@ export class VegaTooltip {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.41.0"
           }],
         "text": "Determines the horizontal positioning of the tooltip\n   within its container or relative to a reference point."
@@ -296,7 +296,7 @@ export class VegaTooltip {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the target element that will contain the tooltip popup.\n\nIf not provided, the popup will be appended to the\n   body by default. Adjust this property if you\n   encounter scrolling or positioning issues."
@@ -316,7 +316,7 @@ export class VegaTooltip {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.52.0"
           }],
         "text": "The tooltip is interactive by default.\nSet `disableInteractive` to `true` to deactivate this feature, causing the tooltip to close upon hover."

package/dist/collection/components/vega-virtual-scroll/vega-virtual-scroll.js

@@ -14,7 +14,7 @@ import { VegaVirtualScrollModeController } from './slimmers/controllers/vega-vir
 import { VegaVirtualScrollLoadingIndicatorRenderer } from './slimmers/renderers/vega-virtual-scroll-loading-indicator-renderer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.13.0
+ * @vegaVersion 1.13.0
  */
 /**
  * Items that really need to be rendered include header, viewport and footer.
@@ -32,32 +32,32 @@ export class VegaVirtualScroll {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.scrollTop = 0;
     /** The all items of source *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.source = [];
     /** The approximate height of each item *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.approxItemHeight = 40;
     /** The max height of viewport *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.viewportMaxHeight = 320;
     /**
      * Determines whether the dropdown displays a loading status.
      *
-     * @version 2.3.0
+     * @vegaVersion 2.3.0
      */
     this.isLoading = false;
     /**
      * The count of the source that will be used as the threshold for determining whether to use virtual scrolling.
      * If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used
      *
-     * @version 2.3.0
+     * @vegaVersion 2.3.0
      */
     this.virtualizationThreshold = 60;
     /** We set this key to check the source is really change and should refresh virtual scroll *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.sourceItemIdentifier = 'key';
   }
@@ -80,7 +80,7 @@ export class VegaVirtualScroll {
    * Scroll to the index of the item in the list by setting the scrollTop property of the virtual scroll
    * container to the index of the item multiplied by the approximate height of each item in the list.
    *
-   * @version 1.13.0
+   * @vegaVersion 1.13.0
    */
   async scrollToIndex(index) {
     methodPlaceholder(index);
@@ -114,7 +114,7 @@ export class VegaVirtualScroll {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "The all items of source *"
@@ -133,7 +133,7 @@ export class VegaVirtualScroll {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "The approximate height of each item *"
@@ -154,7 +154,7 @@ export class VegaVirtualScroll {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "The max height of viewport *"
@@ -175,7 +175,7 @@ export class VegaVirtualScroll {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.3.0"
           }],
         "text": "Determines whether the dropdown displays a loading status."
@@ -196,7 +196,7 @@ export class VegaVirtualScroll {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.3.0"
           }],
         "text": "The count of the source that will be used as the threshold for determining whether to use virtual scrolling.\nIf the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used"
@@ -217,7 +217,7 @@ export class VegaVirtualScroll {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.26.0"
           }],
         "text": "We set this key to check the source is really change and should refresh virtual scroll *"
@@ -246,7 +246,7 @@ export class VegaVirtualScroll {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "The method of render item.\nYou should bind to the host component then you can set the css and event of item on the host component.\nexample: <vega-virtual-scroll renderItem={this.renderSourceItem.bind(this)}></vega-virtual-scroll> .\nYou should watch the fixHeight, if it have value, you should set {height: `${fixHeight}px`, boxSizing: 'border-box', overflow: 'hidden'} to you item,\notherwise, you can do nothing."
@@ -275,7 +275,7 @@ export class VegaVirtualScroll {
       "docs": {
         "text": "Scroll to the index of the item in the list by setting the scrollTop property of the virtual scroll\ncontainer to the index of the item multiplied by the approximate height of each item in the list.",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }]
       }

package/dist/collection/constants/runtime-metrics-payload-definition/public-api/VegaTranslation/runtime-metrics-payload-definition.js

@@ -0,0 +1,42 @@
+export const VegaTranslationRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_INIT_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method load of public API VegaTranslation.init is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'TranslationController' && methodName === 'init',
+    /**
+     * The function checks if the method name is loaded.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_CHANGE_LANGUAGE_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method load of public API VegaTranslation.changeLanguage is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'TranslationController' && methodName === 'changeLanguage',
+    /**
+     * The function checks if the method name is load.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+];

package/dist/collection/constants/ui.js

@@ -27,7 +27,7 @@ export const FlexJustifyContent = [
 // eslint-disable-next-line @typescript-eslint/typedef
 export const FlexWrap = ['nowrap', 'wrap', 'wrap-reverse'];
 // eslint-disable-next-line @typescript-eslint/typedef
-export const BoxDisplay = ['block', 'none'];
+export const BoxDisplay = ['block', 'inline-block', 'none'];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const BorderStyle = ['solid', 'dashed', 'dotted', 'double', 'none'];
 // eslint-disable-next-line @typescript-eslint/typedef

package/dist/collection/global/icons/arrow-up-arrow-down.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M489 377c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-55 55V56c0-13.3-10.7-24-24-24s-24 10.7-24 24V398.1l-55-55c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l96 96c9.4 9.4 24.6 9.4 33.9 0l96-96zM137 39c-9.4-9.4-24.6-9.4-33.9 0L7 135c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l55-55V456c0 13.3 10.7 24 24 24s24-10.7 24-24V113.9l55 55c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L137 39z"/></svg>`,
+};

package/dist/collection/global/icons/circle-arrow-down.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM127 281c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l71 71L232 136c0-13.3 10.7-24 24-24s24 10.7 24 24l0 182.1 71-71c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L273 393c-9.4 9.4-24.6 9.4-33.9 0L127 281z"/></svg>`,
+};

package/dist/collection/global/icons/circle-arrow-up.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM385 231c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-71-71V376c0 13.3-10.7 24-24 24s-24-10.7-24-24V193.9l-71 71c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L239 119c9.4-9.4 24.6-9.4 33.9 0L385 231z"/></svg>`,
+};

package/dist/collection/global/scripts/before-vega-load.js

@@ -8,12 +8,14 @@ import { GlobalSlimmersRegistry } from 'vega-slimmer/core';
 import { VegaWatchMethodCancelSlimmer } from '../../helpers/slimmers/global/vega-watch-method-cancel-slimmer';
 import VegaEventManager from '../../helpers/event-manager/vega-event-manager';
 import { TypographyUrls } from '../../constants/tokens/typography';
-import { VegaIconManager } from '../../helpers/public-api';
+import { VegaIconManager, VegaTranslationResourceEN } from '../../helpers/public-api';
 import VegaZIndexManager from '../../helpers/zindex/vega-z-index-manager';
 import { ValidCreditCardNumberRule } from '../../helpers/validator/rules/valid-credit-card-number-rule';
 import vegaEnvManager from '../../helpers/vega-telemetry-helper/vega-env-manager';
 import { waitForVega } from '../../helpers/common';
 import { VegaSkeletonLoader } from '../../helpers/skeleton-loader/vega-skeleton-loader-controller';
+import { VegaTranslation } from '../../helpers/translation';
+import { VegaTranslateObserverSlimmer } from '../../helpers/slimmers/global/vega-translate-observer-slimmer';
 /**
  * Default export function that will be used by stencil global script,
  * which will be invoked before library loaded.
@@ -35,6 +37,7 @@ export default function () {
   initRuntimeMetricsTelemetryCollection();
   injectWaitForVegaIntoGlobal();
   injectVegaSkeletonLoaderIntoGlobal();
+  injectVegaTranslationIntoGlobal();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -86,7 +89,7 @@ function injectVegaDialogIntoGlobal() {
  * register global vega slimmers
  */
 function registerGlobalVegaSlimmers() {
-  GlobalSlimmersRegistry.register([VegaWatchMethodCancelSlimmer]);
+  GlobalSlimmersRegistry.register([VegaWatchMethodCancelSlimmer, VegaTranslateObserverSlimmer]);
 }
 /**
  * Inject setEventSemantics to global as a public api
@@ -154,3 +157,10 @@ function injectWaitForVegaIntoGlobal() {
 function injectVegaSkeletonLoaderIntoGlobal() {
   globalThis.VegaSkeletonLoader = VegaSkeletonLoader;
 }
+/**
+ * Inject VegaTranslation to global as a public api
+ */
+function injectVegaTranslationIntoGlobal() {
+  globalThis.VegaTranslation = VegaTranslation;
+  globalThis.VegaTranslationResourceEN = VegaTranslationResourceEN;
+}

package/dist/collection/helpers/calendar/calendar-period/calendar-period.abstract.js

@@ -49,6 +49,14 @@ export class CalendarPeriod {
   get type() {
     return this._type;
   }
+  /**
+   * This function returns the showWeekends of the object.
+   *
+   * @type {boolean}
+   */
+  get showWeekends() {
+    return this._showWeekends;
+  }
   /**
    * Go to a specific date.
    *

package/dist/collection/helpers/calendar/calendar-period/day-period.js

@@ -1,12 +1,15 @@
 import { CalendarPeriod } from './calendar-period.abstract';
 import { CalendarDate } from '../calendar-date';
+import { DateDirection, getClosestWorkday } from '../../../components/vega-calendar/utils';
 /**
  * Period of day.
  */
 export class DayPeriod extends CalendarPeriod {
-  constructor(current) {
+  constructor(current, showWeekends) {
     super(DayPeriod.DISPLAY_DATE_COUNT, current);
     this._type = 'day';
+    this._showWeekends = true;
+    this._showWeekends = showWeekends === false ? false : true;
   }
   /**
    * @inheritDoc
@@ -14,7 +17,11 @@ export class DayPeriod extends CalendarPeriod {
   next() {
     const nextDate = this.current.toDate();
     nextDate.setDate(nextDate.getDate() + 1);
-    return this.createBy(CalendarDate.from(nextDate));
+    let calendarDate = CalendarDate.from(nextDate);
+    if (this._showWeekends === false) {
+      calendarDate = getClosestWorkday(calendarDate);
+    }
+    return this.createBy(calendarDate);
   }
   /**
    * @inheritDoc
@@ -22,13 +29,29 @@ export class DayPeriod extends CalendarPeriod {
   previous() {
     const previousDate = this.current.toDate();
     previousDate.setDate(previousDate.getDate() - 1);
-    return this.createBy(CalendarDate.from(previousDate));
+    let calendarDate = CalendarDate.from(previousDate);
+    if (this._showWeekends === false) {
+      calendarDate = getClosestWorkday(calendarDate, DateDirection.PREVIOUS);
+    }
+    return this.createBy(calendarDate);
+  }
+  /**
+   * Go to now.
+   *
+   * @returns {this} - The current period.
+   */
+  now() {
+    let calendarDate = CalendarDate.from(new Date());
+    if (this._showWeekends === false) {
+      calendarDate = getClosestWorkday(calendarDate);
+    }
+    return this.createBy(calendarDate);
   }
   /**
    * @inheritDoc
    */
   createBy(current) {
-    return new DayPeriod(current);
+    return new DayPeriod(current, this._showWeekends);
   }
 }
 DayPeriod.DISPLAY_DATE_COUNT = 1;

package/dist/collection/helpers/calendar/calendar-period/month-period.js

@@ -4,9 +4,11 @@ import { CalendarDate } from '../calendar-date';
  * Period of month
  */
 export class MonthPeriod extends CalendarPeriod {
-  constructor(current) {
+  constructor(current, showWeekends) {
     super(MonthPeriod.DISPLAY_DATE_COUNT, MonthPeriod.getMonthFirstDay(current));
     this._type = 'month';
+    this._showWeekends = true;
+    this._showWeekends = showWeekends === false ? false : true;
   }
   /**
    * The function `getMonthFirstDay` returns the first day of a given month in a calendar.
@@ -42,7 +44,7 @@ export class MonthPeriod extends CalendarPeriod {
    * @inheritDoc
    */
   createBy(current) {
-    return new MonthPeriod(current);
+    return new MonthPeriod(current, this._showWeekends);
   }
 }
 MonthPeriod.DISPLAY_DATE_COUNT = 6 * 7;