@vonage/vivid 3.53.0 → 3.55.0

package/custom-elements.json

@@ -840,6 +840,10 @@
               "name": "--vvd-appearanceUI-cta-fierce",
               "default": "var(--vvd-color-cta-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-cta-fierce-primary",
+              "default": "var(--vvd-color-cta-700)"
+            },
             {
               "name": "--vvd-appearanceUI-cta-contrast",
               "default": "var(--vvd-color-cta-800)"
@@ -892,6 +896,10 @@
               "name": "--vvd-appearanceUI-success-fierce",
               "default": "var(--vvd-color-success-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-success-fierce-primary",
+              "default": "var(--vvd-color-success-700)"
+            },
             {
               "name": "--vvd-appearanceUI-success-contrast",
               "default": "var(--vvd-color-success-800)"
@@ -944,6 +952,10 @@
               "name": "--vvd-appearanceUI-alert-fierce",
               "default": "var(--vvd-color-alert-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-alert-fierce-primary",
+              "default": "var(--vvd-color-alert-700)"
+            },
             {
               "name": "--vvd-appearanceUI-alert-contrast",
               "default": "var(--vvd-color-alert-800)"
@@ -996,6 +1008,10 @@
               "name": "--vvd-appearanceUI-warning-fierce",
               "default": "var(--vvd-color-warning-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-warning-fierce-primary",
+              "default": "var(--vvd-color-warning-300)"
+            },
             {
               "name": "--vvd-appearanceUI-warning-contrast",
               "default": "var(--vvd-color-warning-800)"
@@ -1048,6 +1064,10 @@
               "name": "--vvd-appearanceUI-information-fierce",
               "default": "var(--vvd-color-information-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-information-fierce-primary",
+              "default": "var(--vvd-color-information-700)"
+            },
             {
               "name": "--vvd-appearanceUI-information-contrast",
               "default": "var(--vvd-color-information-800)"
@@ -1100,6 +1120,10 @@
               "name": "--vvd-appearanceUI-announcement-fierce",
               "default": "var(--vvd-color-announcement-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-announcement-fierce-primary",
+              "default": "var(--vvd-color-announcement-700)"
+            },
             {
               "name": "--vvd-appearanceUI-announcement-contrast",
               "default": "var(--vvd-color-announcement-800)"
@@ -1152,6 +1176,10 @@
               "name": "--vvd-appearanceUI-accent-fierce",
               "default": "var(--vvd-color-neutral-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-accent-fierce-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-appearanceUI-accent-contrast",
               "default": "var(--vvd-color-neutral-800)"
@@ -1386,6 +1414,22 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "skipForwardButtonAriaLabel",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "skipBackwardButtonAriaLabel",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "connotation",
@@ -1423,6 +1467,15 @@
               "default": "false",
               "privacy": "public",
               "description": ""
+            },
+            {
+              "kind": "field",
+              "name": "skipBy",
+              "type": {
+                "text": "MediaSkipBy | undefined"
+              },
+              "description": "Allows the audio to skip back or forward",
+              "privacy": "public"
             }
           ],
           "attributes": [
@@ -1450,6 +1503,22 @@
               "default": "null",
               "fieldName": "sliderAriaLabel"
             },
