@globalpayments/vega 2.69.1 → 2.73.0

package/dist/cjs/vega-progress-tracker.cjs.entry.js

@@ -1,252 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-58ea899e.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
-const accessibility = require('./accessibility-bfa227f6.js');
-const component = require('./component-1e352960.js');
-const number = require('./number-4816603d.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-7afe8d78.js');
-const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-1eb8f031.js');
-require('./change-manager-a297e4d2.js');
-require('./observer-f49483e8.js');
-require('./ui-9e181079.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-45d451de.js');
-require('./try-get-document-c0ebd39a.js');
-require('./object-e2e28e3d.js');
-
-const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [
-  {
-    payloadKey: 'COMPLETED_STEP_ARRAY_IS_EMPTY',
-    payloadDescription: '@deprecated Specifies an array of completed step titles for the Progress Tracker component.',
-    /**
-     * The function checks if the length of `completedStepArray` property of the `host` element is equal to '0'.
-     * If it is, the function will return `true`.
-     *
-     * @param {HTMLElement} host - The element to check
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (host) => host.completedStepArray.length === 0,
-  },
-  {
-    payloadKey: 'COMPLETED_STEP_ARRAY_IS_NOT_EMPTY',
-    payloadDescription: '@deprecated Specifies an array of completed step titles for the Progress Tracker component.',
-    /**
-     * The function checks if the length of `completedStepArray` property of the `host` element is not equal to '0'.
-     * If it is, the function will return `true`.
-     *
-     * @param {HTMLElement} host - The element to check
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (host) => host.completedStepArray.length > 0,
-  },
-];
-
-const vegaProgressTrackerCss = ":host .vega-progress-tracker__container{display:flex;align-items:center;padding-top:0px;padding-bottom:0px}:host .vega-progress-tracker__slot{width:100%;display:block}:host .vega-progress-step{display:flex;gap:16px}:host(:not(.click-step-disabled)) .vega-progress-step{cursor:pointer}:host(:not(.click-step-disabled)) .vega-progress-step.default:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress .vega-progress-step__icon:hover,:host(:not(.click-step-disabled)) .vega-progress-step.current .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:hover .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:active .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete.current:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host .vega-progress-step:focus-visible{outline-width:0px}:host .vega-progress-step:focus-visible .vega-progress-step-icon-container{border-radius:8px;outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:column;align-items:center;gap:0px}:host .vega-progress-step .vega-progress-step-icon-container{padding:8px}:host .vega-progress-step .vega-progress-step__icon{display:block;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;box-sizing:content-box;height:32px;width:32px;min-width:32px;line-height:32px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step .vega-progress-step__icon{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-progress-step .vega-progress-step__icon{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-progress-step .vega-progress-step__icon{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-progress-step .vega-progress-step__icon span{display:block}:host .vega-progress-step .vega-progress-step__icon:not(.disable-responsive){line-height:32px}:host .vega-progress-step .vega-progress-step__divider{width:1px;flex-grow:1;height:100%;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));display:block}:host .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step .vega-progress-step__divider.left{display:none}:host .vega-progress-step:last-child .vega-progress-step__divider.right{display:none}:host .vega-progress-step .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:12px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));display:block;padding-bottom:36px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-progress-step .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-progress-step .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-progress-step.default .vega-progress-step__icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host .vega-progress-step.complete .vega-progress-step__icon{display:flex;justify-content:center;align-items:center;background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0));box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}:host .vega-progress-step.complete .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-progress-step.complete .vega-progress-step__title{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-progress-step.complete.current .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host .vega-progress-step.inProgress .vega-progress-step__icon,:host .vega-progress-step.current .vega-progress-step__icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 320px) and (max-width: 767px){:host{flex:1 1 100%}}@media screen and (min-width: 320px) and (max-width: 767px){:host .vega-progress-tracker__container{padding-top:16px;padding-bottom:16px}:host .vega-progress-tracker__slot{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:0px}:host .vega-progress-step{display:flex;flex-grow:1;flex-basis:0}:host .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:row;gap:4px;width:100%}:host .vega-progress-step .vega-progress-step__icon{height:16px;width:16px;min-width:16px}:host .vega-progress-step .vega-progress-step__icon{line-height:16px}:host .vega-progress-step .vega-progress-step__icon vega-icon{height:8px;width:8px}:host .vega-progress-step .vega-progress-step__icon span{display:none}:host .vega-progress-step .vega-progress-step__divider{height:1px;flex-grow:1}:host .vega-progress-step .vega-progress-step__divider.left{display:block}:host .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step .vega-progress-step__divider.right{display:block}:host .vega-progress-step .vega-progress-step__title{display:none}:host .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}}:host(.horizontal){display:block;overflow-x:auto;padding-top:4px}:host(.horizontal) .vega-progress-tracker__slot{display:flex}:host(.horizontal) .vega-progress-step{flex-direction:column;align-items:center;gap:4px;flex-grow:1;flex-basis:0}:host(.horizontal) .vega-progress-step .vega-progress-step-icon-divider{flex-direction:row;align-items:center;gap:4px;width:100%}:host(.horizontal) .vega-progress-step .vega-progress-step__divider{height:1px;display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left{display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__title{padding-top:0px;padding-bottom:0px;text-align:center;padding-left:4px;padding-right:4px}:host(.horizontal) .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host(.horizontal) .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}@media screen and (min-width: 320px) and (max-width: 767px){:host(.horizontal){padding-top:0px}}:host vega-carousel .subTitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-carousel .subTitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-carousel .subTitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-carousel .subTitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-progress-tracker__box{display:flex;align-items:center}@media (min-width: 768px){:host .vega-progress-tracker__box{display:none}}:host .vega-progress-tracker__box vega-carousel{width:100%;text-align:center}";
-
-var __decorate = (undefined && undefined.__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;
-};
-var ProgressStepStatus;
-(function (ProgressStepStatus) {
-  ProgressStepStatus["DEFAULT"] = "default";
-  ProgressStepStatus["IN_PROGRESS"] = "inProgress";
-  ProgressStepStatus["COMPLETE"] = "complete";
-})(ProgressStepStatus || (ProgressStepStatus = {}));
-const VegaProgressTracker = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaCurrentStepUpdate = index.createEvent(this, "vegaCurrentStepUpdate", 7);
-    this.currentStepUpdate = index.createEvent(this, "currentStepUpdate", 7);
-    this.globalSlimmers = {};
-    this.currentStepUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaProgressTracker, domNodeSubjectObserverFactory.VegaCurrentStepUpdate);
-    this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaProgressTracker, 'completedSteps', 'completedStepArray', []);
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaProgressTrackerRuntimeMetricsPayloadDefinition);
-    /**
-     * Indicates the current step or stage in a
-     *    sequential process or workflow,
-     *    starting from 0.
-     *
-     * @vegaVersion 1.0.7
-     */
-    this.current = 0;
-    /**
-     * Specifies the direction of the Progress Tracker component.
-     *
-     * It can be set to either horizontal or vertical.
-     *    In the horizontal direction, the tracker is divided into
-     *    panes with navigable arrows. In the vertical direction,
-     *    it is displayed as a single pane.
-     *
-     * @vegaVersion 1.0.7
-     */
-    this.direction = 'vertical';
-    /**
-     * Specifies an array of step subtitles for
-     *    the Progress Tracker component.
-     *
-     * Each subtitle corresponds to a step in the
-     *    progression of the workflow or process.
-     *
-     * @vegaVersion 1.3.0
-     */
-    this.steps = [];
-    /**
-     * Specifies an array of completed step titles for
-     *    the Progress Tracker component.
-     *
-     * Each completed step title represents a step that
-     *    has been successfully completed in the
-     *    workflow or process.
-     * @deprecated This property will be removed soon and replaced by prop completedSteps
-     *
-     * @vegaVersion 1.5.0
-     */
-    this.completedStepArray = [];
-    /**
-     * Specifies an array of titles representing completed steps in the progress tracker,
-     *    indicating successful completion within the workflow or process.
-     *
-     * @vegaVersion 2.2.0
-     */
-    this.completedSteps = [];
-    /**
-     * Enables the ability to click on the steps in
-     *    the Progress Tracker component.
-     *
-     * @vegaVersion 1.5.0
-     */
-    this.canClickStep = true;
-    this.getStepState = (index) => {
-      if (this.deprecatedPropertySlimmer.getValue().includes(this.steps[index])) {
-        return ProgressStepStatus.COMPLETE;
-      }
-      else if (index === this.current) {
-        return ProgressStepStatus.IN_PROGRESS;
-      }
-      else {
-        return ProgressStepStatus.DEFAULT;
-      }
-    };
-    this.onStepIconClick = async (e) => {
-      const index = Number(e.currentTarget.getAttribute('data-index'));
-      await this.setCurrent(index);
-    };
-    this.renderStepIcon = (index$1, progressStepStatus) => {
-      return (index.h("div", { class: "vega-progress-step-icon-container" }, index.h("div", { class: "vega-progress-step__icon" }, progressStepStatus == ProgressStepStatus.COMPLETE ? (index.h("vega-icon", { icon: "checkmark-rounded", size: "size-16" })) : (index.h("span", null, index$1 + 1)))));
-    };
-    this.renderSteps = (subTitle, index$1) => {
-      const progressStepStatus = this.getStepState(index$1);
-      const prevStepCompleteStatus = this.deprecatedPropertySlimmer
-        .getValue()
-        .includes(this.steps[index$1 - 1]);
-      return (index.h("div", { role: !this.canClickStep ? null : 'button', class: `vega-progress-step ${progressStepStatus} ${index$1 === this.current ? 'current' : ''}`, "data-index": index$1, tabIndex: !this.canClickStep ? null : 0, onClick: !this.canClickStep ? null : this.onStepIconClick, onKeyDown: !this.canClickStep ? null : accessibility.createEnterKeyHandlerToTriggerClick(), "aria-label": subTitle }, index.h("div", { class: "vega-progress-step-icon-divider" }, index.h("div", { class: `vega-progress-step__divider left ${prevStepCompleteStatus ? 'background' : ''}` }), this.renderStepIcon(index$1, progressStepStatus), index.h("div", { class: `vega-progress-step__divider right ${this.deprecatedPropertySlimmer.getValue().includes(subTitle)
-          ? 'complete'
-          : 'default'}` })), index.h("div", { class: "vega-progress-step__title" }, subTitle)));
-    };
-    this.updateCurrent = (current, min, max) => {
-      this.current = number.normalizeNumberByRanger(current, min, max);
-    };
-    this.isElementVisible = () => {
-      return this.carouselDom.parentElement.getBoundingClientRect().width > 0;
-    };
-  }
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-progress-tracker-e2e-change-current-mobile}
-   */
-  /* istanbul ignore next */
-  async watchCurrentChange(newCurrent) {
-    this.updateCurrent(newCurrent, 0, this.steps.length - 1);
-    this.currentStepUpdateEventEmitter.emit(this.steps[this.current]);
-    if (this.isElementVisible()) {
-      await this.carouselDom.goToPage(this.current + 1);
-    }
-  }
-  watchSteps() {
-    this.updateCurrent(this.current, 0, this.steps.length - 1);
-  }
-  componentDidLoad() {
-    this.updateCurrent(this.current, 0, this.steps.length - 1);
-  }
-  /**
-   * Invoke this method to change the tracker's current step
-   *    to the next step, if available.
-   *
-   * @vegaVersion 1.5.0
-   */
-  async nextStep() {
-    this.updateCurrent(++this.current, null, this.steps.length - 1);
-  }
-  /**
-   * Invoke this method to change the tracker's current step
-   *    to the previous step, if available.
-   *
-   * @vegaVersion 1.5.0
-   */
-  async prevStep() {
-    this.updateCurrent(--this.current, 0, null);
-  }
-  /**
-   * Invoke this method to set the current step of the tracker.
-   *
-   * @vegaVersion 1.0.7
-   */
-  async setCurrent(step) {
-    this.updateCurrent(step, 0, this.steps.length - 1);
-  }
-  /**
-   * Invoke this method to retrieve the tracker's current step.
-   *
-   * @vegaVersion 1.3.0
-   */
-  async getCurrent() {
-    return this.current;
-  }
-  render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: `vega-progress-tracker ${this.direction}${!this.canClickStep ? ' click-step-disabled' : ''}` }, index.h("div", { class: "vega-progress-tracker__container" }, index.h("div", { class: "vega-progress-tracker__slot" }, this.steps.map((subTitle, index) => this.renderSteps(subTitle, index)))), index.h("div", { class: "vega-progress-tracker__box" }, index.h("vega-carousel", { showSlider: false, itemsPerPage: 1, canSwipe: this.canClickStep, ref: (el) => {
-        /**
-         * The below method is e2e-test covered in
-         * @see{module:vega-progress-tracker-with-touch-event-mobile}
-         */
-        /* istanbul ignore next */
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, domNodeSubjectObserverFactory.VegaPageUpdate, (input) => this.updateCurrent(input.detail - 1, 0, this.steps.length - 1));
-        return (this.carouselDom = el);
-      } }, this.steps.map((subTitle, index$1) => (index.h("div", { class: {
-        subTitle: true,
-        completed: this.getStepState(index$1) === ProgressStepStatus.COMPLETE,
-        inProgress: this.current === index$1,
-      } }, subTitle)))))), this.host);
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "current": ["watchCurrentChange"],
-    "steps": ["watchSteps"]
-  }; }
-};
-__decorate([
-  componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
-], VegaProgressTracker.prototype, "globalSlimmers", void 0);
-__decorate([
-  globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaProgressTracker.prototype, "currentStepUpdateEventEmitter", void 0);
-__decorate([
-  globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaProgressTracker.prototype, "deprecatedPropertySlimmer", void 0);
-__decorate([
-  globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaProgressTracker.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-VegaProgressTracker.style = vegaProgressTrackerCss;
-
-exports.vega_progress_tracker = VegaProgressTracker;

package/dist/collection/components/vega-date-picker/slimmers/controllers/vega-date-picker-calendar-controller.js

@@ -1,282 +0,0 @@
-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, VegaSlimmer, MapToComponentMethod } from 'vega-slimmer/core';
-import { isArrayEqual } from '../../../../utils/array';
-import { compareIsAfter, compareIsBefore } from '../../../../utils/date';
-/** The date picker calendar controller slimmer */
-export class VegaDatePickerCalendarController extends VegaSlimmer {
-  constructor() {
-    super(...arguments);
-    /**
-     * The code below is defining a method called `handleClear` which is used to clear the selection in a
-     * date picker component. It calls the `clearSelection` method of the `datePicker` object, sets the
-     * default value based on the mode, and hides the date picker.
-     */
-    this.handleClear = () => {
-      this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection();
-      this.vegaDatePickerValueController.setDefaultValueByMode();
-      this.vegaDatePickerCalendarRenderer.getDatePicker().hide();
-    };
-    /**
-     * The code below is defining a private method called `shouldUpdateCalendar` in a TypeScript class.
-     * This method takes a parameter `newValue` of type `DatePickerValueType<DatePickerModeType>`.
-     *
-     * @param {DatePickerValueType<DatePickerModeType>} newValue - The new value of the calendar.
-     */
-    this.shouldUpdateCalendar = (newValue) => {
-      var _a, _b;
-      const startDate = ((_a = this.vegaDatePickerCalendarRenderer.getDatePicker().getStartDate()) === null || _a === void 0 ? void 0 : _a.format(this.format)) || '';
-      const endDate = ((_b = this.vegaDatePickerCalendarRenderer.getDatePicker().getEndDate()) === null || _b === void 0 ? void 0 : _b.format(this.format)) || '';
-      if ((this.mode === 'single' && newValue !== startDate) ||
-        (this.mode === 'range' &&
-          !isArrayEqual(newValue, [startDate, endDate]))) {
-        this.updateCalendar();
-      }
-    };
-    /*
-     * The below method is e2e-test covered in
-     * @param date1
-     * @param date2
-     * @see{module:vega-date-picker-single-selected}
-     * @see{module:vega-date-picker-range-selected}
-     * @see{module:vega-date-picker-receive-single-value}
-     */
-    /**
-     * The code below is defining an event handler function called `onDatePickerSelected`. This function
-     * takes two parameters, `date1` and `date2`, both of type `DateTime`.
-     *
-     * @param {DateTime} date1 - The start date
-     * @param {DateTime} date2 - The end date
-     */
-    this.onDatePickerSelected = (date1, date2) => {
-      if (this.mode === 'range') {
-        const startDate = date1.format(this.format);
-        const endDate = date2.format(this.format);
-        this.vegaDatePickerRangeInputRenderer.getStartDateInputRef().value = startDate;
-        this.vegaDatePickerRangeInputRenderer.getEndDateInputRef().value = endDate;
-        this.vegaDatePickerValueController.syncUpValueWithCalendar();
-      }
-      else {
-        this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef().value = date1.format(this.format);
-        this.vegaDatePickerValueController.syncUpValueWithCalendar();
-      }
-    };
-    /*
-     * The below method is e2e-test covered in
-     * @see{module:vega-date-picker-load-mobile-plugin}
-     */
-    /**
-     * The code below is defining a TypeScript arrow function called `getDefaultLitePickerConfig`. This
-     * function returns an object that represents the default configuration for a LitePicker component.
-     *
-     * @returns {object} - The default lite picker config is being returned.
-     */
-    // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-    this.getDefaultLitePickerConfig = () => {
-      const defaultConfig = Object.assign(Object.assign({}, this.getModeConfig()), { splitView: false, showTooltip: false, firstDay: 0, minDate: this.minDate, maxDate: this.maxDate, allowRepick: this.allowRepick, format: this.format, plugins: [
-          this.vegaDatePickerMobileController.getIsMobileDevice()
-            ? /* istanbul ignore next */ 'mobilefriendly'
-            : null,
-        ].filter(Boolean), parentEl: this.vegaDatePickerCalendarRenderer.getCalendarContainerRef() });
-      if (this.showYearMonthDropdowns) {
-        const minYear = this.minDate
-          ? new Date(this.minDate).getFullYear()
-          : new Date().getFullYear() -
-            VegaDatePickerCalendarController.DEFAULT_MINIMUM_DROPDOWN_YEAR_BEFORE_CURRENT_YEAR;
-        const maxYear = this.maxDate
-          ? new Date(this.maxDate).getFullYear()
-          : new Date().getFullYear() +
-            VegaDatePickerCalendarController.DEFAULT_MINIMUM_DROPDOWN_YEAR_AFTER_CURRENT_YEAR;
-        defaultConfig['dropdowns'] = {
-          months: true,
-          years: true,
-          minYear: minYear,
-          maxYear: maxYear,
-        };
-      }
-      return defaultConfig;
-    };
-    /**
-     *  The code below is defining a method called `getModeConfig` which returns an object with various
-     * properties based on the value of the `mode` property.
-     *
-     * @returns {object} The ModeConfig is being returned.
-     */
-    // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-    this.getModeConfig = () => {
-      return {
-        singleMode: this.mode === 'single',
-        numberOfMonths: this.mode === 'single' ? 1 : 2,
-        numberOfColumns: this.mode === 'single' ? 1 : 2,
-        startDate: this.mode === 'range'
-          ? this.vegaDatePickerValueController.getValue()[0]
-          : this.vegaDatePickerValueController.getValue(),
-        endDate: this.mode === 'range' ? this.vegaDatePickerValueController.getValue()[1] : null,
-        element: this.mode === 'range'
-          ? this.vegaDatePickerRangeInputRenderer.getStartDateInputRef()
-          : this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef(),
-        elementEnd: this.mode === 'range' ? this.vegaDatePickerRangeInputRenderer.getEndDateInputRef() : null,
-      };
-    };
-  }
-  /*
-   * The below method is e2e-test covered in
-   * @see{module:vega-date-picker-change-min-max-date}
-   */
-  /* istanbul ignore next */
-  /**
-   * Update property of minDate when it is changed
-   *
-   * @param {string} value - The value of minDate.
-   */
-  watchMinDate(value) {
-    this.minDate = value ? this.vegaDatePickerFormatController.formatDate(value) : '';
-    this.vegaDatePickerCalendarRenderer.getDatePicker().setOptions({
-      minDate: this.minDate ? this.minDate : null,
-    });
-    this.goToDate();
-  }
-  /*
-   * The below method is e2e-test covered in
-   * @see{module:vega-date-picker-change-min-max-date}
-   */
-  /* istanbul ignore next */
-  /**
-   * Update property of maxDate when it is changed
-   *
-   * @param {string} value - The value of maxDate.
-   */
-  watchMaxDate(value) {
-    this.maxDate = value ? this.vegaDatePickerFormatController.formatDate(value) : '';
-    this.vegaDatePickerCalendarRenderer.getDatePicker().setOptions({
-      maxDate: this.maxDate ? this.maxDate : null,
-    });
-    this.goToDate();
-  }
-  /**
-   * Go to date view when value changed
-   */
-  watchValue() {
-    this.goToDate();
-  }
-  /**
-   * Calendar go to the expected date follow below rules:
-   * - Go to the value date month if the value is set.
-   * - Go to the minDate month if only set the minDate and today is before than minDate.
-   * - Go to the minDate month if minDate and maxDate are both set and today is after than maxDate.
-   * - Go to the maxDate month if only set maxDate and today is after than maxDate.
-   * - Go to today month if the value, minDate and maxDate all are empty.
-   */
-  goToDate() {
-    const date = this.mode === 'range'
-      ? this.vegaDatePickerValueController.getValue()[0]
-      : this.vegaDatePickerValueController.getValue();
-    const datePickerCalendar = this.vegaDatePickerCalendarRenderer.getDatePicker();
-    const today = new Date();
-    if (date) {
-      datePickerCalendar.gotoDate(date, 0);
-    }
-    else if (this.minDate &&
-      (compareIsBefore(today, new Date(this.minDate)) ||
-        (this.maxDate && compareIsAfter(today, new Date(this.maxDate))))) {
-      datePickerCalendar.gotoDate(this.minDate, 0);
-    }
-    else if (this.maxDate && compareIsAfter(today, new Date(this.maxDate))) {
-      datePickerCalendar.gotoDate(this.maxDate, 0);
-    }
-    else {
-      datePickerCalendar.gotoDate(today, 0);
-    }
-  }
-  /*
-   * The below method is e2e-test covered in
-   * @see{module:vega-date-picker-start-end-date-change}
-   * @see{module:vega-date-picker-single-date-change}
-   */
-  /* istanbul ignore next */
-  /**
-   * The function "updateCalendar" updates the date range in a calendar based on the selected mode
-   * (single or range) and the values of the start and end dates.
-   *
-   * @returns {void} The function does not have a return statement, so it does not return anything.
-   */
-  updateCalendar() {
-    if (!this.vegaDatePickerCalendarRenderer.getDatePicker())
-      return;
-    if (this.mode === 'single') {
-      const singleDate = this.vegaDatePickerValueController.getValue();
-      if (singleDate) {
-        this.vegaDatePickerCalendarRenderer
-          .getDatePicker()
-          .setDate(this.vegaDatePickerValueController.getValue());
-      }
-      else {
-        this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection();
-      }
-    }
-    if (this.mode === 'range') {
-      const startDate = this.vegaDatePickerValueController.getValue()[0];
-      const endDate = this.vegaDatePickerValueController.getValue()[1];
-      if (startDate && endDate) {
-        this.vegaDatePickerCalendarRenderer.getDatePicker().setDateRange(startDate, endDate);
-      }
-      else {
-        // Should only call clearSelection when startDate and endDate are both empty
-        if (startDate === '' && endDate === '') {
-          this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection();
-        }
-      }
-    }
-  }
-}
-VegaDatePickerCalendarController.DEFAULT_MINIMUM_DROPDOWN_YEAR_BEFORE_CURRENT_YEAR = 10;
-VegaDatePickerCalendarController.DEFAULT_MINIMUM_DROPDOWN_YEAR_AFTER_CURRENT_YEAR = 10;
-__decorate([
-  MapToComponentField({ writable: true })
-], VegaDatePickerCalendarController.prototype, "minDate", void 0);
-__decorate([
-  MapToComponentField({ writable: true })
-], VegaDatePickerCalendarController.prototype, "maxDate", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerCalendarController.prototype, "allowRepick", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerCalendarController.prototype, "format", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerCalendarController.prototype, "mode", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerCalendarController.prototype, "showYearMonthDropdowns", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerCalendarController.prototype, "vegaDatePickerMobileController", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerCalendarController.prototype, "vegaDatePickerValueController", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerCalendarController.prototype, "vegaDatePickerFormatController", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerCalendarController.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerCalendarController.prototype, "vegaDatePickerRangeInputRenderer", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerCalendarController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate([
-  MapToComponentMethod('watchMinDate')
-], VegaDatePickerCalendarController.prototype, "watchMinDate", null);
-__decorate([
-  MapToComponentMethod('watchMaxDate')
-], VegaDatePickerCalendarController.prototype, "watchMaxDate", null);
-__decorate([
-  MapToComponentMethod('watchValue')
-], VegaDatePickerCalendarController.prototype, "watchValue", null);

package/dist/collection/components/vega-date-picker/slimmers/controllers/vega-date-picker-element-appender-controller.js

@@ -1,35 +0,0 @@
-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 } from 'vega-slimmer/core';
-import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender/element-appender-slimmer';
-import { FeatureFlag } from '../../../../helpers/public-api';
-/** The date picker element appender controller slimmer */
-export class VegaDatePickerElementAppenderController extends ElementAppenderSlimmer {
-  /**
-   * This function sets up the configuration for the Litepicker date picker.
-   */
-  constructor() {
-    super(() => ({
-      target: this.vegaDatePickerRenderer.getDatePickerContainer(),
-      appendableElement: this.vegaDatePickerCalendarRenderer.getCalendarContainerRef(),
-      positionRelativeTo: this.dropdownConfig.positionRelativeTo,
-      translocation: { X: 0, Y: 8 },
-      placement: ['bottom', 'top'],
-      alignment: ['start', 'end'],
-      isScreenPosition: FeatureFlag.isEnabled('VEGA_DATE_PICKER.ENABLE_CALCULATION_POSITION_BY_SCREEN'),
-    }), () => 'none');
-  }
-}
-__decorate([
-  MapToComponentField()
-], VegaDatePickerElementAppenderController.prototype, "dropdownConfig", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerElementAppenderController.prototype, "vegaDatePickerRenderer", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerElementAppenderController.prototype, "vegaDatePickerCalendarRenderer", void 0);

package/dist/collection/components/vega-date-picker/slimmers/controllers/vega-date-picker-mobile-controller.js

@@ -1,53 +0,0 @@
-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, VegaSlimmer } from 'vega-slimmer/core';
-import { getDeviceType } from '../../../../utils/ui';
-import { DeviceType } from '../../../../types/ui.type';
-/** The date picker mobile controller slimmer */
-export class VegaDatePickerMobileController extends VegaSlimmer {
-  constructor() {
-    super(...arguments);
-    this.isMobileDevice = getDeviceType() === DeviceType.MOBILE;
-  }
-  /**
-   * The function returns a boolean value indicating whether the device is a mobile device or not.
-   *
-   * @returns {boolean} A boolean value indicating whether the device is a mobile device or not.
-   */
-  getIsMobileDevice() {
-    return this.isMobileDevice;
-  }
-  /*
-   * The below method is e2e-test covered in
-   * @see{module:vega-date-picker-scroll-in-mobile}
-   */
-  /* istanbul ignore next */
-  /**
-   * The function prevents touchmove events from scrolling the element on mobile devices.
-   */
-  preventElementTouchMoveInMobile() {
-    const backdrop = 
-    // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-    this.host.shadowRoot.querySelector('.litepicker-backdrop');
-    if (backdrop) {
-      backdrop.removeEventListener('touchmove', (e) => e.preventDefault());
-      backdrop.addEventListener('touchmove', (e) => e.preventDefault());
-    }
-    this.vegaDatePickerCalendarRenderer
-      .getCalendarContainerRef()
-      .removeEventListener('touchmove', (e) => e.preventDefault());
-    this.vegaDatePickerCalendarRenderer
-      .getCalendarContainerRef()
-      .addEventListener('touchmove', (e) => e.preventDefault());
-  }
-}
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMobileController.prototype, "host", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMobileController.prototype, "vegaDatePickerCalendarRenderer", void 0);