https://www.pixartprinting.fr/js/wiroBindingFrontBackLayoutView.b7cd78f5f09b8f8e2e13.js

1export const __webpack_esm_id__=3250;export const __webpack_esm_ids__=[3250];export const __webpack_esm_modules__={26345(e,t,i){i.d(t,{default:()=>h}),i.r(t);var a=i(41425);const s={class:"wiro-binding-front-back-layout-view"},r={class:"row"};i(98992),i(72577),i(64979),i(71678);var n=i(82124),l=i(49576),o=i(55450),d=i(5237),u=i(82812),g=i(90417);const c={name:"WiroBindingFrontBackLayoutView",extends:l.A,components:{RightPage:g.A,LeftPage:u.A,GuidelinesSwitch:d.A,PageSpread:o.A},data:()=>({draggableElements:{},pageType:"cover_page",currentLayout:"WiroBindingFrontBack",allowedCoverActions:["upload","print_blank"],allowedPagesActions:["upload","print_blank","add_blank","delete"],dragSelectors:"",labelsPayload:{layout:"lastAsCover"}}),computed:{isUploadEnabledOnBackCover(){return void 0===this.mismatchPagesError.find(e=>"extra"===e.errorType)},thumbsMain(){},sortedStandardPreviews(){let e=structuredClone(this.defaultPreviews);return e=this.sortImagesFirstAndLastAsCover(e),e},leftPage(){return this.defaultPreviews[this.defaultPreviews.length-1]},rightPage(){return this.defaultPreviews[0]},...(0,n.L8)("screen",["screenIs"])},methods:{sortImagesFirstAndLastAsCover:(e=[])=>(e.pop(),e.shift(),e),setupDraggableElements(){}}};const h=(0,i(66262).A)(c,[["render",function(e,t,i,n,l,o){const d=(0,a.g2)("guidelines-switch"),u=(0,a.g2)("right-page"),g=(0,a.g2)("page-spread"),c=(0,a.g2)("left-page");return(0,a.uX)(),(0,a.CE)("div",s,[(0,a.bF)(d,(0,a.v6)({"guidelines-list":e.uniqueGuidelines,"show-guidelines":e.showGuidelines},e.$attrs,{onActivateGuideline:e.onActivateGuideline}),null,16,["guidelines-list","show-guidelines","onActivateGuideline"]),(0,a.Lk)("div",r,[(0,a.Lk)("div",{class:(0,a.C4)(["front-container",e.thumbContainerClass])},[(0,a.bF)(u,(0,a.v6)({"allowed-actions":l.allowedCoverActions,"allow-drag":!1,"show-guidelines":e.showGuidelines,"loading-page":e.loadingPage,"version-id":e.versionId,page:o.rightPage,"mismatch-pages-error":e.mismatchPagesError,"page-type":l.pageType,"line-item":e.lineItem,"page-is-in-last-thumb":e.isLastThumbInRow,"current-total-pages":e.currentTotalPages,"change-display-number-by":e.changeDisplayNumberBy,"shift-excess-page-by":e.layoutOptions.shiftExcessPageBy,"active-guideline":e.activeGuideline},e.$attrs),null,16,["allowed-actions","show-guidelines","loading-page","version-id","page","mismatch-pages-error","page-type","line-item","page-is-in-last-thumb","current-total-pages","change-display-number-by","shift-excess-page-by","active-guideline"])],2),((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(e.thumbsGallery,(t,i)=>((0,a.uX)(),(0,a.CE)("div",{class:(0,a.C4)(["thumb-container",e.thumbContainerClass]),key:i},[(0,a.bF)(g,(0,a.v6)({"show-guidelines":e.showGuidelines,"allowed-actions":l.allowedPagesActions,"allow-drag":!1,thumb:t,"loading-page":e.loadingPage,"mismatch-pages-error":e.mismatchPagesError,"version-id":e.versionId,"line-item":e.lineItem,"is-last-thumb-in-row":e.isLastThumbInRow(i),"current-total-pages":e.currentTotalPages,"shift-excess-page-by":e.layoutOptions.shiftExcessPageBy,"page-type":"inner-page","view-type":"thumb"},{ref_for:!0},e.$attrs,{"active-guideline":e.activeGuideline}),null,16,["show-guidelines","allowed-actions","thumb","loading-page","mismatch-pages-error","version-id","line-item","is-last-thumb-in-row","current-total-pages","shift-excess-page-by","active-guideline"])],2))),128)),(0,a.Lk)("div",{class:(0,a.C4)(["back-container",e.thumbContainerClass])},[(0,a.bF)(c,(0,a.v6)({"allowed-actions":l.allowedCoverActions,"allow-drag":!1,"show-guidelines":e.showGuidelines,"version-id":e.versionId,"loading-page":e.loadingPage,page:o.leftPage,"mismatch-pages-error":e.mismatchPagesError,"page-type":l.pageType,"line-item":e.lineItem,"page-is-in-last-thumb":e.isLastThumbInRow,"current-total-pages":e.currentTotalPages,"change-display-number-by":e.changeDisplayNumberBy,"shift-excess-page-by":e.layoutOptions.shiftExcessPageBy,"active-guideline":e.activeGuideline},e.$attrs),null,16,["allowed-actions","show-guidelines","version-id","loading-page","page","mismatch-pages-error","page-type","line-item","page-is-in-last-thumb","current-total-pages","change-display-number-by","shift-excess-page-by","active-guideline"])],2)])])}],["__scopeId","data-v-3a8bcc01"]])},49576(e,t,i){i.d(t,{A:()=>

1o});i(44114),i(98992),i(3949),i(64979),i(71678);var a=i(82124),s=i(28079),r=i(85575),n=i(49120),l=i(76913);const o={name:"PagesViewBaseComponent",props:{mismatchPagesError:{type:Object},showGuidelines:{type:Boolean},versionId:{type:String,required:!1},loadingPage:{type:Object,required:!1},currentTotalPages:{type:Number,required:!0},ga4AdditionalParams:{type:Object,required:!1},lineItem:{type:Object,required:!1},isLandscape:{type:Boolean,required:!1},defaultPreviews:{type:Object,required:!0},defaultGuidelinesPreviews:{type:Array,required:!1},fusionPreviewConfig:{type:Object,required:!0},layoutOptions:{type:Object,required:!1,default:()=>({})},undoSteps:{type:String,required:!1},coverInfoElements:{type:Object,required:!1,default:()=>({})},coverDimensions:{type:Object,required:!1,default:()=>({})}},data:()=>({selectedThumbIndex:0,currentLayout:"",dragSelectors:"",labelsPayload:{layout:"default"},shouldShowCoverInfoIcon:!1,activeGuideline:""}),computed:{changeDisplayNumberBy:()=>0,thumbsPerRow(){return this.screenIs("xxxl")?this.isLandscape?3:4:this.screenIs("xxl")||this.screenIs("xl")?this.isLandscape?2:3:this.screenIs("lg")?2:1},thumbContainerClass(){const e=this.thumbsPerRow;return 4===e?"col-sm-3":3===e?"col-sm-4":"col-sm-6"},sortedStandardPreviews(){},sortedGuidelinesPreviews(){},thumbsGallery(){const e=[],t=structuredClone(this.sortedStandardPreviews);Array.isArray(t)&&0!==t.length||r.A.error("Unable to create the thumbnail gallery");for(let i=0;i<t.length;i+=2){const a={thumbNumber:i/2,left:t[i],right:t[i+1]};e.push(a)}return e},fileHeight(){return this.lineItem?.productConfig?.Height},fileWidth(){return this.lineItem?.productConfig?.Width},isSquareFormat(){return(void 0!==this.fileWidth||void 0!==this.fileHeight)&&this.fileHeight==this.fileWidth},coverHeight(){return this.coverDimensions[0].heightCm??""},coverWidth(){return this.coverDimensions[0].widthCm??""},coverSpine(){return this.coverDimensions[0].foldWidth??""},uniqueGuidelines(){return this.guidelines?.uniqueGuidelines||[]},...(0,a.L8)("dictionary",["getDictionaryVoice"]),...(0,a.L8)("uploadAndChill",["guidelines"])},methods:{...(0,a.i0)("uploadAndChill",["createPageLabels"]),isLastThumbInRow(e){return this.isLandscape?this.isLastInRow(e,2):this.isLastInRow(e,3)},isLastInRow:(e,t)=>(e+1)%t===0,setupDraggableElements(){this.draggableElements=new s.sx(document.querySelectorAll(this.dragSelectors??""),{draggable:".draggable-image",mirror:{constrainDimensions:!0},plugins:[s.ry.gU]});const e=(0,n.A)(".main-content");this.draggableElements.on("drag:start",()=>{e.style.cursor="grabbing",(0,l.A)(".draggable-image , .toolbox-icon").forEach(e=>{e.style.cursor="grabbing"})}),this.draggableElements.on("drag:stop",()=>{const{originalSource:t,currentOver:i}=this.draggableElements;if(e.style.cursor="default",(0,l.A)(".draggable-image").forEach(e=>{e.style.cursor="grab"}),(0,l.A)(".toolbox-icon").forEach(e=>{e.style.cursor="pointer"}),!i)return;if(i.closest(".excess-page"))return;const a=Number(t.dataset.pageNumber),s=Number(i.dataset.pageNumber);a!==s&&(this.$emit("movePageToPosition",a,s),tcTrackEvent("upload and chill drag and drop","ga4_event",{action:"upload_chill_drag_and_drop",additional_params:this.ga4AdditionalParams}))})},setupLabelsPayload(){this.labelsPayload.firstLoad=!0,this.labelsPayload.changeDisplayNumberBy=this.changeDisplayNumberBy},onActivateGuideline(e){this.activeGuideline=e}},mounted(){this.setupLabelsPayload(),this.createPageLabels(this.labelsPayload),this.dragSelectors&&this.setupDraggableElements()}}},76913(e,t,i){i.d(t,{A:()=>a});const a=(e,t=document)=>t.querySelectorAll(e)}};