@vonage/vivid 5.4.0 → 5.6.0

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/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/definition13.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();
+"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();

package/date-picker/index.js

@@ -1,11 +1,11 @@
 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/definition14.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/definition13.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) => {

package/date-range-picker/definition.cjs

@@ -204,9 +204,11 @@ class DateRangePicker extends calendarPicker_template.MinMaxCalendarPicker(
    */
   connectedCallback() {
     super.connectedCallback();
+    /* v8 ignore else -- @preserve */
     if (!this.start) {
       this.start = this.initialStart;
     }
+    /* v8 ignore else -- @preserve */
     if (!this.end) {
       this.end = this.initialEnd;
     }

package/date-range-picker/definition.js

@@ -200,9 +200,11 @@ class DateRangePicker extends MinMaxCalendarPicker(
    */
   connectedCallback() {
     super.connectedCallback();
+    /* v8 ignore else -- @preserve */
     if (!this.start) {
       this.start = this.initialStart;
     }
+    /* v8 ignore else -- @preserve */
     if (!this.end) {
       this.end = this.initialEnd;
     }

package/date-range-picker/index.cjs

@@ -1 +1 @@
-"use strict";const m=require("../bundled/definition3.cjs"),_=require("../bundled/definition9.cjs"),D=require("../bundled/definition10.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/definition13.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();
+"use strict";const m=require("../bundled/definition3.cjs"),_=require("../bundled/definition9.cjs"),D=require("../bundled/definition10.cjs"),P=require("../bundled/definition15.cjs"),n=require("../bundled/vivid-element.cjs"),u=require("../bundled/picker-field.template.cjs"),r=require("../bundled/calendar-picker.template.cjs"),g=require("../bundled/definition14.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();/* v8 ignore else -- @preserve */this.start||(this.start=this.initialStart);/* v8 ignore else -- @preserve */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();

package/date-range-picker/index.js

@@ -1,11 +1,11 @@
 import { b as D } from "../bundled/definition3.js";
 import { p as P } from "../bundled/definition9.js";
 import { t as g } from "../bundled/definition10.js";
-import { d as V } from "../bundled/definition14.js";
+import { d as V } from "../bundled/definition15.js";
 import { a as d, o as c, v as k, c as v, d as C } from "../bundled/vivid-element.js";
 import { P as b, a as y, p as S } from "../bundled/picker-field.template.js";
 import { f as o, p as E, M as F, C as R, i as f, b as h, a as w, c as x } from "../bundled/calendar-picker.template.js";
-import { v as M } from "../bundled/definition13.js";
+import { v as M } from "../bundled/definition14.js";
 const p = (i, t) => `${i} – ${t}`, m = (i, t) => p(
   o(i.start, t),
   o(i.end, t)
@@ -126,7 +126,11 @@ class r extends F(
    * @internal
    */
   connectedCallback() {
-    super.connectedCallback(), this.start || (this.start = this.initialStart), this.end || (this.end = this.initialEnd);
+    super.connectedCallback();
+    /* v8 ignore else -- @preserve */
+    this.start || (this.start = this.initialStart);
+    /* v8 ignore else -- @preserve */
+    this.end || (this.end = this.initialEnd);
   }
   #a() {
     const t = [this.start, this.end].filter(L), e = t.length === 1;

package/date-time-picker/index.cjs

@@ -1,4 +1,4 @@
-"use strict";const P=require("../bundled/definition9.cjs"),D=require("../bundled/definition3.cjs"),k=require("../bundled/definition10.cjs"),v=require("../bundled/definition14.cjs"),p=require("../bundled/picker-field.template.cjs"),i=require("../bundled/calendar-picker.template.cjs"),s=require("../bundled/vivid-element.cjs"),r=require("../bundled/time-selection-picker.template.cjs"),f=require("../bundled/definition13.cjs"),x=require("../bundled/single-value-picker.cjs"),V=require("../bundled/single-date-picker.cjs"),S=".date-time-picker{display:flex;gap:28px;padding-inline-start:12px}.time-picker{padding-block:4px 12px}",c=e=>e.split("T")[0]||"",u=e=>e.split("T")[1]||"",T=e=>{const[t="",n=""]=e.split("T");return i.isValidDateStr(t)&&r.isValidTimeStr(n)},g=(e,t,n,d)=>{const[a,l]=e.split("T");return`${i.formatPresentationDate(a,t)} ${r.formatPresentationTime(l,n,d)}`},M=(e,t,n)=>{const[d,...a]=e.split(" "),l=i.parsePresentationDate(d,t),h=r.parsePresentationTime(a.join(" "),n);return`${l}T${h}`};var y=Object.defineProperty,m=(e,t,n,d)=>{for(var a=void 0,l=e.length-1,h;l>=0;l--)(h=e[l])&&(a=h(t,n,a)||a);return a&&y(t,n,a),a};const _={fromView:e=>e&&T(e)?e:"",toView(e){return e}};class o extends r.TimeSelectionPicker(V.SingleDatePickerMixin(x.SingleValuePicker(i.CalendarPicker(p.PickerField)))){constructor(){super(),this._isValidValue=T,this._textFieldSize="30",this.proxy.type="datetime-local",this.proxy.step="1",this.min="",this.minDate="",this.minTime="",this.max="",this.maxDate="",this.maxTime=""}get _resolvedMinDate(){return this.minDate||c(this.min)}get _resolvedMaxDate(){return this.maxDate||c(this.max)}get _resolvedMinTime(){return this.minTime||this.min&&c(this.min)===this._dateValue()&&u(this.min)||""}get _resolvedMaxTime(){return this.maxTime||this.max&&c(this.max)===this._dateValue()&&u(this.max)||""}_toPresentationValue(t){return g(t,this.locale.calendarPicker,this._displaySeconds,this._use12hClock)}_parsePresentationValue(t){return M(t,this.locale.calendarPicker,this._use12hClock)}_dateValue(){return c(this.value)}_withUpdatedDate(t){return`${t}T${u(this.value)||"00:00:00"}`}get _timeValue(){return u(this.value)}_withUpdatedTime(t){return`${c(this.value)||i.currentDateStr()}T${t}`}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.dateTimePicker.invalidDateTimeError:this._dateValue()&&this._resolvedMinDate&&i.compareDateStr(this._dateValue(),this._resolvedMinDate)<0?this.locale.dateTimePicker.dateBeforeMinDateError(i.formatPresentationDate(this._resolvedMinDate,this.locale.calendarPicker)):this._dateValue()&&this._resolvedMaxDate&&i.compareDateStr(this._dateValue(),this._resolvedMaxDate)>0?this.locale.dateTimePicker.dateAfterMaxDateError(i.formatPresentationDate(this._resolvedMaxDate,this.locale.calendarPicker)):this._timeValue&&this._resolvedMinTime&&r.compareTimeStr(this._timeValue,this._resolvedMinTime)<0?this.locale.dateTimePicker.timeBeforeMinTimeError(r.formatPresentationTime(this._resolvedMinTime,this._displaySeconds,this._use12hClock)):this._timeValue&&this._resolvedMaxTime&&r.compareTimeStr(this._timeValue,this._resolvedMaxTime)>0?this.locale.dateTimePicker.timeAfterMaxTimeError(r.formatPresentationTime(this._resolvedMaxTime,this._displaySeconds,this._use12hClock)):null}get _textFieldPlaceholder(){return`${this.locale.calendarPicker.dateFormatPlaceholder} ${this._timePlaceholder}`}get _pickerButtonLabel(){return this.value?this.locale.dateTimePicker.changeDateTimeLabel(this._toPresentationValue(this.value)):this.locale.dateTimePicker.chooseDateTimeLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll("#inline-time-picker, button, .vwc-button")}get _pickerButtonIcon(){return"calendar-clock-line"}get _dialogLabel(){return this.locale.dateTimePicker.chooseDateTimeLabel}}m([s.attr({converter:_})],o.prototype,"min");m([s.attr({converter:r.ValidTimeFilter,attribute:"min-time"})],o.prototype,"minTime");m([s.attr({converter:i.ValidDateFilter,attribute:"min-date"})],o.prototype,"minDate");m([s.attr({converter:_})],o.prototype,"max");m([s.attr({converter:r.ValidTimeFilter,attribute:"max-time"})],o.prototype,"maxTime");m([s.attr({converter:i.ValidDateFilter,attribute:"max-date"})],o.prototype,"maxDate");const $=e=>p.PickerFieldTemplate(e,s.html`
+"use strict";const P=require("../bundled/definition9.cjs"),D=require("../bundled/definition3.cjs"),k=require("../bundled/definition10.cjs"),v=require("../bundled/definition15.cjs"),p=require("../bundled/picker-field.template.cjs"),i=require("../bundled/calendar-picker.template.cjs"),s=require("../bundled/vivid-element.cjs"),r=require("../bundled/time-selection-picker.template.cjs"),f=require("../bundled/definition14.cjs"),x=require("../bundled/single-value-picker.cjs"),V=require("../bundled/single-date-picker.cjs"),S=".date-time-picker{display:flex;gap:28px;padding-inline-start:12px}.time-picker{padding-block:4px 12px}",c=e=>e.split("T")[0]||"",u=e=>e.split("T")[1]||"",T=e=>{const[t="",n=""]=e.split("T");return i.isValidDateStr(t)&&r.isValidTimeStr(n)},g=(e,t,n,d)=>{const[a,l]=e.split("T");return`${i.formatPresentationDate(a,t)} ${r.formatPresentationTime(l,n,d)}`},M=(e,t,n)=>{const[d,...a]=e.split(" "),l=i.parsePresentationDate(d,t),h=r.parsePresentationTime(a.join(" "),n);return`${l}T${h}`};var y=Object.defineProperty,m=(e,t,n,d)=>{for(var a=void 0,l=e.length-1,h;l>=0;l--)(h=e[l])&&(a=h(t,n,a)||a);return a&&y(t,n,a),a};const _={fromView:e=>e&&T(e)?e:"",toView(e){return e}};class o extends r.TimeSelectionPicker(V.SingleDatePickerMixin(x.SingleValuePicker(i.CalendarPicker(p.PickerField)))){constructor(){super(),this._isValidValue=T,this._textFieldSize="30",this.proxy.type="datetime-local",this.proxy.step="1",this.min="",this.minDate="",this.minTime="",this.max="",this.maxDate="",this.maxTime=""}get _resolvedMinDate(){return this.minDate||c(this.min)}get _resolvedMaxDate(){return this.maxDate||c(this.max)}get _resolvedMinTime(){return this.minTime||this.min&&c(this.min)===this._dateValue()&&u(this.min)||""}get _resolvedMaxTime(){return this.maxTime||this.max&&c(this.max)===this._dateValue()&&u(this.max)||""}_toPresentationValue(t){return g(t,this.locale.calendarPicker,this._displaySeconds,this._use12hClock)}_parsePresentationValue(t){return M(t,this.locale.calendarPicker,this._use12hClock)}_dateValue(){return c(this.value)}_withUpdatedDate(t){return`${t}T${u(this.value)||"00:00:00"}`}get _timeValue(){return u(this.value)}_withUpdatedTime(t){return`${c(this.value)||i.currentDateStr()}T${t}`}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.dateTimePicker.invalidDateTimeError:this._dateValue()&&this._resolvedMinDate&&i.compareDateStr(this._dateValue(),this._resolvedMinDate)<0?this.locale.dateTimePicker.dateBeforeMinDateError(i.formatPresentationDate(this._resolvedMinDate,this.locale.calendarPicker)):this._dateValue()&&this._resolvedMaxDate&&i.compareDateStr(this._dateValue(),this._resolvedMaxDate)>0?this.locale.dateTimePicker.dateAfterMaxDateError(i.formatPresentationDate(this._resolvedMaxDate,this.locale.calendarPicker)):this._timeValue&&this._resolvedMinTime&&r.compareTimeStr(this._timeValue,this._resolvedMinTime)<0?this.locale.dateTimePicker.timeBeforeMinTimeError(r.formatPresentationTime(this._resolvedMinTime,this._displaySeconds,this._use12hClock)):this._timeValue&&this._resolvedMaxTime&&r.compareTimeStr(this._timeValue,this._resolvedMaxTime)>0?this.locale.dateTimePicker.timeAfterMaxTimeError(r.formatPresentationTime(this._resolvedMaxTime,this._displaySeconds,this._use12hClock)):null}get _textFieldPlaceholder(){return`${this.locale.calendarPicker.dateFormatPlaceholder} ${this._timePlaceholder}`}get _pickerButtonLabel(){return this.value?this.locale.dateTimePicker.changeDateTimeLabel(this._toPresentationValue(this.value)):this.locale.dateTimePicker.chooseDateTimeLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll("#inline-time-picker, button, .vwc-button")}get _pickerButtonIcon(){return"calendar-clock-line"}get _dialogLabel(){return this.locale.dateTimePicker.chooseDateTimeLabel}}m([s.attr({converter:_})],o.prototype,"min");m([s.attr({converter:r.ValidTimeFilter,attribute:"min-time"})],o.prototype,"minTime");m([s.attr({converter:i.ValidDateFilter,attribute:"min-date"})],o.prototype,"minDate");m([s.attr({converter:_})],o.prototype,"max");m([s.attr({converter:r.ValidTimeFilter,attribute:"max-time"})],o.prototype,"maxTime");m([s.attr({converter:i.ValidDateFilter,attribute:"max-date"})],o.prototype,"maxDate");const $=e=>p.PickerFieldTemplate(e,s.html`
 			<div class="date-time-picker">
 				${()=>i.CalendarPickerTemplate(e)}
 				<div class="time-picker">

package/date-time-picker/index.js

@@ -1,12 +1,12 @@
 import { p as v } from "../bundled/definition9.js";
 import { b as k } from "../bundled/definition3.js";
 import { t as x } from "../bundled/definition10.js";
-import { d as V } from "../bundled/definition14.js";
+import { d as V } from "../bundled/definition15.js";
 import { P as S, a as g, p as M } from "../bundled/picker-field.template.js";
 import { i as y, f as h, p as b, C as F, d as $, b as u, V as _, a as C, c as E } from "../bundled/calendar-picker.template.js";
 import { a as l, h as w, c as L, d as B } from "../bundled/vivid-element.js";
 import { i as A, f as p, p as j, T as I, c as T, V as P, a as O, b as U } from "../bundled/time-selection-picker.template.js";
-import { v as q } from "../bundled/definition13.js";
+import { v as q } from "../bundled/definition14.js";
 import { S as z } from "../bundled/single-value-picker.js";
 import { S as H } from "../bundled/single-date-picker.js";
 const R = ".date-time-picker{display:flex;gap:28px;padding-inline-start:12px}.time-picker{padding-block:4px 12px}", o = (e) => e.split("T")[0] || "", d = (e) => e.split("T")[1] || "", f = (e) => {

package/dial-pad/definition.cjs

@@ -37,6 +37,21 @@ class DialPad extends localized.Localized(vividElement.VividElement) {
     this.endCallButtonLabel = null;
     this.callButtonLabel = null;
     this.deleteAriaLabel = null;
+    /**
+     * Long-press handling for digit '0' to insert '+'
+     * @internal
+     */
+    this._longPressTimeoutId = null;
+    /**
+     * Suppresses the next click handler after a long press has already handled input
+     * @internal
+     */
+    this._suppressNextClick = false;
+    /**
+     * Tracks if long press completed for keyboard events
+     * @internal
+     */
+    this._keyboardLongPressCompleted = false;
     /**
      *
      * @internal
@@ -65,6 +80,70 @@ class DialPad extends localized.Localized(vividElement.VividElement) {
       this._textFieldEl.reportValidity();
     }
   }
+  /**
+   * @internal
+   */
+  _startLongPress(digit, event) {
+    if (this.disabled || this.callActive || digit !== "0") return;
+    this._clearLongPressTimer();
+    const target = event.currentTarget;
+    this._longPressTimeoutId = window.setTimeout(() => {
+      this._suppressNextClick = true;
+      this.value += "+";
+      this.$emit("keypad-click", target);
+      this.$emit("input");
+      this.$emit("change");
+    }, 600);
+  }
+  /**
+   * @internal
+   */
+  _startKeyboardLongPress() {
+    if (this.disabled || this.callActive) return;
+    if (this._longPressTimeoutId !== null) return;
+    this._keyboardLongPressCompleted = false;
+    this._longPressTimeoutId = window.setTimeout(() => {
+      this._keyboardLongPressCompleted = true;
+      this.value += "+";
+      this.$emit("input");
+      this.$emit("change");
+    }, 650);
+  }
+  /**
+   * @internal
+   */
+  _endLongPress() {
+    this._clearLongPressTimer();
+    window.setTimeout(() => {
+      if (this._suppressNextClick) {
+        this._suppressNextClick = false;
+      }
+    }, 0);
+  }
+  /**
+   * @internal
+   * @returns true if long press completed (timer fired), false otherwise
+   */
+  _endKeyboardLongPress() {
+    const wasLongPress = this._keyboardLongPressCompleted;
+    this._clearLongPressTimer();
+    window.setTimeout(() => {
+      this._keyboardLongPressCompleted = false;
+    }, 0);
+    return wasLongPress;
+  }
+  /**
+   * @internal
+   */
+  _cancelLongPress() {
+    this._clearLongPressTimer();
+  }
+  _clearLongPressTimer() {
+    if (this._longPressTimeoutId !== null) {
+      clearTimeout(this._longPressTimeoutId);
+      this._longPressTimeoutId = null;
+    }
+  }
   /**
    * Moves focus into the diapl-pad.
    *
@@ -179,10 +258,20 @@ const getClasses = ({ noInput }) => fastWebUtilities.classNames("base", ["no-inp
 function handleKeyDown(x, e) {
   if (e.key === fastWebUtilities.keyEnter && !x.pending && !x.disabled && !x.callActive && !x.noCall && x.value.length > 0 && e.target instanceof HTMLInputElement) {
     x._onDial();
+  } else if (e.key === " " || e.key === "Space") {
+    /* v8 ignore else -- @preserve */
+    if (e.target instanceof HTMLInputElement) {
+      e.preventDefault();
+      /* v8 ignore else -- @preserve */
+      if (!e.repeat) {
+        x._startKeyboardLongPress();
+      }
+    }
   } else {
     const elementIndex = DIAL_PAD_BUTTONS.findIndex((x2) => x2.value === e.key);
     if (elementIndex > -1) {
       const digit = x.shadowRoot.querySelector(".digits").children[elementIndex];
+      /* v8 ignore else -- @preserve */
       if (digit) {
         digit.active = true;
         setTimeout(() => {
@@ -193,6 +282,48 @@ function handleKeyDown(x, e) {
   }
   return true;
 }
+function handleKeyUp(x, e) {
+  /* v8 ignore else -- @preserve */
+  if (e.key === " " || e.key === "Space") {
+    /* v8 ignore else -- @preserve */
+    if (e.target instanceof HTMLInputElement) {
+      e.preventDefault();
+      const wasLongPress = x._endKeyboardLongPress();
+      if (!wasLongPress && !x.disabled && !x.callActive) {
+        x.value += " ";
+        x.$emit("input");
+        x.$emit("change");
+      }
+    }
+  }
+  return true;
+}
+function handleButtonKeyDown(digit, { parent: dialPad, event }) {
+  /* v8 ignore else -- @preserve */
+  if ((event.key === " " || event.key === "Space") && digit.value === "0") {
+    event.preventDefault();
+    /* v8 ignore else -- @preserve */
+    if (!event.repeat) {
+      dialPad._startKeyboardLongPress();
+    }
+  }
+  return true;
+}
+function handleButtonKeyUp(digit, { parent: dialPad, event }) {
+  /* v8 ignore else -- @preserve */
+  if ((event.key === " " || event.key === "Space") && digit.value === "0") {
+    event.preventDefault();
+    const wasLongPress = dialPad._endKeyboardLongPress();
+    /* v8 ignore else -- @preserve */
+    if (!wasLongPress && !dialPad.disabled && !dialPad.callActive) {
+      onDigitClick(digit, {
+        parent: dialPad,
+        event: new MouseEvent("click", { bubbles: true })
+      });
+    }
+  }
+  return true;
+}
 function syncFieldAndPadValues(x) {
   x.value = x._textFieldEl.value;
 }
@@ -215,6 +346,7 @@ function renderTextField(textFieldTag, buttonTag) {
             ?disabled="${(x) => x.disabled}" helper-text="${(x) => x.helperText}" pattern="${(x) => x.pattern}"
             aria-label="${(x) => x.locale.dialPad.inputLabel}"
             @keydown="${(x, c) => handleKeyDown(x, c.event)}"
+            @keyup="${(x, c) => handleKeyUp(x, c.event)}"
             @input="${syncFieldAndPadValues}"
 			@change="${syncFieldAndPadValues}"
 			@focus="${stopPropagation}"
@@ -236,6 +368,10 @@ function renderTextField(textFieldTag, buttonTag) {
         </${textFieldTag}>`;
 }
 function onDigitClick(digit, { parent: dialPad, event }) {
+  if (dialPad._suppressNextClick) {
+    dialPad._suppressNextClick = false;
+    return;
+  }
   dialPad.value += digit.value;
   dialPad.$emit("keypad-click", event.currentTarget);
   dialPad.$emit("input");
@@ -258,6 +394,18 @@ function renderDigits(buttonTag, iconTag) {
 						?autofocus="${(_, c) => c.parent.autofocus && c.parent.noInput && c.index === 0}"
 					  aria-label="${(x, c) => c.parent.locale.dialPad[x.ariaLabel]}"
 					  ?disabled="${(_, c) => c.parent.disabled}"
+					  @pointerdown="${(x, c) => c.parent._startLongPress(x.value, c.event)}"
+					  @pointerup="${(_, c) => c.parent._endLongPress()}"
+					  @pointercancel="${(_, c) => c.parent._cancelLongPress()}"
+					  @pointerleave="${(_, c) => c.parent._cancelLongPress()}"
+					  @keydown="${(x, c) => handleButtonKeyDown(x, {
+      parent: c.parent,
+      event: c.event
+    })}"
+					  @keyup="${(x, c) => handleButtonKeyUp(x, {
+      parent: c.parent,
+      event: c.event
+    })}"
 					  @click="${onDigitClick}">
 					  	<${iconTag} slot="icon"
 									name="${(x) => x.icon}"

package/dial-pad/definition.js

@@ -33,6 +33,21 @@ class DialPad extends Localized(VividElement) {
     this.endCallButtonLabel = null;
     this.callButtonLabel = null;
     this.deleteAriaLabel = null;
+    /**
+     * Long-press handling for digit '0' to insert '+'
+     * @internal
+     */
+    this._longPressTimeoutId = null;
+    /**
+     * Suppresses the next click handler after a long press has already handled input
+     * @internal
+     */
+    this._suppressNextClick = false;
+    /**
+     * Tracks if long press completed for keyboard events
+     * @internal
+     */
+    this._keyboardLongPressCompleted = false;
     /**
      *
      * @internal
@@ -61,6 +76,70 @@ class DialPad extends Localized(VividElement) {
       this._textFieldEl.reportValidity();
     }
   }
+  /**
+   * @internal
+   */
+  _startLongPress(digit, event) {
+    if (this.disabled || this.callActive || digit !== "0") return;
+    this._clearLongPressTimer();
+    const target = event.currentTarget;
+    this._longPressTimeoutId = window.setTimeout(() => {
+      this._suppressNextClick = true;
+      this.value += "+";
+      this.$emit("keypad-click", target);
+      this.$emit("input");
+      this.$emit("change");
+    }, 600);
+  }
+  /**
+   * @internal
+   */
+  _startKeyboardLongPress() {
+    if (this.disabled || this.callActive) return;
+    if (this._longPressTimeoutId !== null) return;
+    this._keyboardLongPressCompleted = false;
+    this._longPressTimeoutId = window.setTimeout(() => {
+      this._keyboardLongPressCompleted = true;
+      this.value += "+";
+      this.$emit("input");
+      this.$emit("change");
+    }, 650);
+  }
+  /**
+   * @internal
+   */
+  _endLongPress() {
+    this._clearLongPressTimer();
+    window.setTimeout(() => {
+      if (this._suppressNextClick) {
+        this._suppressNextClick = false;
+      }
+    }, 0);
+  }
+  /**
+   * @internal
+   * @returns true if long press completed (timer fired), false otherwise
+   */
+  _endKeyboardLongPress() {
+    const wasLongPress = this._keyboardLongPressCompleted;
+    this._clearLongPressTimer();
+    window.setTimeout(() => {
+      this._keyboardLongPressCompleted = false;
+    }, 0);
+    return wasLongPress;
+  }
+  /**
+   * @internal
+   */
+  _cancelLongPress() {
+    this._clearLongPressTimer();
+  }
+  _clearLongPressTimer() {
+    if (this._longPressTimeoutId !== null) {
+      clearTimeout(this._longPressTimeoutId);
+      this._longPressTimeoutId = null;
+    }
+  }
   /**
    * Moves focus into the diapl-pad.
    *
@@ -175,10 +254,20 @@ const getClasses = ({ noInput }) => classNames("base", ["no-input", Boolean(noIn
 function handleKeyDown(x, e) {
   if (e.key === keyEnter && !x.pending && !x.disabled && !x.callActive && !x.noCall && x.value.length > 0 && e.target instanceof HTMLInputElement) {
     x._onDial();
+  } else if (e.key === " " || e.key === "Space") {
+    /* v8 ignore else -- @preserve */
+    if (e.target instanceof HTMLInputElement) {
+      e.preventDefault();
+      /* v8 ignore else -- @preserve */
+      if (!e.repeat) {
+        x._startKeyboardLongPress();
+      }
+    }
   } else {
     const elementIndex = DIAL_PAD_BUTTONS.findIndex((x2) => x2.value === e.key);
     if (elementIndex > -1) {
       const digit = x.shadowRoot.querySelector(".digits").children[elementIndex];
+      /* v8 ignore else -- @preserve */
       if (digit) {
         digit.active = true;
         setTimeout(() => {
@@ -189,6 +278,48 @@ function handleKeyDown(x, e) {
   }
   return true;
 }
+function handleKeyUp(x, e) {
+  /* v8 ignore else -- @preserve */
+  if (e.key === " " || e.key === "Space") {
+    /* v8 ignore else -- @preserve */
+    if (e.target instanceof HTMLInputElement) {
+      e.preventDefault();
+      const wasLongPress = x._endKeyboardLongPress();
+      if (!wasLongPress && !x.disabled && !x.callActive) {
+        x.value += " ";
+        x.$emit("input");
+        x.$emit("change");
+      }
+    }
+  }
+  return true;
+}
+function handleButtonKeyDown(digit, { parent: dialPad, event }) {
+  /* v8 ignore else -- @preserve */
+  if ((event.key === " " || event.key === "Space") && digit.value === "0") {
+    event.preventDefault();
+    /* v8 ignore else -- @preserve */
+    if (!event.repeat) {
+      dialPad._startKeyboardLongPress();
+    }
+  }
+  return true;
+}
+function handleButtonKeyUp(digit, { parent: dialPad, event }) {
+  /* v8 ignore else -- @preserve */
+  if ((event.key === " " || event.key === "Space") && digit.value === "0") {
+    event.preventDefault();
+    const wasLongPress = dialPad._endKeyboardLongPress();
+    /* v8 ignore else -- @preserve */
+    if (!wasLongPress && !dialPad.disabled && !dialPad.callActive) {
+      onDigitClick(digit, {
+        parent: dialPad,
+        event: new MouseEvent("click", { bubbles: true })
+      });
+    }
+  }
+  return true;
+}
 function syncFieldAndPadValues(x) {
   x.value = x._textFieldEl.value;
 }
@@ -211,6 +342,7 @@ function renderTextField(textFieldTag, buttonTag) {
             ?disabled="${(x) => x.disabled}" helper-text="${(x) => x.helperText}" pattern="${(x) => x.pattern}"
             aria-label="${(x) => x.locale.dialPad.inputLabel}"
             @keydown="${(x, c) => handleKeyDown(x, c.event)}"
+            @keyup="${(x, c) => handleKeyUp(x, c.event)}"
             @input="${syncFieldAndPadValues}"
 			@change="${syncFieldAndPadValues}"
 			@focus="${stopPropagation}"
@@ -232,6 +364,10 @@ function renderTextField(textFieldTag, buttonTag) {
         </${textFieldTag}>`;
 }
 function onDigitClick(digit, { parent: dialPad, event }) {
+  if (dialPad._suppressNextClick) {
+    dialPad._suppressNextClick = false;
+    return;
+  }
   dialPad.value += digit.value;
   dialPad.$emit("keypad-click", event.currentTarget);
   dialPad.$emit("input");
@@ -254,6 +390,18 @@ function renderDigits(buttonTag, iconTag) {
 						?autofocus="${(_, c) => c.parent.autofocus && c.parent.noInput && c.index === 0}"
 					  aria-label="${(x, c) => c.parent.locale.dialPad[x.ariaLabel]}"
 					  ?disabled="${(_, c) => c.parent.disabled}"
+					  @pointerdown="${(x, c) => c.parent._startLongPress(x.value, c.event)}"
+					  @pointerup="${(_, c) => c.parent._endLongPress()}"
+					  @pointercancel="${(_, c) => c.parent._cancelLongPress()}"
+					  @pointerleave="${(_, c) => c.parent._cancelLongPress()}"
+					  @keydown="${(x, c) => handleButtonKeyDown(x, {
+      parent: c.parent,
+      event: c.event
+    })}"
+					  @keyup="${(x, c) => handleButtonKeyUp(x, {
+      parent: c.parent,
+      event: c.event
+    })}"
 					  @click="${onDigitClick}">
 					  	<${iconTag} slot="icon"
 									name="${(x) => x.icon}"