@globalpayments/vega 2.70.0 → 2.73.0

package/dist/collection/components/vega-date-picker/slimmers/controllers/vega-date-picker-month-year-change-event-controller.js

@@ -1,139 +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, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
-import { Observer } from '../../../../helpers/change-manager/observer/observer';
-import ChangeManager from '../../../../helpers/change-manager/change-manager';
-import { VegaDatePickerMonthYearDropdownRenderer } from '../renderers/vega-date-picker-calendar-month-year-dropdown-renderer';
-import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import { VegaInternalMonthYearChange } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
-/**
- * VegaDatePickerMonthYearChangeEventController to handle the month year change event emitter
- */
-export class VegaDatePickerMonthYearChangeEventController extends VegaSlimmer {
-  /**
-   * Register the observer with subject of VegaInternalMonthYearChange.
-   */
-  registerObserver() {
-    this.observer = new Observer(this.canAcceptMonthYearChangeObserver.bind(this), this.monthYearChangeObserverListener.bind(this));
-    ChangeManager.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalMonthYearChange), this.observer);
-  }
-  /**
-   * Unregister the observer with subject of VegaInternalMonthYearChange.
-   */
-  unregisterObserver() {
-    if (this.observer) {
-      ChangeManager.unregister(domNodeSubjectFactory.getSubject(this.host, VegaInternalMonthYearChange), this.observer);
-    }
-  }
-  /**
-   * Get month year summary when month year dropdown is disabled
-   *
-   * @returns {DatePickerMonthYearTypes} the month and year summary
-   */
-  getMonthYearSummaryWithMonthYearDropdownDisabled() {
-    if (this.mode === 'single') {
-      return {
-        // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-        month: this.vegaDatePickerCalendarRenderer.getStartMonthYearHeaderRef().month.innerText,
-        // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-        year: this.vegaDatePickerCalendarRenderer.getStartMonthYearHeaderRef().year.innerText,
-      };
-    }
-    else {
-      return [
-        {
-          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-          month: this.vegaDatePickerCalendarRenderer.getStartMonthYearHeaderRef().month.innerText,
-          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-          year: this.vegaDatePickerCalendarRenderer.getStartMonthYearHeaderRef().year.innerText,
-        },
-        {
-          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-          month: this.vegaDatePickerCalendarRenderer.getEndMonthYearHeaderRef().month.innerText,
-          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-          year: this.vegaDatePickerCalendarRenderer.getEndMonthYearHeaderRef().year.innerText,
-        },
-      ];
-    }
-  }
-  /**
-   * Get month year summary when month year dropdown is enabled
-   *
-   * @returns {DatePickerMonthYearTypes} the month and year summary
-   */
-  getMonthYearSummaryWithMonthYearDropdownEnabled() {
-    if (this.mode === 'single') {
-      return {
-        month: VegaDatePickerMonthYearDropdownRenderer.monthName[parseInt(
-        // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-        this.monthYearDropdownRenderer.getStartDropdownRef().month
-          .selectedSourceKey)],
-        // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-        year: this.monthYearDropdownRenderer.getStartDropdownRef().year.selectedSourceKey,
-      };
-    }
-    else {
-      return [
-        {
-          month: VegaDatePickerMonthYearDropdownRenderer.monthName[parseInt(
-          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-          this.monthYearDropdownRenderer.getStartDropdownRef().month
-            .selectedSourceKey)],
-          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-          year: this.monthYearDropdownRenderer.getStartDropdownRef().year
-            .selectedSourceKey,
-        },
-        {
-          month: VegaDatePickerMonthYearDropdownRenderer.monthName[parseInt(
-          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-          this.monthYearDropdownRenderer.getEndDropdownRef().month
-            .selectedSourceKey)],
-          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-          year: this.monthYearDropdownRenderer.getEndDropdownRef().year
-            .selectedSourceKey,
-        },
-      ];
-    }
-  }
-  /**
-   * checks if the input can be accepted as month year change observer
-   *
-   * @returns {boolean} a boolean value indicating whether the input is acceptable observer.
-   */
-  canAcceptMonthYearChangeObserver() {
-    return true;
-  }
-  /**
-   * Listener for month year change observer
-   *
-   * @param {DatePickerMonthYearTypes} payload - the payload of the event
-   */
-  monthYearChangeObserverListener(payload) {
-    this.monthYearChangeEventEmitter.emit(payload);
-  }
-}
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMonthYearChangeEventController.prototype, "host", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMonthYearChangeEventController.prototype, "monthYearChangeEventEmitter", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMonthYearChangeEventController.prototype, "mode", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMonthYearChangeEventController.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMonthYearChangeEventController.prototype, "monthYearDropdownRenderer", void 0);
-__decorate([
-  MapToComponentMethod('componentWillLoad')
-], VegaDatePickerMonthYearChangeEventController.prototype, "registerObserver", null);
-__decorate([
-  MapToComponentMethod('disconnectedCallback')
-], VegaDatePickerMonthYearChangeEventController.prototype, "unregisterObserver", null);

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

