@vonage/vivid 5.0.0 → 5.2.0

package/{shared/definition18.cjs → date-picker/definition.cjs}

@@ -1,15 +1,18 @@
 'use strict';
 
-const definition$1 = require('./definition67.cjs');
-const definition = require('./definition11.cjs');
-const definition$2 = require('./definition58.cjs');
-const definition$3 = require('./definition23.cjs');
-const pickerField_template = require('./picker-field.template.cjs');
-const calendarPicker_template = require('./calendar-picker.template.cjs');
-const vividElement = require('./vivid-element.cjs');
-const definition$4 = require('./definition66.cjs');
-const singleValuePicker = require('./single-value-picker.cjs');
-const singleDatePicker = require('./single-date-picker.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const popup_definition = require('../unbundled/definition4.cjs');
+const button_definition = require('../unbundled/definition.cjs');
+const textField_definition = require('../text-field/definition.cjs');
+const divider_definition = require('../divider/definition.cjs');
+const pickerField_template = require('../unbundled/picker-field.template.cjs');
+const calendarPicker_template = require('../unbundled/calendar-picker.template.cjs');
+const vividElement = require('../unbundled/vivid-element.cjs');
+const visuallyHidden_definition = require('../visually-hidden/definition.cjs');
+const fastElement = require('@microsoft/fast-element');
+const singleValuePicker = require('../unbundled/single-value-picker.cjs');
+const singleDatePicker = require('../unbundled/single-date-picker.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -114,7 +117,7 @@ class DatePicker extends singleDatePicker.SingleDatePickerMixin(
   }
 }
 __decorateClass([
-  vividElement.volatile
+  fastElement.volatile
 ], DatePicker.prototype, "_pickerButtonLabel");
 
 const DatePickerTemplate = (context) => {
@@ -129,11 +132,11 @@ const datePickerDefinition = vividElement.defineVividComponent(
   DatePicker,
   DatePickerTemplate,
   [
-    definition.buttonDefinition,
-    definition$1.popupDefinition,
-    definition$2.textFieldDefinition,
-    definition$3.dividerDefinition,
-    definition$4.visuallyHiddenDefinition
+    button_definition.buttonDefinition,
+    popup_definition.popupDefinition,
+    textField_definition.textFieldDefinition,
+    divider_definition.dividerDefinition,
+    visuallyHidden_definition.visuallyHiddenDefinition
   ],
   {
     styles: [pickerField_template.pickerFieldStyles, calendarPicker_template.calendarStyles],
@@ -144,6 +147,6 @@ const datePickerDefinition = vividElement.defineVividComponent(
 );
 const registerDatePicker = vividElement.createRegisterFunction(datePickerDefinition);
 
-exports.DatePicker = DatePicker;
+exports.VwcDatePickerElement = DatePicker;
 exports.datePickerDefinition = datePickerDefinition;
 exports.registerDatePicker = registerDatePicker;

package/{shared/definition18.js → date-picker/definition.js}

@@ -1,13 +1,14 @@
-import { p as popupDefinition } from './definition67.js';
-import { b as buttonDefinition } from './definition11.js';
-import { t as textFieldDefinition } from './definition58.js';
-import { d as dividerDefinition } from './definition23.js';
-import { a as PickerField, P as PickerFieldTemplate, p as pickerFieldStyles } from './picker-field.template.js';
-import { M as MinMaxCalendarPicker, C as CalendarPicker, i as isValidDateStr, f as formatPresentationDate, p as parsePresentationDate, a as CalendarPickerTemplate, c as calendarStyles } from './calendar-picker.template.js';
-import { v as volatile, d as createRegisterFunction, f as defineVividComponent } from './vivid-element.js';
-import { v as visuallyHiddenDefinition } from './definition66.js';
-import { S as SingleValuePicker } from './single-value-picker.js';
-import { S as SingleDatePickerMixin } from './single-date-picker.js';
+import { p as popupDefinition } from '../unbundled/definition4.js';
+import { b as buttonDefinition } from '../unbundled/definition.js';
+import { textFieldDefinition } from '../text-field/definition.js';
+import { dividerDefinition } from '../divider/definition.js';
+import { a as PickerField, P as PickerFieldTemplate, p as pickerFieldStyles } from '../unbundled/picker-field.template.js';
+import { M as MinMaxCalendarPicker, C as CalendarPicker, i as isValidDateStr, f as formatPresentationDate, p as parsePresentationDate, a as CalendarPickerTemplate, c as calendarStyles } from '../unbundled/calendar-picker.template.js';
+import { d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
+import { visuallyHiddenDefinition } from '../visually-hidden/definition.js';
+import { volatile } from '@microsoft/fast-element';
+import { S as SingleValuePicker } from '../unbundled/single-value-picker.js';
+import { S as SingleDatePickerMixin } from '../unbundled/single-date-picker.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -142,4 +143,4 @@ const datePickerDefinition = defineVividComponent(
 );
 const registerDatePicker = createRegisterFunction(datePickerDefinition);
 
-export { DatePicker as D, datePickerDefinition as d, registerDatePicker as r };
+export { DatePicker as VwcDatePickerElement, datePickerDefinition, registerDatePicker };

package/date-picker/index.cjs

@@ -1,5 +1 @@
-'use strict';
-
-const definition = require('../shared/definition18.cjs');
-
-definition.registerDatePicker();
+"use strict";const u=require("../bundled/definition9.cjs"),d=require("../bundled/definition3.cjs"),p=require("../bundled/definition13.cjs"),P=require("../bundled/definition14.cjs"),l=require("../bundled/picker-field.template.cjs"),t=require("../bundled/calendar-picker.template.cjs"),o=require("../bundled/vivid-element.cjs"),k=require("../bundled/definition12.cjs"),h=require("../bundled/single-value-picker.cjs"),_=require("../bundled/single-date-picker.cjs");var D=Object.defineProperty,f=Object.getOwnPropertyDescriptor,g=(i,e,a,q)=>{for(var r=f(e,a),n=i.length-1,c;n>=0;n--)(c=i[n])&&(r=c(e,a,r)||r);return r&&D(e,a,r),r};class s extends _.SingleDatePickerMixin(h.SingleValuePicker(t.MinMaxCalendarPicker(t.CalendarPicker(l.PickerField)))){constructor(){super(),this._isValidValue=t.isValidDateStr,this._textFieldSize="20",this.proxy.type="date"}_toPresentationValue(e){return t.formatPresentationDate(e,this.locale.calendarPicker)}_parsePresentationValue(e){return t.parsePresentationDate(e,this.locale.calendarPicker)}_dateValue(){return this.value}_withUpdatedDate(e){return e}get _pickerButtonLabel(){return this.value?this.locale.calendarPicker.changeDateLabel(this._toPresentationValue(this.value)):this.locale.calendarPicker.chooseDateLabel}get _dialogLabel(){return this.locale.calendarPicker.chooseDateLabel}get _textFieldPlaceholder(){return this.locale.calendarPicker.dateFormatPlaceholder}_onDateClick(e){super._onDateClick(e),this._closePopup()}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.calendarPicker.invalidDateError:null}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll("button, .vwc-button")}get _pickerButtonIcon(){return"calendar-line"}}g([o.volatile],s.prototype,"_pickerButtonLabel");const v=i=>l.PickerFieldTemplate(i,t.CalendarPickerTemplate(i),{withSeparator:!1,padded:!0}),b=o.defineVividComponent("date-picker",s,v,[d.buttonDefinition,u.popupDefinition,p.textFieldDefinition,P.dividerDefinition,k.visuallyHiddenDefinition],{styles:[l.pickerFieldStyles,t.calendarStyles],shadowOptions:{delegatesFocus:!0}}),V=o.createRegisterFunction(b);V();

package/date-picker/index.js

@@ -1,3 +1,115 @@
-import { r as registerDatePicker } from '../shared/definition18.js';
-
-registerDatePicker();
+import { p as n } from "../bundled/definition9.js";
+import { b as s } from "../bundled/definition3.js";
+import { t as c } from "../bundled/definition13.js";
+import { d } from "../bundled/definition14.js";
+import { P as u, a as p, p as P } from "../bundled/picker-field.template.js";
+import { M as f, C as h, i as m, f as _, p as k, a as D, c as v } from "../bundled/calendar-picker.template.js";
+import { v as g, c as b, d as V } from "../bundled/vivid-element.js";
+import { v as S } from "../bundled/definition12.js";
+import { S as C } from "../bundled/single-value-picker.js";
+import { S as F } from "../bundled/single-date-picker.js";
+var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, x = (t, e, r, M) => {
+  for (var a = w(e, r), i = t.length - 1, l; i >= 0; i--)
+    (l = t[i]) && (a = l(e, r, a) || a);
+  return a && y(e, r, a), a;
+};
+class o extends F(
+  C(f(h(u)))
+) {
+  constructor() {
+    super(), this._isValidValue = m, this._textFieldSize = "20", this.proxy.type = "date";
+  }
+  /**
+   * @internal
+   */
+  _toPresentationValue(e) {
+    return _(e, this.locale.calendarPicker);
+  }
+  /**
+   * @internal
+   */
+  _parsePresentationValue(e) {
+    return k(e, this.locale.calendarPicker);
+  }
+  /**
+   * @internal
+   */
+  _dateValue() {
+    return this.value;
+  }
+  /**
+   * @internal
+   */
+  _withUpdatedDate(e) {
+    return e;
+  }
+  get _pickerButtonLabel() {
+    return this.value ? this.locale.calendarPicker.changeDateLabel(
+      this._toPresentationValue(this.value)
+    ) : this.locale.calendarPicker.chooseDateLabel;
+  }
+  /**
+   * @internal
+   */
+  get _dialogLabel() {
+    return this.locale.calendarPicker.chooseDateLabel;
+  }
+  /**
+   * @internal
+   */
+  get _textFieldPlaceholder() {
+    return this.locale.calendarPicker.dateFormatPlaceholder;
+  }
+  /**
+   * Handle selecting a date from the calendar.
+   * @internal
+   */
+  _onDateClick(e) {
+    super._onDateClick(e), this._closePopup();
+  }
+  /**
+   * @internal
+   */
+  _getCustomValidationError() {
+    return this._isPresentationValueInvalid() ? this.locale.calendarPicker.invalidDateError : null;
+  }
+  /**
+   * @internal
+   */
+  _focusableElsWithinDialog() {
+    return this._dialogEl.querySelectorAll(
+      "button, .vwc-button"
+    );
+  }
+  /**
+   * @internal
+   */
+  get _pickerButtonIcon() {
+    return "calendar-line";
+  }
+}
+x([
+  g
+], o.prototype, "_pickerButtonLabel");
+const L = (t) => p(t, D(t), {
+  withSeparator: !1,
+  padded: !0
+}), O = V(
+  "date-picker",
+  o,
+  L,
+  [
+    s,
+    n,
+    c,
+    d,
+    S
+  ],
+  {
+    styles: [P, v],
+    shadowOptions: {
+      delegatesFocus: !0
+    }
+  }
+), E = b(O);
+E();

package/{shared/definition19.cjs → date-range-picker/definition.cjs}

@@ -1,13 +1,16 @@
 'use strict';
 
-const definition = require('./definition11.cjs');
-const definition$1 = require('./definition67.cjs');
-const definition$2 = require('./definition58.cjs');
-const definition$3 = require('./definition23.cjs');
-const vividElement = require('./vivid-element.cjs');
-const pickerField_template = require('./picker-field.template.cjs');
-const calendarPicker_template = require('./calendar-picker.template.cjs');
-const definition$4 = require('./definition66.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const button_definition = require('../unbundled/definition.cjs');
+const popup_definition = require('../unbundled/definition4.cjs');
+const textField_definition = require('../text-field/definition.cjs');
+const divider_definition = require('../divider/definition.cjs');
+const vividElement = require('../unbundled/vivid-element.cjs');
+const pickerField_template = require('../unbundled/picker-field.template.cjs');
+const calendarPicker_template = require('../unbundled/calendar-picker.template.cjs');
+const visuallyHidden_definition = require('../visually-hidden/definition.cjs');
+const fastElement = require('@microsoft/fast-element');
 
 const formatRange = (from, to) => {
   return `${from} – ${to}`;
@@ -403,31 +406,31 @@ class DateRangePicker extends calendarPicker_template.MinMaxCalendarPicker(
   }
 }
 __decorateClass([
-  vividElement.attr({ mode: "fromView", attribute: "start" })
+  fastElement.attr({ mode: "fromView", attribute: "start" })
 ], DateRangePicker.prototype, "initialStart", 2);
 __decorateClass([
-  vividElement.attr({ mode: "fromView", attribute: "end" })
+  fastElement.attr({ mode: "fromView", attribute: "end" })
 ], DateRangePicker.prototype, "initialEnd", 2);
 __decorateClass([
-  vividElement.observable
+  fastElement.observable
 ], DateRangePicker.prototype, "start", 2);
 __decorateClass([
-  vividElement.observable
+  fastElement.observable
 ], DateRangePicker.prototype, "end", 2);
 __decorateClass([
-  vividElement.attr({ attribute: "current-start" })
+  fastElement.attr({ attribute: "current-start" })
 ], DateRangePicker.prototype, "currentStart", 2);
 __decorateClass([
-  vividElement.attr({ attribute: "current-end" })
+  fastElement.attr({ attribute: "current-end" })
 ], DateRangePicker.prototype, "currentEnd", 2);
 __decorateClass([
-  vividElement.observable
+  fastElement.observable
 ], DateRangePicker.prototype, "_numCalendars", 2);
 __decorateClass([
-  vividElement.observable
+  fastElement.observable
 ], DateRangePicker.prototype, "_hoverDate", 2);
 __decorateClass([
-  vividElement.volatile
+  fastElement.volatile
 ], DateRangePicker.prototype, "_pickerButtonLabel", 1);
 
 const DateRangePickerTemplate = (context) => {
@@ -442,11 +445,11 @@ const dateRangePickerDefinition = vividElement.defineVividComponent(
   DateRangePicker,
   DateRangePickerTemplate,
   [
-    definition.buttonDefinition,
-    definition$1.popupDefinition,
-    definition$2.textFieldDefinition,
-    definition$3.dividerDefinition,
-    definition$4.visuallyHiddenDefinition
+    button_definition.buttonDefinition,
+    popup_definition.popupDefinition,
+    textField_definition.textFieldDefinition,
+    divider_definition.dividerDefinition,
+    visuallyHidden_definition.visuallyHiddenDefinition
   ],
   {
     styles: [pickerField_template.pickerFieldStyles, calendarPicker_template.calendarStyles],
@@ -459,6 +462,6 @@ const registerDateRangePicker = vividElement.createRegisterFunction(
   dateRangePickerDefinition
 );
 
-exports.DateRangePicker = DateRangePicker;
+exports.VwcDateRangePickerElement = DateRangePicker;
 exports.dateRangePickerDefinition = dateRangePickerDefinition;
 exports.registerDateRangePicker = registerDateRangePicker;

package/{shared/definition19.js → date-range-picker/definition.js}

@@ -1,11 +1,12 @@
-import { b as buttonDefinition } from './definition11.js';
-import { p as popupDefinition } from './definition67.js';
-import { t as textFieldDefinition } from './definition58.js';
-import { d as dividerDefinition } from './definition23.js';
-import { a as attr, o as observable, v as volatile, d as createRegisterFunction, f as defineVividComponent } from './vivid-element.js';
-import { a as PickerField, P as PickerFieldTemplate, p as pickerFieldStyles } from './picker-field.template.js';
-import { f as formatPresentationDate, p as parsePresentationDate, M as MinMaxCalendarPicker, C as CalendarPicker, i as isValidDateStr, b as compareDateStr, a as CalendarPickerTemplate, c as calendarStyles } from './calendar-picker.template.js';
-import { v as visuallyHiddenDefinition } from './definition66.js';
+import { b as buttonDefinition } from '../unbundled/definition.js';
+import { p as popupDefinition } from '../unbundled/definition4.js';
+import { textFieldDefinition } from '../text-field/definition.js';
+import { dividerDefinition } from '../divider/definition.js';
+import { d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
+import { a as PickerField, P as PickerFieldTemplate, p as pickerFieldStyles } from '../unbundled/picker-field.template.js';
+import { f as formatPresentationDate, p as parsePresentationDate, M as MinMaxCalendarPicker, C as CalendarPicker, i as isValidDateStr, b as compareDateStr, a as CalendarPickerTemplate, c as calendarStyles } from '../unbundled/calendar-picker.template.js';
+import { visuallyHiddenDefinition } from '../visually-hidden/definition.js';
+import { attr, observable, volatile } from '@microsoft/fast-element';
 
 const formatRange = (from, to) => {
   return `${from} – ${to}`;
@@ -457,4 +458,4 @@ const registerDateRangePicker = createRegisterFunction(
   dateRangePickerDefinition
 );
 
-export { DateRangePicker as D, dateRangePickerDefinition as d, registerDateRangePicker as r };
+export { DateRangePicker as VwcDateRangePickerElement, dateRangePickerDefinition, registerDateRangePicker };

package/date-range-picker/index.cjs

@@ -1,5 +1 @@
-'use strict';
-
-const definition = require('../shared/definition19.cjs');
-
-definition.registerDateRangePicker();
+"use strict";const m=require("../bundled/definition3.cjs"),_=require("../bundled/definition9.cjs"),D=require("../bundled/definition13.cjs"),P=require("../bundled/definition14.cjs"),n=require("../bundled/vivid-element.cjs"),u=require("../bundled/picker-field.template.cjs"),r=require("../bundled/calendar-picker.template.cjs"),g=require("../bundled/definition12.cjs"),c=(i,t)=>`${i} – ${t}`,p=(i,t)=>c(r.formatPresentationDate(i.start,t),r.formatPresentationDate(i.end,t)),f=(i,t)=>{const e=i.trim().split(/[\s—–-]+/);if(e.length!==2)throw new Error(`Invalid date range: ${i}`);const[a,s]=e.map(h=>r.parsePresentationDate(h,t));return{start:a,end:s}};var V=Object.defineProperty,k=Object.getOwnPropertyDescriptor,o=(i,t,e,a)=>{for(var s=a>1?void 0:a?k(t,e):t,h=i.length-1,d;h>=0;h--)(d=i[h])&&(s=(a?d(t,e,s):d(s))||s);return a&&s&&V(t,e,s),s};const v=i=>typeof i=="string";function b(i){return!!i}class l extends r.MinMaxCalendarPicker(r.CalendarPicker(u.PickerField)){constructor(){super(...arguments),this.initialStart="",this.initialEnd="",this.#e=!1,this.start="",this.end="",this.setFormValue=(t,e)=>{v(t)||super.setFormValue(t,e)},this._numCalendars=2,this._hideDatesOutsideMonth=!0,this._textFieldSize="30"}initialStartChanged(){this.dirtyValue||(this.start=this.initialStart,this.dirtyValue=!1)}initialEndChanged(){this.dirtyValue||(this.end=this.initialEnd,this.dirtyValue=!1)}#e;startChanged(){if(this.start&&!r.isValidDateStr(this.start)){this.start="";return}this.currentStart=this.start,this.dirtyValue=!0,this.#e||this.#i()}endChanged(){if(this.end&&!r.isValidDateStr(this.end)){this.end="";return}this.currentEnd=this.end,this.dirtyValue=!0,this.#e||this.#i()}currentStartChanged(){this.start=this.currentStart}currentEndChanged(){this.end=this.currentEnd}#t(t){this.#e=!0,t.start!==void 0&&(this.start=t.start,this.$emit("input:start")),t.end!==void 0&&(this.end=t.end,this.$emit("input:end")),this.#e=!1,this.$emit("input"),this.$emit("change"),this.#i()}#i(){if(this.start&&this.end){if(r.compareDateStr(this.start,this.end)>0){this.#t({start:this.end,end:this.start});return}this.value=c(this.start,this.end)}else this.value="";this._updatePresentationValue();const t=this.start||this.end;t&&this._adjustSelectedMonthToEnsureVisibilityOf(t),this.#a()}_updatePresentationValue(){this.start&&this.end?this._presentationValue=p({start:this.start,end:this.end},this.locale.calendarPicker):this._presentationValue=""}nameChanged(t,e){super.nameChanged(t,e),this.#a()}#a(){if(!this.name||!this.start||!this.end)this.setFormValue(null);else{const t=new FormData;t.append(this.name,this.start),t.append(this.name,this.end),this.setFormValue(t)}}connectedCallback(){super.connectedCallback(),this.start||(this.start=this.initialStart),this.end||(this.end=this.initialEnd)}#r(){const t=[this.start,this.end].filter(b),e=t.length===1;this._hoverDate&&e&&t.push(this._hoverDate);const[a,s]=t.sort(r.compareDateStr);return{start:a,end:s}}_isDateAriaSelected(t){return this._isDateInSelectedRange(t)}_isDateInSelectedRange(t){const{start:e,end:a}=this.#r();return e&&a?r.compareDateStr(t,e)>=0&&r.compareDateStr(t,a)<=0:!1}_isDateRangeStart(t){return t===this.#r().start}_isDateRangeEnd(t){return t===this.#r().end}_getSelectedDates(){const t=[];return this.start&&t.push(this.start),this.end&&t.push(this.end),t}_onDateClick(t){this.start&&this.end?this.#t({start:t,end:""}):this.start?(this.#t({end:t}),this._closePopup()):this.end?(this.#t({start:t}),this._closePopup()):this.#t({start:t})}get _textFieldPlaceholder(){return c(this.locale.calendarPicker.dateFormatPlaceholder,this.locale.calendarPicker.dateFormatPlaceholder)}_onTextFieldChange(){if(this._presentationValue===""){this.#t({start:"",end:""});return}try{const{start:t,end:e}=f(this._presentationValue,this.locale.calendarPicker);this.#t({start:t,end:e})}catch{const e=this._presentationValue;this.#t({start:"",end:""}),this._presentationValue=e;return}}_onDateMouseEnter(t){this._hoverDate=t}_onDateMouseLeave(){this._hoverDate=void 0}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.calendarPicker.invalidDateRangeError:this.min&&this.start&&r.compareDateStr(this.start,this.min)<0?this.locale.calendarPicker.startDateAfterMinDateError(r.formatPresentationDate(this.min,this.locale.calendarPicker)):this.max&&this.end&&r.compareDateStr(this.end,this.max)>0?this.locale.calendarPicker.endDateBeforeMaxDateError(r.formatPresentationDate(this.max,this.locale.calendarPicker)):null}_isPresentationValueInvalid(){if(this._presentationValue==="")return!1;try{return f(this._presentationValue,this.locale.calendarPicker),!1}catch{return!0}}_onClearClick(){this.#t({start:"",end:""}),super._onClearClick()}formResetCallback(){this.#t({start:this.initialStart,end:this.initialEnd}),super.formResetCallback()}get _pickerButtonLabel(){return this.start&&this.end?this.locale.calendarPicker.changeDatesLabel(p({start:this.start,end:this.end},this.locale.calendarPicker)):this.locale.calendarPicker.chooseDatesLabel}get _dialogLabel(){return this.locale.calendarPicker.chooseDatesLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll("button, .vwc-button")}get _pickerButtonIcon(){return"calendar-line"}}o([n.attr({mode:"fromView",attribute:"start"})],l.prototype,"initialStart",2);o([n.attr({mode:"fromView",attribute:"end"})],l.prototype,"initialEnd",2);o([n.observable],l.prototype,"start",2);o([n.observable],l.prototype,"end",2);o([n.attr({attribute:"current-start"})],l.prototype,"currentStart",2);o([n.attr({attribute:"current-end"})],l.prototype,"currentEnd",2);o([n.observable],l.prototype,"_numCalendars",2);o([n.observable],l.prototype,"_hoverDate",2);o([n.volatile],l.prototype,"_pickerButtonLabel",1);const S=i=>u.PickerFieldTemplate(i,r.CalendarPickerTemplate(i),{withSeparator:!1,padded:!0}),C=n.defineVividComponent("date-range-picker",l,S,[m.buttonDefinition,_.popupDefinition,D.textFieldDefinition,P.dividerDefinition,g.visuallyHiddenDefinition],{styles:[u.pickerFieldStyles,r.calendarStyles],shadowOptions:{delegatesFocus:!0}}),y=n.createRegisterFunction(C);y();