@vonage/vivid 4.16.2 → 4.17.0

package/shared/patterns/trapped-focus.d.ts

@@ -1,4 +1,6 @@
 export declare class TrappedFocus {
+    private static ignoredEvents;
+    static ignoreEvent(event: Event): void;
 }
 export interface TrappedFocus extends HTMLElement {
 }

package/shared/presentationDate.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
 const definition$1 = require('./definition11.cjs');
-const definition = require('./definition63.cjs');
-const textField = require('./text-field2.cjs');
+const definition = require('./definition64.cjs');
+const textField = require('./text-field.cjs');
 const definition$2 = require('./definition22.cjs');
-const vividElement = require('./vivid-element.cjs');
 const ref = require('./ref.cjs');
 const slotted = require('./slotted.cjs');
 const repeat = require('./repeat.cjs');
 const when = require('./when.cjs');
+const vividElement = require('./vivid-element.cjs');
 const classNames = require('./class-names.cjs');
 const applyMixinsWithObservables = require('./applyMixinsWithObservables.cjs');
 const index = require('./index.cjs');
@@ -1539,8 +1539,6 @@ const lightFormatters = {
 };
 
 const dayPeriodEnum = {
-  am: "am",
-  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -5480,7 +5478,7 @@ function cleanEscapedString(input) {
   return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
 }
 
-const formatDateStr = (date) => formatISO(date, { representation: "date" });
+const formatDateStr = (date) => formatISO(date, { });
 const currentDateStr = (now = /* @__PURE__ */ new Date()) => formatDateStr(now);
 const parseDateStr = (dateStr) => {
   const [year, month, day] = dateStr.split("-");
@@ -6395,7 +6393,7 @@ class DatePickerBase extends FormAssociatedDatePickerBase {
   _onMonthKeydown(month, event) {
     let newMonth = null;
     if (event.key === "ArrowUp") {
-      newMonth = addMonths(month, -MonthsPerRow);
+      newMonth = addMonths(month, -4);
     } else if (event.key === "ArrowDown") {
       newMonth = addMonths(month, MonthsPerRow);
     } else if (event.key === "ArrowLeft") {

package/shared/presentationDate.js

@@ -1,12 +1,12 @@
 import { B as Button } from './definition11.js';
-import { P as Popup } from './definition63.js';
-import { T as TextField } from './text-field2.js';
+import { P as Popup } from './definition64.js';
+import { T as TextField } from './text-field.js';
 import { D as Divider } from './definition22.js';
-import { h as html, V as VividElement, O as Observable, i as defaultExecutionContext, D as DOM, a as attr, o as observable, v as volatile } from './vivid-element.js';
 import { r as ref } from './ref.js';
 import { s as slotted } from './slotted.js';
 import { r as repeat } from './repeat.js';
 import { w as when } from './when.js';
+import { h as html, V as VividElement, O as Observable, i as defaultExecutionContext, D as DOM, a as attr, o as observable, v as volatile } from './vivid-element.js';
 import { c as classNames } from './class-names.js';
 import { a as applyMixinsWithObservables } from './applyMixinsWithObservables.js';
 import { h as handleEscapeKeyAndStopPropogation } from './index.js';
@@ -1537,8 +1537,6 @@ const lightFormatters = {
 };
 
 const dayPeriodEnum = {
-  am: "am",
-  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -5478,7 +5476,7 @@ function cleanEscapedString(input) {
   return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
 }
 
-const formatDateStr = (date) => formatISO(date, { representation: "date" });
+const formatDateStr = (date) => formatISO(date, { });
 const currentDateStr = (now = /* @__PURE__ */ new Date()) => formatDateStr(now);
 const parseDateStr = (dateStr) => {
   const [year, month, day] = dateStr.split("-");
@@ -6393,7 +6391,7 @@ class DatePickerBase extends FormAssociatedDatePickerBase {
   _onMonthKeydown(month, event) {
     let newMonth = null;
     if (event.key === "ArrowUp") {
-      newMonth = addMonths(month, -MonthsPerRow);
+      newMonth = addMonths(month, -4);
     } else if (event.key === "ArrowDown") {
       newMonth = addMonths(month, MonthsPerRow);
     } else if (event.key === "ArrowLeft") {

package/shared/slider.template.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
 const numbers = require('./numbers.cjs');
-const definition = require('./definition63.cjs');
-const vividElement = require('./vivid-element.cjs');
+const definition = require('./definition64.cjs');
+const classNames = require('./class-names.cjs');
 const ref = require('./ref.cjs');
-const aria = require('./aria.cjs');
 const when = require('./when.cjs');
-const classNames = require('./class-names.cjs');
+const aria = require('./aria.cjs');
+const vividElement = require('./vivid-element.cjs');
 
 const getDecimalPlaces = (num) => {
   const match = num.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);

package/shared/slider.template.js

@@ -1,10 +1,10 @@
 import { l as limit } from './numbers.js';
-import { P as Popup, a as PlacementStrategy } from './definition63.js';
-import { h as html } from './vivid-element.js';
+import { P as Popup, a as PlacementStrategy } from './definition64.js';
+import { c as classNames } from './class-names.js';
 import { r as ref } from './ref.js';
-import { O as Orientation } from './aria.js';
 import { w as when } from './when.js';
-import { c as classNames } from './class-names.js';
+import { O as Orientation } from './aria.js';
+import { h as html } from './vivid-element.js';
 
 const getDecimalPlaces = (num) => {
   const match = num.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);

package/shared/text-anchor.template.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
 const affix = require('./affix.cjs');
-const vividElement = require('./vivid-element.cjs');
-const ref = require('./ref.cjs');
 const classNames = require('./class-names.cjs');
+const ref = require('./ref.cjs');
+const vividElement = require('./vivid-element.cjs');
 
 const getClasses = ({ text, connotation, appearance }) => classNames.classNames(
   "control",

package/shared/text-anchor.template.js

@@ -1,7 +1,7 @@
 import { a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';
-import { h as html } from './vivid-element.js';
-import { r as ref } from './ref.js';
 import { c as classNames } from './class-names.js';
+import { r as ref } from './ref.js';
+import { h as html } from './vivid-element.js';
 
 const getClasses = ({ text, connotation, appearance }) => classNames(
   "control",