@italia/video 1.0.0-alpha.4 → 1.0.0-alpha.5

package/custom-elements.json

@@ -391,7 +391,7 @@
           "type": {
             "text": "Story"
           },
-          "default": "{ name: 'i18n', tags: ['!dev'], render: () => html`<div class=\"hide-preview\"></div>`, parameters: { viewMode: 'docs', // assicura che si apra la tab Docs anziché Canvas docs: { description: { story: ` Oltre all'attributo \\`translations\\` che permette di modificare le traduzioni interne al player, sono disponibili ulteriori stringhe traducibili tramite l'[utility di internazionalizzazione](/docs/i18n-internazionalizzazione--documentazione). \\`\\`\\`js const translation = { ${JSON.stringify(i18nIT).replaceAll('{\"', '\"').replaceAll('\",', '\",\\n\\t').replaceAll('\"}', '\"')} } \\`\\`\\` `, }, }, }, }"
+          "default": "{ name: 'i18n', tags: ['!dev'], render: () => html`<div class=\"hide-preview\"></div>`, parameters: { viewMode: 'docs', // assicura che si apra la tab Docs anziché Canvas docs: { description: { story: ` Oltre all'attributo \\`translations\\` che permette di modificare le traduzioni interne al player, sono disponibili ulteriori stringhe traducibili tramite l'[utility di internazionalizzazione](/docs/i18n-internazionalizzazione--documentazione). \\`\\`\\`js const translation = ${JSON.stringify(i18nIT, null, 2)} \\`\\`\\` `, }, }, }, }"
         }
       ],
       "exports": [

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;
 }
@@ -71069,7 +71112,7 @@ if (typeof window !== 'undefined') {
     window._itAnalytics = window._itAnalytics || {};
     window._itAnalytics = {
         ...window._itAnalytics,
-        version: '1.0.0-alpha.4',
+        version: '1.0.0-alpha.5',
     };
 }
 
@@ -74002,14 +74045,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) {
@@ -74057,18 +74100,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);
+  --bsi-acceptoverlay-label-color: var(--bsi-color-text-secondary);
+  --bsi-acceptoverlay-label-border-color: var(--bsi-color-border-subtle);
+  --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;
@@ -74079,13 +74125,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) {
@@ -74094,19 +74140,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,
@@ -74116,7 +74162,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;
@@ -74126,19 +74172,19 @@ 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;
@@ -74146,14 +74192,14 @@ video::-webkit-media-text-track-display {
   gap: 1rem;
   flex-wrap: wrap;
   justify-content: space-between;
-  margin-top: var(--bs-acceptoverlay-buttons-spacing);
+  margin-top: var(--bsi-acceptoverlay-buttons-spacing);
   background-color: transparent !important;
 }
 .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;
@@ -74168,7 +74214,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;
@@ -74188,25 +74234,25 @@ video::-webkit-media-text-track-display {
 }
 
 .acceptoverlay {
-  --bs-acceptoverlay-color-text: #fff;
-  --bs-form-control-label-color: #fff;
-  --bs-form-checkbox-border-color: #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 {
@@ -74216,7 +74262,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;