@globalpayments/vega 2.70.0 → 2.73.0

package/dist/esm/state-background-color-formatter-0f01d27a.js

@@ -1,82 +0,0 @@
-import { O as isStateVariantTokenType, q as isBackgroundColorTokenType, a as BackgroundColors, d as BackgroundColorMap } from './type-guard-12f7654b.js';
-import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-
-/**
- * StateVariantFormatter: Format state token to CSS styles
- */
-class StateVariantFormatter {
-  /**
-   * The function `format` takes an input state variant type and returns formatted CSS styles based on
-   * the input.
-   *
-   * @param {StateVariantType} input - The `format` function takes an `input` parameter of type
-   * `StateVariantType<ManagedStateScopeInput[Flag], State>`. This means that the `input` parameter
-   * should be an object that contains styles for different states, where the keys are state names and
-   * the values are the corresponding styles
-   * @returns {string} The `format` function returns a string that contains CSS styles based on the input
-   * provided. If the input is determined to be a state variant token type, the function generates CSS
-   * styles for each state in the input and returns them joined by newlines. If the input is not a state
-   * variant token type, the function generates CSS styles for the default state and returns them.
-   */
-  format(input) {
-    if (isStateVariantTokenType(input)) {
-      const stateStyles = [];
-      this.getStates().forEach((state) => {
-        const style = this.formatToken(input[state]);
-        if (style) {
-          stateStyles.push(`:host${state === 'default' ? '' : `(:${state})`}{\n\t${style}\n}`);
-        }
-      });
-      return stateStyles.join('\n');
-    }
-    else {
-      const style = this.formatToken(input);
-      return `:host{\n\t${style}\n}`;
-    }
-  }
-}
-
-/**
- * The `StateBackgroundColorFormatter` class in TypeScript formats background color tokens
- * and handles different CSS states.
- */
-class StateBackgroundColorFormatter extends StateVariantFormatter {
-  constructor() {
-    super(...arguments);
-    this.states = ['default', 'hover', 'active', 'focus-visible'];
-  }
-  /**
-   * The function `formatToken` takes a `BackgroundColorsTokenType` input, checks if it is a valid
-   * background color token type, and returns the corresponding CSS background color value or logs a
-   * warning if the input is invalid.
-   *
-   * @param {BackgroundColorsTokenType} input - The `input` parameter is of type
-   * `BackgroundColorsTokenType`, which is used to represent different background color tokens.
-   * @returns {string} The `formatToken` function takes a `BackgroundColorsTokenType` input and checks if it is a
-   * valid background color token type. If it is valid, it retrieves the corresponding color value from
-   * the `BackgroundColorMap` and returns a CSS style string with the background color. If the input is
-   * not valid, it logs a warning message using `LogUtility.warn` and returns an empty string.
-   */
-  formatToken(input) {
-    if (isBackgroundColorTokenType(input)) {
-      const tokenValue = BackgroundColorMap[input];
-      return `background-color: ${tokenValue};`;
-    }
-    else {
-      LogUtility.warn(`The backgroundColor value ${input} is invalid, it must be a value of: `, BackgroundColors);
-      return '';
-    }
-  }
-  /**
-   * The function `getStates` returns an array of `CssStatesType` objects.
-   *
-   * @returns {CssStatesType[]} An array of objects of type CssStatesType, which represents the states stored in the
-   * variable this.states.
-   */
-  getStates() {
-    return this.states;
-  }
-}
-const stateBackgroundColorFormatter = new StateBackgroundColorFormatter();
-
-export { StateVariantFormatter as S, stateBackgroundColorFormatter as s };

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