@@ -1,49 +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 InternalVegaZIndexManager from '../../../../helpers/zindex/internal-vega-z-index-manager';
-/** The date picker z index controller slimmer */
-export class VegaDatePickerZIndexController extends VegaSlimmer {
-  /*
-   * The below method is e2e-test covered in
-   * @see{module:vega-date-picker-z-index
-   * @see{module:vega-date-picker-z-index-in-mobile}
-   */
-  /* istanbul ignore next */
-  /**
-   * The function sets the z-index of the backdrop and the litepicker element.
-   */
-  setZIndex() {
-    const backdrop = 
-    // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-    this.host.shadowRoot.querySelector('.litepicker-backdrop');
-    InternalVegaZIndexManager.setZIndex(backdrop, 'base');
-    InternalVegaZIndexManager.setZIndex(this.vegaDatePickerCalendarRenderer.getCalendarContainerRef(), 'base');
-  }
-  /*
-   * The below method is e2e-test covered in
-   * @see{module:vega-date-picker-z-index
-   * @see{module:vega-date-picker-z-index-in-mobile}
-   */
-  /* istanbul ignore next */
-  /**
-   * The function removes the 'base' z-index from the backdrop and the litepickerRef elements.
-   */
-  removeZIndex() {
-    const backdrop = 
-    // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-    this.host.shadowRoot.querySelector('.litepicker-backdrop');
-    InternalVegaZIndexManager.removeZIndex(backdrop, 'base');
-    InternalVegaZIndexManager.removeZIndex(this.vegaDatePickerCalendarRenderer.getCalendarContainerRef(), 'base');
-  }
-}
-__decorate([
-  MapToComponentField()
-], VegaDatePickerZIndexController.prototype, "host", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerZIndexController.prototype, "vegaDatePickerCalendarRenderer", void 0);

package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-month-year-dropdown-renderer.js

