@globalpayments/vega 2.32.0 → 2.34.0

package/dist/cjs/vega-date-picker_2.cjs.entry.js

@@ -2,52 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const component = require('./component-73a88c4e.js');
-const date = require('./date-0a6bb035.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a982ead.js');
-const ui = require('./ui-08f33116.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const internalIconManager = require('./internal-icon-manager-2ff58050.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const component = require('./component-63af66ea.js');
+const date = require('./date-ffe382a4.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
+const ui = require('./ui-b5906704.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const internalIconManager = require('./internal-icon-manager-2282a62f.js');
+const accessibility = require('./accessibility-bfa227f6.js');
 const array = require('./array-5adef7b2.js');
-const index$1 = require('./index-5792390b.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-79272527.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-415d261a.js');
+const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
+const internalVegaZIndexManager = require('./internal-vega-z-index-manager-e24e4309.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-297765c0.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-0dd70e61.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-4a1eedcd.js');
-const featureFlagController = require('./feature-flag-controller-f9d3ce38.js');
-require('./vega-dialog-controller-dce8cdaf.js');
-require('./icon-manager-3787af39.js');
-require('./translation-42c1b2c8.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-8e2d4b5d.js');
+require('./block-annotation.abstract-4d88b939.js');
+const featureFlagController = require('./feature-flag-controller-e97b5f29.js');
+require('./node.abstract-f8075f84.js');
+require('./vega-dialog-controller-aaf1f43e.js');
+require('./icon-manager-36dcfb65.js');
+require('./translation-f6b7ee84.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-9be2a880.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-88ed23c2.js');
-const translationSlimmer = require('./translation-slimmer-32aa13e7.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const translationSlimmer = require('./translation-slimmer-90f9f71f.js');
 require('./string-21427167.js');
-require('./observer-f49483e8.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./vega-internal-event-id-79be9bc5.js');
-require('./page-resize-observer-slimmer-a8cf1874.js');
-require('./breakpoints-7e2dff90.js');
+require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./vega-internal-event-id-85b68849.js');
+require('./page-resize-observer-slimmer-e54fa9d4.js');
+require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
-require('./mutation-observer-slimmer-895b3d3e.js');
+require('./breakpoints-ebde4837.js');
+require('./mutation-observer-slimmer-98bbbdf0.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./number-4816603d.js');
-require('./type-guard-a07b353b.js');
+require('./type-guard-4ba85fdc.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-ad2f67bf.js');
+require('./responsive-format-facade-74079f1b.js');
 require('./pixel-98f2a10c.js');
-require('./internal-vega-event-manager-5fe83465.js');
-require('./keyboard-manager-34b78600.js');
+require('./internal-vega-event-manager-d7643ec6.js');
+require('./index-8b247c17.js');
+require('./keyboard-manager-5afbc8f1.js');
 
 /**
  * A rule that checks if date is empty or not
@@ -338,7 +339,7 @@ const Icons = {
   },
 };
 
-var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -348,8 +349,10 @@ class VegaDatePickerRenderer extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
     this.renderInputPrefix = () => {
-      return (index.h("div", { class: "vega-input-prefix" },
-        index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('calendar'), color: "text-secondary" })));
+      return (globalSlimmerRegistry.h("div", { class: "vega-input-prefix" },
+        globalSlimmerRegistry.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('calendar'), color: "text-secondary", 
+          // eslint-disable-next-line react/jsx-no-bind
+          onClick: () => this.focusInput() })));
     };
     /**
      * return true if input is enabled, otherwise false
@@ -359,9 +362,9 @@ class VegaDatePickerRenderer extends globalSlimmerRegistry.VegaSlimmer {
       return !this.readOnly && !this.vegaDatePickerMobileController.getIsMobileDevice();
     };
     this.renderLabel = () => {
-      return (this.label && (index.h("vega-field-label", { ref: (e) => {
+      return (this.label && (globalSlimmerRegistry.h("vega-field-label", { ref: (e) => {
           /* istanbul ignore next */
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, vegaEventId.VegaClick, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, domNodeSubjectObserverFactory.VegaClick, () => {
             this.focusInput();
           });
         }, isFieldRequired: this.required, disabled: this.disabled, label: this.label })));
