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

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/remote-invocation-registry-d69245c2.js

@@ -1,63 +0,0 @@
-import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer } from './observer-3959f9dd.js';
-
-/**
- * The `RemoteInvocationRegistry` provides methods for performing remote invocation calls
- * and registering remote invocation handlers.
- */
-class RemoteInvocationRegistry {
-  /**
-   * This function performs a remote invocation call and returning the result.
-   *
-   * @typedef T generic type
-   * @param {HTMLElement} subject the dom node subject
-   * @param {unknown[]} args - The `args` parameter of specific method.
-   * @returns {Nullable<T>} The result of call `remoteInvocation`.
-   */
-  call(subject, ...args) {
-    let result = null;
-    ChangeManager.notify(subject, {
-      args,
-      resultCallback: 
-      /* eslint-disable jsdoc/require-jsdoc */
-      (response) => {
-        result = response;
-      },
-    });
-    return result;
-  }
-  /**
-   * The function registers a remote invocation handler.
-   *
-   * @param {HTMLElement} subject the dom node subject
-   * @param {Function}remoteInvocationHandler - The method that is ultimately called.
-   */
-  register(subject, remoteInvocationHandler) {
-    const observer = new Observer(this.isAcceptableObserver.bind(this), (payload) => {
-      const result = remoteInvocationHandler(...payload.args);
-      payload.resultCallback(result);
-    });
-    ChangeManager.register(subject, observer);
-  }
-  /**
-   * The function un-registers a remote invocation call handler.
-   *
-   * @param {HTMLElement} subject the dom node subject
-   */
-  unRegister(subject) {
-    ChangeManager.clearObserversBySubject(subject);
-  }
-  /**
-   * The function isAcceptableObserver checks if the input matches a specified type T.
-   *
-   * @param {unknown} _input - The `_input` parameter is of type `unknown`, which means it can hold any
-   * value.
-   * @returns {boolean} The `isAcceptableObserver` function is returning `true`.
-   */
-  isAcceptableObserver(_input) {
-    return true;
-  }
-}
-const remoteInvocationRegistry = new RemoteInvocationRegistry();
-
-export { remoteInvocationRegistry as r };

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 };