@loicngr/kobo 1.11.43 → 1.11.45

package/src/client/dist/pwa/assets/{SplitWorkspacePage-DL4kp9Ah.js → SplitWorkspacePage-Bg6nKBcA.js}

@@ -1 +1 @@
-import{S as e,j as t,ot as n,ut as r,v as i}from"./reactivity.esm-bundler-DEJj9cFv.js";import{C as a,F as o,J as s,L as c,O as l,P as u,X as d,Y as f,_ as p,d as m,h,l as g,p as _,u as v,y,z as b}from"./runtime-core.esm-bundler-CDnVUfeZ.js";import{S as x,b as S,et as C,t as w,tt as T,y as E}from"./QBtn-CZaBclNw.js";import{a as D,i as O}from"./pinia-BKqmoVru.js";import{t as k}from"./use-id-BIuaWKkB.js";import{E as A,O as j,Tt as M,i as N,n as P,p as F,r as I,t as L,w as R}from"./index-CPfrY38K.js";import{t as z}from"./QSelect-BUlOQe5k.js";import{a as B,i as V,n as H,r as U}from"./use-tours-BKeYrJaQ.js";import{t as W}from"./TouchPan-BnHXDR6F.js";import{t as G}from"./QPage-DaX9sMQC.js";import{t as K}from"./workspace-page-layout-Dw9NhZsL.js";var q=T({name:`QSplitter`,props:{...D,modelValue:{type:Number,required:!0},reverse:Boolean,unit:{type:String,default:`%`,validator:e=>[`%`,`px`].includes(e)},limits:{type:Array,validator:e=>e.length!==2||typeof e[0]!=`number`||typeof e[1]!=`number`?!1:e[0]>=0&&e[0]<=e[1]},emitImmediately:Boolean,horizontal:Boolean,disable:Boolean,beforeClass:[Array,String,Object],afterClass:[Array,String,Object],separatorClass:[Array,String,Object],separatorStyle:[Array,String,Object],separatorAriaLabel:String},emits:[`update:modelValue`],setup(t,{slots:n,emit:r}){let i=E(),o=O(t,i),c=e(null),u={before:e(null),after:e(null)},f=k(),p=g(()=>`q-splitter no-wrap ${t.horizontal?`q-splitter--horizontal column`:`q-splitter--vertical row`} q-splitter--${t.disable?`disabled`:`workable`}`+(o()?` q-splitter--dark`:``)),m=g(()=>t.horizontal?`height`:`width`),h=g(()=>t.reverse?`after`:`before`),_=g(()=>t.limits===void 0?t.unit===`%`?[10,90]:[50,1/0]:t.limits);function v(e){return(t.unit===`%`?e:Math.round(e))+t.unit}let y=g(()=>({[h.value]:{[m.value]:v(t.modelValue)}})),b,w,T,D,A;function j(e){if(e.isFirst){let e=c.value.getBoundingClientRect()[m.value];b=t.horizontal?`up`:`left`,w=t.unit===`%`?100:e,T=Math.min(w,_.value[1],Math.max(_.value[0],t.modelValue)),D=(t.reverse?-1:1)*(t.horizontal?1:i.lang.rtl?-1:1)*(t.unit===`%`?e===0?0:100/e:1),c.value.classList.add(`q-splitter--active`);return}if(e.isFinal){A!==t.modelValue&&r(`update:modelValue`,A),c.value.classList.remove(`q-splitter--active`);return}let n=T+D*(e.direction===b?-1:1)*e.distance[t.horizontal?`y`:`x`];A=Math.min(w,_.value[1],Math.max(_.value[0],n)),u[h.value].value.style[m.value]=v(A),t.emitImmediately&&t.modelValue!==A&&r(`update:modelValue`,A)}let M=g(()=>[[W,t.disable?void 0:j,void 0,{[t.horizontal?`vertical`:`horizontal`]:!0,prevent:!0,stop:!0,mouse:!0,mouseAllDir:!0}]]),N=g(()=>{let e={role:`separator`,"aria-orientation":t.horizontal?`horizontal`:`vertical`,"aria-label":t.separatorAriaLabel||i.lang.label.resize};if(t.disable)e[`aria-disabled`]=`true`;else{let n=_.value;e.tabindex=0,e[`aria-controls`]=f.value,e[`aria-valuemin`]=n[0],n[1]!==1/0&&(e[`aria-valuemax`]=n[1]),e[`aria-valuenow`]=Math.round(t.modelValue*100)/100}return e}),P=null;function F(e){let{keyCode:n}=e,a=t.horizontal?[38,40]:[37,39];if(n!==13&&n!==36&&n!==35&&!a.includes(n))return;C(e);let o=_.value,s=t.unit===`%`?100:c.value.getBoundingClientRect()[m.value],l;if(n===13)t.modelValue===o[0]?l=P===null?t.modelValue:P:(P=t.modelValue,l=o[0]);else if(n===36)l=o[0];else if(n===35)l=o[1];else{let e=(n===a[0]?-1:1)*(t.reverse?-1:1)*(t.horizontal?1:i.lang.rtl?-1:1);l=t.modelValue+e*(t.unit===`%`?1:10)}let u=Math.min(s,o[1],Math.max(o[0],l));u!==t.modelValue&&r(`update:modelValue`,u)}function I(e,t){e<t[0]?r(`update:modelValue`,t[0]):e>t[1]&&r(`update:modelValue`,t[1])}return s(()=>t.modelValue,e=>{I(e,_.value)}),s(()=>t.limits,()=>{l(()=>{I(t.modelValue,_.value)})}),()=>{let e=[a(`div`,{ref:u.before,id:h.value===`before`?f.value:void 0,class:[`q-splitter__panel q-splitter__before`+(t.reverse?` col`:``),t.beforeClass],style:y.value.before},x(n.before)),a(`div`,{class:[`q-splitter__separator`,t.separatorClass],style:t.separatorStyle,...N.value,onKeydown:t.disable?void 0:F},[d(a(`div`,{class:`q-splitter__separator-area absolute-full`},x(n.separator)),M.value)]),a(`div`,{ref:u.after,id:h.value===`after`?f.value:void 0,class:[`q-splitter__panel q-splitter__after`+(t.reverse?``:` col`),t.afterClass],style:y.value.after},x(n.after))];return a(`div`,{class:p.value,ref:c},S(n.default,e))}}}),J={class:`split-header`,"data-tour":`split-controls`},Y={class:`split-pane-header`},ee={class:`split-recipient`,"aria-live":`polite`},te=[`src`,`title`],ne={key:1,class:`split-empty`},X=B(y({__name:`SplitWorkspacePage`,setup(e){let a=F(),l=U(),d=L(),y=P(),{t:x}=M(),S=[`before`,`after`],C=i([``,``]),T=i([``,``]),E=[null,null],D=i(0),O=null;try{O=localStorage.getItem(`kobo:splitRatio`)}catch{}let k=i(A(O)),B=g(()=>[...a.workspaces,...a.archivedWorkspaces].map(e=>({label:e.name,value:e.id})));function W(e){return B.value.find(t=>t.value===C.value[e])?.label||C.value[e]||x(`split.choose`)}function X(e,t){E[e]=t}function Z(e){try{return E[e]?.contentWindow?.koboPane}catch{return}}async function re(e,t){D.value=e;let n=Z(e);n?(await n.navigate(t),Q()):T.value[e]||(C.value[e]=t,T.value[e]=R(t))}function Q(){for(let e of[0,1]){let t=Z(e);t?.ready()&&(C.value[e]=t.workspaceId()??``),E[e]&&document.activeElement===E[e]&&(D.value=e)}d.name===`split`&&[0,1].every(e=>!T.value[e]||Z(e)?.ready())&&j(y,{left:C.value[0]||void 0,right:C.value[1]||void 0})}function ie(){try{localStorage.setItem(`kobo:splitRatio`,String(k.value))}catch{}}s(()=>[d.query.left,d.query.right],([e,t])=>{for(let[n,r]of[e,t].entries()){let e=typeof r==`string`?r:``;C.value[n]!==e&&(C.value[n]=e,T.value[n]=C.value[n]?R(C.value[n]):``)}},{immediate:!0});let{scheduleAutoRun:ae}=H(),$;return u(()=>{I(`split-panes`,()=>[0,1].some(e=>Z(e)?.hasUnsavedWork())),$=setInterval(Q,500),ae(`split`)}),o(()=>{N(`split-panes`),clearInterval($)}),(e,i)=>(c(),m(G,{class:`split-page`,"style-fn":t(K)},{default:f(()=>[v(`header`,J,[p(w,{flat:``,dense:``,"no-caps":``,label:e.$t(`layout.toggleWorkspaces`),onClick:i[0]||=e=>t(l).toggleLeft()},null,8,[`label`]),v(`strong`,null,r(e.$t(`split.title`)),1),p(V),p(w,{flat:``,dense:``,"no-caps":``,label:e.$t(`split.close`),onClick:i[1]||=e=>t(y).push({name:`workspace`,params:{id:C.value[D.value]||void 0}})},null,8,[`label`])]),p(q,{modelValue:k.value,"onUpdate:modelValue":[i[2]||=e=>k.value=e,ie],limits:[25,75],horizontal:e.$q.screen.lt.md,class:`split-body`},h({_:2},[b(S,(t,i)=>({name:t,fn:f(()=>[v(`section`,{class:n([`split-pane`,{"split-pane--active":D.value===i}])},[v(`div`,Y,[p(z,{"model-value":C.value[i],options:B.value,"emit-value":``,"map-options":``,dense:``,outlined:``,label:e.$t(i===0?`split.left`:`split.right`),class:`split-select`,"onUpdate:modelValue":e=>re(i,e)},null,8,[`model-value`,`options`,`label`,`onUpdate:modelValue`]),v(`span`,ee,r(e.$t(`split.recipient`,{name:W(i)})),1)]),T.value[i]?(c(),_(`iframe`,{key:0,ref:e=>X(i,e),src:T.value[i],title:e.$t(`split.recipient`,{name:W(i)}),class:`split-frame`,onLoad:Q},null,40,te)):(c(),_(`div`,ne,r(e.$t(`split.choose`)),1))],2)])}))]),1032,[`modelValue`,`horizontal`])]),_:1},8,[`style-fn`]))}}),[[`__scopeId`,`data-v-f921b7b1`]]);export{X as default};
+import{S as e,j as t,ot as n,ut as r,v as i}from"./reactivity.esm-bundler-Bo9anJjg.js";import{C as a,F as o,J as s,L as c,O as l,P as u,X as d,Y as f,_ as p,d as m,h,l as g,p as _,u as v,y,z as b}from"./runtime-core.esm-bundler-CNFKm4ij.js";import{S as x,b as S,et as C,t as w,tt as T,y as E}from"./QBtn-DEdx_Y1V.js";import{a as D,i as O}from"./pinia-CTJ3OfP3.js";import{t as k}from"./use-id-wXd4c8FA.js";import{Et as A,W as j,_ as M,i as N,n as P,r as F,t as I,x as L,y as R}from"./index-BLd8DAzg.js";import{t as z}from"./QSelect-BbtD5Iks.js";import{a as B,i as V,n as H,r as U}from"./use-tours-CVn874kD.js";import{t as W}from"./TouchPan-BQ1cvzRC.js";import{t as G}from"./QPage-BXBw2Alx.js";import{t as K}from"./workspace-page-layout-Dw9NhZsL.js";var q=T({name:`QSplitter`,props:{...D,modelValue:{type:Number,required:!0},reverse:Boolean,unit:{type:String,default:`%`,validator:e=>[`%`,`px`].includes(e)},limits:{type:Array,validator:e=>e.length!==2||typeof e[0]!=`number`||typeof e[1]!=`number`?!1:e[0]>=0&&e[0]<=e[1]},emitImmediately:Boolean,horizontal:Boolean,disable:Boolean,beforeClass:[Array,String,Object],afterClass:[Array,String,Object],separatorClass:[Array,String,Object],separatorStyle:[Array,String,Object],separatorAriaLabel:String},emits:[`update:modelValue`],setup(t,{slots:n,emit:r}){let i=E(),o=O(t,i),c=e(null),u={before:e(null),after:e(null)},f=k(),p=g(()=>`q-splitter no-wrap ${t.horizontal?`q-splitter--horizontal column`:`q-splitter--vertical row`} q-splitter--${t.disable?`disabled`:`workable`}`+(o()?` q-splitter--dark`:``)),m=g(()=>t.horizontal?`height`:`width`),h=g(()=>t.reverse?`after`:`before`),_=g(()=>t.limits===void 0?t.unit===`%`?[10,90]:[50,1/0]:t.limits);function v(e){return(t.unit===`%`?e:Math.round(e))+t.unit}let y=g(()=>({[h.value]:{[m.value]:v(t.modelValue)}})),b,w,T,D,A;function j(e){if(e.isFirst){let e=c.value.getBoundingClientRect()[m.value];b=t.horizontal?`up`:`left`,w=t.unit===`%`?100:e,T=Math.min(w,_.value[1],Math.max(_.value[0],t.modelValue)),D=(t.reverse?-1:1)*(t.horizontal?1:i.lang.rtl?-1:1)*(t.unit===`%`?e===0?0:100/e:1),c.value.classList.add(`q-splitter--active`);return}if(e.isFinal){A!==t.modelValue&&r(`update:modelValue`,A),c.value.classList.remove(`q-splitter--active`);return}let n=T+D*(e.direction===b?-1:1)*e.distance[t.horizontal?`y`:`x`];A=Math.min(w,_.value[1],Math.max(_.value[0],n)),u[h.value].value.style[m.value]=v(A),t.emitImmediately&&t.modelValue!==A&&r(`update:modelValue`,A)}let M=g(()=>[[W,t.disable?void 0:j,void 0,{[t.horizontal?`vertical`:`horizontal`]:!0,prevent:!0,stop:!0,mouse:!0,mouseAllDir:!0}]]),N=g(()=>{let e={role:`separator`,"aria-orientation":t.horizontal?`horizontal`:`vertical`,"aria-label":t.separatorAriaLabel||i.lang.label.resize};if(t.disable)e[`aria-disabled`]=`true`;else{let n=_.value;e.tabindex=0,e[`aria-controls`]=f.value,e[`aria-valuemin`]=n[0],n[1]!==1/0&&(e[`aria-valuemax`]=n[1]),e[`aria-valuenow`]=Math.round(t.modelValue*100)/100}return e}),P=null;function F(e){let{keyCode:n}=e,a=t.horizontal?[38,40]:[37,39];if(n!==13&&n!==36&&n!==35&&!a.includes(n))return;C(e);let o=_.value,s=t.unit===`%`?100:c.value.getBoundingClientRect()[m.value],l;if(n===13)t.modelValue===o[0]?l=P===null?t.modelValue:P:(P=t.modelValue,l=o[0]);else if(n===36)l=o[0];else if(n===35)l=o[1];else{let e=(n===a[0]?-1:1)*(t.reverse?-1:1)*(t.horizontal?1:i.lang.rtl?-1:1);l=t.modelValue+e*(t.unit===`%`?1:10)}let u=Math.min(s,o[1],Math.max(o[0],l));u!==t.modelValue&&r(`update:modelValue`,u)}function I(e,t){e<t[0]?r(`update:modelValue`,t[0]):e>t[1]&&r(`update:modelValue`,t[1])}return s(()=>t.modelValue,e=>{I(e,_.value)}),s(()=>t.limits,()=>{l(()=>{I(t.modelValue,_.value)})}),()=>{let e=[a(`div`,{ref:u.before,id:h.value===`before`?f.value:void 0,class:[`q-splitter__panel q-splitter__before`+(t.reverse?` col`:``),t.beforeClass],style:y.value.before},x(n.before)),a(`div`,{class:[`q-splitter__separator`,t.separatorClass],style:t.separatorStyle,...N.value,onKeydown:t.disable?void 0:F},[d(a(`div`,{class:`q-splitter__separator-area absolute-full`},x(n.separator)),M.value)]),a(`div`,{ref:u.after,id:h.value===`after`?f.value:void 0,class:[`q-splitter__panel q-splitter__after`+(t.reverse?``:` col`),t.afterClass],style:y.value.after},x(n.after))];return a(`div`,{class:p.value,ref:c},S(n.default,e))}}}),J={class:`split-header`,"data-tour":`split-controls`},Y={class:`split-pane-header`},ee={class:`split-recipient`,"aria-live":`polite`},te=[`src`,`title`],ne={key:1,class:`split-empty`},X=B(y({__name:`SplitWorkspacePage`,setup(e){let a=j(),l=U(),d=I(),y=P(),{t:x}=A(),S=[`before`,`after`],C=i([``,``]),T=i([``,``]),E=[null,null],D=i(0),O=null;try{O=localStorage.getItem(`kobo:splitRatio`)}catch{}let k=i(R(O)),B=g(()=>[...a.workspaces,...a.archivedWorkspaces].map(e=>({label:e.name,value:e.id})));function W(e){return B.value.find(t=>t.value===C.value[e])?.label||C.value[e]||x(`split.choose`)}function X(e,t){E[e]=t}function Z(e){try{return E[e]?.contentWindow?.koboPane}catch{return}}async function re(e,t){D.value=e;let n=Z(e);n?(await n.navigate(t),Q()):T.value[e]||(C.value[e]=t,T.value[e]=M(t))}function Q(){for(let e of[0,1]){let t=Z(e);t?.ready()&&(C.value[e]=t.workspaceId()??``),E[e]&&document.activeElement===E[e]&&(D.value=e)}d.name===`split`&&[0,1].every(e=>!T.value[e]||Z(e)?.ready())&&L(y,{left:C.value[0]||void 0,right:C.value[1]||void 0})}function ie(){try{localStorage.setItem(`kobo:splitRatio`,String(k.value))}catch{}}s(()=>[d.query.left,d.query.right],([e,t])=>{for(let[n,r]of[e,t].entries()){let e=typeof r==`string`?r:``;C.value[n]!==e&&(C.value[n]=e,T.value[n]=C.value[n]?M(C.value[n]):``)}},{immediate:!0});let{scheduleAutoRun:ae}=H(),$;return u(()=>{F(`split-panes`,()=>[0,1].some(e=>Z(e)?.hasUnsavedWork())),$=setInterval(Q,500),ae(`split`)}),o(()=>{N(`split-panes`),clearInterval($)}),(e,i)=>(c(),m(G,{class:`split-page`,"style-fn":t(K)},{default:f(()=>[v(`header`,J,[p(w,{flat:``,dense:``,"no-caps":``,label:e.$t(`layout.toggleWorkspaces`),onClick:i[0]||=e=>t(l).toggleLeft()},null,8,[`label`]),v(`strong`,null,r(e.$t(`split.title`)),1),p(V),p(w,{flat:``,dense:``,"no-caps":``,label:e.$t(`split.close`),onClick:i[1]||=e=>t(y).push({name:`workspace`,params:{id:C.value[D.value]||void 0}})},null,8,[`label`])]),p(q,{modelValue:k.value,"onUpdate:modelValue":[i[2]||=e=>k.value=e,ie],limits:[25,75],horizontal:e.$q.screen.lt.md,class:`split-body`},h({_:2},[b(S,(t,i)=>({name:t,fn:f(()=>[v(`section`,{class:n([`split-pane`,{"split-pane--active":D.value===i}])},[v(`div`,Y,[p(z,{"model-value":C.value[i],options:B.value,"emit-value":``,"map-options":``,dense:``,outlined:``,label:e.$t(i===0?`split.left`:`split.right`),class:`split-select`,"onUpdate:modelValue":e=>re(i,e)},null,8,[`model-value`,`options`,`label`,`onUpdate:modelValue`]),v(`span`,ee,r(e.$t(`split.recipient`,{name:W(i)})),1)]),T.value[i]?(c(),_(`iframe`,{key:0,ref:e=>X(i,e),src:T.value[i],title:e.$t(`split.recipient`,{name:W(i)}),class:`split-frame`,onLoad:Q},null,40,te)):(c(),_(`div`,ne,r(e.$t(`split.choose`)),1))],2)])}))]),1032,[`modelValue`,`horizontal`])]),_:1},8,[`style-fn`]))}}),[[`__scopeId`,`data-v-f921b7b1`]]);export{X as default};