@@ -390,11 +393,11 @@ class VegaDatePickerRenderer extends globalSlimmerRegistry.VegaSlimmer {
         ? /* istanbul ignore next */ 'mobile'
         : '',
     ];
-    return (index.h(index.Host, { class: {
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
         disabled: this.disabled,
       } },
       this.renderLabel(),
-      index.h("div", { class: ui.arrayToClassString(classNames), ref: (ref) => (this.datePickerContainer = ref) }, this.mode === 'range'
+      globalSlimmerRegistry.h("div", { class: ui.arrayToClassString(classNames), ref: (ref) => (this.datePickerContainer = ref) }, this.mode === 'range'
         ? this.vegaDatePickerRangeInputRenderer.render()
         : this.vegaDatePickerSingleInputRenderer.render())));
   }
@@ -402,44 +405,44 @@ class VegaDatePickerRenderer extends globalSlimmerRegistry.VegaSlimmer {
 (() => {
   internalIconManager.VegaInternalIconManager.register({ calendar: Icons.calendar });
 })();
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "disabled", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "size", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "mode", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "label", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "required", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "readOnly", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "autoValidation", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "host", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerMobileController", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerSingleInputRenderer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerRangeInputRenderer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
 
-var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -483,30 +486,83 @@ class VegaDatePickerMobileController extends globalSlimmerRegistry.VegaSlimmer {
       .addEventListener('touchmove', (e) => e.preventDefault());
   }
 }
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMobileController.prototype, "host", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerMobileController.prototype, "vegaDatePickerCalendarRenderer", void 0);
 
+var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Date picker input base renderer
+ */
+class VegaDatePickerInputRendererBase extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.onClickClearIcon = () => {
+      if (this.mode === 'range') {
+        this.vegaDatePickerValueController.setValue(['', '']);
+      }
+      else {
+        this.vegaDatePickerValueController.setValue('');
+      }
+    };
+    this.isClearIconVisible = () => {
+      if (this.mode === 'range') {
+        const value = this.vegaDatePickerValueController.getValue();
+        return !this.disabled && !array.isArrayEqual(value, ['', '']);
+      }
+      else {
+        const value = this.vegaDatePickerValueController.getValue();
+        return !this.disabled && Boolean(value.length);
+      }
+    };
+  }
+  /**
+   * Render clear icon for either single or range date picker
+   */
+  renderClearIcon() {
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, this.showClearIcon && this.isClearIconVisible() && (globalSlimmerRegistry.h("div", { class: "vega-input-clear-icon", tabIndex: -1, "aria-label": "clear input", role: "button", onClick: this.onClickClearIcon, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
+      globalSlimmerRegistry.h("vega-icon", { icon: "close" })))));
+  }
+}
+__decorate$b([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerInputRendererBase.prototype, "disabled", void 0);
+__decorate$b([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerInputRendererBase.prototype, "showClearIcon", void 0);
+__decorate$b([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerInputRendererBase.prototype, "mode", void 0);
+__decorate$b([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerInputRendererBase.prototype, "vegaDatePickerValueController", void 0);
+
 var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-class VegaDatePickerSingleInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
+class VegaDatePickerSingleInputRenderer extends VegaDatePickerInputRendererBase {
   constructor() {
     super(...arguments);
     this.render = () => {
-      return (index.h("div", { class: "date-picker-input" },
+      return (globalSlimmerRegistry.h("div", { class: "date-picker-input" },
         this.vegaDatePickerRenderer.renderInputPrefix(),
-        index.h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getSinglePlaceholder(), value: this.vegaDatePickerValueController.getValue(), ref: (ref) => (this.singleDateInputRef = ref), onChange: this.onSingleDateChange, disabled: this.disabled, 
+        globalSlimmerRegistry.h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getSinglePlaceholder(), value: this.vegaDatePickerValueController.getValue(), ref: (ref) => (this.singleDateInputRef = ref), onChange: this.onSingleDateChange, disabled: this.disabled, 
           // eslint-disable-next-line react/jsx-no-bind
           onClick: () => {
             this.vegaDatePickerCalendarRenderer.getDatePicker().show();
-          } })));
+          } }),
+        this.renderClearIcon()));
     };
     this.getSinglePlaceholder = () => {
       if (!this.placeholder) {
@@ -545,18 +601,12 @@ class VegaDatePickerSingleInputRenderer extends globalSlimmerRegistry.VegaSlimme
     return this.oldSingleDateInputRef;
   }
 }
-__decorate$a([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaDatePickerSingleInputRenderer.prototype, "disabled", void 0);
 __decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "placeholder", void 0);
 __decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "format", void 0);
