@vonage/vivid 5.4.0 → 5.6.0

package/unbundled/time-selection-picker.template.cjs

@@ -6,6 +6,7 @@ const pickerField_template = require('./picker-field.template.cjs');
 const singleValuePicker = require('./single-value-picker.cjs');
 const fastWebUtilities = require('@microsoft/fast-web-utilities');
 const scrollIntoView = require('./scrollIntoView.cjs');
+const trappedFocus = require('./trapped-focus.cjs');
 const localized = require('./localized.cjs');
 
 const isValidTimeStr = (timeStr) => {
@@ -194,6 +195,7 @@ const MeridiesColumn = {
     if (x.value) {
       const { hours, minuteStr, secondStr } = parseTimeStr(x.value);
       let adjustedHours = hours;
+      /* v8 ignore else -- @preserve */
       if (optionValue === "AM" && hours >= 12) {
         adjustedHours -= 12;
       } else if (optionValue === "PM" && hours < 12) {
@@ -261,7 +263,7 @@ const onBaseKeyDown = (x, event) => {
     const focusableElements = x.shadowRoot.querySelectorAll(".picker");
     const terminalElement = event.shiftKey ? focusableElements[0] : focusableElements[focusableElements.length - 1];
     if (x.shadowRoot.activeElement !== terminalElement) {
-      pickerField_template.ignoreEventInFocusTraps(event);
+      trappedFocus.ignoreEventInFocusTraps(event);
     }
     x._applyFocusedClass();
   }
@@ -703,6 +705,7 @@ class TimePicker extends TimeSelectionPicker(
    * @internal
    */
   minChanged(_, newMin) {
+    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.min = newMin;
       this.validate();
@@ -712,6 +715,7 @@ class TimePicker extends TimeSelectionPicker(
    * @internal
    */
   maxChanged(_, newMax) {
+    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.max = newMax;
       this.validate();

package/unbundled/time-selection-picker.template.js

@@ -1,9 +1,10 @@
 import { V as VividElement, d as defineVividComponent } from './vivid-element.js';
 import { when, html, repeat, observable, attr, nullableNumberConverter, Observable, ExecutionContext, Updates, volatile, ref } from '@microsoft/fast-element';
-import { i as ignoreEventInFocusTraps, a as PickerField } from './picker-field.template.js';
+import { a as PickerField } from './picker-field.template.js';
 import { S as SingleValuePicker } from './single-value-picker.js';
 import { classNames } from '@microsoft/fast-web-utilities';
 import { s as scrollIntoView } from './scrollIntoView.js';
+import { i as ignoreEventInFocusTraps } from './trapped-focus.js';
 import { L as Localized } from './localized.js';
 
 const isValidTimeStr = (timeStr) => {
@@ -192,6 +193,7 @@ const MeridiesColumn = {
     if (x.value) {
       const { hours, minuteStr, secondStr } = parseTimeStr(x.value);
       let adjustedHours = hours;
+      /* v8 ignore else -- @preserve */
       if (optionValue === "AM" && hours >= 12) {
         adjustedHours -= 12;
       } else if (optionValue === "PM" && hours < 12) {
@@ -701,6 +703,7 @@ class TimePicker extends TimeSelectionPicker(
    * @internal
    */
   minChanged(_, newMin) {
+    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.min = newMin;
       this.validate();
@@ -710,6 +713,7 @@ class TimePicker extends TimeSelectionPicker(
    * @internal
    */
   maxChanged(_, newMax) {
+    /* v8 ignore if -- @preserve */
     if (this.proxy instanceof HTMLInputElement) {
       this.proxy.max = newMax;
       this.validate();

package/unbundled/trapped-focus.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+const ignoredEvents = /* @__PURE__ */ new WeakSet();
+const ignoreEventInFocusTraps = (event) => {
+  ignoredEvents.add(event);
+};
+const TrappedFocus = (Base) => {
+  class TrappedFocusElement extends Base {
+    /**
+     * @returns Whether focus was trapped.
+     * @internal
+     */
+    _trappedFocus(event, getFocusableEls) {
+      if (!ignoredEvents.has(event) && event.key === "Tab") {
+        const focusableEls = getFocusableEls();
+        const firstFocusableEl = focusableEls[0];
+        const lastFocusableEl = focusableEls[focusableEls.length - 1];
+        if (event.shiftKey) {
+          if (this.shadowRoot.activeElement === firstFocusableEl) {
+            lastFocusableEl.focus();
+            return true;
+          }
+        } else {
+          if (this.shadowRoot.activeElement === lastFocusableEl) {
+            firstFocusableEl.focus();
+            return true;
+          }
+        }
+      }
+      return false;
+    }
+  }
+  return TrappedFocusElement;
+};
+
+exports.TrappedFocus = TrappedFocus;
+exports.ignoreEventInFocusTraps = ignoreEventInFocusTraps;

package/unbundled/trapped-focus.js

@@ -0,0 +1,34 @@
+const ignoredEvents = /* @__PURE__ */ new WeakSet();
+const ignoreEventInFocusTraps = (event) => {
+  ignoredEvents.add(event);
+};
+const TrappedFocus = (Base) => {
+  class TrappedFocusElement extends Base {
+    /**
+     * @returns Whether focus was trapped.
+     * @internal
+     */
+    _trappedFocus(event, getFocusableEls) {
+      if (!ignoredEvents.has(event) && event.key === "Tab") {
+        const focusableEls = getFocusableEls();
+        const firstFocusableEl = focusableEls[0];
+        const lastFocusableEl = focusableEls[focusableEls.length - 1];
+        if (event.shiftKey) {
+          if (this.shadowRoot.activeElement === firstFocusableEl) {
+            lastFocusableEl.focus();
+            return true;
+          }
+        } else {
+          if (this.shadowRoot.activeElement === lastFocusableEl) {
+            firstFocusableEl.focus();
+            return true;
+          }
+        }
+      }
+      return false;
+    }
+  }
+  return TrappedFocusElement;
+};
+
+export { TrappedFocus as T, ignoreEventInFocusTraps as i };

package/unbundled/vivid-element.cjs

@@ -268,7 +268,7 @@ const ReplacedPropHandling = (Base) => {
 
 class VividElement extends AriaMixin(ReplacedPropHandling(fastElement.FASTElement)) {
   static {
-    this.VIVID_VERSION = "5.4.0";
+    this.VIVID_VERSION = "5.6.0";
   }
   /**
    * Add data-vvd-component attribute with component name globally,

package/unbundled/vivid-element.js

@@ -266,7 +266,7 @@ const ReplacedPropHandling = (Base) => {
 
 class VividElement extends AriaMixin(ReplacedPropHandling(FASTElement)) {
   static {
-    this.VIVID_VERSION = "5.4.0";
+    this.VIVID_VERSION = "5.6.0";
   }
   /**
    * Add data-vvd-component attribute with component name globally,

package/video-player/definition.cjs

@@ -49,22 +49,22 @@ const document$1$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(docum
 
 var lib = {exports: {}};
 
-function _extends$2() {
-  return _extends$2 = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends$2.apply(null, arguments);
-}
-
-const _extends$3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-	__proto__: null,
-	get default () { return _extends$2; }
-}, Symbol.toStringTag, { value: 'Module' }));
+var _extends$3 = {exports: {}};
+
+(function (module) {
+	function _extends() {
+	  return module.exports = _extends = Object.assign ? Object.assign.bind() : function (n) {
+	    for (var e = 1; e < arguments.length; e++) {
+	      var t = arguments[e];
+	      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+	    }
+	    return n;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends.apply(null, arguments);
+	}
+	module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+} (_extends$3));
 
-const require$$1 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(_extends$3);
+var _extendsExports = _extends$3.exports;
 
 var isFunction_1 = isFunction$1;
 
@@ -383,7 +383,7 @@ var httpHandler = httpResponseHandler;
 
 var window$2 = window_1;
 
-var _extends$1 = require$$1;
+var _extends$2 = _extendsExports;
 
 var isFunction = isFunction_1;
 
@@ -465,7 +465,7 @@ function initParams(uri, options, callback) {
       };
     }
   } else {
-    params = _extends$1({}, options, {
+    params = _extends$2({}, options, {
       uri: uri
     });
   }
@@ -2582,6 +2582,16 @@ if (!window$1.VTTCue) {
 var browserIndexExports = browserIndex.exports;
 const vtt = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(browserIndexExports);
 
+function _extends$1() {
+  return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends$1.apply(null, arguments);
+}
+
 var DEFAULT_LOCATION = 'https://example.com';
 
 var resolveUrl$1 = function resolveUrl(baseUrl, relativeUrl) {
@@ -3082,7 +3092,7 @@ class ParseStream extends Stream {
       match = /^#EXT-X-BYTERANGE:(.*)?$/.exec(newLine);
 
       if (match) {
-        event = _extends$2(parseByterange(match[1]), {
+        event = _extends$1(parseByterange(match[1]), {
           type: 'tag',
           tagType: 'byterange'
         });
@@ -4071,7 +4081,7 @@ class Parser extends Stream {
                 currentUri.attributes = {};
               }
 
-              _extends$2(currentUri.attributes, entry.attributes);
+              _extends$1(currentUri.attributes, entry.attributes);
             },
 
             media() {
@@ -4376,8 +4386,8 @@ class Parser extends Stream {
 
 
                 const dateRangeWithSameId = this.manifest.dateRanges.findIndex(dateRangeToFind => dateRangeToFind.id === dateRange.id);
-                this.manifest.dateRanges[dateRangeWithSameId] = _extends$2(this.manifest.dateRanges[dateRangeWithSameId], dateRange);
-                dateRangeTags[dateRange.id] = _extends$2(dateRangeTags[dateRange.id], dateRange); // after merging, delete the duplicate dateRange that was added last
+                this.manifest.dateRanges[dateRangeWithSameId] = _extends$1(this.manifest.dateRanges[dateRangeWithSameId], dateRange);
+                dateRangeTags[dateRange.id] = _extends$1(dateRangeTags[dateRange.id], dateRange); // after merging, delete the duplicate dateRange that was added last
 
                 this.manifest.dateRanges.pop();
               }
@@ -7202,7 +7212,7 @@ var domParser = {};
 
 var entities$1 = {};
 
-(function (exports) {
+(function (exports$1) {
 
 	var freeze = conventions$2.freeze;
 
@@ -7213,7 +7223,7 @@ var entities$1 = {};
 	 * @see https://www.w3.org/TR/2008/REC-xml-20081126/#sec-predefined-ent W3C XML 1.0
 	 * @see https://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references#Predefined_entities_in_XML Wikipedia
 	 */
-	exports.XML_ENTITIES = freeze({
+	exports$1.XML_ENTITIES = freeze({
 		amp: '&',
 		apos: "'",
 		gt: '>',
@@ -7235,7 +7245,7 @@ var entities$1 = {};
 	 * @see https://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references#Character_entity_references_in_HTML Wikipedia (HTML)
 	 * @see https://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references#Entities_representing_special_characters_in_XHTML Wikpedia (XHTML)
 	 */
-	exports.HTML_ENTITIES = freeze({
+	exports$1.HTML_ENTITIES = freeze({
 		Aacute: '\u00C1',
 		aacute: '\u00E1',
 		Abreve: '\u0102',
@@ -9367,7 +9377,7 @@ var entities$1 = {};
 	 * @deprecated use `HTML_ENTITIES` instead
 	 * @see HTML_ENTITIES
 	 */
-	exports.entityMap = exports.HTML_ENTITIES; 
+	exports$1.entityMap = exports$1.HTML_ENTITIES; 
 } (entities$1));
 
 var sax$1 = {};
@@ -13105,7 +13115,7 @@ var numbers = {
 
 var getUint64 = numbers.getUint64;
 
-var parseSidx = function(data) {
+var parseSidx$1 = function(data) {
   var view = new DataView(data.buffer, data.byteOffset, data.byteLength),
       result = {
         version: data[0],
@@ -13148,9 +13158,9 @@ var parseSidx = function(data) {
 };
 
 
-var parseSidx_1 = parseSidx;
+var parseSidx_1 = parseSidx$1;
 
-const parseSidx$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(parseSidx_1);
+const parseSidx = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(parseSidx_1);
 
 var ID3 = toUint8([0x49, 0x44, 0x33]);
 var getId3Size = function getId3Size(bytes, offset) {
@@ -43371,7 +43381,7 @@ const addPropertiesToMain = (main, uri, createGroupID = groupID) => {
           }
         }
       }
-      properties.playlists = [_extends$2({}, properties)];
+      properties.playlists = [_extends$1({}, properties)];
     }
     properties.playlists.forEach(function (p, i) {
       const groupId = createGroupID(mediaType, groupKey, labelKey, p);
@@ -43504,7 +43514,7 @@ const getStreamingNetworkErrorMetadata = ({
   const isBadStatusOrParseFailure = isBadStatus && !isFailure || parseFailure;
   if (error && isFailure) {
     // copy original error and add to the metadata.
-    errorMetadata.error = _extends$2({}, error);
+    errorMetadata.error = _extends$1({}, error);
     errorMetadata.errorType = videojs.Error.NetworkRequestFailed;
   } else if (request.aborted) {
     errorMetadata.errorType = videojs.Error.NetworkRequestAborted;
@@ -44682,7 +44692,7 @@ class PlaylistLoader extends EventTarget$1 {
         }
         for (const labelKey in main.mediaGroups[mediaType][groupKey]) {
           const oldMedia = main.mediaGroups[mediaType][groupKey][labelKey];
-          main.mediaGroups[mediaType][id][labelKey] = _extends$2({}, oldMedia);
+          main.mediaGroups[mediaType][id][labelKey] = _extends$1({}, oldMedia);
           const newMedia = main.mediaGroups[mediaType][id][labelKey]; // update URIs on the media
 
           const newUri = this.createCloneURI_(oldMedia.resolvedUri, clone);
@@ -45793,7 +45803,7 @@ class DashPlaylistLoader extends EventTarget {
       } = request;
       let sidx;
       try {
-        sidx = parseSidx$1(toUint8(request.response).subarray(8));
+        sidx = parseSidx(toUint8(request.response).subarray(8));
       } catch (e) {
         e.metadata = getStreamingNetworkErrorMetadata({
           requestType,
@@ -55387,7 +55397,7 @@ const workerCallback = function (options) {
   const transmuxer = options.transmuxer;
   const endAction = options.endAction || options.action;
   const callback = options.callback;
-  const message = _extends$2({}, options, {
+  const message = _extends$1({}, options, {
     endAction: null,
     transmuxer: null,
     callback: null
@@ -58216,7 +58226,7 @@ class SegmentLoader extends videojs.EventTarget {
       }
     });
     this.sourceUpdater_.on('codecschange', metadata => {
-      this.trigger(_extends$2({
+      this.trigger(_extends$1({
         type: 'codecschange'
       }, metadata));
     }); // Only the main loader needs to listen for pending timeline changes, as the main
@@ -58238,7 +58248,7 @@ class SegmentLoader extends videojs.EventTarget {
 
     if (this.loaderType_ === 'audio') {
       this.timelineChangeController_.on('timelinechange', metadata => {
-        this.trigger(_extends$2({
+        this.trigger(_extends$1({
           type: 'timelinechange'
         }, metadata));
         if (this.hasEnoughInfoToLoad_()) {
@@ -59920,10 +59930,10 @@ Fetch At Buffer: ${this.fetchAtBuffer_}
       this.loadQueue_.push(() => {
         // regenerate the audioAppendStart, timestampOffset, etc as they
         // may have changed since this function was added to the queue.
-        const options = _extends$2({}, segmentInfo, {
+        const options = _extends$1({}, segmentInfo, {
           forceTimestampOffset: true
         });
-        _extends$2(segmentInfo, this.generateSegmentInfo_(options));
+        _extends$1(segmentInfo, this.generateSegmentInfo_(options));
         this.isPendingTimestampOffset_ = false;
         this.updateTransmuxerAndRequestSegment_(segmentInfo);
       });
@@ -65480,7 +65490,7 @@ class PlaylistController extends videojs.EventTarget {
     playlistLoaderEvents.forEach(eventName => {
       this.mainPlaylistLoader_.on(eventName, metadata => {
         // trigger directly on the player to ensure early events are fired.
-        this.player_.trigger(_extends$2({}, metadata));
+        this.player_.trigger(_extends$1({}, metadata));
       });
     });
   }
@@ -65729,13 +65739,13 @@ class PlaylistController extends videojs.EventTarget {
     const segmentLoaderEvents = ['segmentselected', 'segmentloadstart', 'segmentloaded', 'segmentkeyloadstart', 'segmentkeyloadcomplete', 'segmentdecryptionstart', 'segmentdecryptioncomplete', 'segmenttransmuxingstart', 'segmenttransmuxingcomplete', 'segmenttransmuxingtrackinfoavailable', 'segmenttransmuxingtiminginfoavailable', 'segmentappendstart', 'appendsdone', 'bandwidthupdated', 'timelinechange', 'codecschange'];
     segmentLoaderEvents.forEach(eventName => {
       this.mainSegmentLoader_.on(eventName, metadata => {
-        this.player_.trigger(_extends$2({}, metadata));
+        this.player_.trigger(_extends$1({}, metadata));
       });
       this.audioSegmentLoader_.on(eventName, metadata => {
-        this.player_.trigger(_extends$2({}, metadata));
+        this.player_.trigger(_extends$1({}, metadata));
       });
       this.subtitleSegmentLoader_.on(eventName, metadata => {
-        this.player_.trigger(_extends$2({}, metadata));
+        this.player_.trigger(_extends$1({}, metadata));
       });
     });
   }
@@ -66797,7 +66807,7 @@ class PlaylistController extends videojs.EventTarget {
     const contentSteeringEvents = ['contentsteeringloadstart', 'contentsteeringloadcomplete', 'contentsteeringparsed'];
     contentSteeringEvents.forEach(eventName => {
       this.contentSteeringController_.on(eventName, metadata => {
-        this.trigger(_extends$2({}, metadata));
+        this.trigger(_extends$1({}, metadata));
       });
     });
     if (this.sourceType_ === 'dash') {
@@ -68974,12 +68984,12 @@ class VhsHandler extends Component {
 
     playlistControllerEvents.forEach(eventName => {
       this.playlistController_.on(eventName, metadata => {
-        this.player_.trigger(_extends$2({}, metadata));
+        this.player_.trigger(_extends$1({}, metadata));
       });
     });
     playbackWatcher.forEach(eventName => {
       this.playbackWatcher_.on(eventName, metadata => {
-        this.player_.trigger(_extends$2({}, metadata));
+        this.player_.trigger(_extends$1({}, metadata));
       });
     });
   }