@italia/video 0.1.0-alpha.2 → 1.0.0-alpha.10

package/dist/src/it-video.js

@@ -543,8 +543,12 @@ function requireDomElement () {
 
 	DOMElement.prototype.removeAttributeNS =
 	    function _Element_removeAttributeNS(namespace, name) {
+	        // Prevent prototype pollution by checking if namespace is a direct property
+	        if (!Object.prototype.hasOwnProperty.call(this._attributes, namespace)) {
+	            return;
+	        }
 	        var attributes = this._attributes[namespace];
-	        if (attributes) {
+	        if (attributes && Object.prototype.hasOwnProperty.call(attributes, name)) {
 	            delete attributes[name];
 	        }
 	    };
@@ -7175,6 +7179,9 @@ function requireDom () {
 		}
 		do{
 			newFirst.parentNode = parent;
+			// Update ownerDocument for each node being inserted
+			var targetDoc = parent.ownerDocument || parent;
+			_updateOwnerDocument(newFirst, targetDoc);
 		}while(newFirst !== newLast && (newFirst= newFirst.nextSibling))
 		_onUpdateChild(parent.ownerDocument||parent, parent);
 		//console.log(parent.lastChild.nextSibling == null)
@@ -7184,6 +7191,37 @@ function requireDom () {
 		return node;
 	}
 
+	/**
+	 * Recursively updates the ownerDocument property for a node and all its descendants
+	 * @param {Node} node
+	 * @param {Document} newOwnerDocument
+	 * @private
+	 */
+	function _updateOwnerDocument(node, newOwnerDocument) {
+		if (node.ownerDocument === newOwnerDocument) {
+			return;
+		}
+		
+		node.ownerDocument = newOwnerDocument;
+		
+		// Update attributes if this is an element
+		if (node.nodeType === ELEMENT_NODE && node.attributes) {
+			for (var i = 0; i < node.attributes.length; i++) {
+				var attr = node.attributes.item(i);
+				if (attr) {
+					attr.ownerDocument = newOwnerDocument;
+				}
+			}
+		}
+		
+		// Recursively update child nodes
+		var child = node.firstChild;
+		while (child) {
+			_updateOwnerDocument(child, newOwnerDocument);
+			child = child.nextSibling;
+		}
+	}
+
 	/**
 	 * Appends `newChild` to `parentNode`.
 	 * If `newChild` is already connected to a `parentNode` it is first removed from it.
@@ -7209,6 +7247,11 @@ function requireDom () {
 		}
 		parentNode.lastChild = newChild;
 		_onUpdateChild(parentNode.ownerDocument, parentNode, newChild);
+		
+		// Update ownerDocument for the new child and all its descendants
+		var targetDoc = parentNode.ownerDocument || parentNode;
+		_updateOwnerDocument(newChild, targetDoc);
+		
 		return newChild;
 	}
 
@@ -7237,7 +7280,7 @@ function requireDom () {
 				return newChild;
 			}
 			_insertBefore(this, newChild, refChild);
-			newChild.ownerDocument = this;
+			_updateOwnerDocument(newChild, this);
 			if (this.documentElement === null && newChild.nodeType === ELEMENT_NODE) {
 				this.documentElement = newChild;
 			}
@@ -7253,7 +7296,7 @@ function requireDom () {
 		replaceChild: function (newChild, oldChild) {
 			//raises
 			_insertBefore(this, newChild, oldChild, assertPreReplacementValidityInDocument);
-			newChild.ownerDocument = this;
+			_updateOwnerDocument(newChild, this);
 			if (oldChild) {
 				this.removeChild(oldChild);
 			}
@@ -8033,7 +8076,7 @@ var hasRequiredEntities;
 function requireEntities () {
 	if (hasRequiredEntities) return entities;
 	hasRequiredEntities = 1;
-	(function (exports) {
+	(function (exports$1) {
 
 		var freeze = requireConventions().freeze;
 
@@ -8044,7 +8087,7 @@ function requireEntities () {
 		 * @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: '>',
@@ -8066,7 +8109,7 @@ function requireEntities () {
 		 * @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',
@@ -10198,7 +10241,7 @@ function requireEntities () {
 		 * @deprecated use `HTML_ENTITIES` instead
 		 * @see HTML_ENTITIES
 		 */
-		exports.entityMap = exports.HTML_ENTITIES; 
+		exports$1.entityMap = exports$1.HTML_ENTITIES; 
 	} (entities));
 	return entities;
 }