-__decorate$a([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerValueController", void 0);
 __decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerFormatController", void 0);
@@ -576,19 +626,20 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
   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;
 };
-class VegaDatePickerRangeInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
+class VegaDatePickerRangeInputRenderer extends VegaDatePickerInputRendererBase {
   constructor() {
     super(...arguments);
     this.render = () => {
-      return (index.h(index.Fragment, null,
-        index.h("div", { class: "date-picker-input" },
+      return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+        globalSlimmerRegistry.h("div", { class: "date-picker-input" },
           this.vegaDatePickerRenderer.renderInputPrefix(),
-          index.h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getRangePlaceholder()[0], value: this.vegaDatePickerValueController.getValue()[0], ref: (ref) => (this.startDateInputRef = ref), onChange: this.onStartDateChange, disabled: this.disabled })),
-        index.h("span", { class: {
+          globalSlimmerRegistry.h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getRangePlaceholder()[0], value: this.vegaDatePickerValueController.getValue()[0], ref: (ref) => (this.startDateInputRef = ref), onChange: this.onStartDateChange, disabled: this.disabled })),
+        globalSlimmerRegistry.h("span", { class: {
             'range-input-divider': true,
           } }),
-        index.h("div", { class: "date-picker-input" },
-          index.h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getRangePlaceholder()[1], value: this.vegaDatePickerValueController.getValue()[1], ref: (ref) => (this.endDateInputRef = ref), onChange: this.onEndDateChange, disabled: this.disabled }))));
+        globalSlimmerRegistry.h("div", { class: "date-picker-input" },
+          globalSlimmerRegistry.h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getRangePlaceholder()[1], value: this.vegaDatePickerValueController.getValue()[1], ref: (ref) => (this.endDateInputRef = ref), onChange: this.onEndDateChange, disabled: this.disabled }),
+          this.renderClearIcon())));
     };
     this.getRangePlaceholder = () => {
       if (!this.placeholder) {
@@ -662,15 +713,9 @@ class VegaDatePickerRangeInputRenderer extends globalSlimmerRegistry.VegaSlimmer
     return this.oldEndDateInputRef;
   }
 }
-__decorate$9([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaDatePickerRangeInputRenderer.prototype, "disabled", void 0);
 __decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "placeholder", void 0);
-__decorate$9([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerValueController", void 0);
 __decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerFormatController", void 0);
@@ -942,7 +987,7 @@ __decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('watchValue')
 ], VegaDatePickerCalendarController.prototype, "watchValue", null);
 
