refactor(core): CORE-12 type template resources and verify bundled notices

2026-10-27 17:51:20 -08:00 · 2026-09-11 03:50:33 +08:00
1 parent b8039ad1f1
commit 9eb7c945ca
@@ -4,6 +4,55 @@ ArtPlayer keeps its existing constructor, player mixins, plugins and DOM/CSS hoo
 The production entry is still `src/index.js`; this document marks actual migrated
 boundaries rather than describing the entire core as TypeScript.

+## Template and public resources
+
+`src/template.ts` owns container checks, reservation, proxy replacement and destruction.
+`template/html.ts` holds the exact versioned markup; `template/nodes.ts` binds selectors
+in historical assignment order. `template/types.ts` describes the minimal generic host
+and nullable SSR queries. Container casts are justified by the existing non-null/div
+checks before use; selector type parameters describe expected markup, not validation
+of arbitrary user HTML. A canvas proxy is a canvas, not an asserted native video.
+The generic proxy preserves the actual host as both callback this and its sole argument.
+
+useSSR preserves existing node objects and listeners. Missing nodes are not synthesized.
+Proxy replacement retains the original track reference even when it becomes detached,
+overwrites the proxy className with art-video and keeps the returned object's identity.
+Rollback remains in lifecycle/template-rollback.ts; destroy(false) marks art-destroy,
+whereas destroy(true) clears the container. Server imports expose html and STYLE but
+construction still fails with the original browser-only error.
+
+`icons/defaults.ts` owns SVG inputs; `icons/index.ts` creates the per-instance registry.
+Each read creates a fresh i.art-icon wrapper. Custom DOM nodes move into that wrapper;
+they are not cloned. Public declarations historically say HTMLDivElement, while source
+uses the actual HTMLElement shape. This mismatch remains tracked for CORE-21.
+
+`i18n/index.ts` owns selected language, deep updates and key fallback. Standalone
+language modules keep default exports and artplayer-i18n-* aliases through publish.ts.
+Only own language/message keys participate in lookup; absent prototype names now return
+the requested string. Explicit custom constructor/toString/**proto** messages remain
+supported. Empty translations still fall back. build:i18n excludes built-in zh-cn and
+helper modules, retaining exactly eleven UMD/ESM pairs and their historical globals.
+
+`style/index.ts` exports Less output without performing DOM work. The main facade
+keeps global assignment and injection timing; `style/inject.ts` implements the existing
+setStyleText helper re-exported from utils/dom.js. Existing IDs update in place; new
+styles defer attachment until DOMContentLoaded while loading. Shared core style survives
+instance destruction. This migration does not redesign repeated pre-DOMContentLoaded
+injection or validate untrusted SSR markup.
+
+Vendored screenfull.js and hint.less remain separate from owned TS. Full notices ship
+in THIRD_PARTY_NOTICES and each core bundle header; provenance and exact adaptations are
+checked by refactor/scripts/core-vendor.mjs against pinned upstream text. Historical
+screenfull acquisition tag is not recoverable from the repository: v6.0.2 is the fixed
+comparison reference, not a claim that the local file is its unmodified release.
+
+Run yarn test:unit, yarn typecheck and the installed-artifact browser suite when changing
+these boundaries. template-resources tests cover real SSR reuse, proxies, icon identity,
+language fallback, style ownership, fullscreen web and real native-fullscreen gestures
+when supported by the engine. Capability evidence identifies unsupported environments. core-vendor tests cover copied
+content and native/prefixed fullscreen adapters. Rebuild with yarn build artplayer and
+yarn build:i18n; yarn test:package:release validates every language entry and browser alias.
+
 ## Plugin registration and ownership

 `src/plugins/index.ts` orchestrates registration; types.ts defines generic factories,
@@ -0,0 +1,62 @@
+ArtPlayer bundled third-party notices
+
+
+screenfull - reference v6.0.2, locally adapted
+https://github.com/sindresorhus/screenfull
+MIT License
+
+Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (https://sindresorhus.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+Hint.css v2.7.0 - scoped and styled for ArtPlayer
+https://github.com/chinchang/hint.css
+MIT License
+
+Copyright (c) 2021 Kushagra Gour
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+option-validator v2.0.6
+https://github.com/zhw2590582/option-validator
+MIT License
+
+Copyright (c) 2018 Harvey Zack
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
@@ -3,5 +3,68 @@
 * Github: https://github.com/zhw2590582/ArtPlayer
 * (c) 2017-2026 Harvey Zhao
 * Released under the MIT License.
+ *
+ * ArtPlayer bundled third-party notices
+ *
+ *
+ * screenfull - reference v6.0.2, locally adapted
+ * https://github.com/sindresorhus/screenfull
+ * MIT License
+ *
+ * Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (https://sindresorhus.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ *
+ * Hint.css v2.7.0 - scoped and styled for ArtPlayer
+ * https://github.com/chinchang/hint.css
+ * MIT License
+ *
+ * Copyright (c) 2021 Kushagra Gour
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ * option-validator v2.0.6
+ * https://github.com/zhw2590582/option-validator
+ * MIT License
+ *
+ * Copyright (c) 2018 Harvey Zack
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
 */
-!function(t,e){"object"===typeof exports&&"undefined"!==typeof module?module.exports=e():"function"==typeof define&&define.amd?(t.Artplayer=e(),define(function(){return t.Artplayer})):(t="undefined"!==typeof globalThis?globalThis:t||self).Artplayer=e()}(this,function(){"use strict";function t(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var e,r={exports:{}};var o=(e||(e=1,r.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,r=function(r){if(void 0===r)return"undefined";if(null===r)return"null";var a=t(r);if("boolean"===a)return"boolean";if("string"===a)return"string";if("number"===a)return"number";if("symbol"===a)return"symbol";if("function"===a)return"GeneratorFunction"===o(r)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(r))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(r))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(e){if(-1!==e.message.indexOf("callee"))return!0}return!1}(r))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(r))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(r))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(r))return"regexp";switch(o(r)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(r))return"generator";switch(a=e.call(r)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return a.slice(8,-1).toLowerCase().replace(/\s/g,"")};function o(t){return t.constructor?t.constructor.name:null}function a(t,e){var o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];return n(t,e,o),i(t,e,o),function(t,e,o){var s=r(e),l=r(t);if("object"===s){if("object"!==l)throw new Error("[Type Error]: '".concat(o.join("."),"' require 'object' type, but got '").concat(l,"'"));Object.keys(e).forEach(function(r){var s=t[r],l=e[r],c=o.slice();c.push(r),n(s,l,c),i(s,l,c),a(s,l,c)})}if("array"===s){if("array"!==l)throw new Error("[Type Error]: '".concat(o.join("."),"' require 'array' type, but got '").concat(l,"'"));t.forEach(function(r,s){var l=t[s],c=e[s]||e[0],d=o.slice();d.push(s),n(l,c,d),i(l,c,d),a(l,c,d)})}}(t,e,o),t}function n(t,e,o){if("string"===r(e)){var a=r(t);if("?"===e[0]&&(e=e.slice(1)+"|undefined"),!(-1<e.indexOf("|")?e.split("|").map(function(t){return t.toLowerCase().trim()}).filter(Boolean).some(function(t){return a===t}):e.toLowerCase().trim()===a))throw new Error("[Type Error]: '".concat(o.join("."),"' require '").concat(e,"' type, but got '").concat(a,"'"))}}function i(t,e,o){if("function"===r(e)){var a=e(t,r(t),o);if(!0!==a){var n=r(a);throw"string"===n?new Error(a):"error"===n?a:new Error("[Validator Error]: The scheme for '".concat(o.join("."),"' validator require return true, but got '").concat(a,"'"))}}}return a.kindOf=r,a}()),r.exports);const a=t(o),n="5.4.1",i={properties:["audioTracks","autoplay","buffered","controller","controls","crossOrigin","currentSrc","currentTime","defaultMuted","defaultPlaybackRate","duration","ended","error","loop","mediaGroup","muted","networkState","paused","playbackRate","played","preload","readyState","seekable","seeking","src","startDate","textTracks","videoTracks","volume"],methods:["addTextTrack","canPlayType","load","play","pause"],events:["abort","canplay","canplaythrough","durationchange","emptied","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"],prototypes:["width","height","videoWidth","videoHeight","poster","webkitDecodedFrameCount","webkitDroppedFrameCount","playsInline","webLine truncated
+!function(t,e){"object"===typeof exports&&"undefined"!==typeof module?module.exports=e():"function"==typeof define&&define.amd?(t.Artplayer=e(),define(function(){return t.Artplayer})):(t="undefined"!==typeof globalThis?globalThis:t||self).Artplayer=e()}(this,function(){"use strict";function t(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var e,r={exports:{}};var o=(e||(e=1,r.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,r=function(r){if(void 0===r)return"undefined";if(null===r)return"null";var a=t(r);if("boolean"===a)return"boolean";if("string"===a)return"string";if("number"===a)return"number";if("symbol"===a)return"symbol";if("function"===a)return"GeneratorFunction"===o(r)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(r))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(r))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(e){if(-1!==e.message.indexOf("callee"))return!0}return!1}(r))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(r))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(r))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(r))return"regexp";switch(o(r)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(r))return"generator";switch(a=e.call(r)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return a.slice(8,-1).toLowerCase().replace(/\s/g,"")};function o(t){return t.constructor?t.constructor.name:null}function a(t,e){var o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];return n(t,e,o),i(t,e,o),function(t,e,o){var s=r(e),l=r(t);if("object"===s){if("object"!==l)throw new Error("[Type Error]: '".concat(o.join("."),"' require 'object' type, but got '").concat(l,"'"));Object.keys(e).forEach(function(r){var s=t[r],l=e[r],c=o.slice();c.push(r),n(s,l,c),i(s,l,c),a(s,l,c)})}if("array"===s){if("array"!==l)throw new Error("[Type Error]: '".concat(o.join("."),"' require 'array' type, but got '").concat(l,"'"));t.forEach(function(r,s){var l=t[s],c=e[s]||e[0],d=o.slice();d.push(s),n(l,c,d),i(l,c,d),a(l,c,d)})}}(t,e,o),t}function n(t,e,o){if("string"===r(e)){var a=r(t);if("?"===e[0]&&(e=e.slice(1)+"|undefined"),!(-1<e.indexOf("|")?e.split("|").map(function(t){return t.toLowerCase().trim()}).filter(Boolean).some(function(t){return a===t}):e.toLowerCase().trim()===a))throw new Error("[Type Error]: '".concat(o.join("."),"' require '").concat(e,"' type, but got '").concat(a,"'"))}}function i(t,e,o){if("function"===r(e)){var a=e(t,r(t),o);if(!0!==a){var n=r(a);throw"string"===n?new Error(a):"error"===n?a:new Error("[Validator Error]: The scheme for '".concat(o.join("."),"' validator require return true, but got '").concat(a,"'"))}}}return a.kindOf=r,a}()),r.exports);const a=t(o),n="5.4.1",i={properties:["audioTracks","autoplay","buffered","controller","controls","crossOrigin","currentSrc","currentTime","defaultMuted","defaultPlaybackRate","duration","ended","error","loop","mediaGroup","muted","networkState","paused","playbackRate","played","preload","readyState","seekable","seeking","src","startDate","textTracks","videoTracks","volume"],methods:["addTextTrack","canPlayType","load","play","pause"],events:["abort","canplay","canplaythrough","durationchange","emptied","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"],prototypes:["width","height","videoWidth","videoHeight","poster","webkitDecodedFrameCount","webkitDroppedFrameCount","playsInline","webLine truncated
@@ -3,5 +3,68 @@
 * Github: https://github.com/zhw2590582/ArtPlayer
 * (c) 2017-2026 Harvey Zhao
 * Released under the MIT License.
+ *
+ * ArtPlayer bundled third-party notices
+ *
+ *
+ * screenfull - reference v6.0.2, locally adapted
+ * https://github.com/sindresorhus/screenfull
+ * MIT License
+ *
+ * Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (https://sindresorhus.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ *
+ * Hint.css v2.7.0 - scoped and styled for ArtPlayer
+ * https://github.com/chinchang/hint.css
+ * MIT License
+ *
+ * Copyright (c) 2021 Kushagra Gour
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ * option-validator v2.0.6
+ * https://github.com/zhw2590582/option-validator
+ * MIT License
+ *
+ * Copyright (c) 2018 Harvey Zack
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
 */
-!function(t,e){"object"===typeof exports&&"undefined"!==typeof module?module.exports=e():"function"==typeof define&&define.amd?(t.Artplayer=e(),define(function(){return t.Artplayer})):(t="undefined"!==typeof globalThis?globalThis:t||self).Artplayer=e()}(this,function(){"use strict";var t,e=Object.defineProperty,r=Object.defineProperties,o=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,s=(t,r,o)=>r in t?e(t,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[r]=o,l=(t,e)=>{for(var r in e||(e={}))a.call(e,r)&&s(t,r,e[r]);if(n)for(var r of n(e))i.call(e,r)&&s(t,r,e[r]);return t},c=(t,e)=>r(t,o(e)),d=(t,e,r)=>new Promise((o,n)=>{var a=t=>{try{s(r.next(t))}catch(e){n(e)}},i=t=>{try{s(r.throw(t))}catch(e){n(e)}},s=t=>t.done?o(t.value):Promise.resolve(t.value).then(a,i);s((r=r.apply(t,e)).next())});function p(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var h,u={exports:{}};var m=(h||(h=1,u.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,r=function(r){if(void 0===r)return"undefined";if(null===r)return"null";var n=t(r);if("boolean"===n)return"boolean";if("string"===n)return"string";if("number"===n)return"number";if("symbol"===n)return"symbol";if("function"===n)return"GeneratorFunction"===o(r)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(r))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(r))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(e){if(-1!==e.message.indexOf("callee"))return!0}return!1}(r))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(r))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(r))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(r))return"regexp";switch(o(r)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(r))return"generator";switch(n=e.call(r)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return n.slice(8,-1).toLowerCase().replace(/\s/g,"")};function o(t){return t.constructor?t.constructor.name:null}function n(t,e){var o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];return a(t,e,o),i(t,e,o),function(t,e,o){var s=r(e),l=r(t);if("object"===s){if("object"!==l)throw new Error("[Type Error]: '".concat(o.join("."),"' require 'object' type, but got '").concat(l,"'"));Object.keys(e).forEach(function(r){var s=t[r],l=e[r],c=o.slice();c.push(r),a(s,l,c),i(s,l,c),n(s,l,c)})}if("array"===s){if("array"!==l)throw new Error("[Type Error]: '".concat(o.join("."),"' require 'array' type, but got '").concat(l,"'"));t.forEach(function(r,s){var l=t[s],c=e[s]||e[0],d=o.slice();d.push(s),a(l,c,d),i(l,c,d),n(l,c,d)})}}(t,e,o),t}function a(t,e,o){if("string"===r(e)){var n=r(t);if("?"===e[0]&&(e=e.slice(1)+"|undefined"),!(-1<e.indexOf("|")?e.split("|").map(function(t){return t.toLowerCase().trim()}).filter(Boolean).some(function(t){return n===t}):e.toLowerCase().trim()===n))throw new Error("[Type Error]: '".concat(o.join("."),"' require '").concat(e,"' type, but got '").concat(n,"'"))}}function i(t,e,o){if("function"===r(e)){var n=e(t,r(t),o);if(!0!==n){var a=r(n);throw"string"===a?new Error(n):"error"===a?n:new Error("[Validator Error]: The scheme for '".concat(o.join("."),"' validator require return true, but got '").concat(n,"'"))}}}return n.kindOf=r,n}()),u.exports);const f=p(m),g="5.4.1",v={properties:["audioTracks","autoplay","buffered","controller","controls","crossOrigin","currentSrc","currentTime","defaultMuted","defaultPlaybackRate","duration","ended","error","loop","meLine truncated
+!function(t,e){"object"===typeof exports&&"undefined"!==typeof module?module.exports=e():"function"==typeof define&&define.amd?(t.Artplayer=e(),define(function(){return t.Artplayer})):(t="undefined"!==typeof globalThis?globalThis:t||self).Artplayer=e()}(this,function(){"use strict";var t,e=Object.defineProperty,r=Object.defineProperties,o=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,s=(t,r,o)=>r in t?e(t,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[r]=o,l=(t,e)=>{for(var r in e||(e={}))a.call(e,r)&&s(t,r,e[r]);if(n)for(var r of n(e))i.call(e,r)&&s(t,r,e[r]);return t},c=(t,e)=>r(t,o(e)),d=(t,e,r)=>new Promise((o,n)=>{var a=t=>{try{s(r.next(t))}catch(e){n(e)}},i=t=>{try{s(r.throw(t))}catch(e){n(e)}},s=t=>t.done?o(t.value):Promise.resolve(t.value).then(a,i);s((r=r.apply(t,e)).next())});function p(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var u,h={exports:{}};var f=(u||(u=1,h.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,r=function(r){if(void 0===r)return"undefined";if(null===r)return"null";var n=t(r);if("boolean"===n)return"boolean";if("string"===n)return"string";if("number"===n)return"number";if("symbol"===n)return"symbol";if("function"===n)return"GeneratorFunction"===o(r)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(r))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(r))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(e){if(-1!==e.message.indexOf("callee"))return!0}return!1}(r))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(r))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(r))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(r))return"regexp";switch(o(r)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(r))return"generator";switch(n=e.call(r)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return n.slice(8,-1).toLowerCase().replace(/\s/g,"")};function o(t){return t.constructor?t.constructor.name:null}function n(t,e){var o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];return a(t,e,o),i(t,e,o),function(t,e,o){var s=r(e),l=r(t);if("object"===s){if("object"!==l)throw new Error("[Type Error]: '".concat(o.join("."),"' require 'object' type, but got '").concat(l,"'"));Object.keys(e).forEach(function(r){var s=t[r],l=e[r],c=o.slice();c.push(r),a(s,l,c),i(s,l,c),n(s,l,c)})}if("array"===s){if("array"!==l)throw new Error("[Type Error]: '".concat(o.join("."),"' require 'array' type, but got '").concat(l,"'"));t.forEach(function(r,s){var l=t[s],c=e[s]||e[0],d=o.slice();d.push(s),a(l,c,d),i(l,c,d),n(l,c,d)})}}(t,e,o),t}function a(t,e,o){if("string"===r(e)){var n=r(t);if("?"===e[0]&&(e=e.slice(1)+"|undefined"),!(-1<e.indexOf("|")?e.split("|").map(function(t){return t.toLowerCase().trim()}).filter(Boolean).some(function(t){return n===t}):e.toLowerCase().trim()===n))throw new Error("[Type Error]: '".concat(o.join("."),"' require '").concat(e,"' type, but got '").concat(n,"'"))}}function i(t,e,o){if("function"===r(e)){var n=e(t,r(t),o);if(!0!==n){var a=r(n);throw"string"===a?new Error(n):"error"===a?n:new Error("[Validator Error]: The scheme for '".concat(o.join("."),"' validator require return true, but got '").concat(n,"'"))}}}return n.kindOf=r,n}()),h.exports);const m=p(f),g="5.4.1",v={properties:["audioTracks","autoplay","buffered","controller","controls","crossOrigin","currentSrc","currentTime","defaultMuted","defaultPlaybackRate","duration","ended","error","loop","meLine truncated
@@ -3,6 +3,69 @@
 * Github: https://github.com/zhw2590582/ArtPlayer
 * (c) 2017-2026 Harvey Zhao
 * Released under the MIT License.
+ *
+ * ArtPlayer bundled third-party notices
+ *
+ *
+ * screenfull - reference v6.0.2, locally adapted
+ * https://github.com/sindresorhus/screenfull
+ * MIT License
+ *
+ * Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (https://sindresorhus.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ *
+ * Hint.css v2.7.0 - scoped and styled for ArtPlayer
+ * https://github.com/chinchang/hint.css
+ * MIT License
+ *
+ * Copyright (c) 2021 Kushagra Gour
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ * option-validator v2.0.6
+ * https://github.com/zhw2590582/option-validator
+ * MIT License
+ *
+ * Copyright (c) 2018 Harvey Zack
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
 */
 function getDefaultExportFromCjs(x) {
  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -245,6 +308,21 @@ const isIOS = /iPad|iPhone|iPod/i.test(userAgent) && !window.MSStream;
 const isIOS13 = isIOS || userAgent.includes("Macintosh") && navigator.maxTouchPoints >= 1;
 const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent) || isIOS13;
 const isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
+function setStyleText(id2, style) {
+  let $style = document.getElementById(id2);
+  if (!$style) {
+    $style = document.createElement("style");
+    $style.id = id2;
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", () => {
+        document.head.appendChild($style);
+      });
+    } else {
+      (document.head || document.documentElement).appendChild($style);
+    }
+  }
+  $style.textContent = style;
+}
 function query(selector, parent = document) {
  return parent.querySelector(selector);
 }
