@heartlandone/vega 2.71.0 → 2.72.0-RTE-table-preview

package/dist/collection/components/vega-date-picker/vega-date-picker.css

@@ -289,15 +289,4 @@
 
 :host(.disabled) .vega-input-container input {
   color: rgba(var(--v-text-input-disabled, 107, 116, 125, 1));
-}
-
-.litepicker-backdrop {
-  display: none;
-  background-color: var(--litepicker-mobilefriendly-backdrop-color-bg);
-  opacity: 0.3;
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
 }

package/dist/collection/components/vega-date-picker/vega-date-picker.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, Element, Event, Method, Prop, Watch } from '@stencil/core';
+import { Component, Element, Event, Method, Prop, State, Watch } from '@stencil/core';
 import { sanitizeVegaComponent } from '../../utils/component';
 import { DateRequiredRule } from '../../helpers/validator/rules/date-required-rule';
 import { DateRangeRule } from '../../helpers/validator/rules/date-range-rule';
@@ -12,25 +12,22 @@ import { MinAndMaxDateRule } from '../../helpers/validator/rules/min-and-max-dat
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { VegaDatePickerRenderer } from './slimmers/renderers/vega-date-picker-renderer';
-import { VegaDatePickerMobileController } from './slimmers/controllers/vega-date-picker-mobile-controller';
 import { VegaDatePickerSingleInputRenderer } from './slimmers/renderers/vega-date-picker-single-input-renderer';
 import { VegaDatePickerRangeInputRenderer } from './slimmers/renderers/vega-date-picker-range-input-renderer';
-import { VegaDatePickerCalendarController } from './slimmers/controllers/vega-date-picker-calendar-controller';
 import { VegaDatePickerCalendarRenderer } from './slimmers/renderers/vega-date-picker-calendar-renderer';
-import { VegaDatePickerZIndexController } from './slimmers/controllers/vega-date-picker-zindex-controller';
 import { VegaDatePickerValueController } from './slimmers/controllers/vega-date-picker-value-controller';
 import { VegaDatePickerFormatController } from './slimmers/controllers/vega-date-picker-format-controller';
-import { VegaDatePickerElementAppenderController } from './slimmers/controllers/vega-date-picker-element-appender-controller';
 import { VegaDatePickerKeyboardController } from './slimmers/controllers/vega-date-picker-keyboard-controller';
 import { ComponentLoadRequired } from '../../decorators/method-decorators/component-load-required';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
-import { VegaChange, VegaMonthYearChange } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaChange, VegaClear, VegaMonthYearChange, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaDatePickerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-date-picker/runtime-metrics-payload-definition';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
-import { VegaDatePickerMonthYearDropdownRenderer } from './slimmers/renderers/vega-date-picker-calendar-month-year-dropdown-renderer';
-import { VegaDatePickerMonthYearChangeEventController } from './slimmers/controllers/vega-date-picker-month-year-change-event-controller';
+import { DeviceType } from '../../types/ui.type';
+import { getDeviceType } from '../../utils/ui';
+import { VegaDatePickerCalendarOpenStateController } from './slimmers/controllers/vega-date-picker-calendar-open-state-controller';
 /**
  * @vegaVersion 1.3.0
  */
@@ -38,14 +35,11 @@ export class VegaDatePicker {
   constructor() {
     this.globalSlimmers = {};
     this.translationSlimmer = new TranslationSlimmer();
-    this.vegaDatePickerMobileController = new VegaDatePickerMobileController();
-    this.vegaDatePickerCalendarController = new VegaDatePickerCalendarController();
-    this.vegaDatePickerZIndexController = new VegaDatePickerZIndexController();
+    this.calendarOpenStateController = new VegaDatePickerCalendarOpenStateController();
     this.vegaDatePickerValueController = new VegaDatePickerValueController();
     this.vegaDatePickerFormatController = new VegaDatePickerFormatController('single');
     this.startInputFormatController = new VegaDatePickerFormatController('rangeStart');
     this.endInputFormatController = new VegaDatePickerFormatController('rangeEnd');
-    this.vegaDatePickerElementAppenderController = new VegaDatePickerElementAppenderController();
     this.vegaDatePickerKeyboardController = new VegaDatePickerKeyboardController();
     this.vegaDatePickerRenderer = new VegaDatePickerRenderer();
     this.vegaDatePickerSingleInputRenderer = new VegaDatePickerSingleInputRenderer();
@@ -85,12 +79,12 @@ export class VegaDatePicker {
         ].filter(Boolean);
       },
     });
