@globalpayments/vega 2.70.0 → 2.72.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;}]);

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/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();
-}