@@ -1,248 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090d31ca.js';
-import { T as VegaCurrentStepUpdate, D as DomNodeSubjectObserverFactory, k as VegaPageUpdate } from './dom-node-subject-observer-factory-dca87b70.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { n as normalizeNumberByRanger } from './number-4398f2e1.js';
-import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
-import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-2c14df89.js';
-import './change-manager-6a7eb88c.js';
-import './observer-3959f9dd.js';
-import './ui-bb99c0c2.js';
-import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-516aa721.js';
-import './try-get-document-bef0f526.js';
-import './object-66c37948.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) {
-    registerInstance(this, hostRef);
-    this.vegaCurrentStepUpdate = createEvent(this, "vegaCurrentStepUpdate", 7);
-    this.currentStepUpdate = createEvent(this, "currentStepUpdate", 7);
-    this.globalSlimmers = {};
-    this.currentStepUpdateEventEmitter = createEventEmitSlimmer(VegaProgressTracker, VegaCurrentStepUpdate);
-    this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaProgressTracker, 'completedSteps', 'completedStepArray', []);
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new 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, progressStepStatus) => {
-      return (h("div", { class: "vega-progress-step-icon-container" }, h("div", { class: "vega-progress-step__icon" }, progressStepStatus == ProgressStepStatus.COMPLETE ? (h("vega-icon", { icon: "checkmark-rounded", size: "size-16" })) : (h("span", null, index + 1)))));
-    };
-    this.renderSteps = (subTitle, index) => {
-      const progressStepStatus = this.getStepState(index);
-      const prevStepCompleteStatus = this.deprecatedPropertySlimmer
-        .getValue()
-        .includes(this.steps[index - 1]);
-      return (h("div", { role: !this.canClickStep ? null : 'button', class: `vega-progress-step ${progressStepStatus} ${index === this.current ? 'current' : ''}`, "data-index": index, tabIndex: !this.canClickStep ? null : 0, onClick: !this.canClickStep ? null : this.onStepIconClick, onKeyDown: !this.canClickStep ? null : createEnterKeyHandlerToTriggerClick(), "aria-label": subTitle }, h("div", { class: "vega-progress-step-icon-divider" }, h("div", { class: `vega-progress-step__divider left ${prevStepCompleteStatus ? 'background' : ''}` }), this.renderStepIcon(index, progressStepStatus), h("div", { class: `vega-progress-step__divider right ${this.deprecatedPropertySlimmer.getValue().includes(subTitle)
-          ? 'complete'
-          : 'default'}` })), h("div", { class: "vega-progress-step__title" }, subTitle)));
-    };
-    this.updateCurrent = (current, min, max) => {
-      this.current = 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 sanitizeVegaComponent(h(Host, { class: `vega-progress-tracker ${this.direction}${!this.canClickStep ? ' click-step-disabled' : ''}` }, h("div", { class: "vega-progress-tracker__container" }, h("div", { class: "vega-progress-tracker__slot" }, this.steps.map((subTitle, index) => this.renderSteps(subTitle, index)))), h("div", { class: "vega-progress-tracker__box" }, 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.addUniqueObserverToNode(el, VegaPageUpdate, (input) => this.updateCurrent(input.detail - 1, 0, this.steps.length - 1));
-        return (this.carouselDom = el);
-      } }, this.steps.map((subTitle, index) => (h("div", { class: {
-        subTitle: true,
-        completed: this.getStepState(index) === ProgressStepStatus.COMPLETE,
-        inProgress: this.current === index,
-      } }, subTitle)))))), this.host);
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "current": ["watchCurrentChange"],
-    "steps": ["watchSteps"]
-  }; }
-};
-__decorate([
-  InjectVegaGlobalSlimmer()
-], VegaProgressTracker.prototype, "globalSlimmers", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaProgressTracker.prototype, "currentStepUpdateEventEmitter", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaProgressTracker.prototype, "deprecatedPropertySlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaProgressTracker.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-VegaProgressTracker.style = vegaProgressTrackerCss;
-
-export { VegaProgressTracker as vega_progress_tracker };

package/dist/types/components/vega-date-picker/slimmers/controllers/vega-date-picker-calendar-controller.d.ts

@@ -1,96 +0,0 @@
-import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
-import { VegaDatePicker } from '../../vega-date-picker';
-import { DatePickerModeType, DatePickerValueType } from '../../types';
-import { DateTime } from 'litepicker/dist/types/datetime';
-/** The date picker calendar controller slimmer */
-export declare class VegaDatePickerCalendarController extends VegaSlimmer {
-  private static readonly DEFAULT_MINIMUM_DROPDOWN_YEAR_BEFORE_CURRENT_YEAR;
-  private static readonly DEFAULT_MINIMUM_DROPDOWN_YEAR_AFTER_CURRENT_YEAR;
-  minDate: VegaDatePicker['minDate'];
-  maxDate: VegaDatePicker['maxDate'];
-  allowRepick: VegaDatePicker['allowRepick'];
-  format: VegaDatePicker['format'];
-  mode: VegaDatePicker['mode'];
-  showYearMonthDropdowns: VegaDatePicker['showYearMonthDropdowns'];
-  vegaDatePickerMobileController: VegaDatePicker['vegaDatePickerMobileController'];
-  vegaDatePickerValueController: VegaDatePicker['vegaDatePickerValueController'];
-  vegaDatePickerFormatController: VegaDatePicker['vegaDatePickerFormatController'];
-  vegaDatePickerSingleInputRenderer: VegaDatePicker['vegaDatePickerSingleInputRenderer'];
-  vegaDatePickerRangeInputRenderer: VegaDatePicker['vegaDatePickerRangeInputRenderer'];
-  vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
-  /**
-   * Update property of minDate when it is changed
-   *
-   * @param {string} value - The value of minDate.
-   */
-  watchMinDate(value: string): void;
-  /**
-   * Update property of maxDate when it is changed
-   *
-   * @param {string} value - The value of maxDate.
-   */
-  watchMaxDate(value: string): void;
-  /**
-   * Go to date view when value changed
-   */
-  watchValue(): void;
-  /**
-   * 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.
-   */
-  handleClear: () => void;
-  /**
-   * 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.
-   */
-  shouldUpdateCalendar: (newValue: DatePickerValueType<DatePickerModeType>) => void;
-  /**
-   * 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
-   */
-  onDatePickerSelected: (date1: DateTime, date2: DateTime) => void;
-  /**
-   * 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.
-   */
-  getDefaultLitePickerConfig: () => Record<string, unknown>;
-  /**
-   *  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.
-   */
-  getModeConfig: () => {
-    singleMode: boolean;
-    numberOfMonths: number;
-    numberOfColumns: number;
-    startDate: string;
-    endDate: string;
-    element: HTMLInputElement;
-    elementEnd: HTMLInputElement;
-  };
-  /**
-   * 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(): void;
-  /**
-   * 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.
-   */
-  private updateCalendar;
-}

package/dist/types/components/vega-date-picker/slimmers/controllers/vega-date-picker-element-appender-controller.d.ts

@@ -1,12 +0,0 @@
-import { VegaDatePicker } from '../../vega-date-picker';
-import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender/element-appender-slimmer';
-/** The date picker element appender controller slimmer */
-export declare class VegaDatePickerElementAppenderController extends ElementAppenderSlimmer {
-  dropdownConfig: VegaDatePicker['dropdownConfig'];
-  vegaDatePickerRenderer: VegaDatePicker['vegaDatePickerRenderer'];
-  vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
-  /**
-   * This function sets up the configuration for the Litepicker date picker.
-   */
-  constructor();
-}

package/dist/types/components/vega-date-picker/slimmers/controllers/vega-date-picker-mobile-controller.d.ts

@@ -1,18 +0,0 @@
-import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
-import { VegaDatePicker } from '../../vega-date-picker';
-/** The date picker mobile controller slimmer */
-export declare class VegaDatePickerMobileController extends VegaSlimmer {
-  host: VegaDatePicker['host'];
-  vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
-  private isMobileDevice;
-  /**
-   * 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(): boolean;
-  /**
-   * The function prevents touchmove events from scrolling the element on mobile devices.
-   */
-  preventElementTouchMoveInMobile(): void;
-}

package/dist/types/components/vega-date-picker/slimmers/controllers/vega-date-picker-month-year-change-event-controller.d.ts

@@ -1,46 +0,0 @@
-import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
-import { DatePickerMonthYearTypes } from '../../types';
-import { VegaDatePicker } from '../../vega-date-picker';
-/**
- * VegaDatePickerMonthYearChangeEventController to handle the month year change event emitter
- */
-export declare class VegaDatePickerMonthYearChangeEventController extends VegaSlimmer {
-  host: VegaDatePicker['host'];
-  monthYearChangeEventEmitter: VegaDatePicker['monthYearChangeEventEmitter'];
-  mode: VegaDatePicker['mode'];
-  vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
-  monthYearDropdownRenderer: VegaDatePicker['monthYearDropdownRenderer'];
-  private observer;
-  /**
-   * Register the observer with subject of VegaInternalMonthYearChange.
-   */
-  registerObserver(): void;
-  /**
-   * Unregister the observer with subject of VegaInternalMonthYearChange.
-   */
-  unregisterObserver(): void;
-  /**
-   * Get month year summary when month year dropdown is disabled
-   *
-   * @returns {DatePickerMonthYearTypes} the month and year summary
-   */
-  getMonthYearSummaryWithMonthYearDropdownDisabled(): DatePickerMonthYearTypes;
-  /**
-   * Get month year summary when month year dropdown is enabled
-   *
-   * @returns {DatePickerMonthYearTypes} the month and year summary
-   */
-  getMonthYearSummaryWithMonthYearDropdownEnabled(): DatePickerMonthYearTypes;
-  /**
-   * checks if the input can be accepted as month year change observer
-   *
-   * @returns {boolean} a boolean value indicating whether the input is acceptable observer.
-   */
-  private canAcceptMonthYearChangeObserver;
-  /**
-   * Listener for month year change observer
-   *
-   * @param {DatePickerMonthYearTypes} payload - the payload of the event
-   */
-  private monthYearChangeObserverListener;
-}

package/dist/types/components/vega-date-picker/slimmers/controllers/vega-date-picker-zindex-controller.d.ts

@@ -1,15 +0,0 @@
-import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
-import { VegaDatePicker } from '../../vega-date-picker';
-/** The date picker z index controller slimmer */
-export declare class VegaDatePickerZIndexController extends VegaSlimmer {
-  host: VegaDatePicker['host'];
-  vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
-  /**
-   * The function sets the z-index of the backdrop and the litepicker element.
-   */
-  setZIndex(): void;
-  /**
-   * The function removes the 'base' z-index from the backdrop and the litepickerRef elements.
-   */
-  removeZIndex(): void;
-}

package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-month-year-dropdown-renderer.d.ts

@@ -1,97 +0,0 @@
-import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
-import { VegaDatePicker } from '../../vega-date-picker';
-import { Nullable } from '../../../../types/general';
-import { Litepicker } from 'litepicker/dist/nocss/litepicker.umd.js';
-declare type MonthYearDropdownRef = {
-  month: Nullable<HTMLVegaDropdownElement>;
-  year: Nullable<HTMLVegaDropdownElement>;
-};
-export declare class VegaDatePickerMonthYearDropdownRenderer extends VegaSlimmer {
-  static monthName: string[];
-  host: VegaDatePicker['host'];
-  translationSlimmer: VegaDatePicker['translationSlimmer'];
-  vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
-  monthYearChangeEventEmitter: VegaDatePicker['monthYearChangeEventEmitter'];
-  mode: VegaDatePicker['mode'];
-  vegaDatePickerMonthYearChangeEventController: VegaDatePicker['vegaDatePickerMonthYearChangeEventController'];
-  private datePicker;
-  private currentStartMonthInView;
-  private currentStartYearInView;
-  private datePickerCalendar;
-  private isMonthsOrYearsDropdownContentBoxOnFocus;
-  private startDropdownRef;
-  private endDropdownRef;
-  getStartDropdownRef(): MonthYearDropdownRef;
-  getEndDropdownRef(): MonthYearDropdownRef;
-  /**
-   * This method creates months and years dropdowns and replaces the current default select elements of litepicker
-   *
-   * @param {Litepicker} datePicker - Litepicker instance
-   */
-  renderMonthYearDropdowns(datePicker: Litepicker): void;
-  render(): HTMLElement;
-  /**
-   * From default months select dropdowns, get passed options and create vega-dropdown component with months as options
-   *
-   * @param {HTMLElement} ui - Litepicker ui
-   */
-  private renderMonthButton;
-  /**
-   * From default years select dropdowns, get passed options and create vega-dropdown component with years as options
-   *
-   * @param {HTMLElement} ui - Litepicker ui
-   */
-  private renderYearButton;
-  private getSelectedOptionFromSelect;
-  /**
-   * Render vega-dropdown component
-   *
-   * @param {MonthOrYearType} type - Month or year dropdown
-   * @param {DateIndexType} dateIndex - start date index for both single or range and end date index for range date picker mode
-   */
-  private renderDropdown;
-  /**
-   * When calendar opens, update sources for the vega-dropdown components for both months and years dropdown
-   *
-   * @param {MonthOrYearType} type - Month or year dropdown
-   * @param {HTMLSelectElement} select - Native select from litepicker ui
-   * @param {number} index - dropdown count
-   */
-  private syncDropdownOptions;
-  /**
-   * Litepicker treats vega-dropdown-content-box as an external element that when dropdowns open and you click, it closes automaticall. This method is to initialize event listeners the moment months or years dropdown is opened to prevent litepicker from collpasing
-   *
-   * @param {HTMLVegaDropdownElement} dropdown - Month or year dropdown
-   */
-  private onDropdownShowOrHide;
-  private setDefaultViewValues;
-  private appendDropdownIconToButton;
-  private monthYearDropdownClick;
-  private updateDropdownValueAndTarget;
-  private updateDatePickerOnSelect;
-  private setDropdownAsActive;
-  private removeActiveDropdownClass;
-  private onDropdownShow;
-  private onDropdownHide;
-  /**
-   * When interacting with open vega-dropdown, prevent it from collapsing since is treated as outside element by litepicker
-   *
-   * @param {MouseEvent} event - Click event
-   */
-  private onVegaDropdownContentBoxClick;
-  /**
-   * Prevent collapsing of dropdown when selecting option. VD-5544
-   *
-   * @param {Event} event - Focus event
-   */
-  private onVegaDropdownContentBoxActivate;
-  /**
-   * When you collapse date picker while vega-dropdown is still open, close vega-dropdown too
-   */
-  private initSetup;
-  /**
-   * Close any open vega-dropdown when litepicker is collapse
-   */
-  private closeOpenDropdowns;
-}
-export {};

package/dist/vega/p-08835909.js

@@ -1 +0,0 @@
-import{L as e}from"./p-6e1ab235.js";const a=e=>!isNaN(Date.parse(e)),s=(e,a)=>e.getTime()>a.getTime(),r=(e,a)=>e.getTime()<a.getTime(),t=(e,a)=>e.getTime()<=a.getTime(),n=(e,a)=>"12-hour"===a?new RegExp(/^(1[012]|0[1-9]):[0-5][0-9] ([AP][M])$/).test(e):new RegExp(/^([0-1][0-9]|2[0-3]):[0-5][0-9]$/).test(e),o=a=>{if(a||0===a)return a.toString().padStart(2,"0");e.error("The input should be a number")},p=e=>{if(n(e,"12-hour")){const[a,s,r]=e.replace(" ",":").split(":");let t=parseInt(a,10);return"PM"===r&&12!==t?t+=12:"AM"===r&&12===t&&(t=0),`${o(t)}:${s}`}return e};export{n as a,r as b,t as c,s as d,p as e,a as i,o as p}