-    this.monthYearChangeEventEmitter = createEventEmitSlimmer(VegaDatePicker, VegaMonthYearChange);
     this.changeEventEmitter = createEventEmitSlimmer(VegaDatePicker, VegaChange);
-    this.inputEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.vegaDatePickerRenderer.getDatePickerContainer());
+    this.monthYearChangeEventEmitter = createEventEmitSlimmer(VegaDatePicker, VegaMonthYearChange);
+    this.inputEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange, VegaClear, VegaMonthYearChange], () => this.vegaDatePickerCalendarRenderer.getCalendarRef());
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaDatePickerRuntimeMetricsPayloadDefinition);
-    this.monthYearDropdownRenderer = new VegaDatePickerMonthYearDropdownRenderer();
-    this.vegaDatePickerMonthYearChangeEventController = new VegaDatePickerMonthYearChangeEventController();
+    this.isMobileDevice = getDeviceType() === DeviceType.MOBILE;
+    this.isCalendarShow = false;
     /**
      * Specifies the selection mode of the date picker.
      *
@@ -211,6 +205,9 @@ export class VegaDatePicker {
      */
     this.isDateDisabled = () => false;
   }
+  watchIsCalendarShow() {
+    methodPlaceholder();
+  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-date-picker-mode-change}
@@ -262,9 +259,6 @@ export class VegaDatePicker {
   watchDisabled() {
     methodPlaceholder();
   }
-  watchIsDateDisabled() {
-    methodPlaceholder();
-  }
   /**
    * Invoke this method to close the calendar dropdown
    *    associated with the date picker.
@@ -765,6 +759,10 @@ export class VegaDatePicker {
       "defaultValue": "() => false"
     }
   }; }
+  static get states() { return {
+    "isMobileDevice": {},
+    "isCalendarShow": {}
+  }; }
   static get events() { return [{
       "method": "vegaChange",
       "name": "vegaChange",
@@ -902,6 +900,9 @@ export class VegaDatePicker {
   }; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
+      "propName": "isCalendarShow",
+      "methodName": "watchIsCalendarShow"
+    }, {
       "propName": "mode",
       "methodName": "watchMode"
     }, {
@@ -928,9 +929,6 @@ export class VegaDatePicker {
     }, {
       "propName": "disabled",
       "methodName": "watchDisabled"
-    }, {
-      "propName": "isDateDisabled",
-      "methodName": "watchIsDateDisabled"
     }]; }
 }
 __decorate([
@@ -941,13 +939,7 @@ __decorate([
 ], VegaDatePicker.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaDatePicker.prototype, "vegaDatePickerMobileController", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaDatePicker.prototype, "vegaDatePickerCalendarController", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaDatePicker.prototype, "vegaDatePickerZIndexController", void 0);
+], VegaDatePicker.prototype, "calendarOpenStateController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerValueController", void 0);
@@ -960,9 +952,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "endInputFormatController", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaDatePicker.prototype, "vegaDatePickerElementAppenderController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerKeyboardController", void 0);
@@ -983,22 +972,16 @@ __decorate([
 ], VegaDatePicker.prototype, "formFieldController", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaDatePicker.prototype, "monthYearChangeEventEmitter", void 0);
+], VegaDatePicker.prototype, "changeEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaDatePicker.prototype, "changeEventEmitter", void 0);
+], VegaDatePicker.prototype, "monthYearChangeEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "inputEventPrevent", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaDatePicker.prototype, "monthYearDropdownRenderer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaDatePicker.prototype, "vegaDatePickerMonthYearChangeEventController", void 0);
 __decorate([
   ComponentLoadRequired()
 ], VegaDatePicker.prototype, "watchValue", null);

package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-appender-controller.js

@@ -4,11 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
+import { MapToComponentField, MapToComponentMethod, methodPlaceholder } from 'vega-slimmer/core';
 import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender/element-appender-slimmer';
-import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
-import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import { VegaInternalDropdownUpdateTarget } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  * The `VegaDropdownAppenderController` class is responsible for managing the visibility and
  * behavior of a dropdown component.
@@ -25,13 +22,13 @@ export class VegaDropdownAppenderController extends ElementAppenderSlimmer {
    * Component lifecycle - [componentDidLoad]{@link VegaPopover.connectedCallback}
    */
   connectedCallback() {
-    this.registerRemoteMethod();
+    methodPlaceholder();
   }
   /**
    * Component lifecycle - [componentDidLoad]{@link VegaPopover.disconnectedCallback}
    */
   disconnectedCallback() {
-    remoteInvocationRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalDropdownUpdateTarget));
+    methodPlaceholder();
   }
   /**
    * The function `watchIsDropdownShow` checks if the dropdown is shown and performs certain actions
@@ -85,15 +82,6 @@ export class VegaDropdownAppenderController extends ElementAppenderSlimmer {
       isScreenPosition: this.isScreenPosition,
     };
   }
-  /**
-   * Register a remote method to update the target element of the dropdown.
-   */
-  registerRemoteMethod() {
-    remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalDropdownUpdateTarget), (target) => {
-      this.target = target;
-      super.updateShowConfigFactory(this.generateShowConfigFactory.bind(this));
-    });
-  }
 }
 __decorate([
   MapToComponentField()

package/dist/collection/components/vega-input-phone-number/slimmers/renderers/phone-number-input-renderer.js

@@ -39,7 +39,7 @@ export class PhoneNumberInputRenderer extends VegaSlimmer {
       h("vega-input", { size: this.size, disabled: this.disabled, placeholder: this.placeholder, ref: (ref) => {
           this.inputRef = ref;
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, this.handleInputChange.bind(this));
-        }, value: this.phoneNumberInputValue, maskConfig: {
+        }, inputmode: "numeric", value: this.phoneNumberInputValue, maskConfig: {
           type: 'custom',
           strategy: () => new VegaPhoneNumberInputStrategy(this.phoneNumberMaskFormatter),
         } })));

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -566,7 +566,7 @@ export class VegaInputSelect {
       "mutable": false,
       "complexType": {
         "original": "VegaDropdownPropsForSelect",
-        "resolved": "{ size?: ResponsiveType<SizeType>; matchTargetWidth?: boolean; maxHeight?: number; positionRelativeTo?: string; searchable?: boolean; itemDisplayRule?: \"ellipsis\" | \"newline\"; matchContainerHeight?: boolean; caseSensitive?: boolean; useDefaultFilter?: boolean; searchTriggerBy?: VegaDropdownSearchTriggerByType; isScreenPosition?: boolean; resettable?: boolean; preserveValueIfNotInSource?: boolean; }",
+        "resolved": "{ size?: ResponsiveType<SizeType>; matchTargetWidth?: boolean; maxHeight?: number; positionRelativeTo?: string; searchable?: boolean; itemDisplayRule?: \"ellipsis\" | \"newline\"; matchContainerHeight?: boolean; isScreenPosition?: boolean; caseSensitive?: boolean; useDefaultFilter?: boolean; searchTriggerBy?: VegaDropdownSearchTriggerByType; resettable?: boolean; preserveValueIfNotInSource?: boolean; }",
         "references": {
           "VegaDropdownPropsForSelect": {
             "location": "import",

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

@@ -97,9 +97,10 @@ export class VegaPopover {
    * Invoke this method to show the popover.
    *
    * @vegaVersion 1.22.0
+   * @param {boolean} refresh - Determines whether the popover should be refreshed even when it is already visible. This is useful for updating the popover‘s styles (such as width, height, or position). The default value is false. Added in 2.72.0-RTE-table-preview.
    */
-  async show() {
-    if (!this.isPopoverShow) {
+  async show(refresh = false) {
+    if (!this.isPopoverShow || refresh) {
       this.showPopover();
     }
   }
@@ -413,8 +414,14 @@ export class VegaPopover {
   static get methods() { return {
     "show": {
       "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
+        "signature": "(refresh?: boolean) => Promise<void>",
+        "parameters": [{
+            "tags": [{
+                "name": "param",
+                "text": "refresh - Determines whether the popover should be refreshed even when it is already visible. This is useful for updating the popover\u2018s styles (such as width, height, or position). The default value is false. Added in 2.72.0-RTE-table-preview."
+              }],
+            "text": "- Determines whether the popover should be refreshed even when it is already visible. This is useful for updating the popover\u2018s styles (such as width, height, or position). The default value is false. Added in 2.72.0-RTE-table-preview."
+          }],
         "references": {
           "Promise": {
             "location": "global"
@@ -427,6 +434,9 @@ export class VegaPopover {
         "tags": [{
             "name": "vegaVersion",
             "text": "1.22.0"
+          }, {
+            "name": "param",
+            "text": "refresh - Determines whether the popover should be refreshed even when it is already visible. This is useful for updating the popover\u2018s styles (such as width, height, or position). The default value is false. Added in 2.72.0-RTE-table-preview."
           }]
       }
     },

package/dist/collection/components/vega-progress-tracker/slimmers/controllers/dto/internal-progress-tracker-step.js

@@ -0,0 +1,75 @@
+export var ProgressStepStatus;
+(function (ProgressStepStatus) {
+  ProgressStepStatus["DEFAULT"] = "default";
+  ProgressStepStatus["IN_PROGRESS"] = "inProgress";
+  ProgressStepStatus["COMPLETE"] = "complete";
+})(ProgressStepStatus || (ProgressStepStatus = {}));
+/**
+ * Data Transfer Object representing an internal step in the progress tracker.
+ */
+export class InternalProgressTrackerStep {
+  /**
+   * @param {string} stepKey - The unique key for the step.
+   * @param {string} title - The title of the step.
+   * @param {ProgressStepStatus} progressStatus - The progress status of the step.
+   * @param {boolean} isCurrent - Indicates if this step is the current step.
+   */
+  constructor(stepKey, title, progressStatus, isCurrent) {
+    this.stepKey = stepKey;
+    this.title = title;
+    this.progressStatus = progressStatus;
+    this.isCurrent = isCurrent;
+  }
+  /**
+   * Create InternalProgressTrackerStep array from steps property
+   *
+   * @param {string[]} steps - An array of step keys.
+   * @param {number} current - The current step index.
+   * @param {string[]} completedSteps - An array of completed step keys.
+   * @returns {InternalProgressTrackerStep[]} An array of InternalProgressTrackerStep instances.
+   */
+  static fromSteps(steps, current, completedSteps) {
+    return steps.map((step, index) => new InternalProgressTrackerStep(step, step, this.getStepStatus(step, index, current, completedSteps), index === current));
+  }
+  /**
+   * Create InternalProgressTrackerStep array from host slot elements
+   *
+   * @param {HTMLElement} host - The host element containing the slot elements.
+   * @param {number} current - The current step index.
+   * @param {string[]} completedSteps - An array of completed step keys.
+   * @returns {InternalProgressTrackerStep[]} An array of InternalProgressTrackerStep instances.
+   */
+  static fromHostSlot(host, current, completedSteps) {
+    return Array.from(host.querySelectorAll('vega-progress-tracker-step')).map((step, index) => {
+      return new InternalProgressTrackerStep(step.stepKey, '', this.getStepStatus(step.stepKey, index, current, completedSteps), index === current);
+    });
+  }
+  /**
+   * Checks if the step is completed.
+   *
+   * @returns { boolean } A boolean value indicating whether the step is completed.
+   */
+  isCompleted() {
+    return this.progressStatus === ProgressStepStatus.COMPLETE;
+  }
+}
+/**
+ * Determines the progress status of a step based on its index, the current step, and completed steps.
+ *
+ * @param {string} stepKey - The unique key for the step.
+ * @param {number} stepIndex - The index of the step.
+ * @param {number} current - The current step index.
+ * @param {string[]} completedSteps - An array of completed step keys.
+ * @returns {ProgressStepStatus} The progress status of the step.
+ */
+InternalProgressTrackerStep.getStepStatus = (stepKey, stepIndex, current, completedSteps) => {
+  if (completedSteps.includes(stepKey)) {
+    return ProgressStepStatus.COMPLETE;
+  }
+  else if (stepIndex === current) {
+    return ProgressStepStatus.IN_PROGRESS;
+  }
+  else {
+    return ProgressStepStatus.DEFAULT;
+  }
+};

package/dist/collection/components/vega-progress-tracker/slimmers/controllers/vega-progress-tracker-current-direction-controller.js

@@ -0,0 +1,88 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { InjectVegaSlimmer, MapToComponentField, MapToComponentMethod, VegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
+import { PageResizeObserverSlimmer } from '../../../../helpers/slimmers/page-resize-observer-slimmer';
+import responsiveFormatFacade from '../../../../helpers/formatter/responsive-map-formatter/responsive-format-facade';
+import { isResponsiveType } from '../../../../types/type-guard';
+import { getCurrentBreakpoint } from '../../../../utils/breakpoints';
+/**
+ * Controls the current direction of the progress tracker component.
+ */
+export class VegaProgressTrackerCurrentDirectionController extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer({
+      /*
+       * The below method is e2e-test covered in
+       * @see{module:vega-progress-tracker-resize-e2e}
+       */
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      callback: /* istanbul ignore next */ async () => {
+        this.setCurrentDirection();
+        await this.renderer.gotoCarouselPage();
+      },
+    });
+  }
+  /** connectedCallback */
+  connectedCallback() {
+    methodPlaceholder();
+  }
+  /** disconnectedCallback */
+  disconnectedCallback() {
+    methodPlaceholder();
+  }
+  /** componentWillLoad */
+  componentWillLoad() {
+    this.setCurrentDirection();
+  }
+  /** componentDidLoad */
+  componentDidLoad() {
+    methodPlaceholder();
+  }
+  /** watchDirection */
+  watchDirection() {
+    this.setCurrentDirection();
+  }
+  /**
+   * The function sets the current direction of a progress tracker
+   * based on the component's direction and the current breakpoint.
+   */
+  setCurrentDirection() {
+    let direction = responsiveFormatFacade.formatCustom(this.direction) || 'vertical';
+    if (['default', 'S'].includes(getCurrentBreakpoint()) && !isResponsiveType(this.direction)) {
+      direction = 'horizontal-compact';
+    }
+    this.currentDirection = direction;
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaProgressTrackerCurrentDirectionController.prototype, "direction", void 0);
+__decorate([
+  MapToComponentField()
+], VegaProgressTrackerCurrentDirectionController.prototype, "renderer", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaProgressTrackerCurrentDirectionController.prototype, "currentDirection", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaProgressTrackerCurrentDirectionController.prototype, "pageResizeObserverSlimmer", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], VegaProgressTrackerCurrentDirectionController.prototype, "connectedCallback", null);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaProgressTrackerCurrentDirectionController.prototype, "disconnectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaProgressTrackerCurrentDirectionController.prototype, "componentWillLoad", null);
+__decorate([
+  MapToComponentMethod('componentDidLoad')
+], VegaProgressTrackerCurrentDirectionController.prototype, "componentDidLoad", null);
+__decorate([
+  MapToComponentMethod('watchDirection')
+], VegaProgressTrackerCurrentDirectionController.prototype, "watchDirection", null);

package/dist/collection/components/vega-progress-tracker/slimmers/controllers/vega-progress-tracker-current-step-controller.js

@@ -0,0 +1,153 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { normalizeNumberByRanger } from '../../../../utils/number';
+import { Observer } from '../../../../helpers/change-manager/observer/observer';
+import changeManager from '../../../../helpers/change-manager/change-manager';
+import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalProgressTrackerStepClick } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { SynchronizeTaskQueue } from '../../../../helpers/queue/synchronize-task-queue';
+/**
+ * Controls the current step of the progress tracker component.
+ */
+export class VegaProgressTrackerCurrentStepController extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.goToPageTaskQueue = new SynchronizeTaskQueue();
+    /**
+     * Update current step with range limit
+     *
+     * @param {number} current - current step index
+     */
+    this.updateCurrent = (current) => {
+      this.current = normalizeNumberByRanger(current, 0, this.currentSteps.length - 1);
+    };
+  }
+  /** connectedCallback */
+  connectedCallback() {
+    this.initStepClickObserver();
+  }
+  /** disconnectedCallback */
+  disconnectedCallback() {
+    this.removeStepClickObserver();
+  }
+  /** componentDidLoad */
+  componentDidLoad() {
+    this.updateCurrent(this.current);
+  }
+  /** componentDidRender */
+  async componentDidRender() {
+    await this.goToPageTaskQueue.runTask();
+  }
+  /**
+   * watch current change
+   */
+  async watchCurrentChange() {
+    var _a;
+    this.updateCurrent(this.current);
+    this.currentStepUpdateEventEmitter.emit((_a = this.currentSteps[this.current]) === null || _a === void 0 ? void 0 : _a.stepKey);
+    await this.renderer.gotoCarouselPage();
+  }
+  /** watch steps change */
+  watchSteps() {
+    this.updateCurrent(this.current);
+  }
+  /** watch nextStep method call*/
+  nextStep() {
+    this.updateCurrent(++this.current);
+  }
+  /** watch prevStep method call*/
+  prevStep() {
+    this.updateCurrent(--this.current);
+  }
+  /**
+   * watch setCurrent method call
+   *
+   * @param {number} step - step index to set current
+   */
+  setCurrent(step) {
+    this.updateCurrent(step);
+  }
+  /**
+   * While direction changed from others direction to 'horizontal-compact',
+   *   we need to goto the current step page in carousel.
+   */
+  async watchDirection() {
+    await this.goToPageTaskQueue.enqueue({
+      /* eslint-disable jsdoc/require-jsdoc */
+      run: async () => {
+        return await this.renderer.gotoCarouselPage();
+      },
+    }, false);
+  }
+  /**
+   * Initialize step click observer
+   */
+  initStepClickObserver() {
+    this.stepClickObserver = new Observer(this.canAcceptStepClickEvent.bind(this), this.updateCurrent.bind(this));
+    changeManager.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalProgressTrackerStepClick), this.stepClickObserver);
+  }
+  /**
+   * Remove step click observer
+   */
+  removeStepClickObserver() {
+    changeManager.unregister(domNodeSubjectFactory.getSubject(this.host, VegaInternalProgressTrackerStepClick), this.stepClickObserver);
+  }
+  /**
+   * Check if can accept step click event
+   *
+   * @returns {boolean} - true if can accept, false otherwise.
+   */
+  canAcceptStepClickEvent() {
+    return true;
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaProgressTrackerCurrentStepController.prototype, "currentSteps", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaProgressTrackerCurrentStepController.prototype, "current", void 0);
+__decorate([
+  MapToComponentField()
+], VegaProgressTrackerCurrentStepController.prototype, "currentStepUpdateEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaProgressTrackerCurrentStepController.prototype, "renderer", void 0);
+__decorate([
+  MapToComponentField()
+], VegaProgressTrackerCurrentStepController.prototype, "host", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], VegaProgressTrackerCurrentStepController.prototype, "connectedCallback", null);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaProgressTrackerCurrentStepController.prototype, "disconnectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentDidLoad')
+], VegaProgressTrackerCurrentStepController.prototype, "componentDidLoad", null);
+__decorate([
+  MapToComponentMethod('componentDidRender')
+], VegaProgressTrackerCurrentStepController.prototype, "componentDidRender", null);
+__decorate([
+  MapToComponentMethod('watchCurrentChange')
+], VegaProgressTrackerCurrentStepController.prototype, "watchCurrentChange", null);
+__decorate([
+  MapToComponentMethod('watchSteps')
+], VegaProgressTrackerCurrentStepController.prototype, "watchSteps", null);
+__decorate([
+  MapToComponentMethod('nextStep')
+], VegaProgressTrackerCurrentStepController.prototype, "nextStep", null);
+__decorate([
+  MapToComponentMethod('prevStep')
+], VegaProgressTrackerCurrentStepController.prototype, "prevStep", null);
+__decorate([
+  MapToComponentMethod('setCurrent')
+], VegaProgressTrackerCurrentStepController.prototype, "setCurrent", null);
+__decorate([
+  MapToComponentMethod('watchDirection')
+], VegaProgressTrackerCurrentStepController.prototype, "watchDirection", null);