+            {
+              "name": "skip-forward-aria-label",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "fieldName": "skipForwardButtonAriaLabel"
+            },
+            {
+              "name": "skip-backward-aria-label",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "fieldName": "skipBackwardButtonAriaLabel"
+            },
             {
               "name": "connotation",
               "type": {
@@ -1480,6 +1549,14 @@
               },
               "default": "false",
               "fieldName": "notime"
+            },
+            {
+              "name": "skip-by",
+              "type": {
+                "text": "MediaSkipBy | undefined"
+              },
+              "description": "Allows the audio to skip back or forward",
+              "fieldName": "skipBy"
             }
           ],
           "superclass": {
@@ -4050,20 +4127,6 @@
           "kind": "class",
           "description": "",
           "name": "Combobox",
-          "cssProperties": [
-            {
-              "name": "--vvd-combobox-accent-intermediate",
-              "default": "var(--vvd-color-neutral-500)"
-            },
-            {
-              "name": "--vvd-combobox-accent-primary",
-              "default": "var(--vvd-color-canvas-text)"
-            },
-            {
-              "name": "--vvd-combobox-accent-soft",
-              "default": "var(--vvd-color-neutral-100)"
-            }
-          ],
           "slots": [
             {
               "description": "Default slot.",
@@ -4079,6 +4142,16 @@
               },
               "description": "the placement of the combobox\n\nHTML Attribute: string"
             },
+            {
+              "kind": "field",
+              "name": "fixedDropdown",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the dropdown is using a fixed positioning strategy.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "_popup",
@@ -4102,6 +4175,15 @@
               },
               "description": "the placement of the combobox\n\nHTML Attribute: string",
               "fieldName": "placement"
+            },
+            {
+              "name": "fixed-dropdown",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the dropdown is using a fixed positioning strategy.",
+              "fieldName": "fixedDropdown"
             }
           ],
           "superclass": {
@@ -5885,6 +5967,16 @@
               "description": "Indicates the disabled state of the dial-pad.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "pending",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the pending state of the dial-pad.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "callActive",
@@ -5904,6 +5996,36 @@
               "default": "false",
               "description": "Indicates the no-call state of the dial-pad.",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "noInput",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the no-input state of the dial-pad.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "endCallButtonLabel",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "privacy": "public",
+              "description": ""
+            },
+            {
+              "kind": "field",
+              "name": "callButtonLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "privacy": "public",
+              "description": ""
             }
           ],
           "events": [
@@ -5979,6 +6101,14 @@
               "description": "Indicates the disabled state of the dial-pad.",
               "fieldName": "disabled"
             },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the pending state of the dial-pad.",
+              "fieldName": "pending"
+            },
             {
               "name": "call-active",
               "type": {
@@ -5996,6 +6126,31 @@
               "default": "false",
               "description": "Indicates the no-call state of the dial-pad.",
               "fieldName": "noCall"
+            },
+            {
+              "name": "no-input",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the no-input state of the dial-pad.",
+              "fieldName": "noInput"
+            },
+            {
+              "name": "end-call-button-label",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "fieldName": "endCallButtonLabel"
+            },
+            {
+              "name": "call-button-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "callButtonLabel"
             }
           ],
           "superclass": {
@@ -7457,7 +7612,7 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+                "text": "| -6\n\t\t| -5\n\t\t| -4\n\t\t| -3\n\t\t| -2\n\t\t| -1\n\t\t| 0\n\t\t| 1\n\t\t| 2\n\t\t| 3\n\t\t| 4\n\t\t| 5 | undefined"
               }
             },
             {
@@ -7498,9 +7653,8 @@
               "fieldName": "connotation"
             },
             {
-              "name": "size",
               "type": {
-                "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+                "text": "| -6\n\t\t| -5\n\t\t| -4\n\t\t| -3\n\t\t| -2\n\t\t| -1\n\t\t| 0\n\t\t| 1\n\t\t| 2\n\t\t| 3\n\t\t| 4\n\t\t| 5 | undefined"
               },
               "fieldName": "size"
             },
@@ -8018,6 +8172,24 @@
               "description": "placement of the menu",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "trigger",
+              "type": {
+                "text": "'auto' | 'legacy' | 'off' | undefined"
+              },
+              "description": "Controls how the menu opens and closes itself.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "#triggerBehaviour",
+              "privacy": "private",
+              "type": {
+                "text": "'auto' | 'legacy' | 'off'"
+              },
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "autoDismiss",
@@ -8025,22 +8197,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "indicates whether the menu will automatically close when\nthe user clicks outside the menu",
+              "description": "indicates whether the menu will automatically close when focus moves away from it.",
               "privacy": "public"
             },
