@eui/components 18.2.16-snapshot-1756456305763 → 18.2.16-snapshot-1756489547144

package/docs/miscellaneous/variables.html

@@ -194,6 +194,9 @@
                         <li>
                             <a href="#euiStartEndDateValidator" title="packages/components/eui-date-range-selector/eui-date-range-selector.validators.ts" ><b>euiStartEndDateValidator</b>&nbsp;&nbsp;&nbsp;(packages/.../eui-date-range-selector.validators.ts)</a>
                         </li>
+                        <li>
+                            <a href="#extractZipFileList" title="packages/components/eui-file-upload/utils/mime-types.ts" ><b>extractZipFileList</b>&nbsp;&nbsp;&nbsp;(packages/.../mime-types.ts)</a>
+                        </li>
                         <li>
                             <a href="#getFormat" title="packages/components/externals/quill/quill-editor.component.ts" ><b>getFormat</b>&nbsp;&nbsp;&nbsp;(packages/.../quill-editor.component.ts)</a>
                         </li>
@@ -206,6 +209,18 @@
                         <li>
                             <a href="#getViewElement" title="packages/components/externals/helpers/get-view-element.helper.ts" ><b>getViewElement</b>&nbsp;&nbsp;&nbsp;(packages/.../get-view-element.helper.ts)</a>
                         </li>
+                        <li>
+                            <a href="#identifyAsfFormat" title="packages/components/eui-file-upload/utils/mime-types.ts" ><b>identifyAsfFormat</b>&nbsp;&nbsp;&nbsp;(packages/.../mime-types.ts)</a>
+                        </li>
+                        <li>
+                            <a href="#identifyHeifFormat" title="packages/components/eui-file-upload/utils/mime-types.ts" ><b>identifyHeifFormat</b>&nbsp;&nbsp;&nbsp;(packages/.../mime-types.ts)</a>
+                        </li>
+                        <li>
+                            <a href="#identifyOggFormat" title="packages/components/eui-file-upload/utils/mime-types.ts" ><b>identifyOggFormat</b>&nbsp;&nbsp;&nbsp;(packages/.../mime-types.ts)</a>
+                        </li>
+                        <li>
+                            <a href="#identifyZipBasedFormat" title="packages/components/eui-file-upload/utils/mime-types.ts" ><b>identifyZipBasedFormat</b>&nbsp;&nbsp;&nbsp;(packages/.../mime-types.ts)</a>
+                        </li>
                         <li>
                             <a href="#initialState" title="packages/components/eui-card/services/ui-state.service.ts" ><b>initialState</b>&nbsp;&nbsp;&nbsp;(packages/.../ui-state.service.ts)</a>
                         </li>
@@ -517,7 +532,8 @@
         const reader &#x3D; new FileReader();
         reader.onloadend &#x3D; (): void &#x3D;&gt; {
             const buffer &#x3D; reader.result as ArrayBuffer;
-            const headerBytes &#x3D; new Uint8Array(buffer).slice(0, 8);
+            // Read more bytes to support complex MIME type detection (e.g., ASF format analysis)
+            const headerBytes &#x3D; new Uint8Array(buffer).slice(0, Math.min(1024, buffer.byteLength));
             const mime &#x3D; getMimeType(headerBytes);
             if (mimeTypes.includes(mime)) {
                 subscriber.next(null);
@@ -1567,77 +1583,54 @@
         </tbody>
     </table>
 </section>
-    <h3>packages/components/externals/quill/quill-editor.component.ts</h3>
+    <h3>packages/components/eui-file-upload/utils/mime-types.ts</h3>
     <section data-compodoc="block-properties">
     <h3></h3>    <table class="table table-sm table-bordered">
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="getFormat"></a>
+                    <a name="extractZipFileList"></a>
                     <span class="name">
-                        <span ><b>getFormat</b></span>
-                        <a href="#getFormat"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>extractZipFileList</b></span>
+                        <a href="#extractZipFileList"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Default value : </i><code>(format?: QuillFormat, configFormat?: QuillFormat): QuillFormat &#x3D;&gt; {
-    const passedFormat &#x3D; format || configFormat;
-    return passedFormat || &#x27;html&#x27;;
-}</code>
-                    </td>
-                </tr>
+                        <i>Default value : </i><code>(data: Uint8Array): string[] &#x3D;&gt; {
+	// Simplified ZIP parsing - looks for central directory entries
+	const files: string[] &#x3D; [];
+	let offset &#x3D; 0;
 
