@vonage/vivid 5.15.1 → 5.17.0

package/date-picker/definition.cjs

@@ -1,152 +1,6 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const popup_definition = require('../unbundled/definition5.cjs');
-const button_definition = require('../unbundled/definition2.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;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = __getOwnPropDesc(target, key) ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class DatePicker extends singleDatePicker.SingleDatePickerMixin(
-  singleValuePicker.SingleValuePicker(calendarPicker_template.MinMaxCalendarPicker(calendarPicker_template.CalendarPicker(pickerField_template.PickerField)))
-) {
-  constructor() {
-    super();
-    /**
-     * @internal
-     */
-    this._isValidValue = calendarPicker_template.isValidDateStr;
-    /**
-     * @internal
-     */
-    this._textFieldSize = "20";
-    this.proxy.type = "date";
-  }
-  /**
-   * @internal
-   */
-  _toPresentationValue(value) {
-    return calendarPicker_template.formatPresentationDate(value, this.locale.calendarPicker);
-  }
-  /**
-   * @internal
-   */
-  _parsePresentationValue(presentationValue) {
-    return calendarPicker_template.parsePresentationDate(presentationValue, this.locale.calendarPicker);
-  }
-  /**
-   * @internal
-   */
-  _dateValue() {
-    return this.value;
-  }
-  /**
-   * @internal
-   */
-  _withUpdatedDate(dateStr) {
-    return dateStr;
-  }
-  get _pickerButtonLabel() {
-    if (this.value) {
-      return this.locale.calendarPicker.changeDateLabel(
-        this._toPresentationValue(this.value)
-      );
-    } else {
-      return 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(date) {
-    super._onDateClick(date);
-    this._closePopup();
-  }
-  /**
-   * @internal
-   */
-  _getCustomValidationError() {
-    if (this._isPresentationValueInvalid()) {
-      return this.locale.calendarPicker.invalidDateError;
-    }
-    return null;
-  }
-  /**
-   * @internal
-   */
-  _focusableElsWithinDialog() {
-    return this._dialogEl.querySelectorAll(
-      "button, .vwc-button"
-    );
-  }
-  /**
-   * @internal
-   */
-  get _pickerButtonIcon() {
-    return "calendar-line";
-  }
-}
-__decorateClass([
-  fastElement.volatile
-], DatePicker.prototype, "_pickerButtonLabel");
-
-const DatePickerTemplate = (context) => {
-  return pickerField_template.PickerFieldTemplate(context, calendarPicker_template.CalendarPickerTemplate(context), {
-    withSeparator: false,
-    padded: true
-  });
-};
-
-const datePickerDefinition = vividElement.defineVividComponent(
-  "date-picker",
-  DatePicker,
-  DatePickerTemplate,
-  [
-    button_definition.buttonDefinition,
-    popup_definition.popupDefinition,
-    textField_definition.textFieldDefinition,
-    divider_definition.dividerDefinition,
-    visuallyHidden_definition.visuallyHiddenDefinition
-  ],
-  {
-    styles: [pickerField_template.pickerFieldStyles, calendarPicker_template.calendarStyles],
-    shadowOptions: {
-      delegatesFocus: true
-    }
-  }
-);
-const registerDatePicker = vividElement.createRegisterFunction(datePickerDefinition);
-
-exports.VwcDatePickerElement = DatePicker;
-exports.datePickerDefinition = datePickerDefinition;
-exports.registerDatePicker = registerDatePicker;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../unbundled/definition2.cjs");
+const require_definition$1 = require("../unbundled/definition35.cjs");
+exports.VwcDatePickerElement = require_definition$1.DatePicker;
+exports.datePickerDefinition = require_definition$1.datePickerDefinition;
+exports.registerDatePicker = require_definition$1.registerDatePicker;

package/date-picker/definition.js

@@ -1,146 +1,3 @@
-import { p as popupDefinition } from '../unbundled/definition5.js';
-import { b as buttonDefinition } from '../unbundled/definition2.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;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = __getOwnPropDesc(target, key) ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class DatePicker extends SingleDatePickerMixin(
-  SingleValuePicker(MinMaxCalendarPicker(CalendarPicker(PickerField)))
-) {
-  constructor() {
-    super();
-    /**
-     * @internal
-     */
-    this._isValidValue = isValidDateStr;
-    /**
-     * @internal
-     */
-    this._textFieldSize = "20";
-    this.proxy.type = "date";
-  }
-  /**
-   * @internal
-   */
-  _toPresentationValue(value) {
-    return formatPresentationDate(value, this.locale.calendarPicker);
-  }
-  /**
-   * @internal
-   */
-  _parsePresentationValue(presentationValue) {
-    return parsePresentationDate(presentationValue, this.locale.calendarPicker);
-  }
-  /**
-   * @internal
-   */
-  _dateValue() {
-    return this.value;
-  }
-  /**
-   * @internal
-   */
-  _withUpdatedDate(dateStr) {
-    return dateStr;
-  }
-  get _pickerButtonLabel() {
-    if (this.value) {
-      return this.locale.calendarPicker.changeDateLabel(
-        this._toPresentationValue(this.value)
-      );
-    } else {
-      return 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(date) {
-    super._onDateClick(date);
-    this._closePopup();
-  }
-  /**
-   * @internal
-   */
-  _getCustomValidationError() {
-    if (this._isPresentationValueInvalid()) {
-      return this.locale.calendarPicker.invalidDateError;
-    }
-    return null;
-  }
-  /**
-   * @internal
-   */
-  _focusableElsWithinDialog() {
-    return this._dialogEl.querySelectorAll(
-      "button, .vwc-button"
-    );
-  }
-  /**
-   * @internal
-   */
-  get _pickerButtonIcon() {
-    return "calendar-line";
-  }
-}
-__decorateClass([
-  volatile
-], DatePicker.prototype, "_pickerButtonLabel");
-
-const DatePickerTemplate = (context) => {
-  return PickerFieldTemplate(context, CalendarPickerTemplate(context), {
-    withSeparator: false,
-    padded: true
-  });
-};
-
-const datePickerDefinition = defineVividComponent(
-  "date-picker",
-  DatePicker,
-  DatePickerTemplate,
-  [
-    buttonDefinition,
-    popupDefinition,
-    textFieldDefinition,
-    dividerDefinition,
-    visuallyHiddenDefinition
-  ],
-  {
-    styles: [pickerFieldStyles, calendarStyles],
-    shadowOptions: {
-      delegatesFocus: true
-    }
-  }
-);
-const registerDatePicker = createRegisterFunction(datePickerDefinition);
-
+import "../unbundled/definition2.js";
+import { n as registerDatePicker, r as DatePicker, t as datePickerDefinition } from "../unbundled/definition35.js";
 export { DatePicker as VwcDatePickerElement, datePickerDefinition, registerDatePicker };

package/date-picker/index.cjs

@@ -1 +1 @@
-"use strict";const u=require("../bundled/definition9.cjs"),d=require("../bundled/definition3.cjs"),p=require("../bundled/definition10.cjs"),P=require("../bundled/definition15.cjs"),l=require("../bundled/picker-field.template.cjs"),t=require("../bundled/calendar-picker.template.cjs"),o=require("../bundled/vivid-element.cjs"),k=require("../bundled/definition14.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();
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`);require(`../bundled/definition2.cjs`);const n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition6.cjs`),i=require(`../bundled/definition8.cjs`),a=require(`../bundled/definition12.cjs`),o=require(`../bundled/picker-field.template.cjs`),s=require(`../bundled/single-value-picker.cjs`),c=require(`../bundled/definition19.cjs`),l=require(`../bundled/calendar-picker.template.cjs`),u=require(`../bundled/single-date-picker.cjs`);var d=class extends u.t(s.t(l.n(l.i(o.n)))){_toPresentationValue(e){return l.a(e,this.locale.calendarPicker)}_parsePresentationValue(e){return l.o(e,this.locale.calendarPicker)}_dateValue(){return this.value}_withUpdatedDate(e){return e}constructor(){super(),this._isValidValue=l.l,this._textFieldSize=`20`,this.proxy.type=`date`}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`}};n.t([e.E],d.prototype,`_pickerButtonLabel`,null);var f=e.o(`date-picker`,d,e=>o.t(e,l.t(e),{withSeparator:!1,padded:!0}),[r.t,i.t,a.n,c.t,t.n],{styles:[o.r,l.u],shadowOptions:{delegatesFocus:!0}});e.s(f)();

package/date-picker/index.js

@@ -1,115 +1,67 @@
-import { p as n } from "../bundled/definition9.js";
-import { b as s } from "../bundled/definition3.js";
-import { t as c } from "../bundled/definition10.js";
-import { d } from "../bundled/definition15.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/definition14.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;
+import { E as e, o as t, s as n } from "../bundled/vivid-element.js";
+import { n as r } from "../bundled/definition.js";
+import "../bundled/definition2.js";
+import { t as i } from "../bundled/decorate.js";
+import { t as a } from "../bundled/definition6.js";
+import { t as o } from "../bundled/definition8.js";
+import { n as s } from "../bundled/definition12.js";
+import { n as c, r as l, t as u } from "../bundled/picker-field.template.js";
+import { t as d } from "../bundled/single-value-picker.js";
+import { t as f } from "../bundled/definition19.js";
+import { a as p, i as m, l as h, n as g, o as _, t as v, u as y } from "../bundled/calendar-picker.template.js";
+import { t as b } from "../bundled/single-date-picker.js";
+//#region src/lib/date-picker/date-picker.ts
+var x = class extends b(d(g(m(c)))) {
+	_toPresentationValue(e) {
+		return p(e, this.locale.calendarPicker);
+	}
+	_parsePresentationValue(e) {
+		return _(e, this.locale.calendarPicker);
+	}
+	_dateValue() {
+		return this.value;
+	}
+	_withUpdatedDate(e) {
+		return e;
+	}
+	constructor() {
+		super(), this._isValidValue = h, this._textFieldSize = "20", this.proxy.type = "date";
+	}
+	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";
+	}
 };
-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();
+//#endregion
+//#region src/lib/date-picker/index.ts
+i([e], x.prototype, "_pickerButtonLabel", null), n(t("date-picker", x, (e) => u(e, v(e), {
+	withSeparator: !1,
+	padded: !0
+}), [
+	a,
+	o,
+	s,
+	f,
+	r
+], {
+	styles: [l, y],
+	shadowOptions: { delegatesFocus: !0 }
+}))();
+//#endregion