-var litepicker_umd = index$1.createCommonjsModule(function (module, exports) {
+var litepicker_umd = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 /*!
  * 
  * litepicker.umd.js
@@ -1079,9 +1124,10 @@ class VegaDatePickerCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
   /* istanbul ignore next */
   /** Refresh date picker when it is updated */
   componentDidRender() {
-    if ((this.vegaDatePickerSingleInputRenderer.getOldSingleDateInputRef() &&
-      this.vegaDatePickerSingleInputRenderer.getOldSingleDateInputRef() !==
-        this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef()) ||
+    if (this.requireRefreshLitePicker ||
+      (this.vegaDatePickerSingleInputRenderer.getOldSingleDateInputRef() &&
+        this.vegaDatePickerSingleInputRenderer.getOldSingleDateInputRef() !==
+          this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef()) ||
       (this.vegaDatePickerRangeInputRenderer.getOldStartDateInputRef() &&
         this.vegaDatePickerRangeInputRenderer.getOldStartDateInputRef() !==
           this.vegaDatePickerRangeInputRenderer.getStartDateInputRef()) ||
@@ -1144,7 +1190,7 @@ class VegaDatePickerCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
   /* istanbul ignore next */
   /** Update datePicker settings property of mode is changed */
   watchMode() {
-    this.datePicker.setOptions(this.vegaDatePickerCalendarController.getModeConfig());
+    this.requireRefreshLitePicker = true;
   }
   /**
    * get the reference of datePicker
@@ -1170,6 +1216,7 @@ class VegaDatePickerCalendarRenderer extends globalSlimmerRegistry.VegaSlimmer {
     if (this.datePicker) {
       this.datePicker.destroy();
       this.initDatePicker();
+      this.requireRefreshLitePicker = false;
     }
   }
   /**
@@ -1788,7 +1835,7 @@ const VegaDatePickerRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-const vegaDatePickerCss = ":host{display:inline-block;width:100%;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host .vega-input-container{position:relative;display:block;border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));display:flex;align-items:center}:host .vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-container .date-picker-input{padding-left:16px;padding-right:16px;width:100%;box-sizing:border-box;display:flex;align-items:center}:host .vega-input-container.default .date-picker-input{padding-left:16px;padding-right:16px}:host .vega-input-container.small .date-picker-input{padding-left:12px;padding-right:12px}:host .vega-input-container.default .date-picker-input input{padding-top:12px;padding-bottom:12px}:host .vega-input-container.small .date-picker-input input{padding-top:8px;padding-bottom:8px}:host .vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-input-container.single-mode.error:focus-within,:host .vega-input-container.range-mode.error .date-picker-input:focus-within{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25));border-radius:8px}:host .vega-input-container.range-mode.error .date-picker-input:first-of-type:focus-within{margin:-1px 0 -1px -1px}:host .vega-input-container.range-mode.error .date-picker-input:last-of-type:focus-within{margin:-1px -1px -1px 0}:host .vega-input-container.single-mode:not(.error):focus-within,:host .vega-input-container.range-mode:not(.error) .date-picker-input:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25));border-radius:8px}:host .vega-input-container.range-mode .date-picker-input:first-of-type:focus-within{margin:-1px 0 -1px -1px}:host .vega-input-container.range-mode .date-picker-input:last-of-type:focus-within{margin:-1px -1px -1px 0}:host .vega-input-container input{width:100%;box-sizing:content-box;border-width:0px;margin:0px;outline:2px solid transparent;outline-offset:2px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-left:8px;padding-right:8px;padding-top:12px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-input-container.range-mode.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-input-prefix{display:flex;margin-right:8px}:host .vega-input-container.range-mode.mobile.small .vega-input-prefix{margin-right:8px}:host .vega-input-container.range-mode.mobile{flex-direction:column}:host .vega-input-container.range-mode.mobile .date-picker-input:last-of-type{padding-left:40px}:host .vega-input-container.range-mode.mobile.small .date-picker-input:last-of-type{padding-left:36px}:host(.disabled) .vega-input-container{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.disabled) .vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.disabled) .vega-input-container input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.litepicker-backdrop{display:none;background-color:var(--litepicker-mobilefriendly-backdrop-color-bg);opacity:0.3;position:fixed;top:0;right:0;bottom:0;left:0}";
+const vegaDatePickerCss = ":host{display:inline-block;width:100%;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host .vega-input-container{position:relative;display:block;border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));display:flex;align-items:center}:host .vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-container .date-picker-input{padding-left:16px;padding-right:16px;width:100%;box-sizing:border-box;display:flex;align-items:center}:host .vega-input-container.default .date-picker-input{padding-left:16px;padding-right:16px}:host .vega-input-container.small .date-picker-input{padding-left:12px;padding-right:12px}:host .vega-input-container.default .date-picker-input input{padding-top:12px;padding-bottom:12px}:host .vega-input-container.small .date-picker-input input{padding-top:8px;padding-bottom:8px}:host .vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-input-container.single-mode.error:focus-within,:host .vega-input-container.range-mode.error .date-picker-input:focus-within{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25));border-radius:8px}:host .vega-input-container.range-mode.error .date-picker-input:first-of-type:focus-within{margin:-1px 0 -1px -1px}:host .vega-input-container.range-mode.error .date-picker-input:last-of-type:focus-within{margin:-1px -1px -1px 0}:host .vega-input-container.single-mode:not(.error):focus-within,:host .vega-input-container.range-mode:not(.error) .date-picker-input:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25));border-radius:8px}:host .vega-input-container.range-mode .date-picker-input:first-of-type:focus-within{margin:-1px 0 -1px -1px}:host .vega-input-container.range-mode .date-picker-input:last-of-type:focus-within{margin:-1px -1px -1px 0}:host .vega-input-container input{width:100%;box-sizing:content-box;border-width:0px;margin:0px;outline:2px solid transparent;outline-offset:2px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-container input::placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-left:8px;padding-right:8px;padding-top:12px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}:host .range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-input-container.range-mode.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-input-prefix{display:flex;margin-right:8px}:host .vega-input-container.range-mode.mobile.small .vega-input-prefix{margin-right:8px}:host .vega-input-container.range-mode.mobile{flex-direction:column}:host .vega-input-container.range-mode.mobile .date-picker-input:last-of-type{padding-left:40px}:host .vega-input-container.range-mode.mobile.small .date-picker-input:last-of-type{padding-left:36px}:host(.disabled) .vega-input-container{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.disabled) .vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.disabled) .vega-input-container input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.litepicker-backdrop{display:none;background-color:var(--litepicker-mobilefriendly-backdrop-color-bg);opacity:0.3;position:fixed;top:0;right:0;bottom:0;left:0}";
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1802,9 +1849,9 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaDatePicker = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaChange = index.createEvent(this, "vegaChange", 7);
-    this.change = index.createEvent(this, "change", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
+    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaDatePickerMobileController = new VegaDatePickerMobileController();
@@ -1854,8 +1901,8 @@ const VegaDatePicker = class {
         ].filter(Boolean);
       },
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePicker, vegaEventId.VegaChange);
-    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.vegaDatePickerRenderer.getDatePickerContainer());
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDatePicker, domNodeSubjectObserverFactory.VegaChange);
+    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.vegaDatePickerRenderer.getDatePickerContainer());
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaDatePickerRuntimeMetricsPayloadDefinition);
     /**
      * Specifies the selection mode of the date picker.
@@ -1944,6 +1991,12 @@ const VegaDatePicker = class {
      * @vegaVersion 1.5.0
      */
     this.dropdownConfig = {};
+    /**
+     * Determines whether the clear icon should be displayed or hidden.
+     *
+     * @vegaVersion 2.33.0
+     */
+    this.showClearIcon = true;
     /**
      * Specifies whether the date picker field is disabled.
      *
@@ -2014,7 +2067,7 @@ const VegaDatePicker = class {
   render() {
     return component.sanitizeVegaComponent(this.vegaDatePickerRenderer.render(), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "mode": ["watchMode"],
     "value": ["watchValue"],
@@ -2102,14 +2155,14 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaDatePickerCalendar = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
-    return index.h(index.Host, null);
+    return globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()

package/dist/cjs/{vega-dialog-controller-dce8cdaf.js → vega-dialog-controller-aaf1f43e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-require('./global-slimmer-registry-b3bce7e0.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./global-slimmer-registry-dd2691b8.js');
 
 const VegaDialogRuntimeMetricsPayloadDefinition = [
   {