+	while (offset &lt; data.length - 4) {
+		// Look for local file header signature (0x04034b50)
+		if (data[offset] &#x3D;&#x3D;&#x3D; 0x50 &amp;&amp; data[offset + 1] &#x3D;&#x3D;&#x3D; 0x4b &amp;&amp;
+			data[offset + 2] &#x3D;&#x3D;&#x3D; 0x03 &amp;&amp; data[offset + 3] &#x3D;&#x3D;&#x3D; 0x04) {
 
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="Quill"></a>
-                    <span class="name">
-                        <span ><b>Quill</b></span>
-                        <a href="#Quill"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-
-                    </td>
-                </tr>
+			const filenameLength &#x3D; data[offset + 26] | (data[offset + 27] &lt;&lt; 8);
+			const extraFieldLength &#x3D; data[offset + 28] | (data[offset + 29] &lt;&lt; 8);
 
+			if (filenameLength &gt; 0 &amp;&amp; offset + 30 + filenameLength &lt;&#x3D; data.length) {
+				const filename &#x3D; new TextDecoder().decode(data.slice(offset + 30, offset + 30 + filenameLength));
+				files.push(filename);
+			}
 
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="require"></a>
-                    <span class="name">
-                        <span ><b>require</b></span>
-                        <a href="#require"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+			offset +&#x3D; 30 + filenameLength + extraFieldLength;
+		} else {
+			offset++;
+		}
+	}
 
+	return files;
+}</code>
                     </td>
                 </tr>
 
 
         </tbody>
     </table>
-</section>
-    <h3>packages/components/eui-file-upload/utils/mime-types.ts</h3>
-    <section data-compodoc="block-properties">
-    <h3></h3>    <table class="table table-sm table-bordered">
+    <table class="table table-sm table-bordered">
         <tbody>
             <tr>
                 <td class="col-md-4">
@@ -1655,7 +1648,7 @@
     const hex &#x3D; uint8ArrayToHexString(header);
 
     // map hex string to mime type
