!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports["video/player/mini-player-size"]=n():e["video/player/mini-player-size"]=n()}(globalThis,(()=>(()=>{var e,n,i={993:(e,n,i)=>{var r=i(904),t=i(955)(r);t.push([e.id,':root {\n --mini-player-width: 320px;\n --mini-player-height: 180px;\n --mini-player-scale: 1;\n --mini-player-icon-size: 100px;\n --mini-player-handle-size: 24px;\n --mini-player-handle-icon-size: 10px;\n --mini-player-handle-offset: 2px;\n}\n\n.bpx-player-container[data-screen=mini],\n.bpx-player-container[data-screen=mini] .bpx-player-primary-area,\n.bpx-player-container[data-screen=mini] .bpx-player-video-area,\n.bpx-player-container[data-screen=mini] .bpx-player-video-perch,\n.bpx-player-container[data-screen=mini] .bpx-player-video-wrap {\n width: var(--mini-player-width) !important;\n height: var(--mini-player-height) !important;\n}\n.bpx-player-container[data-screen=mini] .bpx-player-video-wrap video {\n width: 100% !important;\n height: 100% !important;\n object-fit: contain;\n}\n\n.bpx-player-mini-warp {\n width: var(--mini-player-width) !important;\n height: var(--mini-player-height) !important;\n}\n.bpx-player-mini-warp .bpx-player-mini-state {\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n width: var(--mini-player-icon-size) !important;\n height: var(--mini-player-icon-size) !important;\n margin-left: calc(var(--mini-player-icon-size) / -2) !important;\n margin-top: calc(var(--mini-player-icon-size) / -2) !important;\n}\n.bpx-player-mini-warp .bpx-player-mini-state-play,\n.bpx-player-mini-warp .bpx-player-mini-state-pause {\n width: var(--mini-player-icon-size) !important;\n height: var(--mini-player-icon-size) !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-handle {\n position: absolute;\n width: var(--mini-player-handle-size);\n height: var(--mini-player-handle-size);\n z-index: 100000;\n opacity: 0;\n transition: opacity 0.2s ease;\n background: transparent;\n pointer-events: all !important;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-handle::before {\n content: "";\n position: absolute;\n width: var(--mini-player-handle-icon-size);\n height: var(--mini-player-handle-icon-size);\n border: 2px solid rgba(255, 255, 255, 0.7);\n border-radius: 2px;\n}\n.bpx-player-mini-warp:hover > .be-mini-player-resize-handle, .bpx-player-mini-warp.be-resizing > .be-mini-player-resize-handle {\n opacity: 1;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-nw {\n top: 0;\n left: 0;\n cursor: nw-resize;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-nw::before {\n top: var(--mini-player-handle-offset);\n left: var(--mini-player-handle-offset);\n border-right: none;\n border-bottom: none;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-ne {\n top: 0;\n right: 0;\n cursor: ne-resize;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-ne::before {\n top: var(--mini-player-handle-offset);\n right: var(--mini-player-handle-offset);\n border-left: none;\n border-bottom: none;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-sw {\n bottom: 0;\n left: 0;\n cursor: sw-resize;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-sw::before {\n bottom: var(--mini-player-handle-offset);\n left: var(--mini-player-handle-offset);\n border-right: none;\n border-top: none;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-se {\n bottom: 0;\n right: 0;\n cursor: se-resize;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-se::before {\n bottom: var(--mini-player-handle-offset);\n right: var(--mini-player-handle-offset);\n border-left: none;\n border-top: none;\n}',"",{version:3,sources:["webpack://./registry/lib/components/video/player/mini-player-size/mini-player-size.scss"],names:[],mappings:"AAAA;EACE,0BAA0B;EAC1B,2BAA2B;EAC3B,sBAAsB;EACtB,8BAA8B;EAC9B,+BAA+B;EAC/B,oCAAoC;EACpC,gCAAgC;AAClC;;AAEA;;;;;EAKE,0CAA0C;EAC1C,4CAA4C;AAC9C;AACA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;EACE,0CAA0C;EAC1C,4CAA4C;AAC9C;AACA;EACE,6BAA6B;EAC7B,mBAAmB;EACnB,oBAAoB;EACpB,8CAA8C;EAC9C,+CAA+C;EAC/C,+DAA+D;EAC/D,8DAA8D;AAChE;AACA;;EAEE,8CAA8C;EAC9C,+CAA+C;EAC/C,mCAAmC;EACnC,uCAAuC;EACvC,sCAAsC;AACxC;AACA;EACE,kBAAkB;EAClB,qCAAqC;EACrC,sCAAsC;EACtC,eAAe;EACf,UAAU;EACV,6BAA6B;EAC7B,uBAAuB;EACvB,8BAA8B;AAChC;AACA;EACE,WAAW;EACX,kBAAkB;EAClB,0CAA0C;EAC1C,2CAA2C;EAC3C,0CAA0C;EAC1C,kBAAkB;AACpB;AACA;EACE,UAAU;AACZ;AACA;EACE,MAAM;EACN,OAAO;EACP,iBAAiB;AACnB;AACA;EACE,qCAAqC;EACrC,sCAAsC;EACtC,kBAAkB;EAClB,mBAAmB;AACrB;AACA;EACE,MAAM;EACN,QAAQ;EACR,iBAAiB;AACnB;AACA;EACE,qCAAqC;EACrC,uCAAuC;EACvC,iBAAiB;EACjB,mBAAmB;AACrB;AACA;EACE,SAAS;EACT,OAAO;EACP,iBAAiB;AACnB;AACA;EACE,wCAAwC;EACxC,sCAAsC;EACtC,kBAAkB;EAClB,gBAAgB;AAClB;AACA;EACE,SAAS;EACT,QAAQ;EACR,iBAAiB;AACnB;AACA;EACE,wCAAwC;EACxC,uCAAuC;EACvC,iBAAiB;EACjB,gBAAgB;AAClB",sourcesContent:[':root {\n --mini-player-width: 320px;\n --mini-player-height: 180px;\n --mini-player-scale: 1;\n --mini-player-icon-size: 100px;\n --mini-player-handle-size: 24px;\n --mini-player-handle-icon-size: 10px;\n --mini-player-handle-offset: 2px;\n}\n\n.bpx-player-container[data-screen=mini],\n.bpx-player-container[data-screen=mini] .bpx-player-primary-area,\n.bpx-player-container[data-screen=mini] .bpx-player-video-area,\n.bpx-player-container[data-screen=mini] .bpx-player-video-perch,\n.bpx-player-container[data-screen=mini] .bpx-player-video-wrap {\n width: var(--mini-player-width) !important;\n height: var(--mini-player-height) !important;\n}\n.bpx-player-container[data-screen=mini] .bpx-player-video-wrap video {\n width: 100% !important;\n height: 100% !important;\n object-fit: contain;\n}\n\n.bpx-player-mini-warp {\n width: var(--mini-player-width) !important;\n height: var(--mini-player-height) !important;\n}\n.bpx-player-mini-warp .bpx-player-mini-state {\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n width: var(--mini-player-icon-size) !important;\n height: var(--mini-player-icon-size) !important;\n margin-left: calc(var(--mini-player-icon-size) / -2) !important;\n margin-top: calc(var(--mini-player-icon-size) / -2) !important;\n}\n.bpx-player-mini-warp .bpx-player-mini-state-play,\n.bpx-player-mini-warp .bpx-player-mini-state-pause {\n width: var(--mini-player-icon-size) !important;\n height: var(--mini-player-icon-size) !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-handle {\n position: absolute;\n width: var(--mini-player-handle-size);\n height: var(--mini-player-handle-size);\n z-index: 100000;\n opacity: 0;\n transition: opacity 0.2s ease;\n background: transparent;\n pointer-events: all !important;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-handle::before {\n content: "";\n position: absolute;\n width: var(--mini-player-handle-icon-size);\n height: var(--mini-player-handle-icon-size);\n border: 2px solid rgba(255, 255, 255, 0.7);\n border-radius: 2px;\n}\n.bpx-player-mini-warp:hover > .be-mini-player-resize-handle, .bpx-player-mini-warp.be-resizing > .be-mini-player-resize-handle {\n opacity: 1;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-nw {\n top: 0;\n left: 0;\n cursor: nw-resize;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-nw::before {\n top: var(--mini-player-handle-offset);\n left: var(--mini-player-handle-offset);\n border-right: none;\n border-bottom: none;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-ne {\n top: 0;\n right: 0;\n cursor: ne-resize;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-ne::before {\n top: var(--mini-player-handle-offset);\n right: var(--mini-player-handle-offset);\n border-left: none;\n border-bottom: none;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-sw {\n bottom: 0;\n left: 0;\n cursor: sw-resize;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-sw::before {\n bottom: var(--mini-player-handle-offset);\n left: var(--mini-player-handle-offset);\n border-right: none;\n border-top: none;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-se {\n bottom: 0;\n right: 0;\n cursor: se-resize;\n}\n.bpx-player-mini-warp > .be-mini-player-resize-se::before {\n bottom: var(--mini-player-handle-offset);\n right: var(--mini-player-handle-offset);\n border-left: none;\n border-top: none;\n}'],sourceRoot:""}]),e.exports=t},955:e=>{"use strict"; // eslint-disable-next-line func-names e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var i=e(n);return n[2]?"@media ".concat(n[2]," {").concat(i,"}"):i})).join("")}, // eslint-disable-next-line func-names n.i=function(e,i,r){"string"==typeof e&&( // eslint-disable-next-line no-param-reassign e=[[null,e,""]]);var t={};if(r)for(var a=0;a{"use strict";function n(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var i=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==i)return;var r,t,a=[],o=!0,p=!1;try{for(i=i.call(e);!(o=(r=i.next()).done)&&(a.push(r.value),!n||a.length!==n);o=!0);}catch(e){p=!0,t=e}finally{try{o||null==i.return||i.return()}finally{if(p)throw t}}return a}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return i(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return i(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var i=0,r=new Array(n);i{var r=i(993);r&&r.__esModule&&(r=r.default),e.exports="string"==typeof r?r:r.toString()},447:e=>{function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=()=>[],n.resolve=n,n.id=447,e.exports=n},664:e=>{"use strict";e.exports="自定义视频小窗播放器的大小, 可通过拖拽四角调整, 支持保持 16:9 宽高比.\n"}},r={};function t(e){var n=r[e];if(void 0!==n)return n.exports;var a=r[e]={id:e,exports:{}};return i[e](a,a.exports,t),a.exports}n=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,t.t=function(i,r){if(1&r&&(i=this(i)),8&r)return i;if("object"==typeof i&&i){if(4&r&&i.__esModule)return i;if(16&r&&"function"==typeof i.then)return i}var a=Object.create(null);t.r(a);var o={};e=e||[null,n({}),n([]),n(n)];for(var p=2&r&&i;"object"==typeof p&&!~e.indexOf(p);p=n(p))Object.getOwnPropertyNames(p).forEach((e=>o[e]=()=>i[e]));return o.default=()=>i,t.d(a,o),a},t.d=(e,n)=>{for(var i in n)t.o(n,i)&&!t.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:n[i]})},t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{"use strict";t.d(a,{component:()=>l});const e=coreApis.componentApis.define,n=coreApis.settings,i=coreApis.utils.urls,r=16/9,o=(0,e.defineOptionsMetadata)({width:{displayName:"宽度 (px)",defaultValue:320},height:{displayName:"高度 (px)",defaultValue:180},keepAspectRatio:{displayName:"保持 16:9 宽高比",defaultValue:!0}}),p=(e,n)=>{const i=e/640,r=document.documentElement.style;r.setProperty("--mini-player-width",`${e}px`),r.setProperty("--mini-player-height",`${n}px`),r.setProperty("--mini-player-scale",`${i}`),r.setProperty("--mini-player-icon-size",`${Math.round(100*i)}px`)},l=(0,e.defineComponentMetadata)({name:"miniPlayerSize",displayName:"小窗播放器大小",author:{name:"GH4NG",link:"https://github.com/GH4NG"},tags:[componentsTags.video],urlInclude:i.videoAndBangumiUrls,instantStyles:[{name:"miniPlayerSize",style:()=>Promise.resolve().then(t.t.bind(t,359,23))}],options:o,entry:async e=>{let{metadata:i}=e;const t=(0,n.getComponentSettings)(i.name),{width:a,height:o}=t.options;p(a,o);window.addEventListener("playerModeChange",(()=>{const e=dq(".bpx-player-mini-warp");e&&!e.querySelector(".be-mini-player-resize-handle")&&((e,n)=>{e.querySelector(".be-mini-player-resize-handle")||["nw","ne","sw","se"].forEach((i=>{const t=document.createElement("div");t.className=`be-mini-player-resize-handle be-mini-player-resize-${i}`,t.dataset.direction=i,e.appendChild(t);let a=0,o=0,l=0,s=0;const A=e=>{const t=e.clientX-a,A=e.clientY-o;let m=l,c=s;i.includes("e")?m=l+t:i.includes("w")&&(m=l-t),i.includes("s")?c=s+A:i.includes("n")&&(c=s-A),m=lodash.clamp(m,160,window.innerWidth),c=lodash.clamp(c,90,window.innerHeight),n.options.keepAspectRatio&&(c=Math.round(m/r),c=lodash.clamp(c,90,window.innerHeight)),p(m,c)},m=()=>{document.removeEventListener("mousemove",A),document.removeEventListener("mouseup",m),e.classList.remove("be-resizing");const i=lodash.clamp(e.offsetWidth,160,window.innerWidth);let t=lodash.clamp(e.offsetHeight,90,window.innerHeight);n.options.keepAspectRatio&&(t=Math.round(i/r)),n.options.width=i,n.options.height=t,p(i,t)};t.addEventListener("mousedown",(n=>{n.preventDefault(),a=n.clientX,o=n.clientY,l=e.offsetWidth,s=e.offsetHeight,document.addEventListener("mousemove",A),document.addEventListener("mouseup",m),e.classList.add("be-resizing"),n.stopPropagation()}))}))})(e,t)}))},commitHash:"67ecd077be475ede303d3b326c5c7344a6ca3fa5",coreVersion:"2.11.5",description:(()=>{const e=t(447);return{...Object.fromEntries(e.keys().map((n=>[n.match(/index\.(.+)\.md$/)[1],e(n)]))),"zh-CN":()=>Promise.resolve().then(t.t.bind(t,664,17)).then((e=>e.default))}})()})})(),a=a.component})())); //# sourceMappingURL=https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/registry/dist/components/video/player/mini-player-size.js.map