-            {
-              "kind": "method",
-              "name": "autoDismissChanged",
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
             {
               "kind": "field",
               "name": "open",
@@ -8112,29 +8271,12 @@
             },
             {
               "kind": "field",
-              "name": "#openIfClosed",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#updateClickOutsideListeners",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#wasOpenBeforeClick",
-              "privacy": "private",
-              "default": "new WeakMap<Event, boolean>()"
-            },
-            {
-              "kind": "field",
-              "name": "#onClickOutsideCapture",
+              "name": "#onAnchorClick",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#onClickOutside",
-              "privacy": "private"
+              "name": "_onFocusout"
             },
             {
               "kind": "field",
@@ -8146,6 +8288,10 @@
             {
               "kind": "field",
               "name": "handleFocusOut"
+            },
+            {
+              "kind": "field",
+              "name": "domChildren"
             }
           ],
           "events": [
@@ -8175,13 +8321,21 @@
               "description": "placement of the menu",
               "fieldName": "placement"
             },
+            {
+              "name": "trigger",
+              "type": {
+                "text": "'auto' | 'legacy' | 'off' | undefined"
+              },
+              "description": "Controls how the menu opens and closes itself.",
+              "fieldName": "trigger"
+            },
             {
               "name": "auto-dismiss",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "indicates whether the menu will automatically close when\nthe user clicks outside the menu",
+              "description": "indicates whether the menu will automatically close when focus moves away from it.",
               "fieldName": "autoDismiss"
             },
             {
@@ -8642,6 +8796,42 @@
           "description": "",
           "name": "NavDisclosure",
           "cssProperties": [
+            {
+              "name": "--vvd-nav-disclosure-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-primary-increment",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-contrast",
+              "default": "var(--vvd-color-cta-800)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-fierce",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-fierce-primary",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-faint",
+              "default": "var(--vvd-color-cta-50)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
+            },
             {
               "name": "--vvd-nav-disclosure-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -8654,10 +8844,26 @@
               "name": "--vvd-nav-disclosure-accent-primary-increment",
               "default": "var(--vvd-color-neutral-800)"
             },
+            {
+              "name": "--vvd-nav-disclosure-accent-contrast",
+              "default": "var(--vvd-color-neutral-800)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-accent-fierce-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-nav-disclosure-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
             },
+            {
+              "name": "--vvd-nav-disclosure-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-nav-disclosure-accent-soft",
               "default": "var(--vvd-color-neutral-100)"
@@ -8694,6 +8900,24 @@
               "privacy": "public",
               "description": ""
             },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "NavDisclosureAppearance | undefined"
+              },
+              "description": "The appearance nav-disclosure should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "NavDisclosureConnotation | undefined"
+              },
+              "description": "The connotation nav-disclosure should have.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "open",
@@ -8732,6 +8956,22 @@
               },
               "fieldName": "label"
             },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "NavDisclosureAppearance | undefined"
+              },
+              "description": "The appearance nav-disclosure should have.",
+              "fieldName": "appearance"
+            },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "NavDisclosureConnotation | undefined"
+              },
+              "description": "The connotation nav-disclosure should have.",
+              "fieldName": "connotation"
+            },
             {
               "type": {
                 "text": "boolean"
@@ -8819,6 +9059,42 @@
           "description": "A Nav Item Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
           "name": "NavItem",
           "cssProperties": [
+            {
+              "name": "--vvd-nav-item-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-primary-increment",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-contrast",
+              "default": "var(--vvd-color-cta-800)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-fierce",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-fierce-primary",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-faint",
+              "default": "var(--vvd-color-cta-50)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
+            },
             {
               "name": "--vvd-nav-item-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -8831,10 +9107,26 @@
               "name": "--vvd-nav-item-accent-primary-increment",
               "default": "var(--vvd-color-neutral-800)"
             },
+            {
+              "name": "--vvd-nav-item-accent-contrast",
+              "default": "var(--vvd-color-neutral-800)"
+            },
+            {
+              "name": "--vvd-nav-item-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
+            {
+              "name": "--vvd-nav-item-accent-fierce-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-nav-item-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
             },
+            {
+              "name": "--vvd-nav-item-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-nav-item-accent-soft",
               "default": "var(--vvd-color-neutral-100)"
@@ -10671,10 +10963,7 @@
                 },
                 {
                   "name": "emitEvents",
-                  "default": "true",
-                  "type": {
-                    "text": "boolean"
-                  }
+                  "default": "true"
                 }
               ]
             },
@@ -11129,6 +11418,14 @@
               "name": "--vvd-select-accent-intermediate",
               "default": "var(--vvd-color-neutral-500)"
             },
+            {
+              "name": "--vvd-select-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-select-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
             {
               "name": "--vvd-select-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
@@ -14073,9 +14370,33 @@
                 "text": "Reflector<this, HTMLInputElement> | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "#helperTextMirrorEl",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#helperTextSlotMutationObserver",
+              "privacy": "private",
+              "type": {
+                "text": "MutationObserver | undefined"
+              }
+            },
             {
               "kind": "method",
               "name": "focus"
+            },
+            {
+              "kind": "method",
+              "name": "#updateHelperTextMutationObserver"
+            },
+            {
+              "kind": "method",
+              "name": "#updateMirroredHelperText"
             }
           ],
           "attributes": [
@@ -15369,6 +15690,26 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/video-player/vivid-video-svg.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "renderSvgIcons"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "renderSvgIcons",
+          "declaration": {
+            "name": "renderSvgIcons",
+            "module": "libs/components/src/lib/video-player/vivid-video-svg.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/range-slider/utils/lerp.ts",