-    if (hex.startsWith(&#x27;ffd8ffe000104a46&#x27;)) return &#x27;image/jpeg&#x27;;
+    if (hex.startsWith(&#x27;ffd8ff&#x27;)) return &#x27;image/jpeg&#x27;;
     if (hex.startsWith(&#x27;89504e47&#x27;)) return &#x27;image/png&#x27;;
     if (hex.startsWith(&#x27;464c4946&#x27;)) return &#x27;image/flif&#x27;;
     if (hex.startsWith(&#x27;67696d7020786366&#x27;)) return &#x27;image/x-xcf&#x27;;
@@ -1667,15 +1660,10 @@
     if (hex.startsWith(&#x27;49491a0000004845415050&#x27;)) return &#x27;image/vnd.ms-photo&#x27;;
     if (hex.startsWith(&#x27;38425053&#x27;)) return &#x27;image/vnd.adobe.photoshop&#x27;;
     if (hex.startsWith(&#x27;06054b50&#x27;)) return &#x27;application/x-indesign&#x27;;
-    if (hex.startsWith(&#x27;504b0304&#x27;)) return &#x27;application/epub+zip&#x27;;
-    if (hex.startsWith(&#x27;504b0304&#x27;)) return &#x27;application/x-xpinstall&#x27;;
-    if (hex.startsWith(&#x27;504b0304&#x27;)) return &#x27;application/vnd.oasis.opendocument.text&#x27;;
-    if (hex.startsWith(&#x27;504b0304&#x27;)) return &#x27;application/vnd.oasis.opendocument.spreadsheet&#x27;;
-    if (hex.startsWith(&#x27;504b0304&#x27;)) return &#x27;application/vnd.oasis.opendocument.presentation&#x27;;
-    if (hex.startsWith(&#x27;504b0304&#x27;)) return &#x27;application/vnd.openxmlformats-officedocument.wordprocessingml.document&#x27;;
-    if (hex.startsWith(&#x27;504b0304&#x27;)) return &#x27;application/vnd.openxmlformats-officedocument.presentationml.presentation&#x27;;
-    if (hex.startsWith(&#x27;504b0304&#x27;)) return &#x27;application/vnd.openxmlformats-officedocument.spreadsheetml.sheet&#x27;;
-    if (hex.startsWith(&#x27;504b0304&#x27;)) return &#x27;application/zip&#x27;;
+	// Handle ZIP-based formats by examining content
+	if (hex.startsWith(&#x27;504b0304&#x27;)) {
+		return identifyZipBasedFormat(header);
+	}
     if (hex.startsWith(&#x27;7b2274797065223a226a736f6e227d&#x27;)) return &#x27;application/json&#x27;;
     if (hex.startsWith(&#x27;7573746172&#x27;)) return &#x27;application/x-tar&#x27;;
     if (hex.startsWith(&#x27;526172211a0700&#x27;)) return &#x27;application/x-rar-compressed&#x27;;
@@ -1691,17 +1679,13 @@
     if (hex.startsWith(&#x27;52494646&#x27;)) return &#x27;video/vnd.avi&#x27;;
     if (hex.startsWith(&#x27;52494646&#x27;)) return &#x27;audio/vnd.wave&#x27;;
     if (hex.startsWith(&#x27;0a010301&#x27;)) return &#x27;audio/qcelp&#x27;;
-    if (hex.startsWith(&#x27;3026b2758e66cf11&#x27;)) return &#x27;audio/x-ms-asf&#x27;;
-    if (hex.startsWith(&#x27;3026b2758e66cf11&#x27;)) return &#x27;video/x-ms-asf&#x27;;
-    if (hex.startsWith(&#x27;3026b2758e66cf11&#x27;)) return &#x27;application/vnd.ms-asf&#x27;;
+    if (hex.startsWith(&#x27;3026b2758e66cf11&#x27;)) return identifyAsfFormat(header);
     if (hex.startsWith(&#x27;000001ba&#x27;)) return &#x27;video/mpeg&#x27;;
     if (hex.startsWith(&#x27;00000020667479703367&#x27;)) return &#x27;video/3gpp&#x27;;
     if (hex.startsWith(&#x27;494433&#x27;)) return &#x27;audio/mpeg&#x27;;
     if (hex.startsWith(&#x27;00000020667479704d344120&#x27;)) return &#x27;audio/mp4&#x27;;
     if (hex.startsWith(&#x27;4f707573&#x27;)) return &#x27;audio/opus&#x27;;
-    if (hex.startsWith(&#x27;4f676753&#x27;)) return &#x27;video/ogg&#x27;;
-    if (hex.startsWith(&#x27;4f676753&#x27;)) return &#x27;audio/ogg&#x27;;
-    if (hex.startsWith(&#x27;4f676753&#x27;)) return &#x27;application/ogg&#x27;;
+    if (hex.startsWith(&#x27;4f676753&#x27;)) return identifyOggFormat(header);
     if (hex.startsWith(&#x27;664c6143&#x27;)) return &#x27;audio/x-flac&#x27;;
     if (hex.startsWith(&#x27;4d414320&#x27;)) return &#x27;audio/ape&#x27;;
     if (hex.startsWith(&#x27;7776706b&#x27;)) return &#x27;audio/wavpack&#x27;;
@@ -1724,7 +1708,6 @@
     if (hex.startsWith(&#x27;fd377a585a00&#x27;)) return &#x27;application/x-xz&#x27;;
     if (hex.startsWith(&#x27;53514c69746520666f726d6174203300&#x27;)) return &#x27;application/x-sqlite3&#x27;;
     if (hex.startsWith(&#x27;4e45531a00000001&#x27;)) return &#x27;application/x-nintendo-nes-rom&#x27;;
-    if (hex.startsWith(&#x27;504b0304&#x27;)) return &#x27;application/x-google-chrome-extension&#x27;;
     if (hex.startsWith(&#x27;4d534346&#x27;)) return &#x27;application/vnd.ms-cab-compressed&#x27;;
     if (hex.startsWith(&#x27;213c617263683e0a&#x27;)) return &#x27;application/x-deb&#x27;;
     if (hex.startsWith(&#x27;1f8b08&#x27;)) return &#x27;application/x-unix-archive&#x27;;
@@ -1746,10 +1729,7 @@
     if (hex.startsWith(&#x27;464f524d&#x27;)) return &#x27;audio/aiff&#x27;;
     if (hex.startsWith(&#x27;3c3f786d6c20&#x27;)) return &#x27;application/xml&#x27;;
     if (hex.startsWith(&#x27;424f4f4b4d4f4249&#x27;)) return &#x27;application/x-mobipocket-ebook&#x27;;
-    if (hex.startsWith(&#x27;667479706174&#x27;)) return &#x27;image/heif&#x27;;
-    if (hex.startsWith(&#x27;667479706174&#x27;)) return &#x27;image/heif-sequence&#x27;;
-    if (hex.startsWith(&#x27;667479706174&#x27;)) return &#x27;image/heic&#x27;;
-    if (hex.startsWith(&#x27;667479706174&#x27;)) return &#x27;image/heic-sequence&#x27;;
+    if (hex.startsWith(&#x27;667479706174&#x27;)) return identifyHeifFormat(header);
     if (hex.startsWith(&#x27;4b545820&#x27;)) return &#x27;image/ktx&#x27;;
     if (hex.startsWith(&#x27;4449434d&#x27;)) return &#x27;application/dicom&#x27;;
     if (hex.startsWith(&#x27;4d50434b&#x27;)) return &#x27;audio/x-musepack&#x27;;
@@ -1766,6 +1746,386 @@
                 </tr>
 
 
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="identifyAsfFormat"></a>
+                    <span class="name">
+                        <span ><b>identifyAsfFormat</b></span>
+                        <a href="#identifyAsfFormat"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>(data: Uint8Array): MimeType &#x3D;&gt; {
+	// ASF files all start with the same GUID: 3026b2758e66cf11a6d900aa0062ce6c
+	// To distinguish between audio, video, and application ASF, we need to examine
+	// the stream properties in the ASF header
+
+	try {
+		// Look for stream properties object GUID starting at offset 30
+		// Audio stream properties: b7dc0791a9b711cf8ee600c00c205365
+		// Video stream properties: bc19efc05b4d11cf9b1100aa00bbcb8b
+
+		if (data.length &lt; 100) {
+			// Not enough data to analyze, default to application
+			return &#x27;application/vnd.ms-asf&#x27;;
+		}
+
+		const hex &#x3D; uint8ArrayToHexString(data);
+
+		// Look for video stream properties GUID (indicates video content)
+		if (hex.includes(&#x27;bc19efc05b4d11cf9b1100aa00bbcb8b&#x27;)) {
+			return &#x27;video/x-ms-asf&#x27;;
+		}
+
+		// Look for audio stream properties GUID (indicates audio content)
+		if (hex.includes(&#x27;b7dc0791a9b711cf8ee600c00c205365&#x27;)) {
+			return &#x27;audio/x-ms-asf&#x27;;
+		}
+
+		// Check for Windows Media Audio/Video codec identifiers
+		// WMA codec: 161 (0xa1) or 162 (0xa2) or 163 (0xa3)
+		// WMV codec: Common values include various Windows Media Video identifiers
+
+		// Scan through the header for codec information
+		for (let i &#x3D; 0; i &lt; Math.min(data.length - 4, 1000); i++) {
+			// Look for audio codec indicators
+			if (data[i] &#x3D;&#x3D;&#x3D; 0xa1 || data[i] &#x3D;&#x3D;&#x3D; 0xa2 || data[i] &#x3D;&#x3D;&#x3D; 0xa3) {
+				// Found WMA codec indicator
+				return &#x27;audio/x-ms-asf&#x27;;
+			}
+		}
+
+		// Look for common video indicators in the first 1KB
+		const textContent &#x3D; new TextDecoder(&#x27;utf-8&#x27;, { fatal: false }).decode(data.slice(0, Math.min(1000, data.length)));
+
+		// Check for video-related strings
+		if (textContent.toLowerCase().includes(&#x27;video&#x27;) ||
+		    textContent.toLowerCase().includes(&#x27;wmv&#x27;) ||
+		    textContent.toLowerCase().includes(&#x27;mpeg&#x27;)) {
+			return &#x27;video/x-ms-asf&#x27;;
+		}
+
+		// Check for audio-related strings
+		if (textContent.toLowerCase().includes(&#x27;audio&#x27;) ||
+		    textContent.toLowerCase().includes(&#x27;wma&#x27;) ||
+		    textContent.toLowerCase().includes(&#x27;music&#x27;)) {
+			return &#x27;audio/x-ms-asf&#x27;;
+		}
+
+		// Default to application/vnd.ms-asf if we can&#x27;t determine the specific type
+		return &#x27;application/vnd.ms-asf&#x27;;
+
+	} catch {
+		// If any error occurs during analysis, default to application type
+		return &#x27;application/vnd.ms-asf&#x27;;
+	}
+}</code>
+                    </td>
+                </tr>
+
+
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="identifyHeifFormat"></a>
+                    <span class="name">
+                        <span ><b>identifyHeifFormat</b></span>
+                        <a href="#identifyHeifFormat"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>(data: Uint8Array): MimeType &#x3D;&gt; {
+	// HEIF/HEIC files all start with the same ftyp box signature: 667479706174
+	// To distinguish between formats, we need to examine the brand and compatible brands
+	// in the ftyp (file type) box
+
+	try {
+		if (data.length &lt; 20) {
+			// Not enough data to analyze, default to HEIF
+			return &#x27;image/heif&#x27;;
+		}
+
+		const hex &#x3D; uint8ArrayToHexString(data);
+
+		// The ftyp box structure:
+		// Bytes 0-3: Box size (4 bytes)
+		// Bytes 4-7: Box type &quot;ftyp&quot; (4 bytes) - 667479706174
+		// Bytes 8-11: Major brand (4 bytes)
+		// Bytes 12-15: Minor version (4 bytes)
+		// Bytes 16+: Compatible brands (4 bytes each)
+
+		// Extract major brand (4 bytes starting at offset 8)
+		// Convert to ASCII string for easier comparison
+		const majorBrand &#x3D; String.fromCharCode(
+			data[8], data[9], data[10], data[11],
+		);
+
+		// Look for compatible brands in the first 100 bytes
+		const compatibleBrandsHex &#x3D; hex.substring(32, Math.min(200, hex.length)); // Start after major brand + minor version
+
+		// HEIC brands: &#x27;heic&#x27;, &#x27;heix&#x27;, &#x27;hevc&#x27;, &#x27;hevx&#x27;
+		if (majorBrand &#x3D;&#x3D;&#x3D; &#x27;heic&#x27; ||
+		    compatibleBrandsHex.includes(&#x27;68656963&#x27;) || // &#x27;heic&#x27;
+		    compatibleBrandsHex.includes(&#x27;68656978&#x27;) || // &#x27;heix&#x27;
+		    compatibleBrandsHex.includes(&#x27;68657663&#x27;) || // &#x27;hevc&#x27;
+		    compatibleBrandsHex.includes(&#x27;68657678&#x27;)) { // &#x27;hevx&#x27;
+
+			// Check for sequence/animation indicators
+			if (compatibleBrandsHex.includes(&#x27;68657673&#x27;) || // &#x27;hevs&#x27; - HEIC sequence
+			    compatibleBrandsHex.includes(&#x27;6d736631&#x27;) || // &#x27;msf1&#x27; - sequence
+			    majorBrand &#x3D;&#x3D;&#x3D; &#x27;hevs&#x27;) {
+				return &#x27;image/heic-sequence&#x27;;
+			}
+
+			return &#x27;image/heic&#x27;;
+		}
+
+		// HEIF brands: &#x27;mif1&#x27;, &#x27;msf1&#x27;
+		if (majorBrand &#x3D;&#x3D;&#x3D; &#x27;mif1&#x27; || majorBrand &#x3D;&#x3D;&#x3D; &#x27;msf1&#x27; ||
+		    compatibleBrandsHex.includes(&#x27;6d696631&#x27;) || // &#x27;mif1&#x27;
+		    compatibleBrandsHex.includes(&#x27;6d736631&#x27;)) { // &#x27;msf1&#x27;
+
+			// Check for sequence/animation indicators
+			if (majorBrand &#x3D;&#x3D;&#x3D; &#x27;msf1&#x27; ||
+			    compatibleBrandsHex.includes(&#x27;6d736631&#x27;)) { // &#x27;msf1&#x27; - sequence
+				return &#x27;image/heif-sequence&#x27;;
+			}
+
+			return &#x27;image/heif&#x27;;
+		}
+
+		// Check for specific sequence indicators in the data
+		if (hex.includes(&#x27;6d736631&#x27;) || // &#x27;msf1&#x27; - multi-image sequence
+		    hex.includes(&#x27;68657673&#x27;)) { // &#x27;hevs&#x27; - HEIC sequence
+
+			// If we find HEIC-related brands, it&#x27;s HEIC sequence
+			if (hex.includes(&#x27;68656963&#x27;) || hex.includes(&#x27;68657663&#x27;)) {
+				return &#x27;image/heic-sequence&#x27;;
+			}
+
+			return &#x27;image/heif-sequence&#x27;;
+		}
+
+		// If we find HEIC indicators but no sequence, it&#x27;s single HEIC
+		if (hex.includes(&#x27;68656963&#x27;) || // &#x27;heic&#x27;
+		    hex.includes(&#x27;68657663&#x27;) || // &#x27;hevc&#x27;
+		    hex.includes(&#x27;68656978&#x27;) || // &#x27;heix&#x27;
+		    hex.includes(&#x27;68657678&#x27;)) { // &#x27;hevx&#x27;
+			return &#x27;image/heic&#x27;;
+		}
+
+		// Default to HEIF for any other case
+		return &#x27;image/heif&#x27;;
+
+	} catch {
+		// If any error occurs during analysis, default to HEIF
+		return &#x27;image/heif&#x27;;
+	}
+}</code>
+                    </td>
+                </tr>
+
+
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="identifyOggFormat"></a>
+                    <span class="name">
+                        <span ><b>identifyOggFormat</b></span>
+                        <a href="#identifyOggFormat"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>(data: Uint8Array): MimeType &#x3D;&gt; {
+	// OGG files all start with &quot;OggS&quot; (4f676753) but can contain different codecs
+	// To distinguish between audio, video, and application OGG, we need to examine
+	// the codec information in the OGG page headers
+
+	try {
+		if (data.length &lt; 64) {
+			// Not enough data to analyze, default to audio
+			return &#x27;audio/ogg&#x27;;
+		}
+
+		const hex &#x3D; uint8ArrayToHexString(data);
+
+		// Look for codec identification patterns in the first few hundred bytes
+		// Common video codecs in OGG:
+		// - Theora: &quot;theora&quot; or &quot;\x80theora&quot;
+		// - VP8/VP9: various signatures
+		// - Dirac: &quot;BBCD&quot;
+
+		// Common audio codecs in OGG:
+		// - Vorbis: &quot;vorbis&quot; or &quot;\x01vorbis&quot;
+		// - Opus: &quot;OpusHead&quot;
+		// - FLAC: &quot;fLaC&quot;
+		// - Speex: &quot;Speex&quot;
+
+		// Convert some bytes to text for string matching
+		const textContent &#x3D; new TextDecoder(&#x27;utf-8&#x27;, { fatal: false }).decode(data.slice(0, Math.min(512, data.length)));
+		const lowerContent &#x3D; textContent.toLowerCase();
+
+		// Check for video codec indicators first (as they&#x27;re more specific)
+		if (lowerContent.includes(&#x27;theora&#x27;) ||
+		    hex.includes(&#x27;8074686f726120&#x27;) || // &quot;\x80theora &quot;
+		    hex.includes(&#x27;7468656f7261&#x27;) ||   // &quot;theora&quot;
+		    lowerContent.includes(&#x27;dirac&#x27;) ||
+		    hex.includes(&#x27;42424344&#x27;) ||       // &quot;BBCD&quot; - Dirac
+		    lowerContent.includes(&#x27;vp8&#x27;) ||
+		    lowerContent.includes(&#x27;vp9&#x27;)) {
+			return &#x27;video/ogg&#x27;;
+		}
+
+		// Check for audio codec indicators
+		if (lowerContent.includes(&#x27;vorbis&#x27;) ||
+		    hex.includes(&#x27;01766f72626973&#x27;) || // &quot;\x01vorbis&quot;
+		    hex.includes(&#x27;766f72626973&#x27;) ||   // &quot;vorbis&quot;
+		    lowerContent.includes(&#x27;opushead&#x27;) ||
+		    hex.includes(&#x27;4f7075734865616420&#x27;) || // &quot;OpusHead &quot;
+		    lowerContent.includes(&#x27;speex&#x27;) ||
+		    hex.includes(&#x27;53706565782020&#x27;) || // &quot;Speex  &quot;
+		    lowerContent.includes(&#x27;flac&#x27;) ||
+		    hex.includes(&#x27;664c6143&#x27;)) {      // &quot;fLaC&quot;
+			return &#x27;audio/ogg&#x27;;
+		}
+
+		// Look for OGG stream structure patterns
+		// OGG pages have a specific structure, look for multiple &quot;OggS&quot; signatures
+		// which might indicate a complex multimedia container
+		let oggSCount &#x3D; 0;
+		for (let i &#x3D; 0; i &lt; Math.min(data.length - 4, 1000); i +&#x3D; 4) {
+			if (data[i] &#x3D;&#x3D;&#x3D; 0x4f &amp;&amp; data[i + 1] &#x3D;&#x3D;&#x3D; 0x67 &amp;&amp;
+			    data[i + 2] &#x3D;&#x3D;&#x3D; 0x67 &amp;&amp; data[i + 3] &#x3D;&#x3D;&#x3D; 0x53) {
+				oggSCount++;
+			}
+		}
+
+		// Multiple OGG pages might indicate a more complex application format
+		if (oggSCount &gt; 3) {
+			// Check if it&#x27;s likely a multimedia container vs pure audio/video
+			if (lowerContent.includes(&#x27;application&#x27;) ||
+			    lowerContent.includes(&#x27;metadata&#x27;) ||
+			    lowerContent.includes(&#x27;index&#x27;) ||
+			    (!lowerContent.includes(&#x27;audio&#x27;) &amp;&amp; !lowerContent.includes(&#x27;video&#x27;) &amp;&amp;
+			     !lowerContent.includes(&#x27;vorbis&#x27;) &amp;&amp; !lowerContent.includes(&#x27;theora&#x27;))) {
+				return &#x27;application/ogg&#x27;;
+			}
+		}
+
+		// Look for file extension hints in metadata (if present)
+		if (lowerContent.includes(&#x27;.ogv&#x27;) || lowerContent.includes(&#x27;video&#x27;)) {
+			return &#x27;video/ogg&#x27;;
+		}
+
+		if (lowerContent.includes(&#x27;.oga&#x27;) || lowerContent.includes(&#x27;audio&#x27;) || lowerContent.includes(&#x27;music&#x27;)) {
+			return &#x27;audio/ogg&#x27;;
+		}
+
+		// Check the OGG page header flags
+		// Byte 5 in OGG page header contains flags
+		// If we have enough data, check the stream type
+		if (data.length &gt; 26) {
+			const pageHeaderType &#x3D; data[5];
+			// Fresh packet start (0x02) often indicates beginning of codec data
+			if ((pageHeaderType &amp; 0x02) &#x3D;&#x3D;&#x3D; 0x02) {
+				// Look at the packet data starting around byte 27
+				const packetStart &#x3D; data.slice(27, Math.min(data.length, 50));
+				const packetHex &#x3D; uint8ArrayToHexString(packetStart);
+
+				// Check for Vorbis identification header
+				if (packetHex.startsWith(&#x27;01766f72626973&#x27;)) {
+					return &#x27;audio/ogg&#x27;;
+				}
+
+				// Check for Theora identification header
+				if (packetHex.startsWith(&#x27;8074686f726120&#x27;)) {
+					return &#x27;video/ogg&#x27;;
+				}
+			}
+		}
+
+		// Default to audio/ogg as it&#x27;s the most common OGG format
+		return &#x27;audio/ogg&#x27;;
+
+	} catch {
+		// If any error occurs during analysis, default to audio
+		return &#x27;audio/ogg&#x27;;
+	}
+}</code>
+                    </td>
+                </tr>
+
+
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="identifyZipBasedFormat"></a>
+                    <span class="name">
+                        <span ><b>identifyZipBasedFormat</b></span>
+                        <a href="#identifyZipBasedFormat"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>(data: Uint8Array): MimeType &#x3D;&gt; {
+	try {
+		const fileEntries &#x3D; extractZipFileList(data);
+
+		// Chrome extension
+		if (fileEntries.includes(&#x27;manifest.json&#x27;)) {
+			return &#x27;application/x-google-chrome-extension&#x27;;
+		}
+
+		// EPUB
+		if (fileEntries.includes(&#x27;META-INF/container.xml&#x27;) || fileEntries.includes(&#x27;mimetype&#x27;)) {
+			return &#x27;application/epub+zip&#x27;;
+		}
+
+		// OpenDocument formats
+		if (fileEntries.includes(&#x27;META-INF/manifest.xml&#x27;)) {
+			if (fileEntries.some(f &#x3D;&gt; f.endsWith(&#x27;.odp&#x27;))) return &#x27;application/vnd.oasis.opendocument.presentation&#x27;;
+			if (fileEntries.some(f &#x3D;&gt; f.endsWith(&#x27;.ods&#x27;))) return &#x27;application/vnd.oasis.opendocument.spreadsheet&#x27;;
+			if (fileEntries.some(f &#x3D;&gt; f.endsWith(&#x27;.odt&#x27;))) return &#x27;application/vnd.oasis.opendocument.text&#x27;;
+		}
+
+		// Microsoft Office formats
+		if (fileEntries.includes(&#x27;[Content_Types].xml&#x27;)) {
+			if (fileEntries.includes(&#x27;ppt/presentation.xml&#x27;)) return &#x27;application/vnd.openxmlformats-officedocument.presentationml.presentation&#x27;;
+			if (fileEntries.includes(&#x27;xl/workbook.xml&#x27;)) return &#x27;application/vnd.openxmlformats-officedocument.spreadsheetml.sheet&#x27;;
+			if (fileEntries.includes(&#x27;word/document.xml&#x27;)) return &#x27;application/vnd.openxmlformats-officedocument.wordprocessingml.document&#x27;;
+		}
+
+		// Default to generic ZIP
+		return &#x27;application/zip&#x27;;
+
+	} catch {
+		return &#x27;application/zip&#x27;;
+	}
+}</code>
+                    </td>
+                </tr>
+
+
         </tbody>
     </table>
     <table class="table table-sm table-bordered">
@@ -1788,6 +2148,74 @@
                 </tr>
 
 
+        </tbody>
+    </table>
+</section>
+    <h3>packages/components/externals/quill/quill-editor.component.ts</h3>
+    <section data-compodoc="block-properties">
+    <h3></h3>    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="getFormat"></a>
+                    <span class="name">
+                        <span ><b>getFormat</b></span>
+                        <a href="#getFormat"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>(format?: QuillFormat, configFormat?: QuillFormat): QuillFormat &#x3D;&gt; {
+    const passedFormat &#x3D; format || configFormat;
+    return passedFormat || &#x27;html&#x27;;
+}</code>
+                    </td>
+                </tr>
+
+
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="Quill"></a>
+                    <span class="name">
+                        <span ><b>Quill</b></span>
+                        <a href="#Quill"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                    </td>
+                </tr>
+
+
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="require"></a>
+                    <span class="name">
+                        <span ><b>require</b></span>
+                        <a href="#require"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                    </td>
+                </tr>
+
+
         </tbody>
     </table>
 </section>