https://maeda-design-room.net/_next/static/chunks/2961.0d227cf5af760cd3.js

1!function(){try{var t="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};t._sentryModuleMetadata=t._sentryModuleMetadata||{},t._sentryModuleMetadata[(new t.Error).stack]=function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];if(null!=i)for(var s in i)i.hasOwnProperty(s)&&(t[s]=i[s])}return t}({},t._sentryModuleMetadata[(new t.Error).stack],{"_sentryBundlerPluginAppKey:note-front-custom-domain":!0});var e=(new t.Error).stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="f16d48ec-b14e-49e3-a160-a726dec2b007",t._sentryDebugIdIdentifier="sentry-dbid-f16d48ec-b14e-49e3-a160-a726dec2b007")}catch(t){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2961],{12961:(t,e,i)=>{i.r(e),i.d(e,{PrepareComicViewer:()=>tn});var s=i(97360),h=i(59995),a=i(9972),n=i(19324),r=i(54915),o=i(50387),d=i(59673);i(72010);var l=i(90902),u=i(30498),g=i(71678),c=(t,e,i)=>{try{let s=new URL(t);return s.searchParams.set(e,i),s.toString()}catch{return`${t}${t.includes("?")?"&":"?"}${e}=${i}`}},w=(t,e)=>e?t:c(c(t,"fit","bounds"),"width",String(2400)),p=(t,e)=>e?t:c(w(t,e),"quality","90"),f=window.devicePixelRatio||1,v=(t,e)=>{let i=k(t,e),s=e.width*i,h=e.height*i;return new l.M_G((t.width-s)*.5,(t.height-h)*.5,s,h)},k=(t,e)=>{let i=t.width/e.width,s=t.height/e.height;return i<s?i:s},y=(t,e)=>!t||t.width<=0||t.height<=0?e:t,b=(t,e,i,s,h)=>{let a=y(s[t],h);return v(new l.M_G(0,0,e,i),new l.M_G(0,0,a.width,a.height))},m={getContentWidth:(t,e)=>e*t,getScreenNum:t=>t,getScreenIndex:t=>0,getDisplayIndex:t=>0,singleScreenIndexToSpreadScreenIndex:t=>t%2==0?.5*t:(t+1)*.5,spreadScreenIndexToSingleScreenIndex:t=>2*t-1,layoutPageAtIndex:(t,e,i,s,h,a)=>{let n=b(e,i,s,h,a);t.x=-(e*i)+n.x,t.y=n.y,t.viewWidth=n.width,t.viewHeight=n.height,t.backgroundView&&(t.backgroundView.viewWidth=n.width,t.backgroundView.viewHeight=n.height,t.backgroundView.updateLayout()),t.loadingIndicator&&(t.loadingIndicator.viewWidth=n.width,t.loadingIndicator.updateLayout()),t.updateImageLayout()},getSinglePageFitRect:b,getContentWidth:(t,e)=>e*t,getScreenNum:t=>t,getScreenIndex:t=>t,getDisplayIndex:t=>t+1},x=(t,e,i,s,h)=>{let a=new l.M_G(0,0,e,i),n=-(t*e);if(0===t){let t=y(s[0],{width:e,height:i}),h=v(a,new l.M_G(0,0,t.width,t.height));return{fitRect:h,pairLeft:n+h.x,scale:h.width/t.width,leftDisplayWidth:h.width,leftDisplayHeight:h.height,isSinglePage:!0}}

1let r=s[2*t],o=s[2*t-1];if(!r||!o){let t=y(r??o,h),e=v(a,new l.M_G(0,0,t.width,t.height));return{fitRect:e,pairLeft:n+e.x,scale:e.width/t.width,leftDisplayWidth:e.width,leftDisplayHeight:e.height,isSinglePage:!0}}let d=y(r,h),u=y(o,h),g=new l.M_G(0,0,d.width+u.width,Math.max(d.height,u.height)),c=v(a,g),w=c.width/g.width;return{fitRect:c,pairLeft:n+c.x,scale:w,leftDisplayWidth:d.width*w,rightDisplayWidth:u.width*w,leftDisplayHeight:d.height*w,rightDisplayHeight:u.height*w,isSinglePage:!1}},V=t=>Math.floor(.5*t)+1,S={...m,layoutPageAtIndex:(t,e,i,s,h,a)=>{if(0===e)m.layoutPageAtIndex(t,e,i,s,h,{width:i,height:s});else{let n=x(Math.ceil(.5*e),i,s,h,a);n.isSinglePage?(t.x=n.pairLeft,t.y=n.fitRect.y,t.viewWidth=n.leftDisplayWidth??n.fitRect.width,t.viewHeight=n.leftDisplayHeight??n.fitRect.height):(e%2==1?(t.x=n.pairLeft+(n.leftDisplayWidth??0),t.viewWidth=n.rightDisplayWidth??0,t.viewHeight=n.rightDisplayHeight??0):(t.x=n.pairLeft,t.viewWidth=n.leftDisplayWidth??0,t.viewHeight=n.leftDisplayHeight??0),t.y=n.fitRect.y),t.backgroundView&&(t.backgroundView.viewWidth=t.viewWidth,t.backgroundView.viewHeight=t.viewHeight,t.backgroundView.updateLayout()),t.loadingIndicator&&(t.loadingIndicator.viewWidth=t.viewWidth,t.loadingIndicator.updateLayout()),t.updateImageLayout()}},getSpreadScreenMetrics:x,getContentWidth:(t,e)=>e*V(t),getScreenNum:V,getScreenIndex:t=>Math.floor(.5*t)+1,getDisplayIndex:t=>0===t?1:2*t},C=class extends l.mcf{constructor(){super(),this.viewWidth=0,this.viewHeight=0,this.init(),this.initView(),this.updateLayout()}init(){}initView(){}updateLayout(){}},I=class extends C{constructor(t){super(),this.direction=t,this.updateLayout()}init(){let t=40*f;this.viewWidth=t,this.viewHeight=t}initView(){this.background=new l.A1g,this.icon=new l.A1g,this.addChild(this.background),this.addChild(this.icon),this.eventMode="static",this.cursor="pointer",this.hitArea=new l.M_G(0,0,this.viewWidth,this.viewHeight)}updateLayout(){if(!this.background||!this.icon)return;let t=this.viewWidth/2,e=this.viewWidth/2,i=this.viewHeight/2,s=8*f,h="left"===this.direction?1:-1;this.background.clear(),this.background.circle(e,i,t).fill({color:0,alpha:.32}),this.icon.clear(),this.icon.moveTo(e+h*s*.5,i-s).lineTo(e-h*s*.5,i).lineTo(e+h*s*.5,i+s).stroke({color:0xffffff,width:2*f})}},L=40*f,T=L/2,W=1.5*f,P=5*f,H=class extends C{init(){this.viewWidth=L,this.viewHeight=L}initView(){this.interactive=!0,this.cursor="pointer",this.hitArea=new l.M_G(0,0,this.viewWidth,this.viewHeight),this.background=new l.A1g,this.addChild(this.background),this.line=new l.A1g,this.addChild(this.line),this.drawBackground(),this.createCloseIcon(0xffffff),this.on("mouseover",()=>this.createCloseIcon(0xe5e5e5)),this.on("mouseout",()=>this.createCloseIcon(0xffffff))}updateLayout(){this.drawBackground(),this.createCloseIcon(0xffffff),this.hitArea=new l.M_G(0,0,this.viewWidth,this.viewHeight)}createCloseIcon(t){this.line&&(this.line.clear(),this.line.moveTo(this.viewWidth/2-P,this.viewHeight/2-P),this.line.lineTo(this.viewWidth/2+P,this.viewHeight/2+P),this.line.moveTo(this.viewWidth/2+P,this.viewHeight/2-P),this.line.lineTo(this.viewWidth/2-P,this.viewHeight/2+P),this.line.stroke({width:W,color:t}))}drawBackground(){this.background&&(this.background.clear(),this.background.circle(this.viewWidth/2,this.viewHeight/2,T).fill({color:0,alpha:.32}))}},M=class extends C{constructor(...t){super(...t),this.backgroundAlpha=.32,this.backgroundColor=0}initView(){this.backgroundView=new l.A1g,this.drawBackgroundView(),this.addChild(this.backgroundView)}updateLayout(){this.backgroundView&&(this.backgroundView.clear(),this.drawBackgroundView())}drawBackgroundView(){this.backgroundView&&this.backgroundView.rect(0,0,this.viewWidth,this.viewHeight).fill({color:this.backgroundColor??0,alpha:this.backgroundAlpha??.32})}set interactive(t){for(let e of this.children)e.interactive=t}},_=class extends C{constructor(...t){super(...t),this.backgroundColor=0}initView(){this.graphics=new l.A1g,this.addChild(this.graphics)}updateLayout(){this.graphics&&(this.graphics.clear(),this.graphics.rect(0,0,this.viewWidth,this.viewHeight).fill(this.backgroundColor))}},R=class extends C{constructor(...t){super(...t),this._progress=0,this.backgroundColor=6710886,this.valueColor=0xaaaaaa}init(){this.viewWidth=100,this.viewHeight=4,this.backgroundColor=6710886,this.valueColor=0xaaaaaa,this._progress=0}initView(){this.backgroundView=new _,this.backgroundView.backgroundColor=this.backgroundColor,this.backgroundView.viewWidth=this.viewWidth,this.backgroundView.viewHeight=this.viewHeight,this.backgroundView.updateLayout(),this.addChild(this.backgroundView),this.valueView=new _,this.valueView.backgroundColor=this.valueColor,this.valueView.viewWidth=this.viewWidth,this.valueView.viewHeight=this.viewHeight,this.valueView.updateLayout(),this.addChild(this.valueView)}updateLayout(){this.backgroundView&&this.valueView&&(this.backgroundView.viewWidth=this.valueView.viewWidth=this.viewWidth,this.backgroundView.viewHeight=this.valueView.viewHeight=this.viewHeight,this.backgroundView.updateLayout(),this.valueView.updateLayout())}get progress(){return this._progress}set progress(t){this._progress=t,this.updateLayout()}},N=class extends C{constructor(t){super(),this.layoutType="SINGLE",this.imageNaturalWi

1dth=0,this.imageNaturalHeight=0;let{index:e,encoding:i}=t;this.index=e??0,this.encoding=i}initView(){this.backgroundView=new _,this.backgroundView.width=100,this.backgroundView.height=100,this.backgroundView.viewWidth=100,this.backgroundView.viewHeight=100,this.backgroundView.backgroundColor=3355443,this.addChild(this.backgroundView),this.bitmapContainer=new l.mcf,this.addChild(this.bitmapContainer),this.loadingIndicator=new R,this.backgroundView.addChild(this.loadingIndicator)}updateLayout(){this.backgroundView&&this.loadingIndicator&&(this.backgroundView.updateLayout(),this.loadingIndicator.updateLayout())}updateImageLayout(){let t,e;if(!this.sprite||0===this.imageNaturalWidth||0===this.imageNaturalHeight)return;let i=(t=this.viewWidth||this.backgroundView?.width||0,e=this.viewHeight||this.backgroundView?.height||0,Math.min(t/this.imageNaturalWidth,e/this.imageNaturalHeight));this.scale.set(1),this.bitmapContainer?.scale.set(1),this.sprite.scale.set(i)}getImageFromTexture(t){if(!t)return null;if(t.source?.resource){let e=t.source.resource;if(e instanceof ImageBitmap)return e}return null}async loadImage(t){if(!this.sprite)try{let e=await l.sP.load({src:t},t=>this.handleLoadProgress(t));this.loadedUrl=t,await this.handleLoaderComplete(e)}catch{this.handkeLoaderError()}}async cancelLoadImage(){let t=this.loadedUrl;t&&(this.sprite&&=(this.bitmapContainer?.removeChild(this.sprite),void this.sprite.destroy(this.encoding?{texture:!0,textureSource:!0}:void 0)),this.backgroundView&&(this.backgroundView.visible=!0),this.loadedUrl=void 0,await l.sP.unload(t))}handleLoadProgress(t){this.loadingIndicator&&(this.loadingIndicator.visible=!0,this.loadingIndicator.progress=t)}async handleLoaderComplete(t){if(!this.sprite&&!(!this.backgroundView||!this.bitmapContainer)){if(this.loadingIndicator&&(this.loadingIndicator.visible=!1),this.backgroundView.visible=!1,this.encoding){let e=this.getImageFromTexture(t);if(!e)return;let i=document.createElement("canvas");i.width=t.width,i.height=t.height,this.imageNaturalWidth=i.width,this.imageNaturalHeight=i.height;let s=((t,e,i)=>{let s,h=(t=>{let e=t.match(/^(v\d)_(.+)/);if(e)return{version:e[1],key:e[2]}})(i);if(!h)return;let a=(s=h.key,(0,u.decompress)(s,{inputEncoding:"Base64"}).split("").flatMap((t,e)=>e>0&&e%2==0?[",",t]:t).join("").split(",")),n=Math.sqrt(a.length);var r=t,o=e,d=a.map(t=>Number(t)).map((t,e)=>({from:{index:t,col:t%n,row:Math.floor(t/n)},to:{index:e,col:e%n,row:Math.floor(e/n)}})),l=n;let g=r.getContext("2d");if(g){let t;return(t=>{let{ctx:e,image:i,pieces:s,pieceSize:h}=t;s.forEach(t=>{e.drawImage(i,t.from.col*h.width,t.from.row*h.height,h.width,h.height,t.to.col*h.width,t.to.row*h.height,h.width,h.height)})})({ctx:g,image:o,pieces:d,pieceSize:{width:(t={width:o.width,height:o.height}).width/l,height:t.height/l},segments:l}),r}})(i,e,this.encoding);if(s){let t=await createImageBitmap(s);this.sprite=l.kxk.from(t)}}else this.imageNaturalWidth=t.width,this.imageNaturalHeight=t.height,this.sprite=new l.kxk(t);this.sprite&&(this.bitmapContainer.addChild(this.sprite),this.updateImageLayout())}}handkeLoaderError(){this.backgroundView&&this.loadingIndicator&&(this.backgroundView.visible=!0,this.loadingIndicator.visible=!1)}},E=class extends C{constructor(...t){super(...t),this.scrollX=0,this.contentWidth=1,this.isSnap=!0,this.pagingTapAreaRatio=.25,this.pagingDistanceRatio=.05,this.tScrollX=0,this.dragStartX=0,this.dragStartScrollX=0,this.dragStartScreenIndex=0,this.isMoving=!1,this.isPressed=!1}init(){this.viewWidth=window.innerWidth,this.viewHeight=window.innerHeight}initView(){this.interactive=!0,this.backgroundView=new l.A1g,this.addChild(this.backgroundView),this.contentView=new l.mcf,this.addChild(this.contentView),this.hitArea=new l.M_G(0,0,this.viewWidth,this.viewHeight),this.on("mousedown",t=>this.handleDown(t)),this.on("touchstart",t=>this.handleDown(t)),this.on("mousemove",(0,g.n)(t=>this.handleMove(t),16)),this.on("touchmove",(0,g.n)(t=>this.handleMove(t),16)),this.on("mouseup",t=>this.handleUp(t)),this.on("mouseupoutside",t=>this.handleUp(t)),this.on("touchend",t=>this.handleUp(t)),this.on("touchendoutside",t=>this.handleUp(t)),this.tickerHandler=()=>this.tickHandler(),l.RvI.shared.add(this.tickerHandler)}destroy(t){this.tickerHandler&&=void l.RvI.shared.remove(this.tickerHandler),super.destroy(t)}updateLayout(){this.backgroundView&&(this.backgroundView.clear(),this.backgroundView.rect(0,0,this.viewWidth,this.viewHeight).fill(0)),this.hitArea=new l.M_G(0,0,this.viewWidth,this.viewHeight)}handleDown(t){if(!this.contentView)return;let e=t.currentTarget,i=t.getLocalPosition(e);this.isPressed=!0,this.isMoving=!1,this.dragStartX=i.x,this.dragStartScrollX=this.contentView.x,this.dragStartScreenIndex=Math.round(this.tScrollX/this.viewWidth)}handleMove(t){if(this.isPressed){let e=t.currentTarget,i=t.getLocalPosition(e);this.isMoving=!0;let s=i.x-this.dragStartX;

1this.tScrollX=this.dragStartScrollX+s,this.emit("move")}}handleUp(t){if(this.isPressed=!1,!1===this.isMoving){let e=t.currentTarget,i=t.getLocalPosition(e);i.x<this.viewWidth*this.pagingTapAreaRatio?this.emit("tapLeft"):i.x>this.viewWidth*(1-this.pagingTapAreaRatio)?this.emit("tapRight"):this.emit("tapCenter");return}let e=this.tScrollX/this.viewWidth,i=Math.round(e),s=e-this.dragStartScreenIndex;Math.abs(s)>this.pagingDistanceRatio?s>0?this.moveToIndex(i+1,!0):this.moveToIndex(i-1,!0):this.moveToIndex(this.dragStartScreenIndex,!0)}tickHandler(){if(this.contentView)try{let t=this.scrollX+(this.tScrollX-this.scrollX)*.7;this.scrollX=t,this.contentView.x=this.scrollX}catch{}}moveTo(t,e){if(t===this.tScrollX)return;let i=t;i<0&&(i=0),!0===e?this.tScrollX=i:this.tScrollX=this.scrollX=i,this.emit("change")}moveToFirst(t){this.moveTo(0,t)}moveToLast(t){}moveToIndex(t,e){let i=Math.max(Math.min(t,this.contentWidth/this.viewWidth-1),0);this.moveTo(i*this.viewWidth,e)}get index(){return Math.round(this.tScrollX/this.viewWidth)}},D=4*f,A=4*f,B=12*f,G=12*f,U=class extends C{constructor(...t){super(...t),this._value=0,this.minValue=0,this.maxValue=1,this.isFlip=!1,this.trackThickness=D,this.progressThickness=A,this.knobRadius=B,this.trackColor=7829367,this.progressColor=0xffffff,this.knobColor=0xffffff,this.knobShadowAlpha=.25,this.hitPaddingY=G,this.isPressed=!1,this.displayedProgress=0}init(){this.viewWidth=100,this.viewHeight=24*f}initView(){this.interactive=!0,this.cursor="pointer",this.backgroundView=new l.A1g,this.addChild(this.backgroundView),this.valueView=new l.A1g,this.addChild(this.valueView),this.knobView=new l.A1g,this.addChild(this.knobView),this.hitArea=new l.M_G(0,-(this.hitPaddingY??G),this.viewWidth,this.viewHeight+(this.hitPaddingY??G)*2),this.on("mousedown",t=>this.handleDown(t)),this.on("touchstart",t=>this.handleDown(t)),this.on("mousemove",(0,g.n)(t=>this.handleMove(t),16)),this.on("touchmove",(0,g.n)(t=>this.handleMove(t),16)),this.on("mouseup",t=>this.handleUp(t)),this.on("mouseupoutside",t=>this.handleUp(t)),this.on("touchend",t=>this.handleUp(t)),this.on("touchendoutside",t=>this.handleUp(t)),this.tickerHandler=()=>this.handleTick(),l.RvI.shared.add(this.tickerHandler)}destroy(t){this.tickerHandler&&=void l.RvI.shared.remove(this.tickerHandler),super.destroy(t)}updateLayout(){if(!this.backgroundView||!this.valueView||!this.knobView)return;let t=this.getVisualProgress(this.displayedProgress),e=.5*this.viewHeight,i=t*this.viewWidth,s=this.trackThickness??D,h=this.progressThickness??A,a=this.knobRadius??B,n=this.hitPaddingY??G;this.backgroundView.clear(),this.backgroundView.moveTo(0,e).lineTo(this.viewWidth,e).stroke({width:s,color:this.trackColor??7829367}),this.valueView.clear(),!0===this.isFlip?this.valueView.moveTo(this.viewWidth,e).lineTo(i,e).stroke({width:h,color:this.progressColor??0xffffff}):this.valueView.moveTo(0,e).lineTo(i,e).stroke({width:h,color:this.progressColor??0xffffff}),this.knobView.clear(),this.knobView.circle(i,e+ +f,a).fill({color:0,alpha:this.knobShadowAlpha??.25}),this.knobView.circle(i,e,a).fill({color:this.knobColor??0xffffff}),this.hitArea=new l.M_G(0,-n,this.viewWidth,this.viewHeight+2*n)}handleDown(t){this.isPressed=!0,this.updateProgress(t)}handleMove(t){this.isPressed&&this.updateProgress(t)}handleUp(t){this.isPressed=!1,this.updateProgress(t)}handleTick(){let t=this.progress,e=t-this.displayedProgress;if(.001>Math.abs(e)){this.displayedProgress!==t&&(this.displayedProgress=t,this.updateLayout());return}this.displayedProgress+=.7*e,this.updateLayout()}updateProgress(t){let e=t.currentTarget;if(e!==this)return;let i=t.getLocalPosition(e),s=0===this.viewWidth?0:i.x/this.viewWidth;this.progress=this.isFlip?1-s:s}get value(){return this._value}set value(t){let e=Math.max(Math.min(Math.round(t),this.maxValue),this.minValue);this._value!==e&&(this._value=e,this.displayedProgress=this.displayedProgress||this.progress,this.updateLayout(),this.emit("change"))}set progress(t){this.value=t*(this.maxValue-this.minValue)+this.minValue}get progress(){let t=this.maxValue-this.minValue;return t<=0?0:(this.value-this.minValue)/t}getVisualProgress(t){let e=Math.max(Math.min(t,1),0);return this.isFlip?1-e:e}},X=class extends C{constructor(...t){super(...t),this.isHidden=!1,this.uiContainer=new l.mcf,this.targetAlpha=1}initView(){this.uiContainer=new l.mcf,this.addChild(this.uiContainer),this.targetAlpha=1,this.alpha=1,l.RvI.shared.add(this.handleTick,this)}show(){this.targetAlpha=1,this.isHidden=!1,this.enableEvent()}hide(){this.targetAlpha=0,this.isHidden=!0,this.disableEvent()}toggleVisibility(){!0===this.isHidden?this.show():this.hide()}

1disableEvent(){this.children.forEach(t=>{t.interactive=!1})}enableEvent(){this.children.forEach(t=>{t.interactive=!0})}handleTick(){let t=this.targetAlpha-this.alpha;if(.01>Math.abs(t)){this.alpha=this.targetAlpha;return}this.alpha+=.24*t}destroy(t){l.RvI.shared.remove(this.handleTick,this),super.destroy(t)}},z=class{constructor(t,e){this.width=640,this.height=480,this._pageViews=[],this._index=0,this._book={bookInfo:{author:"UNKNOWN",title:"No Title",description:"No Description",pageNum:1,pagingDirection:"RIGHT_TO_LEFT",width:100,height:100,extension:"png",thumbnailPrefix:"t_",imagePath:"",encoding:void 0,key:""},pages:[]},this._layoutType="SINGLE",this.pagelayout=m,this.keydownEvent=t=>this.handleKeyDown(t),this.closeCallback=t,this.setPageParam=e}async init(t,e,i){this.width=e,this.height=i,this.app||(await this.initPixiJS(t),this.initView(),this.viewDidLoad(),this.initListener()),this.resume(),this.updateStageSize(),window.focus()}pause(){window.removeEventListener("keydown",this.keydownEvent),this.app?.ticker?.stop(),l.RvI.shared.stop()}resume(){window.addEventListener("keydown",this.keydownEvent),this.app?.ticker?.start(),l.RvI.shared.start()}destroy(){for(let t of(window.removeEventListener("keydown",this.keydownEvent),this._pageViews))t.cancelLoadImage();this._pageViews=[],this.app?.destroy(!1,{children:!0}),this.app=void 0}async initPixiJS(t){let e=new l.lgM;await e.init({canvas:t,antialias:!0,width:this.width,height:this.height,preference:"webgpu"}),this.app=e}initView(){this.pagelayout=m,this.view=new l.mcf,this.app?.stage.addChild(this.view),this.scrollView=new E,this.view.addChild(this.scrollView),this.uiContainer=new X,this.view.addChild(this.uiContainer),this.footerBar=new M,this.uiContainer.addChild(this.footerBar),this.pagingSlider=new U,this.pagingSlider.isFlip=!0,this.footerBar.addChild(this.pagingSlider);let t=new l.xJt({align:"center",fill:"#ffffff",fontFamily:["Helvetica Neue","Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans","ヒラギノ角ゴ ProN W3","Arial","メイリオ","Meiryo","sans-serif"],fontSize:12*f,lineHeight:18*f});this.pagingText=new l.EYj({text:"",style:t}),this.pagingText.anchor.set(.5,0),this.footerBar.addChild(this.pagingText),this.closeButton=new H,this.closeButton.on("click",this.closeCallback),this.closeButton.on("tap",this.closeCallback),this.uiContainer.addChild(this.closeButton),this.prevButton=new I("left"),this.prevButton.on("click",()=>this.handleTapLeft("button")),this.prevButton.on("tap",()=>this.handleTapLeft("button")),this.uiContainer.addChild(this.prevButton),this.nextButton=new I("right"),this.nextButton.on("click",()=>this.handleTapRight("button")),this.nextButton.on("tap",()=>this.handleTapRight("button")),this.uiContainer.addChild(this.nextButton),this.updateLayout()}initListener(){this.pagingSlider?.on("change",()=>this.handlePagingSliderChange()),this.scrollView?.on("change",()=>this.handleScrollViewChange()),this.scrollView?.on("move",()=>this.handleScrollViewMove()),this.scrollView?.on("tapLeft",()=>this.handleTapLeft()),this.scrollView?.on("tapRight",()=>this.handleTapRight()),this.scrollView?.on("tapCenter",()=>this.handleTapCenter())}viewDidLoad(){}getFallbackPageSize(t){return"SPREAD"===this._layoutType&&0!==t?{width:.5*this.width,height:this.height}:{width:this.width,height:this.height}}refreshContent(){let t=this._layoutType;if(this.width>this.height?(this._layoutType="SPREAD",this.pagelayout=S):(this._layoutType="SINGLE",this.pagelayout=m),this._pageViews=[],this.scrollView?.contentView){this.scrollView.contentView.removeChildren();for(let t=0;t<this.pageNum;t++){let e=new N({index:t,encoding:this.book.bookInfo.encoding});e.updateLayout(),this.pagelayout.layoutPageAtIndex(e,t,this.width,this.height,this.book.pages,this.getFallbackPageSize(t)),this.scrollView.contentView.addChild(e),this._pageViews.push(e)}this.scrollView.contentWidth=this.screenNum*this.width,t!==this._layoutType&&("SPREAD"===this._layoutType?this.setIndex(this.pagelayout.singleScreenIndexToSpreadScreenIndex(this.index),!1):this.setIndex(this.pagelayout.spreadScreenIndexToSingleScreenIndex(this.index),!1)),this.updateScrollViewContent()}}applyPageLayouts(){for(let t=0;t<this.pageNum;t++){let e=this._pageViews[t];e&&(this.pagelayout.layoutPageAtIndex(e,t,this.width,this.height,this.book.pages,this.getFallbackPageSize(t)),e.updateImageLayout())}}refreshPageMetrics(){this.scrollView?.contentView&&(this.applyPageLayouts(),this.updateInterfaceState(!1),this.updateScrollViewContent())}updateScrollViewContent(){for(let t=0;t<this.pageNum;t++){let e=this._pageViews[t],i=this.book.pages[t];if(!i)continue;let s=this.pagelayout.getScreenIndex(t);3>Math.abs(this.index-s)?e.loadImage(p(i.imageURL,this.book.bookInfo.encoding)):e.cancelLoadImage()}}handleTapLeft(t="edgeTap"){let e=this.index;"RIGHT_TO_LEFT"===this.book.bookInfo.pagingDirection?this.index+=1:--this.index,e===this.index||"button"===t?this.uiContainer?.show():this.uiContainer?.hide()}handleTapRight(t="edgeTap"){let e=this.index;"RIGHT_TO_LEFT"===this.book.bookInfo.pagingDirection?--this.index:this.index+=1,e===this.index||"button"===t?this.uiContainer?.show():this.uiContainer?.hide()}handleTapCenter(){this.uiContainer?.toggleVisibility()}handleScrollViewMove(){this.uiContainer?.hide()}handlePagingSliderChange(){this.index=this.pagingSlider?.value??0}handleScrollViewChange(){let t=this.index;this.index=this.scrollView?.index??0,t===this.index&&this.uiContainer?.show()}handleKeyDown(t){switch(t.keyCode){case 27:t.preventDefault(),this.closeCallback();break;case 37:t.preventDefault(),this.handleTapLeft("edgeTap");break;case 39:t.preventDefault(),this.handleTapRight("edgeTap")}}updateStageSize(){this.app&&(this.app.renderer.resize(this.width,this.height),this.updateLayout())}updateLayout(){let t=24*f,e=16*f,i=40*f;this.scrollView&&(this.scrollView.viewWidth=this.width,this.scrollView.viewHeight=this.height,this.scrollView.hitArea=new l.M_G(0,0,this.width,this.height),this.scrollView.contentWidth=this.screenNum*this.width,this.scrollView.updateLayout()),this.footerBar&&(this.footerBar.viewWidth=this.width,this.footerBar.viewHeight=78*f,this.footerBar.y=this.height-this.footerBar.viewHeight,this.footerBar.updateLayout()),this.pagingSlider&&(this.pagingSlider.viewWidth=Math.max(this.width-2*i,80*f),this.pagingSlider.viewHeight=24*f,this.pagingSlider.trackThickness=4*f,this.pagingSlider.progressThickness=4*f,this.pagingSlider.knobRadius=6*f,this.pagingSlider.hitPaddingY=12*f,this.pagingSlider.trackColor=7566195,this.pagingSlider.progressColor=0xffffff,this.pagingSlider.knobColor=0xffffff,this.pagingSlider.x=i,this.pagingSlider.y=16*f,this.pagingSlider.updateLayout()),this.pagingText&&(this.pagingText.x=.5*this.width,this.pagingText.y=44*f),this.closeButton?.position.set(this.width-this.closeButton.viewWidth-t,t),this.prevButton?.position.set(e,(this.height-this.prevButton.viewHeight)*.5),this.nextButton?.position.set(this.width-(this.nextButton?.viewWidth??0)-e,(this.height-(this.nextButton?.viewHeight??0))*.5)}updateInterfaceState(t){this.book&&this.scrollView?.moveTo(this.index*this.width,t),this.pagingSlider&&(this.pagingSlider.maxValue=this.screenNum-1,this.pagingSlider.value=this.index),this.pagingText&&(this.pagingText.text=this.pagingLabel)}setSize(t,e){let i=l.RvI.shared.started;l.RvI.shared.stop(),this.width=t,this.height=e,this.updateStageSize(),this.refreshContent(),this.updateInterfaceState(!1),i&&l.RvI.shared.start()}set book(t){this._book=t,this.refreshContent(),this.updateInterfaceState(!1)}get book(){return this._book}setIndex(t,e){let i=Math.max(Math.min(t,this.screenNum-1),0);if(this._index===i)return;this._index=i,this.updateInterfaceState(e),this.updateScrollViewContent();let s=this.pagelayout.getDisplayIndex(i);this.setPageParam(s,this.book.bookInfo.key)}set index(t){this.setIndex(t,!0)}get index(){return this._index}get pageNum(){return void 0===this.book?0:this.book.bookInfo.pageNum}get screenSize(){return this.app?.canvas.width??0}get contentSize(){return this.pagelayout.getContentWidth(this.pageNum,this.width)}get screenNum(){return this.pagelayout.getScreenNum(this.pageNum)}get pagingLabel(){return`${this.pagelayout.getDisplayIndex(this.index)}/${this.pageNum}`}get pagingLabelPage(){return this.pagelayout.getDisplayIndex(this.index)}get layoutType(){return this._layoutType}},F=(t,e)=>"SINGLE"===e?[t]:0===t?[0]:[2*t-1,2*t],O=(t,e,i,s=2)=>{let h=new Set;for(let a=Math.max(t-s,0);a<=t+s;a++)for(let t of F(a,e))t>=0&&t<=i&&h.add(t);return Array.from(h)},$=(0,i(2893).Y)(t=>`/v2/note_slides/${t}`,async(t,e,i,s)=>(await t.get(e,s)).data.data),j=i(73424),Y=i(67577),q=i(32684);let K={imageURL:"",thumbURL:"",width:0,height:0},J={author:"UNKNOWN",title:"No Title",description:"No Description",pageNum:1,pagingDirection:"RIGHT_TO_LEFT",width:100,height:100,extension:"png",thumbnailPrefix:"t_",imagePath:"",key:""},Q=()=>window.innerWidth*f>window.innerHeight*f?"SPREAD":"SINGLE",Z=t=>{t.preventDefault()},tt=async t=>{let e=new Image;return e.crossOrigin="anonymous",e.src=t,await e.decode(),{width:e.width,height:e.height}},te=/^[\w-]+$/,ti=["https://note.com","https://note.mu"],ts=(t,e)=>{if(null!=t&&""!==t)try{e.add(new URL(t).origin)}catch{}},th={"ja-JP":{failedToOpenViewer:"ビューアを開けませんでした。通信環境を確認してもう一度お試しください"}},ta=t=>{t.preventDefault()},tn=()=>{let t=(0,a.useRouter)(),e=(0,a.usePathname)(),i=(0,a.useSearchParams)(),l=(0,n.useRef)(null),u=(0,n.useRef)(new Set),g=(0,o.u)(),c=(0,n.useMemo)(()=>(0,h.Ru)({lang:g,dict:th}),[g]),v=(0,d._l)(),k=(0,n.useCallback)(s=>

1{let h=((t,e)=>{let i=new URLSearchParams(t.toString());for(let[t,s]of Object.entries(e)){if(null===s){i.delete(t);continue}i.set(t,s)}let s=i.toString();return""===s?null:`?${s}`})(i,s);t.replace(h??e,{scroll:!1})},[e,t,i]),y=(0,n.useCallback)(()=>{(null!==i.get("slide")||null!==i.get("page"))&&k({slide:null,page:null})},[k,i]),{initialize:b,isOpenComicViewer:m,openComicViewer:x,closeComicViewer:V,isInitialized:S}=function({canvasRef:t,onCloseComicViewer:e,onSetPageParam:i,pageParam:s,onOpenComicViewer:h,onClearViewerQuery:a,onFullscreenVisibilityChange:r}){let o=(0,n.useRef)(null),d=(0,n.useRef)(()=>void 0),l=(0,n.useRef)(i),u=(0,n.useRef)(null),g=(0,n.useRef)(new Map),c=(0,q.L)(),[v,k]=(0,n.useState)(!1),y=(0,n.useRef)(!1),b=(0,n.useRef)(null),m=(0,n.useRef)(!1),x=(0,n.useRef)(null),V=(0,n.useRef)(null),S=(0,n.useCallback)(()=>{o.current&&(o.current.destroy(),o.current=null)},[]),C=(0,n.useCallback)(t=>{y.current=!0,k(!0),window.addEventListener("mousewheel",Z,{passive:!1}),r(!0);let e=b.current?.key??t?.key??"";if(""===e)throw Error("key is empty");h(e),t&&(b.current=t)},[r,h]),I=(0,n.useCallback)(()=>{let t=y.current;y.current=!1,k(!1),window.removeEventListener("mousewheel",Z),t&&r(!1),V.current=null,o.current?.pause(),e()},[e,r]);(0,n.useEffect)(()=>{d.current=I},[I]),(0,n.useEffect)(()=>{l.current=i},[i]);let L=(0,n.useCallback)(async t=>{try{return await $.call(Y.A,null!==t?[t]:void 0,void 0,c)}catch(t){throw console.error(t),t}},[c]),T=(0,n.useCallback)(async(t,e)=>{let i=t.pages[e];if(!i||i.width>0&&i.height>0)return;let s=g.current.get(e);if(s)return s;let h=(async()=>{let e=await tt(p(i.imageURL,t.bookInfo.encoding));i.width=e.width,i.height=e.height,o.current?.refreshPageMetrics()})().finally(()=>{g.current.delete(e)});return g.current.set(e,h),h},[]),W=(0,n.useCallback)(t=>{let e=u.current;if(null!==e)for(let i of O(t,Q(),e.pages.length-1))T(e,i).catch(()=>void 0)},[T]),P=(0,n.useCallback)(async(e,i)=>{null!==t.current&&(null===o.current&&(o.current=new z(()=>d.current(),(t,e)=>{l.current(t,e);let i=o.current;i&&W(i.index)})),await o.current.init(t.current,window.innerWidth*f,window.innerHeight*f),u.current=e,o.current.book=e,o.current.setIndex(i,i>0),l.current(o.current.pagingLabelPage,e.bookInfo.key))},[t,W]),H=(0,n.useCallback)(async t=>{if(x.current!==t){x.current=t,m.current=!0;try{let e,i=await L(t);g.current=new Map;let h=Q(),a="SINGLE"===h?window.innerWidth*f:window.innerWidth*f/2,n=window.innerHeight*f,r=[...i.images].sort((t,e)=>t.seqNum-e.seqNum).map(t=>({...K,imageURL:w(t.url,i.encoding)})),o={bookInfo:{...J,width:a,height:n,title:i.name,pageNum:i.availablePages,encoding:i.encoding,key:i.key},pages:r},d=null!==s?Number(s):void 0,l=(e=Number.isFinite(d)?d:void 0,!e||e<=1?0:"SINGLE"===h?e-1:Math.ceil((e-1)/2)),u=O(l,h,o.pages.length-1);await Promise.all(u.map(t=>T(o,t)));let c=o.pages.find(t=>t.width>0&&t.height>0);o.bookInfo.width=c?.width??a,o.bookInfo.height=c?.height??n,V.current={book:o,initialScreenIndex:l},C(i)}catch(t){throw console.error("Comic viewer initialization failed:",t),m.current=!1,a(),t}finally{x.current=null}}},[L,a,C,s,T]);return(0,n.useEffect)(()=>{if(!1===v)return;let t=V.current;null!==t&&(V.current=null,P(t.book,t.initialScreenIndex).catch(t=>{console.error("Comic viewer initialization failed:",t),m.current=!1,I()}))},[v,P,I]),(0,n.useEffect)(()=>{v&&o.current?.resume()},[v]),(0,n.useEffect)(()=>{let e=(0,j.s)(()=>{o.current&&t.current&&(t.current.width=window.innerWidth*f,t.current.height=window.innerHeight*f,o.current.setSize(window.innerWidth*f,window.innerHeight*f),o.current.updateLayout(),o.current.refreshPageMetrics(),W(o.current.index))},100);return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[t,W]),(0,n.useEffect)(()=>()=>{S()},[S]),{initialize:H,comicViewerRef:o,isOpenComicViewer:v,openComicViewer:C,closeComicViewer:I,isInitialized:m}}({canvasRef:l,onCloseComicViewer:y,onSetPageParam:(t,e)=>{(i.get("slide")!==e||i.get("page")!==String(t))&&k({slide:e,page:String(t)})},pageParam:i.get("page"),onOpenComicViewer:t=>{k({slide:t})},onClearViewerQuery:y,onFullscreenVisibilityChange:()=>void 0}),C=(0,n.useCallback)(t=>{b(t).catch(()=>{v?.danger?.(c("failedToOpenViewer"),{type:"flash"})})},[b,c,v]),I=(0,n.useRef)(C);(0,n.useEffect)(()=>{I.current=C},[C]);let L=(0,n.useRef)(x);(0,n.useEffect)(()=>{L.current=x},[x]);let T=(0,n.useCallback)(t=>{try{var e;let s;if(!u.current.has(t.origin))return;let h=(e=t.data,"string"==typeof e?JSON.parse(e):e);if(!h||"object"!=typeof h||!("event"in h)||"openComicViewer"!==h.event||!("key"in h)||"string"!=typeof h.key||(s=h.key,!te.test(s)))return;

1if(!1===S.current||i.get("slide")!==h.key)return void I.current(h.key);L.current()}catch{}},[S,i]);(0,n.useEffect)(()=>{let t=i.get("slide");t&&te.test(t)&&!1===S.current&&I.current(t)},[i,S]);let W=(0,n.useRef)(m);(0,n.useEffect)(()=>{W.current=m},[m]);let P=(0,n.useRef)(i);return(0,n.useEffect)(()=>{let t=P.current;if(t===i)return;P.current=i;let e=i.get("slide");W.current&&!e?V():!W.current&&e&&e!==t.get("slide")&&te.test(e)&&I.current(e)},[i,V]),(0,n.useEffect)(()=>(u.current=(()=>{let t=new Set;for(let e of(t.add(window.location.origin),ti))t.add(e);for(let e of document.querySelectorAll('[embedded-service="note-slide"]')){let i=e.querySelector("iframe");ts(i?.getAttribute("src"),t),ts(i?.getAttribute("data-src"),t)}return t})(),window.addEventListener("message",T),()=>{window.removeEventListener("message",T)}),[T]),(0,s.jsx)("div",{className:(0,r.QP)("pointer-events-auto fixed top-0 left-0 z-50 m-auto flex h-full w-full items-center justify-center bg-black/90",!1===m&&"hidden"),children:(0,s.jsx)("canvas",{ref:l,onContextMenu:ta,className:"h-full w-full touch-none select-none"})})}}}]);