@@ -1,341 +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 { h } from '@stencil/core';
-import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
-import { DomNodeSubjectObserverFactory } from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
-import { VegaDropdownClick } from '../../../../helpers/event-manager/event-id/vega-event-id';
-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, VegaInternalMonthYearChange, } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
-import { VegaInternalIconManager } from '../../../../helpers/icon/internal-icon-manager';
-import { Icons } from '../../assets/icons';
-import ChangeManager from '../../../../helpers/change-manager/change-manager';
-export class VegaDatePickerMonthYearDropdownRenderer extends VegaSlimmer {
-  constructor() {
-    super(...arguments);
-    this.startDropdownRef = {
-      month: null,
-      year: null,
-    };
-    this.endDropdownRef = {
-      month: null,
-      year: null,
-    };
-    /* eslint-enable no-restricted-globals */
-    /**
-     * When interacting with open vega-dropdown, prevent it from collapsing since is treated as outside element by litepicker
-     *
-     * @param {MouseEvent} event - Click event
-     */
-    this.onVegaDropdownContentBoxClick = (event) => {
-      const elementOnClick = event.target;
-      if (elementOnClick.tagName === 'VEGA-DROPDOWN-CONTENT-BOX') {
-        this.datePickerCalendar.classList.remove('vega-force-hidden');
-        // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-        this.datePickerCalendar.shadowRoot.querySelector('.litepicker').style.display =
-          'block';
-      }
-    };
-    /**
-     * Prevent collapsing of dropdown when selecting option. VD-5544
-     *
-     * @param {Event} event - Focus event
-     */
-    this.onVegaDropdownContentBoxActivate = (event) => {
-      const element = event.target;
-      if (element.tagName === 'VEGA-DROPDOWN-CONTENT-BOX') {
-        this.isMonthsOrYearsDropdownContentBoxOnFocus = true;
-        element.classList.remove('vega-force-hidden');
-      }
-      else {
-        this.isMonthsOrYearsDropdownContentBoxOnFocus = false;
-      }
-    };
-  }
-  getStartDropdownRef() {
-    return this.startDropdownRef;
-  }
-  getEndDropdownRef() {
-    return this.endDropdownRef;
-  }
-  /**
-   * This method creates months and years dropdowns and replaces the current default select elements of litepicker
-   *
-   * @param {Litepicker} datePicker - Litepicker instance
-   */
-  renderMonthYearDropdowns(datePicker) {
-    this.datePicker = datePicker;
-    this.datePickerCalendar = this.vegaDatePickerCalendarRenderer.getCalendarContainerRef();
-    this.renderMonthButton(this.datePicker.ui);
-    this.renderYearButton(this.datePicker.ui);
-    this.initSetup();
-  }
-  render() {
-    return (h("div", { class: "month-year-dropdown-container", style: { display: 'none' } },
-      h("div", { class: "start-date-month-year" },
-        this.renderDropdown('month', 'start'),
-        this.renderDropdown('year', 'start')),
-      h("div", { class: "end-date-month-year" },
-        this.renderDropdown('month', 'end'),
-        this.renderDropdown('year', 'end'))));
-  }
-  /**
-   * From default months select dropdowns, get passed options and create vega-dropdown component with months as options
-   *
-   * @param {HTMLElement} ui - Litepicker ui
-   */
-  renderMonthButton(ui) {
-    ui.querySelectorAll('select.month-item-name').forEach((item, index) => {
-      this.syncDropdownOptions('month', item, index);
-      const selectedOptionValue = this.getSelectedOptionFromSelect(item);
-      const value = VegaDatePickerMonthYearDropdownRenderer.monthName[parseInt(selectedOptionValue)];
-      // eslint-disable-next-line no-restricted-globals
-      const monthButton = document.createElement('span');
-      monthButton.classList.add('dropdown-current-value');
-      monthButton.innerText = `${this.translationSlimmer.t(value)}`;
-      this.appendDropdownIconToButton(monthButton);
-      if (item.parentNode) {
-        item.parentNode.replaceChild(monthButton, item);
-      }
-      const dropdown = index === 0 ? this.startDropdownRef.month : this.endDropdownRef.month;
-      if (dropdown) {
-        this.updateDropdownValueAndTarget(monthButton, dropdown, item.value);
-      }
-      monthButton.addEventListener('click', () => {
-        this.setDropdownAsActive(monthButton);
-      });
-    });
-  }
-  /**
-   * From default years select dropdowns, get passed options and create vega-dropdown component with years as options
-   *
-   * @param {HTMLElement} ui - Litepicker ui
-   */
-  renderYearButton(ui) {
-    ui.querySelectorAll('select.month-item-year').forEach((item, index) => {
-      this.syncDropdownOptions('year', item, index);
-      const value = this.getSelectedOptionFromSelect(item);
-      // eslint-disable-next-line no-restricted-globals
-      const yearButton = document.createElement('span');
-      yearButton.classList.add('dropdown-current-value');
-      yearButton.innerText = `${this.translationSlimmer.t(value)}`;
-      this.appendDropdownIconToButton(yearButton);
-      if (item.parentNode) {
-        item.parentNode.replaceChild(yearButton, item);
-      }
-      const dropdown = index === 0 ? this.startDropdownRef.year : this.endDropdownRef.year;
-      if (dropdown) {
-        this.updateDropdownValueAndTarget(yearButton, dropdown, item.value);
-      }
-      yearButton.addEventListener('click', () => {
-        this.setDropdownAsActive(yearButton);
-      });
-    });
-  }
-  getSelectedOptionFromSelect(select) {
-    const options = Array.from(select.querySelectorAll('option'));
-    const selectedOption = options.find((option) => option.selected);
-    // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-    return selectedOption.value;
-  }
-  /**
-   * 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
-   */
-  renderDropdown(type, dateIndex) {
-    return (h("vega-dropdown", { trigger: "click", selectType: "single", class: "vega-force-hidden", "match-target-width": "false", "max-height": "300", ref: (node) => {
-        this.onDropdownShowOrHide(node);
-        if (dateIndex === 'start') {
-          this.startDropdownRef[type] = node;
-        }
-        else {
-          this.endDropdownRef[type] = node;
-        }
-        DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, VegaDropdownClick, (input) => {
-          this.setDefaultViewValues(type, node);
-          this.monthYearDropdownClick(type, dateIndex, input.detail);
-        });
-      } },
-      h("span", null, type)));
-  }
-  /**
-   * 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
-   */
-  syncDropdownOptions(type, select, index) {
-    const options = select.querySelectorAll('option');
-    const dropdownOptions = Array.from(options).map((option) => ({
-      key: option.value,
-      label: this.translationSlimmer.t(option.text),
-      disabled: option.disabled ? true : false,
-    }));
-    if (type === 'month') {
-      const dropdown = index === 0 ? this.startDropdownRef.month : this.endDropdownRef.month;
-      if (dropdown) {
-        dropdown.source = dropdownOptions;
-      }
-    }
-    if (type === 'year') {
-      dropdownOptions.sort((a, b) => Number(a.key) - Number(b.key));
-      const dropdown = index === 0 ? this.startDropdownRef.year : this.endDropdownRef.year;
-      if (dropdown) {
-        dropdown.source = dropdownOptions;
-      }
-    }
-  }
-  /**
-   * 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
-   */
-  onDropdownShowOrHide(dropdown) {
-    dropdown === null || dropdown === void 0 ? void 0 : dropdown.addEventListener('vegaShow', () => {
-      this.onDropdownShow();
-    });
-    dropdown === null || dropdown === void 0 ? void 0 : dropdown.addEventListener('vegaHide', () => {
-      this.onDropdownHide();
-    });
-  }
-  setDefaultViewValues(type, node) {
-    if (type === 'month') {
-      const yearDropdown = node.nextElementSibling;
-      this.currentStartYearInView = parseInt(yearDropdown.selectedSourceKey);
-    }
-    else {
-      const monthDropdown = node.previousElementSibling;
-      this.currentStartMonthInView = parseInt(monthDropdown.selectedSourceKey);
-    }
-  }
-  appendDropdownIconToButton(parentElement) {
-    parentElement.innerHTML += `<vega-icon icon='${VegaInternalIconManager.getIconKey('caret-down')}'></vega-icon>`;
-    parentElement.tabIndex = 0;
-  }
-  monthYearDropdownClick(type, dateIndex, detail) {
-    const value = parseInt(detail);
-    this.updateDatePickerOnSelect(type, dateIndex, value);
-    ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalMonthYearChange), this.vegaDatePickerMonthYearChangeEventController.getMonthYearSummaryWithMonthYearDropdownEnabled());
-  }
-  updateDropdownValueAndTarget(target, dropdownRef, dropdownSelectedKey) {
-    const parentDiv = target.closest('div');
-    if (parentDiv) {
-      parentDiv.classList.add('dropdown-section');
-    }
-    dropdownRef.selectedSourceKey = dropdownSelectedKey;
-    remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(dropdownRef, VegaInternalDropdownUpdateTarget), target);
-  }
-  updateDatePickerOnSelect(type, dateIndex, value) {
-    if (type === 'month') {
-      if (this.currentStartYearInView !== null) {
-        if (dateIndex === 'start') {
-          this.datePicker.gotoDate(new Date(this.currentStartYearInView, value, 1));
-        }
-        if (dateIndex === 'end') {
-          this.datePicker.gotoDate(new Date(this.currentStartYearInView, value - 1, 1));
-        }
-      }
-    }
-    else {
-      if (this.currentStartMonthInView !== null) {
-        if (dateIndex === 'start') {
-          this.datePicker.gotoDate(new Date(value, this.currentStartMonthInView, 1));
-        }
-        if (dateIndex === 'end') {
-          this.datePicker.gotoDate(new Date(value, this.currentStartMonthInView - 1, 1));
-        }
-      }
-    }
-  }
-  setDropdownAsActive(element) {
-    Array.from(this.datePicker.ui.querySelectorAll('.dropdown-current-value.active')).forEach((item) => item.classList.remove('active'));
-    element.classList.add('active');
-  }
-  removeActiveDropdownClass() {
-    Array.from(this.datePicker.ui.querySelectorAll('.dropdown-current-value.active')).forEach((item) => item.classList.remove('active'));
-  }
-  /* eslint-disable no-restricted-globals */
-  onDropdownShow() {
-    document.addEventListener('mouseenter', this.onVegaDropdownContentBoxActivate, true);
-    document.addEventListener('click', this.onVegaDropdownContentBoxClick);
-  }
-  onDropdownHide() {
-    this.isMonthsOrYearsDropdownContentBoxOnFocus = false;
-    this.removeActiveDropdownClass();
-    document.removeEventListener('mouseenter', this.onVegaDropdownContentBoxActivate, true);
-    document.removeEventListener('click', this.onVegaDropdownContentBoxClick);
-  }
-  /**
-   * When you collapse date picker while vega-dropdown is still open, close vega-dropdown too
-   */
-  initSetup() {
-    const hideLitepicker = this.datePicker.hide.bind(this.datePicker);
-    this.datePicker.hide = async () => {
-      // eslint-disable-next-line no-restricted-globals
-      const activeElement = document.activeElement;
-      if (!this.isMonthsOrYearsDropdownContentBoxOnFocus &&
-        (activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) !== 'VEGA-DROPDOWN-CONTENT-BOX') {
-        await this.closeOpenDropdowns();
-        hideLitepicker();
-      }
-    };
-  }
-  /**
-   * Close any open vega-dropdown when litepicker is collapse
-   */
-  async closeOpenDropdowns() {
-    const dropdowns = [this.startDropdownRef, this.endDropdownRef];
-    await Promise.all(dropdowns
-      .flatMap((ref) => [ref.month, ref.year])
-      .filter(Boolean)
-      .map((dropdown) => {
-      if (dropdown) {
-        void dropdown.hide();
-      }
-    }));
-  }
-}
-(() => {
-  VegaInternalIconManager.register({
-    'caret-down': Icons['caret-down'],
-  });
-})();
-VegaDatePickerMonthYearDropdownRenderer.monthName = [
-  'January',
-  'February',
-  'March',
-  'April',
-  'May',
-  'June',
-  'July',
-  'August',
-  'September',
-  'October',
-  'November',
-  'December',
-];
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMonthYearDropdownRenderer.prototype, "host", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMonthYearDropdownRenderer.prototype, "translationSlimmer", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMonthYearDropdownRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMonthYearDropdownRenderer.prototype, "monthYearChangeEventEmitter", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMonthYearDropdownRenderer.prototype, "mode", void 0);
-__decorate([
-  MapToComponentField()
-], VegaDatePickerMonthYearDropdownRenderer.prototype, "vegaDatePickerMonthYearChangeEventController", void 0);