@@ -317,28 +395,13 @@ function replaceElement(newChild, oldChild) {
 function createElement(tag) {
  return document.createElement(tag);
 }
-function getIcon(key = "", html = "") {
+function getIcon(key = "", html2 = "") {
  const icon = createElement("i");
  addClass(icon, "art-icon");
  addClass(icon, `art-icon-${key}`);
-  append(icon, html);
+  append(icon, html2);
  return icon;
 }
-function setStyleText(id2, style2) {
-  let $style = document.getElementById(id2);
-  if (!$style) {
-    $style = document.createElement("style");
-    $style.id = id2;
-    if (document.readyState === "loading") {
-      document.addEventListener("DOMContentLoaded", () => {
-        document.head.appendChild($style);
-      });
-    } else {
-      (document.head || document.documentElement).appendChild($style);
-    }
-  }
-  $style.textContent = style2;
-}
 function supportsFlex() {
  const div = document.createElement("div");
  div.style.display = "flex";
@@ -397,12 +460,12 @@ function getSafeAreaInsets() {
  const div = document.createElement("div");
  div.style.cssText = "position:fixed;top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px);pointer-events:none;visibility:hidden;";
  document.body.appendChild(div);
-  const style2 = getComputedStyle(div);
+  const style = getComputedStyle(div);
  const insets = {
-    top: Number.parseFloat(style2.top) || 0,
-    right: Number.parseFloat(style2.right) || 0,
-    bottom: Number.parseFloat(style2.bottom) || 0,
-    left: Number.parseFloat(style2.left) || 0
+    top: Number.parseFloat(style.top) || 0,
+    right: Number.parseFloat(style.right) || 0,
+    bottom: Number.parseFloat(style.bottom) || 0,
+    left: Number.parseFloat(style.left) || 0
  };
  div.remove();
  return insets;
@@ -877,12 +940,12 @@ function aspectRatio$2(option) {
      i18n,
      constructor: { ASPECT_RATIO }
    } = art;
-    const html = ASPECT_RATIO.map(
+    const html2 = ASPECT_RATIO.map(
      (item) => `<span data-value="${item}">${item === "default" ? i18n.get("Default") : item}</span>`
    ).join("");
    return {
      ...option,
-      html: `${i18n.get("Aspect Ratio")}: ${html}`,
+      html: `${i18n.get("Aspect Ratio")}: ${html2}`,
      click: (contextmenu, event) => {
        const { value } = event.target.dataset;
        if (value) {
@@ -920,10 +983,10 @@ function flip$2(option) {
      i18n,
      constructor: { FLIP }
    } = art;
-    const html = FLIP.map((item) => `<span data-value="${item}">${i18n.get(capitalize(item))}</span>`).join("");
+    const html2 = FLIP.map((item) => `<span data-value="${item}">${i18n.get(capitalize(item))}</span>`).join("");
    return {
      ...option,
-      html: `${i18n.get("Video Flip")}: ${html}`,
+      html: `${i18n.get("Video Flip")}: ${html2}`,
      click: (contextmenu, event) => {
        const { value } = event.target.dataset;
        if (value) {
@@ -962,12 +1025,12 @@ function playbackRate$2(option) {
      i18n,
      constructor: { PLAYBACK_RATE }
    } = art;
-    const html = PLAYBACK_RATE.map(
+    const html2 = PLAYBACK_RATE.map(
      (item) => `<span data-value="${item}">${item === 1 ? i18n.get("Normal") : item.toFixed(1)}</span>`
    ).join("");
    return {
      ...option,
-      html: `${i18n.get("Play Speed")}: ${html}`,
+      html: `${i18n.get("Play Speed")}: ${html2}`,
      click: (contextmenu, event) => {
        const { value } = event.target.dataset;
        if (value) {
@@ -1476,8 +1539,8 @@ function progress(options) {
          for (let index = 0; index < option.highlight.length; index++) {
            const item = option.highlight[index];
            const left = clamp(item.time, 0, art.duration) / art.duration * 100;
-            const html = `<span data-text="${item.text}" data-time="${item.time}" style="left: ${left}%"></span>`;
-            append($highlight, html);
+            const html2 = `<span data-text="${item.text}" data-time="${item.time}" style="left: ${left}%"></span>`;
+            append($highlight, html2);
          }
        }
        function setBar(type, percentage, event) {
@@ -2298,6 +2361,12 @@ class Hotkey {
    return this;
  }
 }
+function publishLanguage(name, value) {
+  if (typeof window !== "undefined") {
+    const globals = window;
+    globals[name] = value;
+  }
+}
 const zhCn = {
  "Video Info": "统计信息",
  "Close": "关闭",
@@ -2336,24 +2405,20 @@ const zhCn = {
  "AirPlay": "隔空播放",
  "AirPlay Not Available": "隔空播放不可用"
 };
-if (typeof window !== "undefined") {
-  window["artplayer-i18n-zh-cn"] = zhCn;
-}
+publishLanguage("artplayer-i18n-zh-cn", zhCn);
 class I18n {
  constructor(art) {
    this.art = art;
-    this.languages = {
-      "zh-cn": zhCn
-    };
+    this.languages = { "zh-cn": zhCn };
    this.language = {};
    this.update(art.option.i18n);
  }
  init() {
    const lang = this.art.option.lang.toLowerCase();
-    this.language = this.languages[lang] || {};
+    this.language = has(this.languages, lang) && this.languages[lang] || {};
  }
  get(key) {
-    return this.language[key] || key;
+    return has(this.language, key) && this.language[key] || key;
  }
  update(value) {
    this.languages = mergeDeep(this.languages, value);
@@ -2387,38 +2452,38 @@ const switchOn = '<?xml version="1.0" standalone="no"?>\r\n<!DOCTYPE svg PUBLIC
 const unlock = '<?xml version="1.0" standalone="no"?>\r\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\r\n<svg t="1650612464266" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><path d="M666.752 194.517333L617.386667 268.629333A128 128 0 0 0 384 341.333333l0.042667 85.333334h384a85.333333 85.333333 0 0 1 85.333333 85.333333v256a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-256a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V341.333333a213.333333 213.333333 0 0 1 368.085333-146.816z"></path></svg>\r\n';
 const volumeClose = '<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\r\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v2.636l1.865 1.865A4.02 4.02 0 0 0 15 11z"></path>\r\n    <path d="M13.583 5.583A5.998 5.998 0 0 1 17 11a6 6 0 0 1-.585 2.587l1.477 1.477a8.001 8.001 0 0 0-3.446-11.286 1 1 0 0 0-.863 1.805zM18.778 18.778l-2.121-2.121-1.414-1.414-1.415-1.415L13 13l-2-2-3.889-3.889-3.889-3.889a.999.999 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39v-3.131l2.587 2.587-.01.005a1 1 0 0 0 .86 1.806c.215-.102.424-.214.627-.333l2.3 2.3a1.001 1.001 0 0 0 1.414-1.416zM11 5.04a.5.5 0 0 0-.813-.39L8.682 5.854 11 8.172V5.04z"></path>\r\n</svg>';
 const volume = '<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\r\n    <path d="M10.188 4.65L6 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39V5.04a.498.498 0 0 0-.812-.39zM14.446 3.778a1 1 0 0 0-.862 1.804 6.002 6.002 0 0 1-.007 10.838 1 1 0 0 0 .86 1.806A8.001 8.001 0 0 0 19 11a8.001 8.001 0 0 0-4.554-7.222z"></path>\r\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v6.93A3.998 3.998 0 0 0 15 11z"></path>\r\n</svg>';
+const defaults = {
+  loading,
+  state,
+  play,
+  pause,
+  check,
+  volume,
+  volumeClose,
+  screenshot,
+  setting,
+  pip,
+  arrowLeft,
+  arrowRight,
+  playbackRate: playbackRate$1,
+  aspectRatio: aspectRatio$1,
+  config,
+  lock: lock$1,
+  flip: flip$1,
+  unlock,
+  fullscreenOff,
+  fullscreenOn,
+  fullscreenWebOff,
+  fullscreenWebOn,
+  switchOn,
+  switchOff,
+  error,
+  close,
+  airplay
+};
 class Icons {
  constructor(art) {
-    const icons = {
-      loading,
-      state,
-      play,
-      pause,
-      check,
-      volume,
-      volumeClose,
-      screenshot,
-      setting,
-      pip,
-      arrowLeft,
-      arrowRight,
-      playbackRate: playbackRate$1,
-      aspectRatio: aspectRatio$1,
-      config,
-      lock: lock$1,
-      flip: flip$1,
-      unlock,
-      fullscreenOff,
-      fullscreenOn,
-      fullscreenWebOff,
-      fullscreenWebOn,
-      switchOn,
-      switchOff,
-      error,
-      close,
-      airplay,
-      ...art.option.icons
-    };
+    const icons = { ...defaults, ...art.option.icons };
    for (const key in icons) {
      def(this, key, {
        get: () => getIcon(key, icons[key])
@@ -2609,8 +2674,8 @@ function createDefaults() {
    lang: navigator?.language.toLowerCase()
  };
 }
-function resolveOption(input, defaults) {
-  const merged = mergeDeep(defaults, input);
+function resolveOption(input, defaults2) {
+  const merged = mergeDeep(defaults2, input);
  merged.container = input.container;
  return validator(merged, scheme);
 }
@@ -5063,7 +5128,7 @@ class Storage {
    }
  }
 }
-const style = ".art-video-player {\n  --art-theme: #f00;\n  --art-font-color: #fff;\n  --art-background-color: #000;\n  --art-text-shadow-color: rgba(0, 0, 0, 0.5);\n  --art-transition-duration: 0.2s;\n  --art-padding: 10px;\n  --art-border-radius: 3px;\n  --art-progress-height: 6px;\n  --art-progress-color: rgba(255, 255, 255, 0.25);\n  --art-progress-top-gap: 10px;\n  --art-hover-color: rgba(255, 255, 255, 0.25);\n  --art-loaded-color: rgba(255, 255, 255, 0.25);\n  --art-state-size: 80px;\n  --art-state-opacity: 0.8;\n  --art-bottom-height: 100px;\n  --art-bottom-offset: 20px;\n  --art-bottom-gap: 5px;\n  --art-highlight-width: 8px;\n  --art-highlight-color: rgba(255, 255, 255, 0.5);\n  --art-control-height: 46px;\n  --art-control-opacity: 0.75;\n  --art-control-icon-size: 36px;\n  --art-control-icon-scale: 1.1;\n  --art-volume-height: 120px;\n  --art-volume-handle-size: 14px;\n  --art-lock-size: 36px;\n  --art-indicator-scale: 0;\n  --art-indicator-size: 16px;\n  --art-fullscreen-web-index: 9999;\n  --art-settings-icon-size: 24px;\n  --art-settings-max-height: 300px;\n  --art-selector-max-height: 300px;\n  --art-contextmenus-min-width: 250px;\n  --art-subtitle-font-size: 20px;\n  --art-subtitle-gap: 5px;\n  --art-subtitle-bottom: 15px;\n  --art-subtitle-border: #000;\n  --art-widget-background: rgba(0, 0, 0, 0.85);\n  --art-tip-background: rgba(0, 0, 0, 0.7);\n  --art-scrollbar-size: 4px;\n  --art-scrollbar-background: rgba(255, 255, 255, 0.25);\n  --art-scrollbar-background-hover: rgba(255, 255, 255, 0.5);\n  --art-mini-progress-height: 2px;\n}\n.art-bg-cover {\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n.art-bottom-gradient {\n  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0.4), transparent);\n  background-repeat: repeat-x;\n  background-position: center bottom;\n}\n.art-backdrop-filter {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: rgba(0, 0, 0, 0.75) !important;\n}\n.art-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.art-video-player {\n  position: relative;\n  margin: 0 auto;\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  zoom: 1;\n  padding: 0;\n  text-align: left;\n  direction: ltr;\n  font-size: 14px;\n  line-height: 1.3;\n  user-select: none;\n  box-sizing: border-box;\n  color: var(--art-font-color);\n  background-color: var(--art-background-color);\n  text-shadow: 0 0 2px var(--art-text-shadow-color);\n  font-family: PingFang SC, Helvetica Neue, Microsoft YaHei, Roboto, Arial, sans-serif;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-touch-action: manipulation;\n  touch-action: manipulation;\n  -ms-high-contrast-adjust: none;\n}\n.art-video-player *,\n.art-video-player *::before,\n.art-video-player *::after {\n  box-sizing: border-box;\n}\n.art-video-player ::-webkit-scrollbar {\n  width: var(--art-scrollbar-size);\n  height: var(--art-scrollbar-size);\n}\n.art-video-player ::-webkit-scrollbar-thumb {\n  background-color: var(--art-scrollbar-background);\n}\n.art-video-player ::-webkit-scrollbar-thumb:hover {\n  background-color: var(--art-scrollbar-background-hover);\n}\n.art-video-player img {\n  max-width: 100%;\n  vertical-align: top;\n}\n.art-video-player svg {\n  fill: var(--art-font-color);\n}\n.art-video-player a {\n  color: var(--art-font-color);\n  text-decoration: none;\n}\n.art-icon {\n  line-height: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.art-video-player.art-backdrop .art-contextmenus,\n.art-video-player.art-backdrop .art-info,\n.art-video-player.art-backdrop .art-settings,\n.art-video-player.art-backdrop .art-layer-auto-playback,\n.art-video-player.art-backdrop .art-selector-list,\n.art-video-player.art-backdrop .art-volume-inner {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: rgba(0, 0, 0, 0.75) !important;\n}\n.art-video {\n  position: absolute;\n  inset: 0;\n  z-index: 10;\n  width: 100%;\n  height: 100%;\n}\n.art-poster {\n  position: absolute;\n  inset: 0;\n  z-index: 11;\n  width: 100%;\n  height: 100%;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  pointer-events: none;\n}\n.art-video-player .art-subtitle {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  position: absolute;\n  z-index: 20;\n  width: 100%;\n  padding: 0 5%;\n  text-align: center;\n  pointer-events: none;\n  gap: var(--art-subtitle-gap);\n  bottom: var(--art-subtitle-bottom);\n  font-size: var(--art-subtitle-font-size);\n  transition: bottom var(--art-transition-duration) ease;\n  text-shadow: var(--art-subtitle-border) 1px 0 1px, var(--art-subtitle-border) 0 1px 1px, var(--art-subtitle-border) -1px 0 1px, var(--art-subtitle-border) 0 -1px 1px, var(--art-subtitle-border) 1px 1px 1pLine truncated
+const css = ".art-video-player {\n  --art-theme: #f00;\n  --art-font-color: #fff;\n  --art-background-color: #000;\n  --art-text-shadow-color: rgba(0, 0, 0, 0.5);\n  --art-transition-duration: 0.2s;\n  --art-padding: 10px;\n  --art-border-radius: 3px;\n  --art-progress-height: 6px;\n  --art-progress-color: rgba(255, 255, 255, 0.25);\n  --art-progress-top-gap: 10px;\n  --art-hover-color: rgba(255, 255, 255, 0.25);\n  --art-loaded-color: rgba(255, 255, 255, 0.25);\n  --art-state-size: 80px;\n  --art-state-opacity: 0.8;\n  --art-bottom-height: 100px;\n  --art-bottom-offset: 20px;\n  --art-bottom-gap: 5px;\n  --art-highlight-width: 8px;\n  --art-highlight-color: rgba(255, 255, 255, 0.5);\n  --art-control-height: 46px;\n  --art-control-opacity: 0.75;\n  --art-control-icon-size: 36px;\n  --art-control-icon-scale: 1.1;\n  --art-volume-height: 120px;\n  --art-volume-handle-size: 14px;\n  --art-lock-size: 36px;\n  --art-indicator-scale: 0;\n  --art-indicator-size: 16px;\n  --art-fullscreen-web-index: 9999;\n  --art-settings-icon-size: 24px;\n  --art-settings-max-height: 300px;\n  --art-selector-max-height: 300px;\n  --art-contextmenus-min-width: 250px;\n  --art-subtitle-font-size: 20px;\n  --art-subtitle-gap: 5px;\n  --art-subtitle-bottom: 15px;\n  --art-subtitle-border: #000;\n  --art-widget-background: rgba(0, 0, 0, 0.85);\n  --art-tip-background: rgba(0, 0, 0, 0.7);\n  --art-scrollbar-size: 4px;\n  --art-scrollbar-background: rgba(255, 255, 255, 0.25);\n  --art-scrollbar-background-hover: rgba(255, 255, 255, 0.5);\n  --art-mini-progress-height: 2px;\n}\n.art-bg-cover {\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n.art-bottom-gradient {\n  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0.4), transparent);\n  background-repeat: repeat-x;\n  background-position: center bottom;\n}\n.art-backdrop-filter {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: rgba(0, 0, 0, 0.75) !important;\n}\n.art-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.art-video-player {\n  position: relative;\n  margin: 0 auto;\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  zoom: 1;\n  padding: 0;\n  text-align: left;\n  direction: ltr;\n  font-size: 14px;\n  line-height: 1.3;\n  user-select: none;\n  box-sizing: border-box;\n  color: var(--art-font-color);\n  background-color: var(--art-background-color);\n  text-shadow: 0 0 2px var(--art-text-shadow-color);\n  font-family: PingFang SC, Helvetica Neue, Microsoft YaHei, Roboto, Arial, sans-serif;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-touch-action: manipulation;\n  touch-action: manipulation;\n  -ms-high-contrast-adjust: none;\n}\n.art-video-player *,\n.art-video-player *::before,\n.art-video-player *::after {\n  box-sizing: border-box;\n}\n.art-video-player ::-webkit-scrollbar {\n  width: var(--art-scrollbar-size);\n  height: var(--art-scrollbar-size);\n}\n.art-video-player ::-webkit-scrollbar-thumb {\n  background-color: var(--art-scrollbar-background);\n}\n.art-video-player ::-webkit-scrollbar-thumb:hover {\n  background-color: var(--art-scrollbar-background-hover);\n}\n.art-video-player img {\n  max-width: 100%;\n  vertical-align: top;\n}\n.art-video-player svg {\n  fill: var(--art-font-color);\n}\n.art-video-player a {\n  color: var(--art-font-color);\n  text-decoration: none;\n}\n.art-icon {\n  line-height: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.art-video-player.art-backdrop .art-contextmenus,\n.art-video-player.art-backdrop .art-info,\n.art-video-player.art-backdrop .art-settings,\n.art-video-player.art-backdrop .art-layer-auto-playback,\n.art-video-player.art-backdrop .art-selector-list,\n.art-video-player.art-backdrop .art-volume-inner {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: rgba(0, 0, 0, 0.75) !important;\n}\n.art-video {\n  position: absolute;\n  inset: 0;\n  z-index: 10;\n  width: 100%;\n  height: 100%;\n}\n.art-poster {\n  position: absolute;\n  inset: 0;\n  z-index: 11;\n  width: 100%;\n  height: 100%;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  pointer-events: none;\n}\n.art-video-player .art-subtitle {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  position: absolute;\n  z-index: 20;\n  width: 100%;\n  padding: 0 5%;\n  text-align: center;\n  pointer-events: none;\n  gap: var(--art-subtitle-gap);\n  bottom: var(--art-subtitle-bottom);\n  font-size: var(--art-subtitle-font-size);\n  transition: bottom var(--art-transition-duration) ease;\n  text-shadow: var(--art-subtitle-border) 1px 0 1px, var(--art-subtitle-border) 0 1px 1px, var(--art-subtitle-border) -1px 0 1px, var(--art-subtitle-border) 0 -1px 1px, var(--art-subtitle-border) 1px 1px 1px,Line truncated
 class Subtitle extends Component {
  constructor(art) {
    super(art);
@@ -5234,30 +5299,7 @@ function captureTemplate(container) {
    }
  };
 }
-class Template {
-  constructor(art) {
-    this.art = art;
-    const { option, constructor } = art;
-    if (option.container instanceof Element) {
-      this.$container = option.container;
-    } else {
-      this.$container = query(option.container);
-      errorHandle(this.$container, `No container element found by ${option.container}`);
-    }
-    errorHandle(supportsFlex(), "The current browser does not support flex layout");
-    const type = this.$container.tagName.toLowerCase();
-    errorHandle(type === "div", `Unsupported container element type, only support 'div' but got '${type}'`);
-    errorHandle(
-      constructor.instances.every((ins) => ins.template.$container !== this.$container),
-      "Cannot mount multiple instances on the same dom element"
-    );
-    this.query = this.query.bind(this);
-    ownContainer(art, this.$container, captureTemplate(this.$container));
-    this.$container.dataset.artId = art.id;
-    this.init();
-  }
-  static get html() {
-    return `
+const html = `
          <div class="art-video-player art-subtitle-show art-layer-show art-control-show art-mask-show">
            <video class="art-video">
              <track default kind="metadata" src=""></track>
@@ -5316,6 +5358,55 @@ class Template {
            <div class="art-contextmenus"></div>
          </div>
        `;
+function bindNodes(target) {
+  target.$player = target.query(".art-video-player");
+  target.$video = target.query(".art-video");
+  target.$track = target.query("track");
+  target.$poster = target.query(".art-poster");
+  target.$subtitle = target.query(".art-subtitle");
+  target.$danmuku = target.query(".art-danmuku");
+  target.$bottom = target.query(".art-bottom");
+  target.$progress = target.query(".art-progress");
+  target.$controls = target.query(".art-controls");
+  target.$controlsLeft = target.query(".art-controls-left");
+  target.$controlsCenter = target.query(".art-controls-center");
+  target.$controlsRight = target.query(".art-controls-right");
+  target.$layer = target.query(".art-layers");
+  target.$loading = target.query(".art-loading");
+  target.$notice = target.query(".art-notice");
+  target.$noticeInner = target.query(".art-notice-inner");
+  target.$mask = target.query(".art-mask");
+  target.$state = target.query(".art-state");
+  target.$setting = target.query(".art-settings");
+  target.$info = target.query(".art-info");
+  target.$infoPanel = target.query(".art-info-panel");
+  target.$infoClose = target.query(".art-info-close");
+  target.$contextmenu = target.query(".art-contextmenus");
+}
+class Template {
+  constructor(art) {
+    this.art = art;
+    const { option, constructor } = art;
+    if (option.container instanceof Element) {
+      this.$container = option.container;
+    } else {
+      this.$container = query(option.container);
+      errorHandle(this.$container, `No container element found by ${option.container}`);
+    }
+    errorHandle(supportsFlex(), "The current browser does not support flex layout");
+    const type = this.$container.tagName.toLowerCase();
+    errorHandle(type === "div", `Unsupported container element type, only support 'div' but got '${type}'`);
+    errorHandle(
+      constructor.instances.every((ins) => ins.template.$container !== this.$container),
+      "Cannot mount multiple instances on the same dom element"
+    );
+    this.query = this.query.bind(this);
+    ownContainer(art, this.$container, captureTemplate(this.$container));
+    this.$container.dataset.artId = String(art.id);
+    this.init();
+  }
+  static get html() {
+    return html;
  }
  query(className) {
    return query(className, this.$container);
@@ -5325,35 +5416,10 @@ class Template {
    if (!option.useSSR) {
      this.$container.innerHTML = Template.html;
    }
-    this.$player = this.query(".art-video-player");
-    this.$video = this.query(".art-video");
-    this.$track = this.query("track");
-    this.$poster = this.query(".art-poster");
-    this.$subtitle = this.query(".art-subtitle");
-    this.$danmuku = this.query(".art-danmuku");
-    this.$bottom = this.query(".art-bottom");
-    this.$progress = this.query(".art-progress");
-    this.$controls = this.query(".art-controls");
-    this.$controlsLeft = this.query(".art-controls-left");
-    this.$controlsCenter = this.query(".art-controls-center");
-    this.$controlsRight = this.query(".art-controls-right");
-    this.$layer = this.query(".art-layers");
-    this.$loading = this.query(".art-loading");
-    this.$notice = this.query(".art-notice");
-    this.$noticeInner = this.query(".art-notice-inner");
-    this.$mask = this.query(".art-mask");
-    this.$state = this.query(".art-state");
-    this.$setting = this.query(".art-settings");
-    this.$info = this.query(".art-info");
-    this.$infoPanel = this.query(".art-info-panel");
-    this.$infoClose = this.query(".art-info-close");
-    this.$contextmenu = this.query(".art-contextmenus");
+    bindNodes(this);
    if (option.proxy) {
      const video = option.proxy.call(this.art, this.art);
-      errorHandle(
-        video instanceof HTMLVideoElement || video instanceof HTMLCanvasElement,
-        `Function 'option.proxy' needs to return 'HTMLVideoElement' or 'HTMLCanvasElement'`
-      );
+      assertProxy(video);
      replaceElement(video, this.$video);
      video.className = "art-video";
      this.$video = video;
@@ -5373,6 +5439,12 @@ class Template {
    }
  }
 }
+function assertProxy(video) {
+  errorHandle(
+    video instanceof HTMLVideoElement || video instanceof HTMLCanvasElement,
+    "Function 'option.proxy' needs to return 'HTMLVideoElement' or 'HTMLCanvasElement'"
+  );
+}
 const owns = (object, key) => Object.prototype.hasOwnProperty.call(object, key);
 class Emitter {
  on(name, fn, ctx) {
@@ -5531,7 +5603,7 @@ class Artplayer extends Emitter {
    destroyInstance(this, instances, removeHtml, Artplayer.REMOVE_SRC_WHEN_DESTROY);
  }
 }
-Artplayer.STYLE = style;
+Artplayer.STYLE = css;
 Artplayer.DEBUG = false;
 Artplayer.CONTEXTMENU = true;
 Artplayer.NOTICE_TIME = 2e3;
@@ -5567,7 +5639,7 @@ Artplayer.USE_RAF = false;
 Artplayer.REMOVE_SRC_WHEN_DESTROY = true;
 if (isBrowser) {
  window.Artplayer = Artplayer;
-  setStyleText("artplayer-style", style);
+  setStyleText("artplayer-style", css);
  setTimeout(() => {
    if (Artplayer.LOG_VERSION) {
      console.log(
@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.artplayerI18nAr=t())})(this,(function(){"use strict";const e={"Video Info":"معلومات الفيديو",Close:"إغلاق","Video Load Failed":"فشل تحميل الفيديو",Volume:"الصوت",Play:"تشغيل",Pause:"إيقاف مؤقت",Rate:"السرعة",Mute:"كتم الصوت","Video Flip":"تدوير الفيديو",Horizontal:"أفقي",Vertical:"عمودي",Reconnect:"إعادة الاتصال","Show Setting":"إظهار الإعدادات","Hide Setting":"إخفاء الإعدادات",Screenshot:"لقطة شاشة","Play Speed":"سرعة التشغيل","Aspect Ratio":"نسبة العرض إلى الارتفاع",Default:"افتراضي",Normal:"عادي",Open:"فتح","Switch Video":"تبديل الفيديو","Switch Subtitle":"تبديل الترجمة",Fullscreen:"وضع ملء الشاشة","Exit Fullscreen":"الخروج من وضع ملء الشاشة","Web Fullscreen":"وضع ملء الشاشة في المتصفح","Exit Web Fullscreen":"الخروج من وضع ملء الشاشة في المتصفح","Mini Player":"مشغل صغير","PIP Mode":"الوضع العائم","Exit PIP Mode":"الخروج من الوضع العائم","PIP Not Supported":"الوضع العائم غير مدعوم","Fullscreen Not Supported":"وضع ملء الشاشة غير مدعوم","Subtitle Offset":"إزاحة الترجمة","Last Seen":"آخر مشاهدة","Jump Play":"التشغيل القافز",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay غير متاح"};return typeof window<"u"&&(window["artplayer-i18n-ar"]=e),e}));
+(function(t,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(t=typeof globalThis<"u"?globalThis:t||self,t.artplayerI18nAr=e())})(this,(function(){"use strict";function t(i,n){if(typeof window<"u"){const o=window;o[i]=n}}const e={"Video Info":"معلومات الفيديو",Close:"إغلاق","Video Load Failed":"فشل تحميل الفيديو",Volume:"الصوت",Play:"تشغيل",Pause:"إيقاف مؤقت",Rate:"السرعة",Mute:"كتم الصوت","Video Flip":"تدوير الفيديو",Horizontal:"أفقي",Vertical:"عمودي",Reconnect:"إعادة الاتصال","Show Setting":"إظهار الإعدادات","Hide Setting":"إخفاء الإعدادات",Screenshot:"لقطة شاشة","Play Speed":"سرعة التشغيل","Aspect Ratio":"نسبة العرض إلى الارتفاع",Default:"افتراضي",Normal:"عادي",Open:"فتح","Switch Video":"تبديل الفيديو","Switch Subtitle":"تبديل الترجمة",Fullscreen:"وضع ملء الشاشة","Exit Fullscreen":"الخروج من وضع ملء الشاشة","Web Fullscreen":"وضع ملء الشاشة في المتصفح","Exit Web Fullscreen":"الخروج من وضع ملء الشاشة في المتصفح","Mini Player":"مشغل صغير","PIP Mode":"الوضع العائم","Exit PIP Mode":"الخروج من الوضع العائم","PIP Not Supported":"الوضع العائم غير مدعوم","Fullscreen Not Supported":"وضع ملء الشاشة غير مدعوم","Subtitle Offset":"إزاحة الترجمة","Last Seen":"آخر مشاهدة","Jump Play":"التشغيل القافز",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay غير متاح"};return t("artplayer-i18n-ar",e),e}));
@@ -1,4 +1,10 @@
-const e = {
+function i(e, t) {
+  if (typeof window < "u") {
+    const l = window;
+    l[e] = t;
+  }
+}
+const o = {
  "Video Info": "معلومات الفيديو",
  Close: "إغلاق",
  "Video Load Failed": "فشل تحميل الفيديو",
@@ -36,7 +42,7 @@ const e = {
  AirPlay: "AirPlay",
  "AirPlay Not Available": "AirPlay غير متاح"
 };
-typeof window < "u" && (window["artplayer-i18n-ar"] = e);
+i("artplayer-i18n-ar", o);
 export {
-  e as default
+  o as default
 };
@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.artplayerI18nCs=t())})(this,(function(){"use strict";const e={"Video Info":"Info o videu",Close:"Zavřít","Video Load Failed":"Nahrání videa selhalo",Volume:"Hlasitost",Play:"Přehrát",Pause:"Pozastavit",Rate:"Hodnocení",Mute:"Ztlumit","Video Flip":"Otočit video",Horizontal:"Horizontálně",Vertical:"Vertikálně",Reconnect:"Opětovné připojení","Show Setting":"Zobrazit nastavení","Hide Setting":"Skrýt nastavení",Screenshot:"Snímek obrazovky","Play Speed":"Rychlost přehrávání","Aspect Ratio":"Poměr stran",Default:"Výchozí",Normal:"Normální",Open:"Otevřít","Switch Video":"Přepnout video","Switch Subtitle":"Přepnout titulky",Fullscreen:"Celá obrazovka","Exit Fullscreen":"Opustit režim celé obrazovky","Web Fullscreen":"Celá stránka","Exit Web Fullscreen":"Zavřít režim celé stránky","Mini Player":"Mini přehrávač","PIP Mode":"Režim PIP","Exit PIP Mode":"Opustit režim PIP","PIP Not Supported":"Režim PIP není podporován","Fullscreen Not Supported":"Režim celé obrazovky není podporován","Subtitle Offset":"Posun titulků","Last Seen":"Naposledy viděn","Jump Play":"Hra na skok",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay není k dispozici"};return typeof window<"u"&&(window["artplayer-i18n-cs"]=e),e}));
+(function(t,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(t=typeof globalThis<"u"?globalThis:t||self,t.artplayerI18nCs=e())})(this,(function(){"use strict";function t(o,i){if(typeof window<"u"){const n=window;n[o]=i}}const e={"Video Info":"Info o videu",Close:"Zavřít","Video Load Failed":"Nahrání videa selhalo",Volume:"Hlasitost",Play:"Přehrát",Pause:"Pozastavit",Rate:"Hodnocení",Mute:"Ztlumit","Video Flip":"Otočit video",Horizontal:"Horizontálně",Vertical:"Vertikálně",Reconnect:"Opětovné připojení","Show Setting":"Zobrazit nastavení","Hide Setting":"Skrýt nastavení",Screenshot:"Snímek obrazovky","Play Speed":"Rychlost přehrávání","Aspect Ratio":"Poměr stran",Default:"Výchozí",Normal:"Normální",Open:"Otevřít","Switch Video":"Přepnout video","Switch Subtitle":"Přepnout titulky",Fullscreen:"Celá obrazovka","Exit Fullscreen":"Opustit režim celé obrazovky","Web Fullscreen":"Celá stránka","Exit Web Fullscreen":"Zavřít režim celé stránky","Mini Player":"Mini přehrávač","PIP Mode":"Režim PIP","Exit PIP Mode":"Opustit režim PIP","PIP Not Supported":"Režim PIP není podporován","Fullscreen Not Supported":"Režim celé obrazovky není podporován","Subtitle Offset":"Posun titulků","Last Seen":"Naposledy viděn","Jump Play":"Hra na skok",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay není k dispozici"};return t("artplayer-i18n-cs",e),e}));
@@ -1,4 +1,10 @@
-const e = {
+function i(e, t) {
+  if (typeof window < "u") {
+    const o = window;
+    o[e] = t;
+  }
+}
+const n = {
  "Video Info": "Info o videu",
  Close: "Zavřít",
  "Video Load Failed": "Nahrání videa selhalo",
@@ -36,7 +42,7 @@ const e = {
  AirPlay: "AirPlay",
  "AirPlay Not Available": "AirPlay není k dispozici"
 };
-typeof window < "u" && (window["artplayer-i18n-cs"] = e);
+i("artplayer-i18n-cs", n);
 export {
-  e as default
+  n as default
 };
@@ -1 +1 @@
-(function(e,a){typeof exports=="object"&&typeof module<"u"?module.exports=a():typeof define=="function"&&define.amd?define(a):(e=typeof globalThis<"u"?globalThis:e||self,e.artplayerI18nEs=a())})(this,(function(){"use strict";const e={"Video Info":"Información del video",Close:"Cerrar","Video Load Failed":"Falló carga de video",Volume:"Volumen",Play:"Reproduciendo",Pause:"Pausa",Rate:"Velocidad",Mute:"Silencio","Video Flip":"Rotar video",Horizontal:"Horizontal",Vertical:"Vertical",Reconnect:"Reconectando","Show Setting":"Mostrar ajustes","Hide Setting":"Ocultar ajustes",Screenshot:"Captura de Pantalla","Play Speed":"Velocidad de reproducción","Aspect Ratio":"Relación de aspecto",Default:"Por defecto",Normal:"Normal",Open:"Abrir","Switch Video":"Cambiar video","Switch Subtitle":"Cambiar subtítulo",Fullscreen:"Pantalla completa","Exit Fullscreen":"Salir de Pantalla completa","Web Fullscreen":"Pantalla completa Web","Exit Web Fullscreen":"Salir de Pantalla completa","Mini Player":"Mini reproductor","PIP Mode":"Modo PiP","Exit PIP Mode":"Cerrar modo PiP","PIP Not Supported":"Modo PiP no compatible","Fullscreen Not Supported":"Pantalla completa no soportada","Subtitle Offset":"Ajuste subtítulo","Last Seen":"Visto última vez","Jump Play":"Saltar",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay no disponible"};return typeof window<"u"&&(window["artplayer-i18n-es"]=e),e}));
+(function(a,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(a=typeof globalThis<"u"?globalThis:a||self,a.artplayerI18nEs=e())})(this,(function(){"use strict";function a(o,t){if(typeof window<"u"){const l=window;l[o]=t}}const e={"Video Info":"Información del video",Close:"Cerrar","Video Load Failed":"Falló carga de video",Volume:"Volumen",Play:"Reproduciendo",Pause:"Pausa",Rate:"Velocidad",Mute:"Silencio","Video Flip":"Rotar video",Horizontal:"Horizontal",Vertical:"Vertical",Reconnect:"Reconectando","Show Setting":"Mostrar ajustes","Hide Setting":"Ocultar ajustes",Screenshot:"Captura de Pantalla","Play Speed":"Velocidad de reproducción","Aspect Ratio":"Relación de aspecto",Default:"Por defecto",Normal:"Normal",Open:"Abrir","Switch Video":"Cambiar video","Switch Subtitle":"Cambiar subtítulo",Fullscreen:"Pantalla completa","Exit Fullscreen":"Salir de Pantalla completa","Web Fullscreen":"Pantalla completa Web","Exit Web Fullscreen":"Salir de Pantalla completa","Mini Player":"Mini reproductor","PIP Mode":"Modo PiP","Exit PIP Mode":"Cerrar modo PiP","PIP Not Supported":"Modo PiP no compatible","Fullscreen Not Supported":"Pantalla completa no soportada","Subtitle Offset":"Ajuste subtítulo","Last Seen":"Visto última vez","Jump Play":"Saltar",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay no disponible"};return a("artplayer-i18n-es",e),e}));
@@ -1,4 +1,10 @@
-const e = {
+function l(e, a) {
+  if (typeof window < "u") {
+    const o = window;
+    o[e] = a;
+  }
+}
+const t = {
  "Video Info": "Información del video",
  Close: "Cerrar",
  "Video Load Failed": "Falló carga de video",
@@ -36,7 +42,7 @@ const e = {
  AirPlay: "AirPlay",
  "AirPlay Not Available": "AirPlay no disponible"
 };
-typeof window < "u" && (window["artplayer-i18n-es"] = e);
+l("artplayer-i18n-es", t);
 export {
-  e as default
+  t as default
 };
@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.artplayerI18nFa=t())})(this,(function(){"use strict";const e={"Video Info":"اطلاعات ویدیو",Close:"بستن","Video Load Failed":"بارگذاری ناموفق",Play:"پخش",Volume:"میزان صدا",Pause:"توقف",Rate:"نرخ",Mute:"سکوت","Video Flip":"چرخش تصویر",Horizontal:"افقی",Vertical:"عمودی",Reconnect:"اتصال مجدد","Show Setting":"تنظیمات","Hide Setting":"بستن تنظیمات",Screenshot:"عکس از صفحه","Play Speed":"سرعت پخش","Aspect Ratio":"نسبت تصویر",Default:"حالت پیشفرض",Normal:" حالت عادی",Open:"بازکردن","Switch Video":"تغییر ویدیو","Switch Subtitle":"نغییر زیرنویس",Fullscreen:"تمام صفحه","Exit Fullscreen":"کوچک کردن","Web Fullscreen":"حالت تئاتر","Exit Web Fullscreen":"خروج از حالت تئاتر","Mini Player":"حالت پخش کوچک","PIP Mode":" مینی پلیر","Exit PIP Mode":"خروج از مینی پلیر","PIP Not Supported":"عدم پشتیبانی از مینی پلیر","Fullscreen Not Supported":"عدم پشتیبانی از حالت تمام صفحه","Subtitle Offset":"افست زیرنویس","Last Seen":"آخرین بازدید","Jump Play":"جامپ پلی",AirPlay:"ایر پلی","AirPlay Not Available":"عدم پشتیبانی از ایرپلی"};return typeof window<"u"&&(window["artplayer-i18n-fa"]=e),e}));
+(function(t,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(t=typeof globalThis<"u"?globalThis:t||self,t.artplayerI18nFa=e())})(this,(function(){"use strict";function t(i,n){if(typeof window<"u"){const o=window;o[i]=n}}const e={"Video Info":"اطلاعات ویدیو",Close:"بستن","Video Load Failed":"بارگذاری ناموفق",Play:"پخش",Volume:"میزان صدا",Pause:"توقف",Rate:"نرخ",Mute:"سکوت","Video Flip":"چرخش تصویر",Horizontal:"افقی",Vertical:"عمودی",Reconnect:"اتصال مجدد","Show Setting":"تنظیمات","Hide Setting":"بستن تنظیمات",Screenshot:"عکس از صفحه","Play Speed":"سرعت پخش","Aspect Ratio":"نسبت تصویر",Default:"حالت پیشفرض",Normal:" حالت عادی",Open:"بازکردن","Switch Video":"تغییر ویدیو","Switch Subtitle":"نغییر زیرنویس",Fullscreen:"تمام صفحه","Exit Fullscreen":"کوچک کردن","Web Fullscreen":"حالت تئاتر","Exit Web Fullscreen":"خروج از حالت تئاتر","Mini Player":"حالت پخش کوچک","PIP Mode":" مینی پلیر","Exit PIP Mode":"خروج از مینی پلیر","PIP Not Supported":"عدم پشتیبانی از مینی پلیر","Fullscreen Not Supported":"عدم پشتیبانی از حالت تمام صفحه","Subtitle Offset":"افست زیرنویس","Last Seen":"آخرین بازدید","Jump Play":"جامپ پلی",AirPlay:"ایر پلی","AirPlay Not Available":"عدم پشتیبانی از ایرپلی"};return t("artplayer-i18n-fa",e),e}));
@@ -1,4 +1,10 @@
-const e = {
+function i(e, t) {
+  if (typeof window < "u") {
+    const l = window;
+    l[e] = t;
+  }
+}
+const o = {
  "Video Info": "اطلاعات ویدیو",
  Close: "بستن",
  "Video Load Failed": "بارگذاری ناموفق",
@@ -36,7 +42,7 @@ const e = {
  AirPlay: "ایر پلی",
  "AirPlay Not Available": "عدم پشتیبانی از ایرپلی"
 };
-typeof window < "u" && (window["artplayer-i18n-fa"] = e);
+i("artplayer-i18n-fa", o);
 export {
-  e as default
+  o as default
 };
@@ -1 +1 @@
-(function(e,i){typeof exports=="object"&&typeof module<"u"?module.exports=i():typeof define=="function"&&define.amd?define(i):(e=typeof globalThis<"u"?globalThis:e||self,e.artplayerI18nFr=i())})(this,(function(){"use strict";const e={"Video Info":"Informations de la vidéo",Close:"Fermer","Video Load Failed":"Téléchargement de la vidéo échoué",Volume:"Volume",Play:"Lire",Pause:"Pause",Rate:"Vitesse",Mute:"Muet","Video Flip":"Rotation de la vidéo",Horizontal:"Horizontal",Vertical:"Vertical",Reconnect:"Reconnexion","Show Setting":"Afficher les paramètres","Hide Setting":"Cacher les paramètres",Screenshot:"Capture d'écran","Play Speed":"Vitesse de lecture","Aspect Ratio":"Rapport d'aspect",Default:"Défaut",Normal:"Normal",Open:"Ouvrir","Switch Video":"Basculer la vidéo","Switch Subtitle":"Basculer le sous-titre",Fullscreen:"Plein écran","Exit Fullscreen":"Quitter le plein écran","Web Fullscreen":"Plein écran Web","Exit Web Fullscreen":"Quitter le plein écran Web","Mini Player":"Mini lecteur","PIP Mode":"Mode PiP","Exit PIP Mode":"Fermer le mode PiP","PIP Not Supported":"Mode PiP non supporté","Fullscreen Not Supported":"Plein écran non supporté","Subtitle Offset":"Réglage des sous-titres","Last Seen":"Dernière position","Jump Play":"Continuer",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay non disponible"};return typeof window<"u"&&(window["artplayer-i18n-fr"]=e),e}));
+(function(i,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(i=typeof globalThis<"u"?globalThis:i||self,i.artplayerI18nFr=e())})(this,(function(){"use strict";function i(t,n){if(typeof window<"u"){const o=window;o[t]=n}}const e={"Video Info":"Informations de la vidéo",Close:"Fermer","Video Load Failed":"Téléchargement de la vidéo échoué",Volume:"Volume",Play:"Lire",Pause:"Pause",Rate:"Vitesse",Mute:"Muet","Video Flip":"Rotation de la vidéo",Horizontal:"Horizontal",Vertical:"Vertical",Reconnect:"Reconnexion","Show Setting":"Afficher les paramètres","Hide Setting":"Cacher les paramètres",Screenshot:"Capture d'écran","Play Speed":"Vitesse de lecture","Aspect Ratio":"Rapport d'aspect",Default:"Défaut",Normal:"Normal",Open:"Ouvrir","Switch Video":"Basculer la vidéo","Switch Subtitle":"Basculer le sous-titre",Fullscreen:"Plein écran","Exit Fullscreen":"Quitter le plein écran","Web Fullscreen":"Plein écran Web","Exit Web Fullscreen":"Quitter le plein écran Web","Mini Player":"Mini lecteur","PIP Mode":"Mode PiP","Exit PIP Mode":"Fermer le mode PiP","PIP Not Supported":"Mode PiP non supporté","Fullscreen Not Supported":"Plein écran non supporté","Subtitle Offset":"Réglage des sous-titres","Last Seen":"Dernière position","Jump Play":"Continuer",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay non disponible"};return i("artplayer-i18n-fr",e),e}));
@@ -1,4 +1,10 @@
-const e = {
+function l(e, i) {
+  if (typeof window < "u") {
+    const t = window;
+    t[e] = i;
+  }
+}
+const o = {
  "Video Info": "Informations de la vidéo",
  Close: "Fermer",
  "Video Load Failed": "Téléchargement de la vidéo échoué",
@@ -36,7 +42,7 @@ const e = {
  AirPlay: "AirPlay",
  "AirPlay Not Available": "AirPlay non disponible"
 };
-typeof window < "u" && (window["artplayer-i18n-fr"] = e);
+l("artplayer-i18n-fr", o);
 export {
-  e as default
+  o as default
 };
@@ -1 +1 @@
-(function(e,a){typeof exports=="object"&&typeof module<"u"?module.exports=a():typeof define=="function"&&define.amd?define(a):(e=typeof globalThis<"u"?globalThis:e||self,e.artplayerI18nId=a())})(this,(function(){"use strict";const e={"Video Info":"Informasi Video",Close:"Tutup","Video Load Failed":"Gagal Memuat Video",Volume:"Volume",Play:"Putar",Pause:"Jeda",Rate:"Kecepatan",Mute:"Senyap","Video Flip":"Memutar Video",Horizontal:"Horizontal",Vertical:"Vertikal",Reconnect:"Menyambung Kembali","Show Setting":"Tampilkan Pengaturan","Hide Setting":"Sembunyikan Pengaturan",Screenshot:"Tangkapan Layar","Play Speed":"Kecepatan Putar","Aspect Ratio":"Rasio Aspek",Default:"Default",Normal:"Normal",Open:"Buka","Switch Video":"Ganti Video","Switch Subtitle":"Ganti Subtitle",Fullscreen:"Layar Penuh","Exit Fullscreen":"Keluar dari Layar Penuh","Web Fullscreen":"Layar Penuh Web","Exit Web Fullscreen":"Keluar dari Layar Penuh Web","Mini Player":"Pemutar Mini","PIP Mode":"Mode PIP","Exit PIP Mode":"Keluar dari Mode PIP","PIP Not Supported":"PIP Tidak Didukung","Fullscreen Not Supported":"Layar Penuh Tidak Didukung","Subtitle Offset":"Pergeseran Subtitle","Last Seen":"Terakhir Dilihat","Jump Play":"Lompat Putar",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay Tidak Tersedia"};return typeof window<"u"&&(window["artplayer-i18n-id"]=e),e}));
+(function(a,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(a=typeof globalThis<"u"?globalThis:a||self,a.artplayerI18nId=e())})(this,(function(){"use strict";function a(i,t){if(typeof window<"u"){const n=window;n[i]=t}}const e={"Video Info":"Informasi Video",Close:"Tutup","Video Load Failed":"Gagal Memuat Video",Volume:"Volume",Play:"Putar",Pause:"Jeda",Rate:"Kecepatan",Mute:"Senyap","Video Flip":"Memutar Video",Horizontal:"Horizontal",Vertical:"Vertikal",Reconnect:"Menyambung Kembali","Show Setting":"Tampilkan Pengaturan","Hide Setting":"Sembunyikan Pengaturan",Screenshot:"Tangkapan Layar","Play Speed":"Kecepatan Putar","Aspect Ratio":"Rasio Aspek",Default:"Default",Normal:"Normal",Open:"Buka","Switch Video":"Ganti Video","Switch Subtitle":"Ganti Subtitle",Fullscreen:"Layar Penuh","Exit Fullscreen":"Keluar dari Layar Penuh","Web Fullscreen":"Layar Penuh Web","Exit Web Fullscreen":"Keluar dari Layar Penuh Web","Mini Player":"Pemutar Mini","PIP Mode":"Mode PIP","Exit PIP Mode":"Keluar dari Mode PIP","PIP Not Supported":"PIP Tidak Didukung","Fullscreen Not Supported":"Layar Penuh Tidak Didukung","Subtitle Offset":"Pergeseran Subtitle","Last Seen":"Terakhir Dilihat","Jump Play":"Lompat Putar",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay Tidak Tersedia"};return a("artplayer-i18n-id",e),e}));
@@ -1,4 +1,10 @@
-const e = {
+function t(e, a) {
+  if (typeof window < "u") {
+    const i = window;
+    i[e] = a;
+  }
+}
+const n = {
  "Video Info": "Informasi Video",
  Close: "Tutup",
  "Video Load Failed": "Gagal Memuat Video",
@@ -36,7 +42,7 @@ const e = {
  AirPlay: "AirPlay",
  "AirPlay Not Available": "AirPlay Tidak Tersedia"
 };
-typeof window < "u" && (window["artplayer-i18n-id"] = e);
+t("artplayer-i18n-id", n);
 export {
-  e as default
+  n as default
 };
@@ -1 +1 @@
-(function(e,i){typeof exports=="object"&&typeof module<"u"?module.exports=i():typeof define=="function"&&define.amd?define(i):(e=typeof globalThis<"u"?globalThis:e||self,e.artplayerI18nPl=i())})(this,(function(){"use strict";const e={"Video Info":"Informacje o wideo",Close:"Zamknij","Video Load Failed":"Błąd ładowania wideo",Volume:"Głośność",Play:"Odtwórz",Pause:"Wstrzymaj",Rate:"Oceń",Mute:"Wycisz","Video Flip":"Rotacja wideo",Horizontal:"Pozioma",Vertical:"Pionowa",Reconnect:"Połącz ponownie","Show Setting":"Pokaż ustawienia","Hide Setting":"Ukryj ustawienia",Screenshot:"Zrzut ekranu","Play Speed":"Prędkość odtwarzania","Aspect Ratio":"Współczynnik proporcji",Default:"Domyślny",Normal:"Normalny",Open:"Otwórz","Switch Video":"Przełącz wideo","Switch Subtitle":"Przełącz napisy",Fullscreen:"Pełny ekran","Exit Fullscreen":"Zamknij pełny ekran","Web Fullscreen":"Tryb pełnej strony","Exit Web Fullscreen":"Zamknij tryb pełnej strony","Mini Player":"Miniodtwarzacz","PIP Mode":"Tryb PiP","Exit PIP Mode":"Zamknij tryb PiP","PIP Not Supported":"Tryb PiP nieobsługiwany","Fullscreen Not Supported":"Pełny ekran nieobsługiwany","Subtitle Offset":"Przesunięcie napisów","Last Seen":"Ostatnio widziany","Jump Play":"Skocz do gry",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay nie jest dostępny"};return typeof window<"u"&&(window["artplayer-i18n-pl"]=e),e}));
+(function(i,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(i=typeof globalThis<"u"?globalThis:i||self,i.artplayerI18nPl=e())})(this,(function(){"use strict";function i(n,o){if(typeof window<"u"){const t=window;t[n]=o}}const e={"Video Info":"Informacje o wideo",Close:"Zamknij","Video Load Failed":"Błąd ładowania wideo",Volume:"Głośność",Play:"Odtwórz",Pause:"Wstrzymaj",Rate:"Oceń",Mute:"Wycisz","Video Flip":"Rotacja wideo",Horizontal:"Pozioma",Vertical:"Pionowa",Reconnect:"Połącz ponownie","Show Setting":"Pokaż ustawienia","Hide Setting":"Ukryj ustawienia",Screenshot:"Zrzut ekranu","Play Speed":"Prędkość odtwarzania","Aspect Ratio":"Współczynnik proporcji",Default:"Domyślny",Normal:"Normalny",Open:"Otwórz","Switch Video":"Przełącz wideo","Switch Subtitle":"Przełącz napisy",Fullscreen:"Pełny ekran","Exit Fullscreen":"Zamknij pełny ekran","Web Fullscreen":"Tryb pełnej strony","Exit Web Fullscreen":"Zamknij tryb pełnej strony","Mini Player":"Miniodtwarzacz","PIP Mode":"Tryb PiP","Exit PIP Mode":"Zamknij tryb PiP","PIP Not Supported":"Tryb PiP nieobsługiwany","Fullscreen Not Supported":"Pełny ekran nieobsługiwany","Subtitle Offset":"Przesunięcie napisów","Last Seen":"Ostatnio widziany","Jump Play":"Skocz do gry",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay nie jest dostępny"};return i("artplayer-i18n-pl",e),e}));
@@ -1,4 +1,10 @@
-const e = {
+function o(e, i) {
+  if (typeof window < "u") {
+    const n = window;
+    n[e] = i;
+  }
+}
+const a = {
  "Video Info": "Informacje o wideo",
  Close: "Zamknij",
  "Video Load Failed": "Błąd ładowania wideo",
@@ -36,7 +42,7 @@ const e = {
  AirPlay: "AirPlay",
  "AirPlay Not Available": "AirPlay nie jest dostępny"
 };
-typeof window < "u" && (window["artplayer-i18n-pl"] = e);
+o("artplayer-i18n-pl", a);
 export {
-  e as default
+  a as default
 };
@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.artplayerI18nRu=t())})(this,(function(){"use strict";const e={"Video Info":"Информация",Close:"Закрыть","Video Load Failed":"Ошибка загрузки видео",Volume:"Громкость",Play:"Играть",Pause:"Пауза",Rate:"Скорость",Mute:"Заглушить","Video Flip":"Развернуть видео",Horizontal:"Горизонтально",Vertical:"Вертикально",Reconnect:"Переподключенине","Show Setting":"Показать настройки","Hide Setting":"Скрыть настройки",Screenshot:"Скриншот","Play Speed":"Скорость воспроизведения","Aspect Ratio":"Соотношение сторон",Default:"По-умолчанию",Normal:"Нормальный",Open:"Открыть","Switch Video":"Переключить видео","Switch Subtitle":"Переключить субтитры",Fullscreen:"Полноэкранный режим","Exit Fullscreen":"Выход из полноэкранного режима","Web Fullscreen":"На все окно браузера","Exit Web Fullscreen":"Выход из режима полного окна","Mini Player":"Мини проигрыватель","PIP Mode":"Картинка в картинке","Exit PIP Mode":"Закрыть картинку в картинке","PIP Not Supported":"Картинка в картинке не поддерживается","Fullscreen Not Supported":"Полноэкранный режим не поддерживается","Subtitle Offset":"Настройка субтитров","Last Seen":"Последнее просмотренное","Jump Play":"Перейти",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay недоступен"};return typeof window<"u"&&(window["artplayer-i18n-ru"]=e),e}));
+(function(t,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(t=typeof globalThis<"u"?globalThis:t||self,t.artplayerI18nRu=e())})(this,(function(){"use strict";function t(i,n){if(typeof window<"u"){const o=window;o[i]=n}}const e={"Video Info":"Информация",Close:"Закрыть","Video Load Failed":"Ошибка загрузки видео",Volume:"Громкость",Play:"Играть",Pause:"Пауза",Rate:"Скорость",Mute:"Заглушить","Video Flip":"Развернуть видео",Horizontal:"Горизонтально",Vertical:"Вертикально",Reconnect:"Переподключенине","Show Setting":"Показать настройки","Hide Setting":"Скрыть настройки",Screenshot:"Скриншот","Play Speed":"Скорость воспроизведения","Aspect Ratio":"Соотношение сторон",Default:"По-умолчанию",Normal:"Нормальный",Open:"Открыть","Switch Video":"Переключить видео","Switch Subtitle":"Переключить субтитры",Fullscreen:"Полноэкранный режим","Exit Fullscreen":"Выход из полноэкранного режима","Web Fullscreen":"На все окно браузера","Exit Web Fullscreen":"Выход из режима полного окна","Mini Player":"Мини проигрыватель","PIP Mode":"Картинка в картинке","Exit PIP Mode":"Закрыть картинку в картинке","PIP Not Supported":"Картинка в картинке не поддерживается","Fullscreen Not Supported":"Полноэкранный режим не поддерживается","Subtitle Offset":"Настройка субтитров","Last Seen":"Последнее просмотренное","Jump Play":"Перейти",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay недоступен"};return t("artplayer-i18n-ru",e),e}));
@@ -1,4 +1,10 @@
-const e = {
+function i(e, t) {
+  if (typeof window < "u") {
+    const l = window;
+    l[e] = t;
+  }
+}
+const o = {
  "Video Info": "Информация",
  Close: "Закрыть",
  "Video Load Failed": "Ошибка загрузки видео",
@@ -36,7 +42,7 @@ const e = {
  AirPlay: "AirPlay",
  "AirPlay Not Available": "AirPlay недоступен"
 };
-typeof window < "u" && (window["artplayer-i18n-ru"] = e);
+i("artplayer-i18n-ru", o);
 export {
-  e as default
+  o as default
 };
@@ -1 +1 @@
-(function(e,a){typeof exports=="object"&&typeof module<"u"?module.exports=a():typeof define=="function"&&define.amd?define(a):(e=typeof globalThis<"u"?globalThis:e||self,e.artplayerI18nTr=a())})(this,(function(){"use strict";const e={"Video Info":"Video Bilgisi",Close:"Kapat","Video Load Failed":"Video Yüklenemedi",Volume:"Ses Seviyesi",Play:"Oynat",Pause:"Duraklat",Rate:"Hız",Mute:"Sessize Al","Video Flip":"Videoyu Çevir",Horizontal:"Yatay",Vertical:"Dikey",Reconnect:"Yeniden Bağlan","Show Setting":"Ayarları Göster","Hide Setting":"Ayarları Gizle",Screenshot:"Ekran Görüntüsü","Play Speed":"Oynatma Hızı","Aspect Ratio":"En Boy Oranı",Default:"Varsayılan",Normal:"Normal",Open:"Aç","Switch Video":"Video Değiştir","Switch Subtitle":"Altyazı Değiştir",Fullscreen:"Tam Ekran","Exit Fullscreen":"Tam Ekrandan Çık","Web Fullscreen":"Web Tam Ekran","Exit Web Fullscreen":"Web Tam Ekranından Çık","Mini Player":"Küçük Oynatıcı","PIP Mode":"PIP Modu","Exit PIP Mode":"PIP Modundan Çık","PIP Not Supported":"PIP Desteklenmiyor","Fullscreen Not Supported":"Tam Ekran Desteklenmiyor","Subtitle Offset":"Altyazı Kaydırma","Last Seen":"Son İzlenen","Jump Play":"Atla ve Oynat",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay Kullanılamıyor"};return typeof window<"u"&&(window["artplayer-i18n-tr"]=e),e}));
+(function(a,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(a=typeof globalThis<"u"?globalThis:a||self,a.artplayerI18nTr=e())})(this,(function(){"use strict";function a(n,i){if(typeof window<"u"){const t=window;t[n]=i}}const e={"Video Info":"Video Bilgisi",Close:"Kapat","Video Load Failed":"Video Yüklenemedi",Volume:"Ses Seviyesi",Play:"Oynat",Pause:"Duraklat",Rate:"Hız",Mute:"Sessize Al","Video Flip":"Videoyu Çevir",Horizontal:"Yatay",Vertical:"Dikey",Reconnect:"Yeniden Bağlan","Show Setting":"Ayarları Göster","Hide Setting":"Ayarları Gizle",Screenshot:"Ekran Görüntüsü","Play Speed":"Oynatma Hızı","Aspect Ratio":"En Boy Oranı",Default:"Varsayılan",Normal:"Normal",Open:"Aç","Switch Video":"Video Değiştir","Switch Subtitle":"Altyazı Değiştir",Fullscreen:"Tam Ekran","Exit Fullscreen":"Tam Ekrandan Çık","Web Fullscreen":"Web Tam Ekran","Exit Web Fullscreen":"Web Tam Ekranından Çık","Mini Player":"Küçük Oynatıcı","PIP Mode":"PIP Modu","Exit PIP Mode":"PIP Modundan Çık","PIP Not Supported":"PIP Desteklenmiyor","Fullscreen Not Supported":"Tam Ekran Desteklenmiyor","Subtitle Offset":"Altyazı Kaydırma","Last Seen":"Son İzlenen","Jump Play":"Atla ve Oynat",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay Kullanılamıyor"};return a("artplayer-i18n-tr",e),e}));
@@ -1,4 +1,10 @@
-const e = {
+function l(e, a) {
+  if (typeof window < "u") {
+    const i = window;
+    i[e] = a;
+  }
+}
+const n = {
  "Video Info": "Video Bilgisi",
  Close: "Kapat",
  "Video Load Failed": "Video Yüklenemedi",
@@ -36,7 +42,7 @@ const e = {
  AirPlay: "AirPlay",
  "AirPlay Not Available": "AirPlay Kullanılamıyor"
 };
-typeof window < "u" && (window["artplayer-i18n-tr"] = e);
+l("artplayer-i18n-tr", n);
 export {
-  e as default
+  n as default
 };
@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(n=typeof globalThis<"u"?globalThis:n||self,n.artplayerI18nVi=e())})(this,(function(){"use strict";const n={"Video Info":"Thông tin video",Close:"Đóng","Video Load Failed":"Tải video thất bại",Volume:"Âm lượng",Play:"Phát",Pause:"Tạm dừng",Rate:"Tốc độ",Mute:"Tắt tiếng","Video Flip":"Lật video",Horizontal:"Ngang",Vertical:"Dọc",Reconnect:"Kết nối lại","Show Setting":"Cài đặt","Hide Setting":"Ẩn cài đặt",Screenshot:"Chụp màn hình","Play Speed":"Tốc độ phát","Aspect Ratio":"Tỷ lệ khung hình",Default:"Mặc định",Normal:"Bình thường",Open:"Mở","Switch Video":"Chuyển video","Switch Subtitle":"Chuyển phụ đề",Fullscreen:"Toàn màn hình","Exit Fullscreen":"Thoát toàn màn hình","Web Fullscreen":"Toàn màn hình trình duyệt","Exit Web Fullscreen":"Thoát toàn màn hình trình duyệt","Mini Player":"Trình phát mini","PIP Mode":"Phát trong hình","Exit PIP Mode":"Thoát phát trong hình","PIP Not Supported":"Không hỗ trợ phát trong hình","Fullscreen Not Supported":"Không hỗ trợ toàn màn hình","Subtitle Offset":"Độ trễ phụ đề","Last Seen":"Lần xem cuối","Jump Play":"Nhảy đến đoạn phát",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay không khả dụng"};return typeof window<"u"&&(window["artplayer-i18n-vi"]=n),n}));
+(function(t,n){typeof exports=="object"&&typeof module<"u"?module.exports=n():typeof define=="function"&&define.amd?define(n):(t=typeof globalThis<"u"?globalThis:t||self,t.artplayerI18nVi=n())})(this,(function(){"use strict";function t(e,i){if(typeof window<"u"){const h=window;h[e]=i}}const n={"Video Info":"Thông tin video",Close:"Đóng","Video Load Failed":"Tải video thất bại",Volume:"Âm lượng",Play:"Phát",Pause:"Tạm dừng",Rate:"Tốc độ",Mute:"Tắt tiếng","Video Flip":"Lật video",Horizontal:"Ngang",Vertical:"Dọc",Reconnect:"Kết nối lại","Show Setting":"Cài đặt","Hide Setting":"Ẩn cài đặt",Screenshot:"Chụp màn hình","Play Speed":"Tốc độ phát","Aspect Ratio":"Tỷ lệ khung hình",Default:"Mặc định",Normal:"Bình thường",Open:"Mở","Switch Video":"Chuyển video","Switch Subtitle":"Chuyển phụ đề",Fullscreen:"Toàn màn hình","Exit Fullscreen":"Thoát toàn màn hình","Web Fullscreen":"Toàn màn hình trình duyệt","Exit Web Fullscreen":"Thoát toàn màn hình trình duyệt","Mini Player":"Trình phát mini","PIP Mode":"Phát trong hình","Exit PIP Mode":"Thoát phát trong hình","PIP Not Supported":"Không hỗ trợ phát trong hình","Fullscreen Not Supported":"Không hỗ trợ toàn màn hình","Subtitle Offset":"Độ trễ phụ đề","Last Seen":"Lần xem cuối","Jump Play":"Nhảy đến đoạn phát",AirPlay:"AirPlay","AirPlay Not Available":"AirPlay không khả dụng"};return t("artplayer-i18n-vi",n),n}));
@@ -1,4 +1,10 @@
-const n = {
+function h(n, t) {
+  if (typeof window < "u") {
+    const e = window;
+    e[n] = t;
+  }
+}
+const i = {
  "Video Info": "Thông tin video",
  Close: "Đóng",
  "Video Load Failed": "Tải video thất bại",
@@ -36,7 +42,7 @@ const n = {
  AirPlay: "AirPlay",
  "AirPlay Not Available": "AirPlay không khả dụng"
 };
-typeof window < "u" && (window["artplayer-i18n-vi"] = n);
+h("artplayer-i18n-vi", i);
 export {
-  n as default
+  i as default
 };
@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.artplayerI18nZhTw=t())})(this,(function(){"use strict";const e={"Video Info":"統計訊息",Close:"關閉","Video Load Failed":"載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音","Video Flip":"畫面翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Show Setting":"顯示设置","Hide Setting":"隱藏设置",Screenshot:"截圖","Play Speed":"播放速度","Aspect Ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch Video":"切換","Switch Subtitle":"切換字幕",Fullscreen:"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"網頁全屏","Exit Web Fullscreen":"退出網頁全屏","Mini Player":"迷你播放器","PIP Mode":"開啟畫中畫","Exit PIP Mode":"退出畫中畫","PIP Not Supported":"不支持畫中畫","Fullscreen Not Supported":"不支持全屏","Subtitle Offset":"字幕偏移","Last Seen":"上次看到","Jump Play":"跳轉播放",AirPlay:"隔空播放","AirPlay Not Available":"隔空播放不可用"};return typeof window<"u"&&(window["artplayer-i18n-zh-tw"]=e),e}));
+(function(t,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(t=typeof globalThis<"u"?globalThis:t||self,t.artplayerI18nZhTw=e())})(this,(function(){"use strict";function t(i,n){if(typeof window<"u"){const o=window;o[i]=n}}const e={"Video Info":"統計訊息",Close:"關閉","Video Load Failed":"載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音","Video Flip":"畫面翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Show Setting":"顯示设置","Hide Setting":"隱藏设置",Screenshot:"截圖","Play Speed":"播放速度","Aspect Ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch Video":"切換","Switch Subtitle":"切換字幕",Fullscreen:"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"網頁全屏","Exit Web Fullscreen":"退出網頁全屏","Mini Player":"迷你播放器","PIP Mode":"開啟畫中畫","Exit PIP Mode":"退出畫中畫","PIP Not Supported":"不支持畫中畫","Fullscreen Not Supported":"不支持全屏","Subtitle Offset":"字幕偏移","Last Seen":"上次看到","Jump Play":"跳轉播放",AirPlay:"隔空播放","AirPlay Not Available":"隔空播放不可用"};return t("artplayer-i18n-zh-tw",e),e}));
@@ -1,4 +1,10 @@
-const e = {
+function i(e, t) {
+  if (typeof window < "u") {
+    const l = window;
+    l[e] = t;
+  }
+}
+const o = {
  "Video Info": "統計訊息",
  Close: "關閉",
  "Video Load Failed": "載入失敗",
@@ -36,7 +42,7 @@ const e = {
  AirPlay: "隔空播放",
  "AirPlay Not Available": "隔空播放不可用"
 };
-typeof window < "u" && (window["artplayer-i18n-zh-tw"] = e);
+i("artplayer-i18n-zh-tw", o);
 export {
-  e as default
+  o as default
 };
@@ -1,3 +1,6 @@
+import type { Dictionary } from './publish'
+import { publishLanguage } from './publish'
+
 const ar = {
  'Video Info': 'معلومات الفيديو',
  'Close': 'إغلاق',
@@ -35,10 +38,8 @@ const ar = {
  'Jump Play': 'التشغيل القافز',
  'AirPlay': 'AirPlay',
  'AirPlay Not Available': 'AirPlay غير متاح',
-}
+} satisfies Dictionary

 export default ar

-if (typeof window !== 'undefined') {
-  window['artplayer-i18n-ar'] = ar
-}
+publishLanguage('artplayer-i18n-ar', ar)
@@ -1,3 +1,6 @@
+import type { Dictionary } from './publish'
+import { publishLanguage } from './publish'
+
 const cs = {
  'Video Info': 'Info o videu',
  'Close': 'Zavřít',
@@ -35,10 +38,8 @@ const cs = {
  'Jump Play': 'Hra na skok',
  'AirPlay': 'AirPlay',
  'AirPlay Not Available': 'AirPlay není k dispozici',
-}
+} satisfies Dictionary

 export default cs

-if (typeof window !== 'undefined') {
-  window['artplayer-i18n-cs'] = cs
-}
+publishLanguage('artplayer-i18n-cs', cs)
@@ -1,3 +1,6 @@
+import type { Dictionary } from './publish'
+import { publishLanguage } from './publish'
+
 const es = {
  'Video Info': 'Información del video',
  'Close': 'Cerrar',
@@ -35,10 +38,8 @@ const es = {
  'Jump Play': 'Saltar',
  'AirPlay': 'AirPlay',
  'AirPlay Not Available': 'AirPlay no disponible',
-}
+} satisfies Dictionary

 export default es

-if (typeof window !== 'undefined') {
-  window['artplayer-i18n-es'] = es
-}
+publishLanguage('artplayer-i18n-es', es)
@@ -1,3 +1,6 @@
+import type { Dictionary } from './publish'
+import { publishLanguage } from './publish'
+
 const fa = {
  'Video Info': 'اطلاعات ویدیو',
  'Close': 'بستن',
@@ -35,10 +38,8 @@ const fa = {
  'Jump Play': 'جامپ پلی',
  'AirPlay': 'ایر پلی',
  'AirPlay Not Available': 'عدم پشتیبانی از ایرپلی',
-}
+} satisfies Dictionary

 export default fa

-if (typeof window !== 'undefined') {
-  window['artplayer-i18n-fa'] = fa
-}
+publishLanguage('artplayer-i18n-fa', fa)
@@ -1,3 +1,6 @@
+import type { Dictionary } from './publish'
+import { publishLanguage } from './publish'
+
 const fr = {
  'Video Info': 'Informations de la vidéo',
  'Close': 'Fermer',
@@ -35,10 +38,8 @@ const fr = {
  'Jump Play': 'Continuer',
  'AirPlay': 'AirPlay',
  'AirPlay Not Available': 'AirPlay non disponible',
-}
+} satisfies Dictionary

 export default fr

-if (typeof window !== 'undefined') {
-  window['artplayer-i18n-fr'] = fr
-}
+publishLanguage('artplayer-i18n-fr', fr)
@@ -1,3 +1,6 @@
+import type { Dictionary } from './publish'
+import { publishLanguage } from './publish'
+
 const id = {
  'Video Info': 'Informasi Video',
  'Close': 'Tutup',
@@ -35,10 +38,8 @@ const id = {
  'Jump Play': 'Lompat Putar',
  'AirPlay': 'AirPlay',
  'AirPlay Not Available': 'AirPlay Tidak Tersedia',
-}
+} satisfies Dictionary

 export default id

-if (typeof window !== 'undefined') {
-  window['artplayer-i18n-id'] = id
-}
+publishLanguage('artplayer-i18n-id', id)
@@ -1,30 +0,0 @@
-import { mergeDeep } from '../utils'
-import zhCn from './zh-cn'
-
-export default class I18n {
-  constructor(art) {
-    this.art = art
-
-    this.languages = {
-      'zh-cn': zhCn,
-    }
-
-    this.language = {}
-
-    this.update(art.option.i18n)
-  }
-
-  init() {
-    const lang = this.art.option.lang.toLowerCase()
-    this.language = this.languages[lang] || {}
-  }
-
-  get(key) {
-    return this.language[key] || key
-  }
-
-  update(value) {
-    this.languages = mergeDeep(this.languages, value)
-    this.init()
-  }
-}
@@ -0,0 +1,34 @@
+import type { Dictionary, Languages } from './publish'
+import { has, mergeDeep } from '../utils/property'
+import zhCn from './zh-cn'
+
+export interface I18nHost {
+  option: { lang: string, i18n: Languages }
+}
+
+export default class I18n {
+  declare art: I18nHost
+  declare languages: Languages
+  declare language: Dictionary
+
+  constructor(art: I18nHost) {
+    this.art = art
+    this.languages = { 'zh-cn': zhCn }
+    this.language = {}
+    this.update(art.option.i18n)
+  }
+
+  init(): void {
+    const lang = this.art.option.lang.toLowerCase()
+    this.language = (has(this.languages, lang) && this.languages[lang]) || {}
+  }
+
+  get(key: string): string {
+    return (has(this.language, key) && this.language[key]) || key
+  }
+
+  update(value: Languages): void {
+    this.languages = mergeDeep(this.languages, value)
+    this.init()
+  }
+}
@@ -1,3 +1,6 @@
+import type { Dictionary } from './publish'
+import { publishLanguage } from './publish'
+
 const pl = {
  'Video Info': 'Informacje o wideo',
  'Close': 'Zamknij',
@@ -35,10 +38,8 @@ const pl = {
  'Jump Play': 'Skocz do gry',
  'AirPlay': 'AirPlay',
  'AirPlay Not Available': 'AirPlay nie jest dostępny',
-}
+} satisfies Dictionary

 export default pl

-if (typeof window !== 'undefined') {
-  window['artplayer-i18n-pl'] = pl
-}
+publishLanguage('artplayer-i18n-pl', pl)
@@ -0,0 +1,12 @@
+export type Dictionary = Record<string, string | undefined>
+export type Languages = Record<string, Dictionary | undefined>
+
+type LanguageGlobal = 'artplayer-i18n-ar' | 'artplayer-i18n-cs' | 'artplayer-i18n-es' | 'artplayer-i18n-fa' | 'artplayer-i18n-fr' | 'artplayer-i18n-id' | 'artplayer-i18n-pl' | 'artplayer-i18n-ru' | 'artplayer-i18n-tr' | 'artplayer-i18n-vi' | 'artplayer-i18n-zh-cn' | 'artplayer-i18n-zh-tw'
+
+// Each standalone language keeps its historical browser alias, including ESM.
+export function publishLanguage(name: LanguageGlobal, value: Dictionary): void {
+  if (typeof window !== 'undefined') {
+    const globals = window as Window & Partial<Record<LanguageGlobal, Dictionary>>
+    globals[name] = value
+  }
+}
@@ -1,3 +1,6 @@
+import type { Dictionary } from './publish'
+import { publishLanguage } from './publish'
+
 const ru = {
  'Video Info': 'Информация',
  'Close': 'Закрыть',
@@ -35,10 +38,8 @@ const ru = {
  'Jump Play': 'Перейти',
  'AirPlay': 'AirPlay',
  'AirPlay Not Available': 'AirPlay недоступен',
-}
+} satisfies Dictionary

 export default ru

-if (typeof window !== 'undefined') {
-  window['artplayer-i18n-ru'] = ru
-}
+publishLanguage('artplayer-i18n-ru', ru)
@@ -1,3 +1,6 @@
+import type { Dictionary } from './publish'
+import { publishLanguage } from './publish'
+
 const tr = {
  'Video Info': 'Video Bilgisi',
  'Close': 'Kapat',
@@ -35,10 +38,8 @@ const tr = {
  'Jump Play': 'Atla ve Oynat',
  'AirPlay': 'AirPlay',
  'AirPlay Not Available': 'AirPlay Kullanılamıyor',
-}
+} satisfies Dictionary

 export default tr

-if (typeof window !== 'undefined') {
-  window['artplayer-i18n-tr'] = tr
-}
+publishLanguage('artplayer-i18n-tr', tr)
@@ -1,3 +1,6 @@
+import type { Dictionary } from './publish'
+import { publishLanguage } from './publish'
+
 const vi = {
  'Video Info': 'Thông tin video',
  'Close': 'Đóng',
@@ -35,10 +38,8 @@ const vi = {
  'Jump Play': 'Nhảy đến đoạn phát',
  'AirPlay': 'AirPlay',
  'AirPlay Not Available': 'AirPlay không khả dụng',
-}
+} satisfies Dictionary

 export default vi

-if (typeof window !== 'undefined') {
-  window['artplayer-i18n-vi'] = vi
-}
+publishLanguage('artplayer-i18n-vi', vi)
@@ -1,3 +1,6 @@
+import type { Dictionary } from './publish'
+import { publishLanguage } from './publish'
+
 const zhCn = {
  'Video Info': '统计信息',
  'Close': '关闭',
@@ -35,10 +38,8 @@ const zhCn = {
  'Jump Play': '跳转播放',
  'AirPlay': '隔空播放',
  'AirPlay Not Available': '隔空播放不可用',
-}
+} satisfies Dictionary

 export default zhCn

-if (typeof window !== 'undefined') {
-  window['artplayer-i18n-zh-cn'] = zhCn
-}
+publishLanguage('artplayer-i18n-zh-cn', zhCn)
@@ -1,3 +1,6 @@
+import type { Dictionary } from './publish'
+import { publishLanguage } from './publish'
+
 const zhTw = {
  'Video Info': '統計訊息',
  'Close': '關閉',
@@ -35,10 +38,8 @@ const zhTw = {
  'Jump Play': '跳轉播放',
  'AirPlay': '隔空播放',
  'AirPlay Not Available': '隔空播放不可用',
-}
+} satisfies Dictionary

 export default zhTw

-if (typeof window !== 'undefined') {
-  window['artplayer-i18n-zh-tw'] = zhTw
-}
+publishLanguage('artplayer-i18n-zh-tw', zhTw)
@@ -1,4 +1,3 @@
-import { def, getIcon } from '../utils'
 import airplay from './airplay.svg?raw'
 import arrowLeft from './arrow-left.svg?raw'
 import arrowRight from './arrow-right.svg?raw'
@@ -27,43 +26,32 @@ import unlock from './unlock.svg?raw'
 import volumeClose from './volume-close.svg?raw'
 import volume from './volume.svg?raw'

-export default class Icons {
-  constructor(art) {
-    const icons = {
-      loading,
-      state,
-      play,
-      pause,
-      check,
-      volume,
-      volumeClose,
-      screenshot,
-      setting,
-      pip,
-      arrowLeft,
-      arrowRight,
-      playbackRate,
-      aspectRatio,
-      config,
-      lock,
-      flip,
-      unlock,
-      fullscreenOff,
-      fullscreenOn,
-      fullscreenWebOff,
-      fullscreenWebOn,
-      switchOn,
-      switchOff,
-      error,
-      close,
-      airplay,
-      ...art.option.icons,
-    }
-
-    for (const key in icons) {
-      def(this, key, {
-        get: () => getIcon(key, icons[key]),
-      })
-    }
-  }
+export default {
+  loading,
+  state,
+  play,
+  pause,
+  check,
+  volume,
+  volumeClose,
+  screenshot,
+  setting,
+  pip,
+  arrowLeft,
+  arrowRight,
+  playbackRate,
+  aspectRatio,
+  config,
+  lock,
+  flip,
+  unlock,
+  fullscreenOff,
+  fullscreenOn,
+  fullscreenWebOff,
+  fullscreenWebOn,
+  switchOn,
+  switchOff,
+  error,
+  close,
+  airplay,
 }
@@ -0,0 +1,15 @@
+import { def, getIcon } from '../utils'
+import defaults from './defaults'
+
+export default class Icons {
+  readonly [key: string]: HTMLElement
+
+  constructor(art: { option: { icons: Record<string, string | HTMLElement> } }) {
+    const icons: Record<string, string | HTMLElement | undefined> = { ...defaults, ...art.option.icons }
+    for (const key in icons) {
+      def(this, key, {
+        get: (): HTMLElement => getIcon(key, icons[key]),
+      })
+    }
+  }
+}
@@ -20,7 +20,7 @@ import Plugins from './plugins'
 import scheme from './scheme'
 import Setting from './setting'
 import Storage from './storage'
-import style from './style/index.less?inline'
+import style from './style'
 import Subtitle from './subtitle'
 import Template from './template'
 import * as utils from './utils'
@@ -0,0 +1,3 @@
+import css from './index.less?inline'
+
+export default css
@@ -0,0 +1,16 @@
+export function setStyleText(id: string, style: string): void {
+  let $style = document.getElementById(id)
+  if (!$style) {
+    $style = document.createElement('style')
+    $style.id = id
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', () => {
+        document.head.appendChild($style!)
+      })
+    }
+    else {
+      (document.head || document.documentElement).appendChild($style)
+    }
+  }
+  $style.textContent = style
+}
@@ -1,160 +0,0 @@
-import { version } from '../package.json'
-import { ownContainer } from './lifecycle/instance'
-import captureTemplate from './lifecycle/template-rollback'
-import { addClass, errorHandle, isMobile, query, replaceElement, supportsFlex } from './utils'
-
-export default class Template {
-  constructor(art) {
-    this.art = art
-    const { option, constructor } = art
-
-    if (option.container instanceof Element) {
-      this.$container = option.container
-    }
-    else {
-      this.$container = query(option.container)
-      errorHandle(this.$container, `No container element found by ${option.container}`)
-    }
-
-    errorHandle(supportsFlex(), 'The current browser does not support flex layout')
-
-    const type = this.$container.tagName.toLowerCase()
-    errorHandle(type === 'div', `Unsupported container element type, only support 'div' but got '${type}'`)
-
-    errorHandle(
-      constructor.instances.every(ins => ins.template.$container !== this.$container),
-      'Cannot mount multiple instances on the same dom element',
-    )
-
-    this.query = this.query.bind(this)
-    ownContainer(art, this.$container, captureTemplate(this.$container))
-    this.$container.dataset.artId = art.id
-    this.init()
-  }
-
-  static get html() {
-    return `
-          <div class="art-video-player art-subtitle-show art-layer-show art-control-show art-mask-show">
-            <video class="art-video">
-              <track default kind="metadata" src=""></track>
-            </video>
-            <div class="art-poster"></div>
-            <div class="art-subtitle"></div>
-            <div class="art-danmuku"></div>
-            <div class="art-layers"></div>
-            <div class="art-mask">
-              <div class="art-state"></div>
-            </div>
-            <div class="art-bottom">
-              <div class="art-progress"></div>
-              <div class="art-controls">
-                <div class="art-controls-left"></div>
-                <div class="art-controls-center"></div>
-                <div class="art-controls-right"></div>
-              </div>
-            </div>
-            <div class="art-loading"></div>
-            <div class="art-notice">
-              <div class="art-notice-inner"></div>
-            </div>
-            <div class="art-settings"></div>
-            <div class="art-info">
-              <div class="art-info-panel">
-                <div class="art-info-item">
-                  <div class="art-info-title">Player version:</div>
-                  <div class="art-info-content">${version}</div>
-                </div>
-                <div class="art-info-item">
-                  <div class="art-info-title">Video url:</div>
-                  <div class="art-info-content" data-video="currentSrc"></div>
-                </div>
-                <div class="art-info-item">
-                  <div class="art-info-title">Video volume:</div>
-                  <div class="art-info-content" data-video="volume"></div>
-                </div>
-                <div class="art-info-item">
-                  <div class="art-info-title">Video time:</div>
-                  <div class="art-info-content" data-video="currentTime"></div>
-                </div>
-                <div class="art-info-item">
-                  <div class="art-info-title">Video duration:</div>
-                  <div class="art-info-content" data-video="duration"></div>
-                </div>
-                <div class="art-info-item">
-                  <div class="art-info-title">Video resolution:</div>
-                  <div class="art-info-content">
-                    <span data-video="videoWidth"></span> x <span data-video="videoHeight"></span>
-                  </div>
-                </div>
-              </div>
-              <div class="art-info-close">[x]</div>
-            </div>
-            <div class="art-contextmenus"></div>
-          </div>
-        `
-  }
-
-  query(className) {
-    return query(className, this.$container)
-  }
-
-  init() {
-    const { option } = this.art
-
-    if (!option.useSSR) {
-      this.$container.innerHTML = Template.html
-    }
-
-    this.$player = this.query('.art-video-player')
-    this.$video = this.query('.art-video')
-    this.$track = this.query('track')
-    this.$poster = this.query('.art-poster')
-    this.$subtitle = this.query('.art-subtitle')
-    this.$danmuku = this.query('.art-danmuku')
-    this.$bottom = this.query('.art-bottom')
-    this.$progress = this.query('.art-progress')
-    this.$controls = this.query('.art-controls')
-    this.$controlsLeft = this.query('.art-controls-left')
-    this.$controlsCenter = this.query('.art-controls-center')
-    this.$controlsRight = this.query('.art-controls-right')
-    this.$layer = this.query('.art-layers')
-    this.$loading = this.query('.art-loading')
-    this.$notice = this.query('.art-notice')
-    this.$noticeInner = this.query('.art-notice-inner')
-    this.$mask = this.query('.art-mask')
-    this.$state = this.query('.art-state')
-    this.$setting = this.query('.art-settings')
-    this.$info = this.query('.art-info')
-    this.$infoPanel = this.query('.art-info-panel')
-    this.$infoClose = this.query('.art-info-close')
-    this.$contextmenu = this.query('.art-contextmenus')
-
-    if (option.proxy) {
-      const video = option.proxy.call(this.art, this.art)
-      errorHandle(
-        video instanceof HTMLVideoElement || video instanceof HTMLCanvasElement,
-        `Function 'option.proxy' needs to return 'HTMLVideoElement' or 'HTMLCanvasElement'`,
-      )
-      replaceElement(video, this.$video)
-      video.className = 'art-video'
-      this.$video = video
-    }
-
-    if (option.backdrop) {
-      addClass(this.$player, 'art-backdrop')
-    }
-
-    if (isMobile) {
-      addClass(this.$player, 'art-mobile')
-    }
-  }
-
-  destroy(removeHtml) {
-    if (removeHtml) {
-      this.$container.innerHTML = ''
-    }
-    else {
-      addClass(this.$player, 'art-destroy')
-    }
-  }
-}
@@ -0,0 +1,112 @@
+import type { TemplateHost, TemplateNodes } from './template/types'
+import { ownContainer } from './lifecycle/instance'
+import captureTemplate from './lifecycle/template-rollback'
+import html from './template/html'
+import bindNodes from './template/nodes'
+import { addClass, errorHandle, isMobile, query, replaceElement, supportsFlex } from './utils'
+
+export default class Template<Host extends TemplateHost<Host>> implements TemplateNodes {
+  declare art: Host
+  declare $container: HTMLDivElement
+  declare $player: HTMLDivElement | null
+  declare $video: HTMLVideoElement | HTMLCanvasElement | null
+  declare $track: HTMLTrackElement | null
+  declare $poster: HTMLDivElement | null
+  declare $subtitle: HTMLDivElement | null
+  declare $danmuku: HTMLDivElement | null
+  declare $bottom: HTMLDivElement | null
+  declare $progress: HTMLDivElement | null
+  declare $controls: HTMLDivElement | null
+  declare $controlsLeft: HTMLDivElement | null
+  declare $controlsCenter: HTMLDivElement | null
+  declare $controlsRight: HTMLDivElement | null
+  declare $layer: HTMLDivElement | null
+  declare $loading: HTMLDivElement | null
+  declare $notice: HTMLDivElement | null
+  declare $noticeInner: HTMLDivElement | null
+  declare $mask: HTMLDivElement | null
+  declare $state: HTMLDivElement | null
+  declare $setting: HTMLDivElement | null
+  declare $info: HTMLDivElement | null
+  declare $infoPanel: HTMLDivElement | null
+  declare $infoClose: HTMLDivElement | null
+  declare $contextmenu: HTMLDivElement | null
+
+  constructor(art: Host) {
+    this.art = art
+    const { option, constructor } = art
+
+    if (option.container instanceof Element) {
+      this.$container = option.container as HTMLDivElement
+    }
+    else {
+      this.$container = query(option.container) as HTMLDivElement
+      errorHandle(this.$container, `No container element found by ${option.container}`)
+    }
+
+    errorHandle(supportsFlex(), 'The current browser does not support flex layout')
+
+    const type = this.$container.tagName.toLowerCase()
+    errorHandle(type === 'div', `Unsupported container element type, only support 'div' but got '${type}'`)
+
+    errorHandle(
+      constructor.instances.every(ins => ins.template.$container !== this.$container),
+      'Cannot mount multiple instances on the same dom element',
+    )
+
+    this.query = this.query.bind(this)
+    ownContainer(art, this.$container, captureTemplate(this.$container))
+    this.$container.dataset.artId = String(art.id)
+    this.init()
+  }
+
+  static get html(): string {
+    return html
+  }
+
+  query<T extends Element = Element>(className: string): T | null {
+    return query(className, this.$container) as T | null
+  }
+
+  init(): void {
+    const { option } = this.art
+
+    if (!option.useSSR) {
+      this.$container.innerHTML = Template.html
+    }
+
+    bindNodes(this)
+
+    if (option.proxy) {
+      const video = option.proxy.call(this.art, this.art)
+      assertProxy(video)
+      replaceElement(video, this.$video)
+      video.className = 'art-video'
+      this.$video = video
+    }
+
+    if (option.backdrop) {
+      addClass(this.$player, 'art-backdrop')
+    }
+
+    if (isMobile) {
+      addClass(this.$player, 'art-mobile')
+    }
+  }
+
+  destroy(removeHtml: boolean): void {
+    if (removeHtml) {
+      this.$container.innerHTML = ''
+    }
+    else {
+      addClass(this.$player, 'art-destroy')
+    }
+  }
+}
+
+function assertProxy(video: unknown): asserts video is HTMLVideoElement | HTMLCanvasElement {
+  errorHandle(
+    video instanceof HTMLVideoElement || video instanceof HTMLCanvasElement,
+    'Function \'option.proxy\' needs to return \'HTMLVideoElement\' or \'HTMLCanvasElement\'',
+  )
+}
@@ -0,0 +1,61 @@
+import { version } from '../../package.json'
+
+export default `
+          <div class="art-video-player art-subtitle-show art-layer-show art-control-show art-mask-show">
+            <video class="art-video">
+              <track default kind="metadata" src=""></track>
+            </video>
+            <div class="art-poster"></div>
+            <div class="art-subtitle"></div>
+            <div class="art-danmuku"></div>
+            <div class="art-layers"></div>
+            <div class="art-mask">
+              <div class="art-state"></div>
+            </div>
+            <div class="art-bottom">
+              <div class="art-progress"></div>
+              <div class="art-controls">
+                <div class="art-controls-left"></div>
+                <div class="art-controls-center"></div>
+                <div class="art-controls-right"></div>
+              </div>
+            </div>
+            <div class="art-loading"></div>
+            <div class="art-notice">
+              <div class="art-notice-inner"></div>
+            </div>
+            <div class="art-settings"></div>
+            <div class="art-info">
+              <div class="art-info-panel">
+                <div class="art-info-item">
+                  <div class="art-info-title">Player version:</div>
+                  <div class="art-info-content">${version}</div>
+                </div>
+                <div class="art-info-item">
+                  <div class="art-info-title">Video url:</div>
+                  <div class="art-info-content" data-video="currentSrc"></div>
+                </div>
+                <div class="art-info-item">
+                  <div class="art-info-title">Video volume:</div>
+                  <div class="art-info-content" data-video="volume"></div>
+                </div>
+                <div class="art-info-item">
+                  <div class="art-info-title">Video time:</div>
+                  <div class="art-info-content" data-video="currentTime"></div>
+                </div>
+                <div class="art-info-item">
+                  <div class="art-info-title">Video duration:</div>
+                  <div class="art-info-content" data-video="duration"></div>
+                </div>
+                <div class="art-info-item">
+                  <div class="art-info-title">Video resolution:</div>
+                  <div class="art-info-content">
+                    <span data-video="videoWidth"></span> x <span data-video="videoHeight"></span>
+                  </div>
+                </div>
+              </div>
+              <div class="art-info-close">[x]</div>
+            </div>
+            <div class="art-contextmenus"></div>
+          </div>
+        `
@@ -0,0 +1,27 @@
+import type { TemplateNodes } from './types'
+
+export default function bindNodes(target: TemplateNodes & { query: <T extends Element = Element>(selector: string) => T | null }): void {
+  target.$player = target.query<HTMLDivElement>('.art-video-player')
+  target.$video = target.query<HTMLVideoElement>('.art-video')
+  target.$track = target.query<HTMLTrackElement>('track')
+  target.$poster = target.query<HTMLDivElement>('.art-poster')
+  target.$subtitle = target.query<HTMLDivElement>('.art-subtitle')
+  target.$danmuku = target.query<HTMLDivElement>('.art-danmuku')
+  target.$bottom = target.query<HTMLDivElement>('.art-bottom')
+  target.$progress = target.query<HTMLDivElement>('.art-progress')
+  target.$controls = target.query<HTMLDivElement>('.art-controls')
+  target.$controlsLeft = target.query<HTMLDivElement>('.art-controls-left')
+  target.$controlsCenter = target.query<HTMLDivElement>('.art-controls-center')
+  target.$controlsRight = target.query<HTMLDivElement>('.art-controls-right')
+  target.$layer = target.query<HTMLDivElement>('.art-layers')
+  target.$loading = target.query<HTMLDivElement>('.art-loading')
+  target.$notice = target.query<HTMLDivElement>('.art-notice')
+  target.$noticeInner = target.query<HTMLDivElement>('.art-notice-inner')
+  target.$mask = target.query<HTMLDivElement>('.art-mask')
+  target.$state = target.query<HTMLDivElement>('.art-state')
+  target.$setting = target.query<HTMLDivElement>('.art-settings')
+  target.$info = target.query<HTMLDivElement>('.art-info')
+  target.$infoPanel = target.query<HTMLDivElement>('.art-info-panel')
+  target.$infoClose = target.query<HTMLDivElement>('.art-info-close')
+  target.$contextmenu = target.query<HTMLDivElement>('.art-contextmenus')
+}
@@ -0,0 +1,37 @@
+export interface TemplateHost<Host> {
+  id: number
+  option: {
+    container: string | HTMLElement
+    useSSR: boolean
+    proxy?: (this: Host, art: Host) => unknown
+    backdrop: boolean
+  }
+  constructor: { instances: readonly { template: { $container: Element } }[] }
+}
+
+// Missing SSR nodes remain nullable; mounting does not synthesize replacements.
+export interface TemplateNodes {
+  $player: HTMLDivElement | null
+  $video: HTMLVideoElement | HTMLCanvasElement | null
+  $track: HTMLTrackElement | null
+  $poster: HTMLDivElement | null
+  $subtitle: HTMLDivElement | null
+  $danmuku: HTMLDivElement | null
+  $bottom: HTMLDivElement | null
+  $progress: HTMLDivElement | null
+  $controls: HTMLDivElement | null
+  $controlsLeft: HTMLDivElement | null
+  $controlsCenter: HTMLDivElement | null
+  $controlsRight: HTMLDivElement | null
+  $layer: HTMLDivElement | null
+  $loading: HTMLDivElement | null
+  $notice: HTMLDivElement | null
+  $noticeInner: HTMLDivElement | null
+  $mask: HTMLDivElement | null
+  $state: HTMLDivElement | null
+  $setting: HTMLDivElement | null
+  $info: HTMLDivElement | null
+  $infoPanel: HTMLDivElement | null
+  $infoClose: HTMLDivElement | null
+  $contextmenu: HTMLDivElement | null
+}
@@ -1,5 +1,8 @@
 import { isMobile } from './compatibility'

+export { setStyleText } from '../style/inject'
+
+/** @param {string} selector @param {ParentNode} parent */
 export function query(selector, parent = document) {
  return parent.querySelector(selector)
 }
@@ -90,6 +93,7 @@ export function createElement(tag) {
  return document.createElement(tag)
 }

+/** @param {string} key @param {string | HTMLElement} html */
 export function getIcon(key = '', html = '') {
  const icon = createElement('i')
  addClass(icon, 'art-icon')
@@ -98,23 +102,6 @@ export function getIcon(key = '', html = '') {
  return icon
 }

-export function setStyleText(id, style) {
-  let $style = document.getElementById(id)
-  if (!$style) {
-    $style = document.createElement('style')
-    $style.id = id
-    if (document.readyState === 'loading') {
-      document.addEventListener('DOMContentLoaded', () => {
-        document.head.appendChild($style)
-      })
-    }
-    else {
-      (document.head || document.documentElement).appendChild($style)
-    }
-  }
-  $style.textContent = style
-}
-
 export function supportsFlex() {
  const div = document.createElement('div')
  div.style.display = 'flex'