@@ -14720,8 +14763,8 @@ var clockExports = requireClock();
 
 /**
  * @license
- * Video.js 8.23.4 <http://videojs.com/>
- * Copyright Brightcove, Inc. <https://www.brightcove.com/>
+ * Video.js 8.23.7 <http://videojs.com/>
+ * Copyright 2010-present Video.js contributors
  * Available under Apache License Version 2.0
  * <https://github.com/videojs/video.js/blob/main/LICENSE>
  *
@@ -14731,7 +14774,7 @@ var clockExports = requireClock();
  */
 
 
-var version$6 = "8.23.4";
+var version$6 = "8.23.7";
 
 /**
  * An Object that contains lifecycle hooks as keys which point to an array
@@ -21280,23 +21323,20 @@ class TrackList extends EventTarget$2 {
   constructor(tracks = []) {
     super();
     this.tracks_ = [];
-
-    /**
-     * @memberof TrackList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-    Object.defineProperty(this, 'length', {
-      get() {
-        return this.tracks_.length;
-      }
-    });
     for (let i = 0; i < tracks.length; i++) {
       this.addTrack(tracks[i]);
     }
   }
 
+  /**
+   * The current number of `Track`s in this TrackList.
+   *
+   * @type {number}
+   */
+  get length() {
+    return this.tracks_.length;
+  }
+
   /**
    * Add a {@link Track} to the `TrackList`
    *
@@ -21336,10 +21376,10 @@ class TrackList extends EventTarget$2 {
     /**
      * Triggered when a track label is changed.
      *
-     * @event TrackList#addtrack
+     * @event TrackList#labelchange
      * @type {Event}
      * @property {Track} track
-     *           A reference to track that was added.
+     *           A reference to track whose label was changed.
      */
     track.labelchange_ = () => {
       this.trigger({
@@ -26145,7 +26185,7 @@ class TextTrackDisplay extends Component$1 {
       }
       this.updateForTrack(descriptionsTrack);
     }
-    if (!window$1.CSS.supports('inset', '10px')) {
+    if (!(window$1.CSS !== undefined && window$1.CSS.supports('inset', '10px'))) {
       const textTrackDisplay = this.el_;
       const vjsTextTrackCues = textTrackDisplay.querySelectorAll('.vjs-text-track-cue');
       const controlBarHeight = this.player_.controlBar.el_.getBoundingClientRect().height;
@@ -26193,7 +26233,7 @@ class TextTrackDisplay extends Component$1 {
   updateDisplayOverlay() {
     // inset-inline and inset-block are not supprted on old chrome, but these are
     // only likely to be used on TV devices
-    if (!this.player_.videoHeight() || !window$1.CSS.supports('inset-inline: 10px')) {
+    if (!this.player_.videoHeight() || !(window$1.CSS !== undefined && window$1.CSS.supports('inset-inline: 10px'))) {
       return;
     }
     const playerWidth = this.player_.currentWidth();
@@ -26986,7 +27026,7 @@ class CurrentTimeDisplay extends TimeDisplay {
     let time;
     if (this.player_.ended()) {
       time = this.player_.duration();
-    } else if (event && event.target && typeof event.target.pendingSeekTime === 'function') {
+    } else if (event && event.target && typeof event.target.pendingSeekTime === 'function' && event.target.pendingSeekTime() !== null) {
       time = event.target.pendingSeekTime();
     } else {
       time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
@@ -30657,9 +30697,12 @@ class MenuButton extends Component$1 {
    *
    * @param {string} name
    *         The icon name to be added.
+   *
+   * @return {Element}
+   *         The element that gets created.
    */
   setIcon(name) {
-    super.setIcon(name, this.menuButton_.el_);
+    return super.setIcon(name, this.menuButton_.el_);
   }
 
   /**
@@ -42943,7 +42986,7 @@ videojs.registerPlugin('qualityLevels', qualityLevels);
 // Include the version number.
 qualityLevels.VERSION = version$5;
 
-/*! @name @videojs/http-streaming @version 3.17.2 @license Apache-2.0 */
+/*! @name @videojs/http-streaming @version 3.17.3 @license Apache-2.0 */
 
 /**
  * @file resolve-url.js - Handling how URLs are resolved and manipulated
@@ -47362,7 +47405,7 @@ const getWorkerString = function (fn) {
   return fn.toString().replace(/^function.+?{/, '').slice(0, -1);
 };
 
-/* rollup-plugin-worker-factory start for worker!/home/runner/work/http-streaming/http-streaming/src/transmuxer-worker.js */
+/* rollup-plugin-worker-factory start for worker!/Users/srimron-soutter/repos/github/vjs/http-streaming/src/transmuxer-worker.js */
 const workerCode$1 = transform(getWorkerString(function () {
   var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
   /**
@@ -56063,7 +56106,7 @@ const workerCode$1 = transform(getWorkerString(function () {
   };
 }));
 var TransmuxWorker = factory(workerCode$1);
-/* rollup-plugin-worker-factory end for worker!/home/runner/work/http-streaming/http-streaming/src/transmuxer-worker.js */
+/* rollup-plugin-worker-factory end for worker!/Users/srimron-soutter/repos/github/vjs/http-streaming/src/transmuxer-worker.js */
 
 const handleData_ = (event, transmuxedData, callback) => {
   const {
@@ -63875,7 +63918,7 @@ class TimelineChangeController extends videojs.EventTarget {
   }
 }
 
-/* rollup-plugin-worker-factory start for worker!/home/runner/work/http-streaming/http-streaming/src/decrypter-worker.js */
+/* rollup-plugin-worker-factory start for worker!/Users/srimron-soutter/repos/github/vjs/http-streaming/src/decrypter-worker.js */
 const workerCode = transform(getWorkerString(function () {
   /**
    * @file stream.js
@@ -64467,7 +64510,7 @@ const workerCode = transform(getWorkerString(function () {
   };
 }));
 var Decrypter = factory(workerCode);
-/* rollup-plugin-worker-factory end for worker!/home/runner/work/http-streaming/http-streaming/src/decrypter-worker.js */
+/* rollup-plugin-worker-factory end for worker!/Users/srimron-soutter/repos/github/vjs/http-streaming/src/decrypter-worker.js */
 
 /**
  * Convert the properties of an HLS track into an audioTrackKind.
@@ -66791,7 +66834,14 @@ class PlaylistController extends videojs.EventTarget {
       if (media.start) {
         const offset = media.start.timeOffset;
         if (offset < 0) {
-          startPoint = Math.max(seekableEnd + offset, seekable.start(0));
+          // Per HLS spec, negative TIME-OFFSET is from the end of the last Media Segment.
+          // For live streams, seekableEnd already has liveEdgeDelay subtracted,
+          // so we need to add it back to get the actual playlist end.
+          // Clamp to seekableEnd to avoid seeking into the unsafe live edge zone.
+          const main = this.mainPlaylistLoader_.main;
+          const liveEdgeDelay = Vhs$1.Playlist.liveEdgeDelay(main, media);
+          const actualPlaylistEnd = seekableEnd + liveEdgeDelay;
+          startPoint = Math.max(Math.min(actualPlaylistEnd + offset, seekableEnd), seekable.start(0));
         } else {
           startPoint = Math.min(seekableEnd, offset);
         }
@@ -68789,7 +68839,7 @@ const initPlugin = function (player, options) {
 const reloadSourceOnError = function (options) {
   initPlugin(this, options);
 };
-var version$4 = "3.17.2";
+var version$4 = "3.17.3";
 var version$3 = "7.1.0";
 var version$2 = "1.3.1";
 var version$1 = "7.2.0";
@@ -70074,7 +70124,9 @@ function registerTranslation(...translation) {
     });
     update();
 }
-window.registerTranslation = registerTranslation;
+if (typeof window !== 'undefined') {
+    window.registerTranslation = registerTranslation;
+}
 /**
  * Localize Reactive Controller for components built with Lit
  *
@@ -70397,6 +70449,7 @@ const interactions = new WeakMap();
 /** A reactive controller to allow form controls to participate in form submission, validation, etc. */
 class FormControlController {
     constructor(host, options) {
+        this.submittedOnce = false;
         this.handleFormData = (event) => {
             // console.log('handleFormData');
             const disabled = this.options.disabled(this.host);
@@ -70418,6 +70471,27 @@ class FormControlController {
                             event.formData.append(name, value);
                         }
                         break;
+                    case 'it-checkbox':
+                    case 'it-toggle':
+                        if (this.host.checked) {
+                            if (event.formData.getAll(name).indexOf(value) < 0) {
+                                // handle group checkbox
+                                event.formData.append(name, value);
+                            }
+                        }
+                        break;
+                    case 'it-checkbox-group':
+                    case 'it-toggle-group':
+                        // non settare valori in formData, perchè ogni singola checkbox setta il suo valore
+                        break;
+                    case 'it-upload':
+                        // value is File[] — append each File object directly (not as string)
+                        if (Array.isArray(value)) {
+                            value.forEach((file) => {
+                                event.formData.append(name, file);
+                            });
+                        }
+                        break;
                     default:
                         if (Array.isArray(value)) {
                             value.forEach((val) => {
@@ -70439,13 +70513,30 @@ class FormControlController {
                     this.setUserInteracted(control, true);
                 });
             }
-            if (this.form && !this.form.noValidate && !disabled && !reportValidity(this.host)) {
+            const resReportValidity = reportValidity(this.host);
+            if (this.form && !this.form.noValidate && !disabled && !resReportValidity) {
                 event.preventDefault();
                 // event.stopImmediatePropagation(); // se lo attiviamo, valida un campo alla volta
+                // Scroll al primo controllo non valido
+                const formControls = formCollections.get(this.form);
+                if (formControls) {
+                    for (const control of formControls) {
+                        if (!control.validity?.valid) {
+                            // Scroll smooth verso il controllo non valido
+                            control.scrollIntoView({
+                                behavior: 'smooth',
+                                block: 'center',
+                            });
+                            break;
+                        }
+                    }
+                }
             }
+            this.submittedOnce = true;
         };
         this.handleFormReset = () => {
             this.options.setValue(this.host, '');
+            this.submittedOnce = false;
             this.setUserInteracted(this.host, false);
             interactions.set(this.host, []);
         };
@@ -70610,6 +70701,7 @@ class FormControlController {
         if (!formCollection) {
             return;
         }
+        this.submittedOnce = false;
         // Remove this host from the form's collection
         formCollection.delete(this.host);
         // Check to make sure there's no other form controls in the collection. If we do this
@@ -70706,6 +70798,10 @@ class FormControlController {
         host.toggleAttribute('data-user-invalid', !isValid && hasInteracted);
         host.toggleAttribute('data-user-valid', isValid && hasInteracted);
     }
+    userInteracted() {
+        const hasInteracted = Boolean(userInteractedControls.has(this.host));
+        return hasInteracted;
+    }
     /**
      * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
      * that affects constraint validation changes so the component receives the correct validity states.
@@ -70742,6 +70838,7 @@ const translation$2 = {
     $name: 'Italiano',
     $dir: 'ltr',
     validityRequired: 'Questo campo è obbligatorio.',
+    validityGroupRequired: "Scegli almeno un'opzione",
     validityPattern: 'Il valore non corrisponde al formato richiesto.',
     validityMinlength: 'Il valore deve essere lungo almeno {minlength} caratteri.',
     validityMaxlength: 'Il valore deve essere lungo al massimo {maxlength} caratteri.',
@@ -70786,24 +70883,27 @@ class FormControl extends BaseLocalizedComponent {
         this.maxlength = -1;
         /** If the input is required. */
         this.required = false;
+        /* For grouped input, like checkbox-group */
+        this.isInGroup = false;
         this.validationMessage = '';
     }
     /** Gets the validity state object */
     get validity() {
         return this.inputElement?.validity;
     }
+    /** Gets the associated form, if one exists. */
+    getForm() {
+        return this.formControlController.getForm();
+    }
     // Form validation methods
     checkValidity() {
         const inputValid = this.inputElement?.checkValidity() ?? true; // this.inputElement.checkValidity() è la validazione del browser
         return inputValid;
     }
-    /** Gets the associated form, if one exists. */
-    getForm() {
-        return this.formControlController.getForm();
-    }
     /** Checks for validity and shows the browser's validation message if the control is invalid. */
     reportValidity() {
-        const ret = this.inputElement.checkValidity();
+        // const ret = this.inputElement.checkValidity();
+        const ret = this.checkValidity(); // chiama la checkValidity, che se è stata overridata chiama quella
         this.handleValidationMessages();
         return ret; // this.inputElement.reportValidity();
     }
@@ -70848,7 +70948,8 @@ class FormControl extends BaseLocalizedComponent {
     handleValidationMessages() {
         if (!this.customValidation) {
             const _v = this.inputElement.validity;
-            if (_v.valueMissing) {
+            const isRequiredHandledByGroup = this.isInGroup === true;
+            if (_v.valueMissing && !isRequiredHandledByGroup) {
                 this.setCustomValidity(this.$t('validityRequired'));
             }
             else if (_v.patternMismatch) {
@@ -70919,7 +71020,7 @@ class FormControl extends BaseLocalizedComponent {
         if (this.customValidation) {
             this.setCustomValidity(this.validationText ?? '');
         }
-        else {
+        else if (this.formControlController.userInteracted()) {
             this.formControlController.updateValidity();
         }
     }
@@ -70987,6 +71088,10 @@ __decorate([
     ,
     __metadata("design:type", Object)
 ], FormControl.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], FormControl.prototype, "isInGroup", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)
@@ -71022,6 +71127,14 @@ const cookies = {
     clearAllRememberedChoices,
 };
 
+if (typeof window !== 'undefined') {
+    window._itAnalytics = window._itAnalytics || {};
+    window._itAnalytics = {
+        ...window._itAnalytics,
+        version: '1.0.0-alpha.10',
+    };
+}
+
 /* eslint-disable class-methods-use-this */
 /* eslint-disable prefer-destructuring */
 /* eslint-disable dot-notation */
@@ -73951,14 +74064,14 @@ video::-webkit-media-text-track-display {
 
 /* stylelint-enable */
 .vjs-theme-bootstrap-italia {
-  --bs-videoplayer-button-background: var(--bs-color-background-primary);
-  --bs-videoplayer-control-background: var(--bs-color-background-primary);
+  --bsi-videoplayer-button-background: var(--bsi-color-background-primary);
+  --bsi-videoplayer-control-background: var(--bsi-color-background-primary);
 }
 .vjs-theme-bootstrap-italia .vjs-big-play-button, .vjs-theme-bootstrap-italia:hover .vjs-big-play-button, .vjs-theme-bootstrap-italia.vjs-big-play-button:focus {
-  background-color: var(--bs-videoplayer-button-background);
+  background-color: var(--bsi-videoplayer-button-background);
 }
 .vjs-theme-bootstrap-italia .vjs-control-bar {
-  background-color: var(--bs-videoplayer-control-background);
+  background-color: var(--bsi-videoplayer-control-background);
   font-size: 1rem;
 }
 @media (min-width: 992px) {
@@ -74006,18 +74119,21 @@ video::-webkit-media-text-track-display {
   }
 }
 .acceptoverlay {
-  --bs-acceptoverlay-color-background: var(--bs-color-background-inverse);
-  --bs-acceptoverlay-color-text: var(--bs-color-text);
-  --bs-acceptoverlay-label-color: var(--bs-color-text-secondary);
-  --bs-acceptoverlay-label-border-color: var(--bs-color-border-subtle);
-  --bs-acceptoverlay-opacity: 0.9;
-  --bs-acceptoverlay-spacing-inset: var(--bs-spacing-s);
-  --bs-acceptoverlay-primary-opacity: 0.95;
-  --bs-acceptoverlay-inner-width: 600px;
-  --bs-acceptoverlay-icon-spacing: var(--bs-spacing-s);
-  --bs-acceptoverlay-icon-fill: var(--bs-icon-primary);
-  --bs-acceptoverlay-buttons-spacing: var(--bs-spacing-s);
-  --bs-acceptoverlay-buttons-last-child-margin-top: ;
+  --bsi-acceptoverlay-color-background: var(--bsi-color-background-inverse);
+  --bsi-acceptoverlay-color-text: var(--bsi-color-text-inverse);
+  --bsi-acceptoverlay-label-color: var(--bsi-color-text-inverse);
+  --bsi-acceptoverlay-label-border-color: var(--bsi-color-border-inverse);
+  --bsi-acceptoverlay-opacity: 0.9;
+  --bsi-acceptoverlay-spacing-inset: var(--bsi-spacing-s);
+  --bsi-acceptoverlay-primary-opacity: 0.95;
+  --bsi-acceptoverlay-inner-width: 600px;
+  --bsi-acceptoverlay-icon-spacing: var(--bsi-spacing-s);
+  --bsi-acceptoverlay-icon-fill: var(--bsi-icon-primary);
+  --bsi-acceptoverlay-buttons-spacing: var(--bsi-spacing-s);
+}
+
+/* stylelint-disable-next-line no-duplicate-selectors */
+.acceptoverlay {
   position: absolute;
   top: 0;
   right: 0;
@@ -74028,13 +74144,13 @@ video::-webkit-media-text-track-display {
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: center;
-  padding: var(--bs-acceptoverlay-spacing-inset);
-  opacity: var(--bs-acceptoverlay-opacity);
-  background-color: var(--bs-acceptoverlay-background-color);
+  padding: var(--bsi-acceptoverlay-spacing-inset);
+  opacity: var(--bsi-acceptoverlay-opacity);
+  background-color: var(--bsi-acceptoverlay-background-color);
 }
 @media (min-width: 768px) {
   .acceptoverlay {
-    --bs-acceptoverlay-spacing-inset: var(--bs-spacing-m);
+    --bsi-acceptoverlay-spacing-inset: var(--bsi-spacing-m);
   }
 }
 @media (min-width: 992px) {
@@ -74043,19 +74159,19 @@ video::-webkit-media-text-track-display {
   }
 }
 .acceptoverlay label {
-  color: var(--bs-acceptoverlay-label-color);
+  color: var(--bsi-acceptoverlay-label-color);
 }
 .acceptoverlay label::after {
-  border-color: var(--bs-acceptoverlay-label-border-color) !important;
+  border-color: var(--bsi-acceptoverlay-label-border-color) !important;
 }
 .acceptoverlay[aria-hidden=true] {
   display: none;
 }
 .acceptoverlay.acceptoverlay-primary {
-  --bs-acceptoverlay-background-color: var(--bs-color-background-primary);
+  --bsi-acceptoverlay-background-color: var(--bsi-color-background-primary);
 }
 .acceptoverlay.acceptoverlay-primary.show {
-  opacity: var(--bs-acceptoverlay-primary-opacity);
+  opacity: var(--bsi-acceptoverlay-primary-opacity);
 }
 .acceptoverlay h1,
 .acceptoverlay h2,
@@ -74065,7 +74181,7 @@ video::-webkit-media-text-track-display {
 .acceptoverlay h6,
 .acceptoverlay p {
   margin-bottom: 0;
-  color: var(--bs-acceptoverlay-color-text);
+  color: var(--bsi-acceptoverlay-color-text);
 }
 .acceptoverlay h4 {
   text-align: center;
@@ -74075,34 +74191,34 @@ video::-webkit-media-text-track-display {
 }
 .acceptoverlay .acceptoverlay-inner {
   width: 100%;
-  max-width: var(--bs-acceptoverlay-inner-width);
+  max-width: var(--bsi-acceptoverlay-inner-width);
 }
 .acceptoverlay .acceptoverlay-icon {
-  margin-bottom: var(--bs-acceptoverlay-icon-spacing);
+  margin-bottom: var(--bsi-acceptoverlay-icon-spacing);
   text-align: center;
 }
 @media (min-width: 768px) {
   .acceptoverlay .acceptoverlay-icon {
-    --bs-acceptoverlay-icon-margin-bottom: var(--it-spacing-12x);
+    --bsi-acceptoverlay-icon-margin-bottom: var(--bsi-spacing-xxl);
   }
 }
 .acceptoverlay .acceptoverlay-icon .icon {
-  fill: var(--bs-acceptoverlay-icon-fill);
+  fill: var(--bsi-acceptoverlay-icon-fill);
 }
 .acceptoverlay .acceptoverlay-buttons {
   display: flex;
-  align-items: center;
-  gap: 1rem;
   flex-wrap: wrap;
+  align-items: center;
   justify-content: space-between;
-  margin-top: var(--bs-acceptoverlay-buttons-spacing);
+  margin-top: var(--bsi-acceptoverlay-buttons-spacing);
   background-color: transparent !important;
+  gap: 1rem;
 }
 .acceptoverlay .acceptoverlay-buttons button {
   width: 100%;
 }
 .acceptoverlay .acceptoverlay-buttons button:last-child {
-  --bs-acceptoverlay-buttons-spacing: var(--bs-spacing-xxs);
+  --bsi-acceptoverlay-buttons-spacing: var(--bsi-spacing-xxs);
 }
 .acceptoverlay .acceptoverlay-buttons.single-button button {
   margin-top: 0;
@@ -74117,7 +74233,7 @@ video::-webkit-media-text-track-display {
     margin-top: 0 !important;
   }
   .acceptoverlay-buttons button:last-child {
-    margin-left: var(--bs-spacing-m);
+    margin-left: var(--bsi-spacing-m);
   }
   .acceptoverlay-buttons.single-button button {
     width: auto;
@@ -74132,24 +74248,30 @@ video::-webkit-media-text-track-display {
   min-height: 450px;
 }
 
+.acceptoverlayable {
+  aspect-ratio: 16 / 9;
+}
+
 .acceptoverlay {
-  --bs-acceptoverlay-color-text: #fff;
+  --bsi-acceptoverlay-color-text: #fff;
+  --bsi-form-control-label-color: #fff;
+  --bsi-form-checkbox-border-color: #fff;
 }
 .acceptoverlay a {
-  color: var(--bs-acceptoverlay-color-text);
+  color: var(--bsi-acceptoverlay-color-text);
 }
 .acceptoverlay .bg-dark it-button::part(primary) {
-  --bs-btn-text-color: var(--bs-color-background-primary);
-  --bs-btn-background: var(--bs-color-background-inverse);
+  --bsi-btn-text-color: var(--bsi-color-background-primary);
+  --bsi-btn-background: var(--bsi-color-background-inverse);
 }
 .acceptoverlay .bg-dark it-button::part(primary):hover {
-  --bs-btn-text-color: var(--bs-color-text);
+  --bsi-btn-text-color: var(--bsi-color-text);
 }
 .acceptoverlay .acceptoverlay-buttons it-button {
   width: 100%;
 }
 .acceptoverlay .acceptoverlay-buttons it-button:last-child {
-  --bs-acceptoverlay-buttons-spacing: var(--bs-spacing-xxs);
+  --bsi-acceptoverlay-buttons-spacing: var(--bsi-spacing-xxs);
 }
 @media (min-width: 768px) {
   .acceptoverlay .acceptoverlay-buttons {
@@ -74159,7 +74281,7 @@ video::-webkit-media-text-track-display {
     width: 50%;
   }
   .acceptoverlay .acceptoverlay-buttons it-button:last-child {
-    margin-left: var(--bs-spacing-m);
+    margin-left: var(--bsi-spacing-m);
   }
   .acceptoverlay .acceptoverlay-buttons.single-button it-button {
     width: auto;
@@ -74184,9 +74306,15 @@ video:not([width]) {
   width: var(--it-videojs-default-width);
   height: var(--it-videojs-default-height);
 }
-
-.vjs-fluid:not(.vjs-audio-only-mode) {
-  padding-top: 56.25%;
+.video-js .vjs-tech {
+  position: inherit !important;
+  height: auto !important;
+}
+.video-js.vjs-youtube .vjs-tech {
+  aspect-ratio: 16 / 9;
+}
+.video-js:not(.vjs-audio-only-mode).vjs-fluid, .video-js:not(.vjs-audio-only-mode).vjs-16-9, .video-js:not(.vjs-audio-only-mode).vjs-4-3, .video-js:not(.vjs-audio-only-mode).vjs-9-16, .video-js:not(.vjs-audio-only-mode).vjs-1-1, .video-js:not(.vjs-audio-only-mode).vjs-youtube {
+  height: auto;
 }`;
 
 registerTranslation(translation);
@@ -74205,6 +74333,9 @@ let ItVideo = class ItVideo extends BaseLocalizedComponent {
         this.videoElement = null;
         this.consentAccepted = false;
     }
+    getPlayer() {
+        return this.player;
+    }
     /**
      * Funzione risolta da window[initPluginsName]
      */
@@ -74320,26 +74451,28 @@ let ItVideo = class ItVideo extends BaseLocalizedComponent {
                 initYoutubePlugin(videojsFn);
             }
             this.initPluginsFn?.(videojsFn); // se passata una funzione di init di ulteriori plugin, la chiama.
-            this.player = videojsFn(this.videoElement, mergedOptions, function onPlayerReady() {
-                this.addClass('vjs-theme-bootstrap-italia');
-                this.addClass('vjs-big-play-centered');
-                // Aggiungi i track manualmente
-                tracks.forEach((t) => {
-                    this.addRemoteTextTrack({
-                        kind: t.kind,
-                        src: t.src,
-                        srclang: t.srclang || this.language,
-                        label: t.label,
-                        default: !!t.default,
-                    }, false);
-                });
-                if (focusPlayButton) {
-                    const playButton = this.el()?.querySelector('.vjs-big-play-button');
-                    if (playButton) {
-                        playButton.focus();
+            if (this.videoElement) {
+                this.player = videojsFn(this.videoElement, mergedOptions, function onPlayerReady() {
+                    this.addClass('vjs-theme-bootstrap-italia');
+                    this.addClass('vjs-big-play-centered');
+                    // Aggiungi i track manualmente
+                    tracks.forEach((t) => {
+                        this.addRemoteTextTrack({
+                            kind: t.kind,
+                            src: t.src,
+                            srclang: t.srclang || this.language,
+                            label: t.label,
+                            default: !!t.default,
+                        }, false);
+                    });
+                    if (focusPlayButton) {
+                        const playButton = this.el()?.querySelector('.vjs-big-play-button');
+                        if (playButton) {
+                            playButton.focus();
+                        }
                     }
-                }
-            });
+                });
+            }
         }
     }
     /*
@@ -74375,10 +74508,14 @@ let ItVideo = class ItVideo extends BaseLocalizedComponent {
                   ${this.$t('video_consent_accept')}
                 </it-button>
 
-                <div class="form-check">
-                  <input id="chk-remember" type="checkbox" @click=${() => this.acceptConsent(true)} />
-                  <label for="chk-remember">${this.$t('video_consent_remember')}</label>
-                </div>
+                <it-checkbox
+                  @click=${(e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                this.acceptConsent(true);
+            }}
+                  ><span slot="label">${this.$t('video_consent_remember')}</span></it-checkbox
+                >
               </div>
             </div>
           </div>