package/dist/esm/date-c55b97f0.js

@@ -1,87 +0,0 @@
-import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-
-/**
- * It returns true if the input is a valid date string, and false otherwise
- *
- * @param {string} input - The string to check.
- * @returns {boolean} is a valid date string or not
- */
-const isDateStr = (input) => !isNaN(Date.parse(input));
-/**
- * Compare if the firstDate is after the secondDate
- *
- * @param {Date} firstDate - The first date to compare.
- * @param {Date} secondDate - The date to compare to.
- * @returns {boolean} Return true if the firstDate is after the secondDate, otherwise it returns false.
- */
-const compareIsAfter = (firstDate, secondDate) => {
-  return firstDate.getTime() > secondDate.getTime();
-};
-/**
- * Compare if the firstDate is before the secondDate
- *
- * @param {Date} firstDate - The first date to compare.
- * @param {Date} secondDate - The date to compare to.
- * @returns {boolean} Return true if the firstDate is before the secondDate, otherwise it returns false.
- */
-const compareIsBefore = (firstDate, secondDate) => {
-  return firstDate.getTime() < secondDate.getTime();
-};
-/**
- * Compare if the first date is before or the same as the second date.
- *
- * @param {Date} firstDate - The first date to compare.
- * @param {Date} secondDate - The date to compare against.
- * @returns {boolean} Return true if the firstDate is before or the same as the secondDate, otherwise it returns false.
- */
-const compareIsSameOrBefore = (firstDate, secondDate) => {
-  return firstDate.getTime() <= secondDate.getTime();
-};
-/**
- * It returns true if the input string is a valid time string in the format specified by the timeFormat parameter
- *
- * @param {string} input - The string to be tested.
- * @param {TimeFormat} timeFormat - '12-hour' | '24-hour'
- * @returns {boolean} A boolean value.
- */
-const isTimeStr = (input, timeFormat) => {
-  return timeFormat === '12-hour'
-    ? new RegExp(/^(1[012]|0[1-9]):[0-5][0-9] ([AP][M])$/).test(input)
-    : new RegExp(/^([0-1][0-9]|2[0-3]):[0-5][0-9]$/).test(input);
-};
-/**
- * It takes a number and returns a string
- *
- * @param {number} number - number - The number to pad
- * @returns {Nullable<string>} A function that takes a number as an argument and returns a nullable string.
- */
-const pad = (number) => {
-  if (number || number === 0) {
-    return number.toString().padStart(2, '0');
-  }
-  else {
-    LogUtility.error(`The input should be a number`);
-  }
-};
-/**
- * The `convert12HourTo24HourFormat` function takes a time string in 12-hour format and converts it to 24-hour format.
- *
- * @param {string} time the time string need to convert, the time string should be 12-hour or 24-hour format
- * @returns {string} 24 hour format time string
- */
-const convert12HourTo24HourFormat = (time) => {
-  if (isTimeStr(time, '12-hour')) {
-    const [hour, minute, amPm] = time.replace(' ', ':').split(':');
-    let convertedHour = parseInt(hour, 10);
-    if (amPm === 'PM' && convertedHour !== 12) {
-      convertedHour += 12;
-    }
-    else if (amPm === 'AM' && convertedHour === 12) {
-      convertedHour = 0;
-    }
-    return `${pad(convertedHour)}:${minute}`;
-  }
-  return time;
-};
-
-export { isTimeStr as a, compareIsBefore as b, compareIsSameOrBefore as c, compareIsAfter as d, convert12HourTo24HourFormat as e, isDateStr as i, pad as p };

package/dist/esm/mobilefriendly-c5d0573d.js

@@ -1,11 +0,0 @@
-/*!
- * 
- * plugins/mobilefriendly.js
- * Litepicker v2.0.12 (https://github.com/wakirin/Litepicker)
- * Package: litepicker (https://www.npmjs.com/package/litepicker)
- * License: MIT (https://github.com/wakirin/Litepicker/blob/master/LICENCE.md)
- * Copyright 2019-2021 Rinat G.
- *     
- * Hash: b9a648207aabe31b2912
- * 
- */!function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r});},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=5);}([function(e,t,n){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var i=(a=r,l=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(l),"/*# ".concat(c," */")),o=r.sources.map((function(e){return "/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return [n].concat(o).concat([i]).join("\n")}var a,l,c;return [n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var i={};if(r)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(i[a]=!0);}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);r&&i[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),t.push(c));}},t};},function(e,t,n){var r,i={},o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},a=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head;}catch(e){n=null;}e[t]=n;}return e[t]}}();function l(e,t){for(var n=[],r={},i=0;i<e.length;i++){var o=e[i],a=t.base?o[0]+t.base:o[0],l={css:o[1],media:o[2],sourceMap:o[3]};r[a]?r[a].parts.push(l):n.push(r[a]={id:a,parts:[l]});}return n}function c(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=i[r.id],a=0;if(o){for(o.refs++;a<o.parts.length;a++)o.parts[a](r.parts[a]);for(;a<r.parts.length;a++)o.parts.push(b(r.parts[a],t));}else {for(var l=[];a<r.parts.length;a++)l.push(b(r.parts[a],t));i[r.id]={id:r.id,refs:1,parts:l};}}}function s(e){var t=document.createElement("style");if(void 0===e.attributes.nonce){var r=n.nc;r&&(e.attributes.nonce=r);}if(Object.keys(e.attributes).forEach((function(n){t.setAttribute(n,e.attributes[n]);})),"function"==typeof e.insert)e.insert(t);else {var i=a(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(t);}return t}var u,d=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function p(e,t,n,r){var i=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=d(t,i);else {var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o);}}function f(e,t,n){var r=n.css,i=n.media,o=n.sourceMap;if(i&&e.setAttribute("media",i),o&&btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=r;else {for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r));}}var m=null,h=0;function b(e,t){var n,r,i;if(t.singleton){var o=h++;n=m||(m=s(t)),r=p.bind(null,n,o,!1),i=p.bind(null,n,o,!0);}else n=s(t),r=f.bind(null,n,t),i=function(){!function(e){if(null===e.parentNode)return !1;e.parentNode.removeChild(e);}(n);};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t);}else i();}}e.exports=function(e,t){(t=t||{}).attributes="object"==typeof t.attributes?t.attributes:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=l(e,t);return c(n,t),function(e){for(var r=[],o=0;o<n.length;o++){var a=n[o],s=i[a.id];s&&(s.refs--,r.push(s));}e&&c(l(e,t),t);for(var u=0;u<r.length;u++){var d=r[u];if(0===d.refs){for(var p=0;p<d.parts.length;p++)d.parts[p]();delete i[d.id];}}}};},,,,function(e,t,n){n.r(t);n(6);function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r);}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){o(e,t,n[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t));}));}return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Litepicker.add("mobilefriendly",{init:function(e){var t=e.options;e.options.mobilefriendly=i(i({},{breakpoint:480}),t.mobilefriendly),Object.defineProperties(e,{xTouchDown:{value:null,writable:!0},yTouchDown:{value:null,writable:!0},touchTargetMonth:{value:null,writable:!0}});var n=!1;try{var r=Object.defineProperty({},"passive",{get:function(){n=!0;}});window.addEventListener("testPassive",null,r),window.removeEventListener("testPassive",null,r);}catch(e){}function o(){var t="portrait"===a();return window.matchMedia("(max-device-".concat(t?"width":"height",": ").concat(e.options.mobilefriendly.breakpoint,"px)")).matches}function a(){return "orientation"in window.screen&&"type"in window.screen.orientation?window.screen.orientation.type.replace(/\-\w+$/,""):window.matchMedia("(orientation: portrait)").matches?"portrait":"landscape"}function l(){"portrait"===a()?(e.options.numberOfMonths=1,e.options.numberOfColumns=1):(e.options.numberOfMonths=2,e.options.numberOfColumns=2);}var c=function(t){var n=t.touches[0];e.xTouchDown=n.clientX,e.yTouchDown=n.clientY;},s=function(t){if(e.xTouchDown&&e.yTouchDown){var n=t.touches[0].clientX,r=t.touches[0].clientY,i=e.xTouchDown-n,o=e.yTouchDown-r,a=Math.abs(i)>Math.abs(o),l=e.options.numberOfMonths,c=null,s=!1,u="",d=Array.from(e.ui.querySelectorAll(".month-item"));if(a){var p=e.DateTime(e.ui.querySelector(".day-item").dataset.time),f=Number("".concat(1-Math.abs(i)/100)),m=0;if(i>0){m=-Math.abs(i),c=p.clone().add(l,"month");var h=e.options.maxDate;s=!h||c.isSameOrBefore(e.DateTime(h),"month"),u="next";}else {m=Math.abs(i),c=p.clone().subtract(l,"month");var b=e.options.minDate;s=!b||c.isSameOrAfter(e.DateTime(b),"month"),u="prev";}s&&d.map((function(e){e.style.opacity=f,e.style.transform="translateX(".concat(m,"px)");}));}Math.abs(i)+Math.abs(o)>100&&a&&c&&s&&(e.touchTargetMonth=u,e.gotoDate(c));}},u=function(t){e.touchTargetMonth||Array.from(e.ui.querySelectorAll(".month-item")).map((function(e){e.style.transform="translateX(0px)",e.style.opacity=1;}));e.xTouchDown=null,e.yTouchDown=null;};e.backdrop=document.createElement("div"),e.backdrop.className="litepicker-backdrop",e.backdrop.addEventListener("click",e.hide()),t.element&&t.element.parentNode&&t.element.parentNode.appendChild(e.backdrop),window.addEventListener("orientationchange",(function(n){window.addEventListener("resize",(function n(){if(o()&&e.isShowning()){var r=a();switch(r){case"landscape":t.numberOfMonths=2,t.numberOfColumns=2;break;default:t.numberOfMonths=1,t.numberOfColumns=1;}e.ui.classList.toggle("mobilefriendly-portrait","portrait"===r),e.ui.classList.toggle("mobilefriendly-landscape","landscape"===r),e.render();}window.removeEventListener("resize",n);}));})),t.inlineMode&&o()&&(window.dispatchEvent(new Event("orientationchange")),window.dispatchEvent(new Event("resize"))),e.on("before:show",(function(t){if(e.triggerElement=t,!e.options.inlineMode&&o()){e.emit("mobilefriendly.before:show",t),e.ui.style.position="fixed",e.ui.style.display="block",l(),e.scrollToDate(t),e.render();var n=a();e.ui.classList.add("mobilefriendly"),e.ui.classList.toggle("mobilefriendly-portrait","portrait"===n),e.ui.classList.toggle("mobilefriendly-landscape","landscape"===n),e.ui.style.top="50%",e.ui.style.left="50%",e.ui.style.right=null,e.ui.style.bottom=null,e.ui.style.zIndex=e.options.zIndex,e.backdrop.style.display="block",e.backdrop.style.zIndex=e.options.zIndex-1,document.body.classList.add("litepicker-open"),(t||e.options.element).blur(),e.emit("mobilefriendly.show",t);}else o()&&(l(),e.render());})),e.on("render",(function(t){e.touchTargetMonth&&Array.from(e.ui.querySelectorAll(".month-item")).map((function(t){return t.classList.add("touch-target-".concat(e.touchTargetMonth))}));e.touchTargetMonth=null;})),e.on("hide",(function(){document.body.classList.remove("litepicker-open"),e.backdrop.style.display="none",e.ui.classList.remove("mobilefriendly","mobilefriendly-portrait","mobilefriendly-landscape");})),e.on("destroy",(function(){e.backdrop&&e.backdrop.parentNode&&e.backdrop.parentNode.removeChild(e.backdrop);})),e.ui.addEventListener("touchstart",c,!!n&&{passive:!0}),e.ui.addEventListener("touchmove",s,!!n&&{passive:!0}),e.ui.addEventListener("touchend",u,!!n&&{passive:!0});}});},function(e,t,n){var r=n(7);"string"==typeof r&&(r=[[e.i,r,""]]);var i={insert:function(e){var t=document.querySelector("head"),n=window._lastElementInsertedByStyleLoader;window.disableLitepickerStyles||(n?n.nextSibling?t.insertBefore(e,n.nextSibling):t.appendChild(e):t.insertBefore(e,t.firstChild),window._lastElementInsertedByStyleLoader=e);},singleton:!1};n(1)(r,i);r.locals&&(e.exports=r.locals);},function(e,t,n){(t=n(0)(!1)).push([e.i,':root {\n  --litepicker-mobilefriendly-backdrop-color-bg: #000;\n}\n\n.litepicker-backdrop {\n  display: none;\n  background-color: var(--litepicker-mobilefriendly-backdrop-color-bg);\n  opacity: 0.3;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.litepicker-open {\n  overflow: hidden;\n}\n\n.litepicker.mobilefriendly[data-plugins*="mobilefriendly"] {\n  transform: translate(-50%, -50%);\n  font-size: 1.1rem;\n  --litepicker-container-months-box-shadow-color: #616161;\n}\n.litepicker.mobilefriendly-portrait {\n  --litepicker-day-width: 13.5vw;\n  --litepicker-month-width: calc(var(--litepicker-day-width) * 7);\n}\n.litepicker.mobilefriendly-landscape {\n  --litepicker-day-width: 5.5vw;\n  --litepicker-month-width: calc(var(--litepicker-day-width) * 7);\n}\n\n.litepicker[data-plugins*="mobilefriendly"] .container__months {\n  overflow: hidden;\n}\n\n.litepicker.mobilefriendly[data-plugins*="mobilefriendly"] .container__months .month-item-header {\n  height: var(--litepicker-day-width);\n}\n\n.litepicker.mobilefriendly[data-plugins*="mobilefriendly"] .container__days > div {\n  height: var(--litepicker-day-width);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n\n.litepicker[data-plugins*="mobilefriendly"] .container__months .month-item {\n  transform-origin: center;\n}\n\n.litepicker[data-plugins*="mobilefriendly"] .container__months .month-item.touch-target-next {\n  animation-name: lp-bounce-target-next;\n  animation-duration: .5s;\n  animation-timing-function: ease;\n}\n\n.litepicker[data-plugins*="mobilefriendly"] .container__months .month-item.touch-target-prev {\n  animation-name: lp-bounce-target-prev;\n  animation-duration: .5s;\n  animation-timing-function: ease;\n}\n\n@keyframes lp-bounce-target-next {\n  from {\n    transform: translateX(100px) scale(0.5);\n  }\n  to {\n    transform: translateX(0px) scale(1);\n  }\n}\n\n@keyframes lp-bounce-target-prev {\n  from {\n    transform: translateX(-100px) scale(0.5);\n  }\n  to {\n    transform: translateX(0px) scale(1);\n  }\n}',""]),e.exports=t;}]);