@bigplay/tree-view 0.4.0 → 0.6.0

package/dist/BracketCard.vue.d.ts

@@ -10,15 +10,28 @@ type __VLS_Props = {
     techDefeatLabel?: string;
     /** Подсказка по наведению на техническое поражение. */
     techDefeatHint?: string;
+    /** У матча есть предыдущие — рисуем кнопку, которая их сворачивает. */
+    hasChildren?: boolean;
+    /** Предыдущие матчи сейчас свёрнуты. */
+    collapsed?: boolean;
+    /** Подписи кнопки для screen reader. */
+    collapseHint?: string;
+    expandHint?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     select: (team: BracketCardTeam, row: BracketCardRow) => any;
+    toggle: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((team: BracketCardTeam, row: BracketCardRow) => any) | undefined;
+    onToggle?: (() => any) | undefined;
 }>, {
+    hasChildren: boolean;
+    collapsed: boolean;
     rows: number;
     myTeamHint: string;
     techDefeatLabel: string;
     techDefeatHint: string;
+    collapseHint: string;
+    expandHint: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/BracketRounds.vue.d.ts

@@ -42,6 +42,8 @@ declare function __VLS_template(): {
     };
     refs: {
         rootElement: HTMLDivElement;
+        headElement: HTMLDivElement;
+        scrollElement: HTMLDivElement;
         contentElement: HTMLDivElement;
     };
     rootEl: HTMLDivElement;
@@ -64,6 +66,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     mobileQuery: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     rootElement: HTMLDivElement;
+    headElement: HTMLDivElement;
+    scrollElement: HTMLDivElement;
     contentElement: HTMLDivElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/activeRound.d.ts

@@ -0,0 +1,12 @@
+import { InjectionKey, Ref } from 'vue';
+/**
+ * Раунд, который сейчас виден в свайпере.
+ *
+ * Кладёт `BracketRounds`, читает `TreeView`: в свайпере виден один раунд,
+ * и высоту холста надо держать по нему, а не по всей раскладке — иначе под
+ * финалом с единственной ячейкой остаётся пустота во всю высоту сетки.
+ *
+ * `null` — свайпера нет (широкий экран или `TreeView` стоит сам по себе),
+ * высота считается по всей раскладке, как и раньше.
+ */
+export declare const ACTIVE_ROUND: InjectionKey<Ref<number | null>>;

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@bigplay/tree-view-core"),R={class:"tree-view-card"},F={class:"tree-view-card__label"},A=["aria-label"],L=e.defineComponent({__name:"TreeNodeCard",props:{label:{},hasChildren:{type:Boolean},collapsed:{type:Boolean}},emits:["toggle"],setup(r,{emit:c}){const i=c;return(t,l)=>(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("span",F,e.toDisplayString(r.label),1),r.hasChildren?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"tree-view-card__toggle","data-tv-no-pan":"","aria-label":r.collapsed?"Развернуть":"Свернуть",onClick:l[0]||(l[0]=e.withModifiers(v=>i("toggle"),["stop"]))},e.toDisplayString(r.collapsed?"+":"−"),9,A)):e.createCommentVNode("",!0)]))}});function O(r){const c=e.ref({...n.IDENTITY_TRANSFORM}),i=new n.PanZoomController({pannable:r.pannable,zoomable:r.zoomable,limits:r.limits,onChange:t=>{c.value=t}});return e.watch(r.element,(t,l,v)=>{t&&(i.attach(t),v(()=>i.detach()))},{immediate:!0}),e.onBeforeUnmount(()=>i.detach()),{transform:c,fit:(t,l)=>i.fit(t,l),zoomIn:()=>i.zoomIn(),zoomOut:()=>i.zoomOut(),reset:()=>i.reset(),setTransform:t=>i.set(t)}}function I(r){const c=e.ref(new Set),i=e.computed(()=>n.toTree(r.data(),r.accessors())),t=e.computed(()=>n.applyCollapsed(i.value,c.value)),l=e.computed(()=>n.layoutTree(t.value,r.options()));function v(b){return c.value.has(b)}function h(b){c.value=n.toggleCollapsed(c.value,b)}function d(){c.value=new Set}return{layout:l,isCollapsed:v,toggle:h,expandAll:d}}function W(r,c,i){const t=e.ref(i()?n.estimateVisibleRect():null);function l(){t.value=i()?n.measureVisibleRect(r.value,c()):null}return e.onMounted(()=>{l(),window.addEventListener("scroll",l,{passive:!0,capture:!0}),window.addEventListener("resize",l,{passive:!0})}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",l,{capture:!0}),window.removeEventListener("resize",l)}),{rect:t,update:l}}const j=["width","height"],U=["data-depth"],G=["d"],H=["data-depth","onClick"],N=e.defineComponent({__name:"TreeView",props:{data:{},options:{default:void 0},getId:{type:Function,default:void 0},getChildren:{type:Function,default:void 0},getParentId:{type:Function,default:void 0},collapsible:{type:Boolean,default:!1},pannable:{type:Boolean,default:!0},zoomable:{type:Boolean,default:!0},fitOnMount:{type:Boolean,default:!0},size:{default:"fill"},scaleLimits:{default:void 0},nodeClass:{type:[String,Function],default:void 0},virtualize:{type:Boolean,default:!0},overscan:{default:n.DEFAULT_OVERSCAN}},emits:["node-click","toggle","transform"],setup(r,{expose:c,emit:i}){const t=r,l=i,v=e.ref(null),h=e.ref(null),{layout:d,isCollapsed:b,toggle:s,expandAll:m}=I({data:()=>t.data,options:()=>t.options,accessors:()=>({getId:t.getId,getChildren:t.getChildren,getParentId:t.getParentId})}),p=O({element:v,pannable:()=>t.pannable,zoomable:()=>t.zoomable,limits:()=>t.scaleLimits??n.DEFAULT_SCALE_LIMITS}),y=W(h,()=>p.transform.value.scale,()=>t.virtualize),_=e.computed(()=>t.virtualize?n.visibleLayout(d.value,y.rect.value,t.overscan):d.value),g=e.computed(()=>({width:`${d.value.width}px`,height:`${d.value.height}px`,transform:n.toCssTransform(p.transform.value)})),C=e.computed(()=>{if(t.size!=="content")return;const{scale:a}=p.transform.value;return{width:`${d.value.width*a}px`,height:`${d.value.height*a}px`,overflow:"visible"}});function E(a){return{left:`${a.x}px`,top:`${a.y}px`,width:`${a.width}px`,height:`${a.height}px`}}function S(a){return typeof t.nodeClass=="function"?t.nodeClass(a):t.nodeClass}function T(a){const k=a.data;return k?.name??k?.title??k?.label??a.id}function w(a){s(a.id),l("toggle",a,b(a.id))}function z(a,k){l("node-click",a,k),t.collapsible&&a.hasChildren&&w(a)}function x(a){p.fit({width:d.value.width,height:d.value.height},a)}return e.onMounted(()=>{t.fitOnMount&&e.nextTick(()=>x())}),e.watch(()=>p.transform.value,a=>{y.update(),l("transform",a)}),e.watch(d,()=>{e.nextTick(()=>y.update())}),c({fit:x,zoomIn:p.zoomIn,zoomOut:p.zoomOut,resetTransform:p.reset,setTransform:p.setTransform,expandAll:m,toggle:s,layout:d,transform:p.transform}),(a,k)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootElement",ref:v,class:e.normalizeClass(["tree-view",{"tree-view--pannable":r.pannable,"tree-view--content":r.size==="content"}]),style:e.normalizeStyle(C.value)},[e.createElementVNode("div",{ref_key:"canvasElement",ref:h,class:"tree-view__canvas",style:e.normalizeStyle(g.value)},[(e.openBlock(),e.createElementBlock("svg",{class:"tree-view__links",width:e.unref(d).width,height:e.unref(d).height},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value.links,o=>(e.openBlock(),e.createElementBlock("g",{key:o.id,"data-depth":o.target.depth},[e.renderSlot(a.$slots,"link",{link:o},()=>[e.createElementVNode("path",{class:"tree-view__link",d:o.path},null,8,G)])],8,U))),128))],8,j)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value.nodes,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["tree-view__node",S(o)]),style:e.normalizeStyle(E(o)),"data-depth":o.depth,onClick:f=>z(o,f)},[e.renderSlot(a.$slots,"node",{node:o,data:o.data,depth:o.depth,collapsed:o.collapsed,hasChildren:o.hasChildren,toggle:()=>w(o)},()=>[e.createVNode(L,{label:T(o),"has-children":o.hasChildren,collapsed:o.collapsed,onToggle:f=>w(o)},null,8,["label","has-children","collapsed","onToggle"])])],14,H))),128))],4)],6))}}),Q={key:0,class:"tv-bracket__hint"},Y=["title","onClick","onMouseenter"],Z={key:0,class:"tv-bracket__tooltip"},q={class:"tv-bracket__name"},K={class:"tv-bracket__score"},M=e.defineComponent({__name:"BracketCard",props:{match:{},rows:{default:void 0},myTeamHint:{default:"Нажми для перехода в матч 👇"},techDefeatLabel:{default:"ТП"},techDefeatHint:{default:"Техническое поражение"}},emits:["select"],setup(r,{emit:c}){const i=r,t=c,l=e.ref(null),v=e.computed(()=>n.buildBracketCard(i.match,{rows:i.rows,techDefeatLabel:i.techDefeatLabel}));function h(d){d.team&&t("select",d.team,d)}return(d,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tv-bracket",{"tv-bracket--my-team":v.value.hasMyTeam}])},[v.value.hasMyTeam&&r.myTeamHint?(e.openBlock(),e.createElementBlock("div",Q,e.toDisplayString(r.myTeamHint),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value.rows,s=>(e.openBlock(),e.createElementBlock("div",{key:s.key,class:e.normalizeClass(["tv-bracket__row",{"tv-bracket__row--winner":s.isWinner,"tv-bracket__row--loser":s.isLoser&&!s.isEmpty,"tv-bracket__row--my":s.isMyTeam,"tv-bracket__row--empty":s.isEmpty}]),title:s.isMyTeam?"Моя команда":void 0,onClick:m=>h(s),onMouseenter:m=>l.value=s.key,onMouseleave:b[0]||(b[0]=m=>l.value=null)},[s.team?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.isTechDefeat&&l.value===s.key?(e.openBlock(),e.createElementBlock("span",Z,e.toDisplayString(r.techDefeatHint),1)):e.createCommentVNode("",!0),e.createElementVNode("span",q,e.toDisplayString(s.team.name),1),e.createElementVNode("span",K,e.toDisplayString(s.score),1)],64)):e.createCommentVNode("",!0)],42,Y))),128))],2))}}),J=["onClick"],D=e.defineComponent({__name:"BracketRounds",props:{rounds:{},options:{default:void 0},isShow:{type:Boolean,default:!0},swipeSiblingGap:{default:12},hidePassed:{type:Boolean,default:!0},swipe:{type:Boolean,default:void 0},mobileQuery:{default:n.MOBILE_MEDIA_QUERY}},emits:["select","round"],setup(r,{expose:c,emit:i}){const t=r,l=i,v=e.ref(null),h=e.ref(null),d=e.ref(!1),b=e.ref(0),s=e.ref(0),m=e.computed(()=>t.isShow&&(t.swipe??d.value)),p=e.computed(()=>n.resolveOptions(t.options)),y=e.computed(()=>typeof p.value.nodeWidth=="number"?p.value.nodeWidth:n.DEFAULT_OPTIONS.nodeWidth),_=e.computed(()=>m.value?n.levelGapForWidth(b.value,y.value):p.value.levelGap),g=e.computed(()=>n.buildBracketRounds(t.rounds,{nodeWidth:y.value,levelGap:_.value})),C=e.computed(()=>p.value.direction==="right-to-left"||p.value.direction==="bottom-to-top"),E=e.computed(()=>m.value?{...t.options,levelGap:_.value,levelLayout:"stack",siblingGap:(o,f)=>n.roundSiblingGap(f,t.swipeSiblingGap)}:{...t.options}),S=e.computed(()=>({width:`${g.value.width}px`})),T=e.computed(()=>t.isShow?{paddingLeft:`${g.value.offset}px`}:void 0);function w(){const o=h.value;if(!o)return;const f=m.value&&t.hidePassed?s.value:0,u=g.value.columns.length;n.hideRoundsBefore(o,f,B=>n.roundOfDepth(B,u,C.value))}function z(){const o=v.value;if(!o||!m.value)return;const f=g.value.columns[0]?.width??0,u=n.roundAtScroll(o.scrollLeft,f,g.value.columns.length);u!==s.value&&(s.value=u,l("round",u))}e.watch([s,m,g],()=>w());const x=[];e.onMounted(()=>{x.push(n.watchMedia(t.mobileQuery,o=>{d.value=o}),n.watchWidth(v.value?.parentElement,o=>{b.value=o}),n.watchChildren(h.value,w)),w()}),e.onBeforeUnmount(()=>x.forEach(o=>o()));function a(o){const f=v.value;if(!f)return;const u=m.value?f:n.findScrollParent(f);if(!u)return;const B=h.value,$=B?n.nodesInColumn(B,o.index,o.width,g.value.offset)[0]:void 0,P=$?n.horizontalBox($,u):{left:n.offsetWithin(f,u)+o.index*o.width,width:o.width};n.smoothScrollLeft(u,n.roundScrollLeft({...P,viewport:u.clientWidth,scrollWidth:u.scrollWidth}))}function k(o){l("select",o),a(o)}return c({scrollToRound:a}),(o,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootElement",ref:v,class:e.normalizeClass(["tv-rounds",{"tv-rounds--swipe":m.value}]),onScroll:z},[r.isShow?(e.openBlock(),e.createElementBlock("div",{key:0,class:"tv-rounds__bar",style:e.normalizeStyle(S.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value.columns,u=>(e.openBlock(),e.createElementBlock("div",{key:u.key,class:"tv-rounds__item",style:e.normalizeStyle({width:`${u.width}px`}),onClick:B=>k(u)},[e.renderSlot(o.$slots,"round",{round:u},()=>[e.createTextVNode(e.toDisplayString(u.name),1)])],12,J))),128))],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentElement",ref:h,class:"tv-rounds__content",style:e.normalizeStyle(T.value)},[e.renderSlot(o.$slots,"default",{options:E.value,isSwipe:m.value,round:s.value})],4)],34))}}),X=".tree-view{--tv-link-color: #cbd5e1;--tv-link-width: 2px;--tv-node-bg: #ffffff;--tv-node-color: #0f172a;--tv-node-border: 1px solid #e2e8f0;--tv-node-radius: 10px;--tv-node-shadow: 0 1px 2px rgb(15 23 42 / 8%);--tv-node-padding: 8px 12px;--tv-accent: #2563eb;position:relative;width:100%;height:100%;overflow:hidden}.tree-view--pannable{cursor:grab;touch-action:none}.tree-view--content{width:auto;height:auto;overflow:visible}.tree-view__canvas{position:absolute;top:0;left:0;transform-origin:0 0}.tree-view__links{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.tree-view__link{fill:none;stroke:var(--tv-link-color);stroke-width:var(--tv-link-width)}.tree-view__node{position:absolute;box-sizing:border-box;display:flex;align-items:stretch;justify-content:stretch}.tree-view-card{box-sizing:border-box;display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%;height:100%;padding:var(--tv-node-padding);overflow:hidden;color:var(--tv-node-color);background:var(--tv-node-bg);border:var(--tv-node-border);border-radius:var(--tv-node-radius);box-shadow:var(--tv-node-shadow)}.tree-view-card__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-view-card__toggle{flex:none;width:20px;height:20px;padding:0;font:inherit;line-height:1;color:var(--tv-accent);cursor:pointer;background:none;border:none}.tv-bracket{--tv-bracket-winner-bg: #0427c4;--tv-bracket-winner-color: #ffffff;--tv-bracket-loser-bg: #e5e5e5;--tv-bracket-loser-color: #7d7d8d;--tv-bracket-my-bg: #00146c;--tv-bracket-my-color: #ffffff;--tv-bracket-radius: 6px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;font-size:12px}.tv-bracket--my-team{border-radius:var(--tv-bracket-radius);outline:2px solid var(--tv-bracket-my-bg)}.tv-bracket__hint{position:absolute;right:0;bottom:100%;left:0;padding:3px 8px;overflow:hidden;font-size:11px;font-weight:600;line-height:1.2;color:var(--tv-bracket-my-color);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:var(--tv-bracket-my-bg);border-radius:var(--tv-bracket-radius) var(--tv-bracket-radius) 0 0}.tv-bracket__row{position:relative;box-sizing:border-box;display:flex;flex:1 1 0;align-items:center;justify-content:space-between;min-height:0;padding:4px 8px;cursor:pointer;transition:all 75ms}.tv-bracket__row--winner{font-weight:700;color:var(--tv-bracket-winner-color);background:var(--tv-bracket-winner-bg)}.tv-bracket__row--loser{color:var(--tv-bracket-loser-color);background:var(--tv-bracket-loser-bg)}.tv-bracket__row--my{color:var(--tv-bracket-my-color);background:var(--tv-bracket-my-bg)}.tv-bracket__row--empty{cursor:default;background:var(--tv-bracket-loser-bg)}.tv-bracket__name{max-width:120px;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.tv-bracket__score{display:flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px;font-weight:700;font-variant-numeric:tabular-nums}.tv-bracket__tooltip{position:absolute;top:-26px;left:6px;z-index:5000;padding:4px 8px;font-weight:400;color:var(--tv-bracket-loser-color);white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 10px #0f172a26}.tv-rounds{--tv-rounds-bg: #f5f5f7;--tv-rounds-color: #9ca3af;--tv-rounds-border: 2px solid #e5e7eb;--tv-rounds-gap: 20px;--tv-rounds-fade: .22s;--tv-rounds-link-color: #94a3b8;--tv-rounds-link-width: 3px;display:flex;flex-direction:column;width:max-content;min-width:100%}.tv-rounds__bar{display:flex;min-width:100%;margin-bottom:var(--tv-rounds-gap);background:var(--tv-rounds-bg);border-bottom:var(--tv-rounds-border)}.tv-rounds__item{flex:none;box-sizing:border-box;padding:10px 20px;font:inherit;font-size:14px;font-weight:600;color:var(--tv-rounds-color);text-align:center;text-transform:uppercase;white-space:nowrap;background:none;border:none;border-right:var(--tv-rounds-border)}.tv-rounds--swipe .tree-view{--tv-link-color: var(--tv-rounds-link-color);--tv-link-width: var(--tv-rounds-link-width)}.tv-rounds--swipe{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.tv-rounds--swipe::-webkit-scrollbar{display:none}.tv-rounds--swipe .tv-rounds__item{scroll-snap-align:start}.tv-rounds--swipe [data-depth]{transition:opacity var(--tv-rounds-fade, .22s) ease}.tv-rounds--swipe [data-depth].tv-hidden{visibility:hidden;opacity:0;transition:opacity var(--tv-rounds-fade, .22s) ease,visibility 0s linear var(--tv-rounds-fade, .22s)}.tv-hidden{visibility:hidden}@media(prefers-reduced-motion:reduce){.tv-rounds--swipe [data-depth],.tv-rounds--swipe [data-depth].tv-hidden{transition:none}}";n.injectStyles(X);const V={install(r){r.component("TreeView",N),r.component("TreeNodeCard",L),r.component("BracketCard",M),r.component("BracketRounds",D)}};Object.defineProperty(exports,"DEFAULT_OPTIONS",{enumerable:!0,get:()=>n.DEFAULT_OPTIONS});Object.defineProperty(exports,"MOBILE_MEDIA_QUERY",{enumerable:!0,get:()=>n.MOBILE_MEDIA_QUERY});Object.defineProperty(exports,"bracketCardHeight",{enumerable:!0,get:()=>n.bracketCardHeight});Object.defineProperty(exports,"buildBracketCard",{enumerable:!0,get:()=>n.buildBracketCard});Object.defineProperty(exports,"buildBracketRounds",{enumerable:!0,get:()=>n.buildBracketRounds});exports.BracketCard=M;exports.BracketRounds=D;exports.TreeNodeCard=L;exports.TreeView=N;exports.TreeViewPlugin=V;exports.default=V;exports.usePanZoom=O;exports.useTreeLayout=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@bigplay/tree-view-core"),P=Symbol("tv-active-round"),G={class:"tree-view-card"},Q={class:"tree-view-card__label"},Y=["aria-label"],I=e.defineComponent({__name:"TreeNodeCard",props:{label:{},hasChildren:{type:Boolean},collapsed:{type:Boolean}},emits:["toggle"],setup(o,{emit:p}){const c=p;return(t,i)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("span",Q,e.toDisplayString(o.label),1),o.hasChildren?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"tree-view-card__toggle","data-tv-no-pan":"","aria-label":o.collapsed?"Развернуть":"Свернуть",onClick:i[0]||(i[0]=e.withModifiers(f=>c("toggle"),["stop"]))},e.toDisplayString(o.collapsed?"+":"−"),9,Y)):e.createCommentVNode("",!0)]))}});function R(o){const p=e.ref({...n.IDENTITY_TRANSFORM}),c=new n.PanZoomController({pannable:o.pannable,zoomable:o.zoomable,limits:o.limits,onChange:t=>{p.value=t}});return e.watch(o.element,(t,i,f)=>{t&&(c.attach(t),f(()=>c.detach()))},{immediate:!0}),e.onBeforeUnmount(()=>c.detach()),{transform:p,fit:(t,i)=>c.fit(t,i),zoomIn:()=>c.zoomIn(),zoomOut:()=>c.zoomOut(),reset:()=>c.reset(),setTransform:t=>c.set(t)}}function F(o){const p=e.ref(new Set),c=e.computed(()=>n.toTree(o.data(),o.accessors())),t=e.computed(()=>n.applyCollapsed(c.value,p.value)),i=e.computed(()=>n.layoutTree(t.value,o.options()));function f(m){return p.value.has(m)}function k(m){p.value=n.toggleCollapsed(p.value,m)}function s(){p.value=new Set}return{layout:i,isCollapsed:f,toggle:k,expandAll:s}}function Z(o,p,c){const t=e.ref(c()?n.estimateVisibleRect():null);function i(){t.value=c()?n.measureVisibleRect(o.value,p()):null}return e.onMounted(()=>{i(),window.addEventListener("scroll",i,{passive:!0,capture:!0}),window.addEventListener("resize",i,{passive:!0})}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",i,{capture:!0}),window.removeEventListener("resize",i)}),{rect:t,update:i}}const q=["width","height"],K=["data-depth"],J=["d"],X=["data-depth","onClick"],A=e.defineComponent({__name:"TreeView",props:{data:{},options:{default:void 0},getId:{type:Function,default:void 0},getChildren:{type:Function,default:void 0},getParentId:{type:Function,default:void 0},collapsible:{type:Boolean,default:!1},pannable:{type:Boolean,default:!0},zoomable:{type:Boolean,default:!0},fitOnMount:{type:Boolean,default:!0},size:{default:"fill"},scaleLimits:{default:void 0},nodeClass:{type:[String,Function],default:void 0},virtualize:{type:Boolean,default:!0},overscan:{default:n.DEFAULT_OVERSCAN}},emits:["node-click","toggle","transform"],setup(o,{expose:p,emit:c}){const t=o,i=c,f=e.ref(null),k=e.ref(null),{layout:s,isCollapsed:m,toggle:u,expandAll:x}=F({data:()=>t.data,options:()=>t.options,accessors:()=>({getId:t.getId,getChildren:t.getChildren,getParentId:t.getParentId})}),v=R({element:f,pannable:()=>t.pannable,zoomable:()=>t.zoomable,limits:()=>t.scaleLimits??n.DEFAULT_SCALE_LIMITS}),h=Z(k,()=>v.transform.value.scale,()=>t.virtualize),_=e.computed(()=>t.virtualize?n.visibleLayout(s.value,h.rect.value,t.overscan):s.value),T=e.inject(P,e.ref(null)),L=e.computed(()=>{const r=n.resolveOptions(t.options).direction;return r==="right-to-left"||r==="bottom-to-top"}),b=e.computed(()=>{const r=T.value;if(r===null)return s.value.height;const w=s.value.nodes.reduce((E,M)=>Math.max(E,M.depth),0)+1;return n.roundContentHeight(s.value.nodes,r,w,L.value)||s.value.height}),$=e.computed(()=>({width:`${s.value.width}px`,height:`${b.value}px`,transform:n.toCssTransform(v.transform.value)})),N=e.computed(()=>{if(t.size!=="content")return;const{scale:r}=v.transform.value;return{width:`${s.value.width*r}px`,height:`${b.value*r}px`,overflow:"visible"}});function O(r){return{left:`${r.x}px`,top:`${r.y}px`,width:`${r.width}px`,height:`${r.height}px`}}function V(r){return typeof t.nodeClass=="function"?t.nodeClass(r):t.nodeClass}function z(r){const w=r.data;return w?.name??w?.title??w?.label??r.id}function B(r){u(r.id),i("toggle",r,m(r.id))}function C(r,w){i("node-click",r,w),t.collapsible&&r.hasChildren&&B(r)}function S(r){v.fit({width:s.value.width,height:s.value.height},r)}return e.onMounted(()=>{t.fitOnMount&&e.nextTick(()=>S())}),e.watch(()=>v.transform.value,r=>{h.update(),i("transform",r)}),e.watch(s,()=>{e.nextTick(()=>h.update())}),p({fit:S,zoomIn:v.zoomIn,zoomOut:v.zoomOut,resetTransform:v.reset,setTransform:v.setTransform,expandAll:x,toggle:u,layout:s,transform:v.transform}),(r,w)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootElement",ref:f,class:e.normalizeClass(["tree-view",{"tree-view--pannable":o.pannable,"tree-view--content":o.size==="content"}]),style:e.normalizeStyle(N.value)},[e.createElementVNode("div",{ref_key:"canvasElement",ref:k,class:"tree-view__canvas",style:e.normalizeStyle($.value)},[(e.openBlock(),e.createElementBlock("svg",{class:"tree-view__links",width:e.unref(s).width,height:e.unref(s).height},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value.links,d=>(e.openBlock(),e.createElementBlock("g",{key:d.id,"data-depth":d.target.depth},[e.renderSlot(r.$slots,"link",{link:d},()=>[e.createElementVNode("path",{class:"tree-view__link",d:d.path},null,8,J)])],8,K))),128))],8,q)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value.nodes,d=>(e.openBlock(),e.createElementBlock("div",{key:d.id,class:e.normalizeClass(["tree-view__node",V(d)]),style:e.normalizeStyle(O(d)),"data-depth":d.depth,onClick:E=>C(d,E)},[e.renderSlot(r.$slots,"node",{node:d,data:d.data,depth:d.depth,collapsed:d.collapsed,hasChildren:d.hasChildren,toggle:()=>B(d)},()=>[e.createVNode(I,{label:z(d),"has-children":d.hasChildren,collapsed:d.collapsed,onToggle:E=>B(d)},null,8,["label","has-children","collapsed","onToggle"])])],14,X))),128))],4)],6))}}),ee={key:0,class:"tv-bracket__hint"},te=["title","aria-label","aria-expanded"],oe={class:"tv-bracket__rows"},ne=["title","onClick","onMouseenter"],re={key:0,class:"tv-bracket__tooltip"},ae={class:"tv-bracket__name"},le={class:"tv-bracket__score"},H=e.defineComponent({__name:"BracketCard",props:{match:{},rows:{default:void 0},myTeamHint:{default:"Нажми для перехода в матч 👇"},techDefeatLabel:{default:"ТП"},techDefeatHint:{default:"Техническое поражение"},hasChildren:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1},collapseHint:{default:"Свернуть предыдущие матчи"},expandHint:{default:"Показать предыдущие матчи"}},emits:["select","toggle"],setup(o,{emit:p}){const c=o,t=p,i=e.ref(null),f=e.computed(()=>n.buildBracketCard(c.match,{rows:c.rows,techDefeatLabel:c.techDefeatLabel}));function k(s){s.team&&t("select",s.team,s)}return(s,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tv-bracket",{"tv-bracket--my-team":f.value.hasMyTeam}])},[f.value.hasMyTeam&&o.myTeamHint?(e.openBlock(),e.createElementBlock("div",ee,e.toDisplayString(o.myTeamHint),1)):e.createCommentVNode("",!0),o.hasChildren?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:e.normalizeClass(["tv-bracket__toggle",{"tv-bracket__toggle--collapsed":o.collapsed}]),title:o.collapsed?o.expandHint:o.collapseHint,"aria-label":o.collapsed?o.expandHint:o.collapseHint,"aria-expanded":!o.collapsed,"data-tv-no-pan":"",onClick:m[0]||(m[0]=e.withModifiers(u=>t("toggle"),["stop"]))},e.toDisplayString(o.collapsed?"+":"−"),11,te)):e.createCommentVNode("",!0),e.createElementVNode("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value.rows,u=>(e.openBlock(),e.createElementBlock("div",{key:u.key,class:e.normalizeClass(["tv-bracket__row",{"tv-bracket__row--winner":u.isWinner,"tv-bracket__row--loser":u.isLoser&&!u.isEmpty,"tv-bracket__row--my":u.isMyTeam,"tv-bracket__row--empty":u.isEmpty}]),title:u.isMyTeam?"Моя команда":void 0,onClick:x=>k(u),onMouseenter:x=>i.value=u.key,onMouseleave:m[1]||(m[1]=x=>i.value=null)},[u.team?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[u.isTechDefeat&&i.value===u.key?(e.openBlock(),e.createElementBlock("span",re,e.toDisplayString(o.techDefeatHint),1)):e.createCommentVNode("",!0),e.createElementVNode("span",ae,e.toDisplayString(u.team.name),1),e.createElementVNode("span",le,e.toDisplayString(u.score),1)],64)):e.createCommentVNode("",!0)],42,ne))),128))])],2))}}),ie=["onClick"],W=e.defineComponent({__name:"BracketRounds",props:{rounds:{},options:{default:void 0},isShow:{type:Boolean,default:!0},swipeSiblingGap:{default:12},hidePassed:{type:Boolean,default:!0},swipe:{type:Boolean,default:void 0},mobileQuery:{default:n.MOBILE_MEDIA_QUERY}},emits:["select","round"],setup(o,{expose:p,emit:c}){const t=o,i=c,f=e.ref(null),k=e.ref(null),s=e.ref(null),m=e.ref(null),u=e.ref(!1),x=e.ref(0),v=e.ref(0),h=e.computed(()=>t.isShow&&(t.swipe??u.value)),_=e.computed(()=>n.resolveOptions(t.options)),T=e.computed(()=>typeof _.value.nodeWidth=="number"?_.value.nodeWidth:n.DEFAULT_OPTIONS.nodeWidth),L=e.computed(()=>h.value?n.levelGapForWidth(x.value,T.value):_.value.levelGap),b=e.computed(()=>n.buildBracketRounds(t.rounds,{nodeWidth:T.value,levelGap:L.value})),$=e.computed(()=>_.value.direction==="right-to-left"||_.value.direction==="bottom-to-top"),N=e.computed(()=>h.value?{...t.options,levelGap:L.value,levelLayout:"stack",siblingGap:t.swipeSiblingGap,groupGap:(a,g)=>n.roundSiblingGap(g,t.swipeSiblingGap),linkStyle:"bracket",elbowOffset:t.options?.elbowOffset??n.SWIPE_ELBOW_OFFSET}:{...t.options});e.provide(P,e.computed(()=>h.value?v.value:null));const O=e.computed(()=>({width:`${b.value.width}px`})),V=e.computed(()=>t.isShow?{paddingLeft:`${b.value.offset}px`}:void 0);function z(){const a=m.value;if(!a)return;const g=h.value&&t.hidePassed?v.value:0,l=b.value.columns.length;n.hideRoundsBefore(a,g,y=>n.roundOfDepth(y,l,$.value))}let B=!1,C=0,S=!1;function r(a){S||(S=!0,n.afterScrollEnd(a,()=>{S=!1,C=v.value}))}function w(){const a=s.value;if(!a||!h.value)return;k.value&&(k.value.scrollLeft=a.scrollLeft);const g=b.value.columns[0]?.width??0;let l=n.roundAtScroll(a.scrollLeft,g,b.value.columns.length);if(!B&&g>0){const y=Math.min(Math.max(l,C-1),C+1);y!==l&&(l=y,a.scrollLeft=l*g),r(a)}l!==v.value&&(v.value=l,i("round",l))}e.watch([v,h,b],()=>z());const d=[];e.onMounted(()=>{d.push(n.watchMedia(t.mobileQuery,a=>{u.value=a}),n.watchWidth(f.value?.parentElement,a=>{x.value=a}),n.watchChildren(m.value,z)),z()}),e.onBeforeUnmount(()=>d.forEach(a=>a()));function E(a){const g=f.value;if(!g)return;const l=h.value?s.value:n.findScrollParent(g);if(!l)return;const y=m.value,D=y?n.nodesInColumn(y,a.index,a.width,b.value.offset)[0]:void 0,U=D?n.horizontalBox(D,l):{left:n.offsetWithin(g,l)+a.index*a.width,width:a.width};B=!0,n.smoothScrollLeft(l,n.roundScrollLeft({...U,viewport:l.clientWidth,scrollWidth:l.scrollWidth})),n.afterScrollEnd(l,()=>{B=!1,C=v.value})}function M(a){i("select",a),E(a)}return p({scrollToRound:E}),(a,g)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootElement",ref:f,class:e.normalizeClass(["tv-rounds",{"tv-rounds--swipe":h.value}])},[o.isShow?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headElement",ref:k,class:"tv-rounds__head"},[e.createElementVNode("div",{class:"tv-rounds__bar",style:e.normalizeStyle(O.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value.columns,l=>(e.openBlock(),e.createElementBlock("div",{key:l.key,class:"tv-rounds__item",style:e.normalizeStyle({width:`${l.width}px`}),onClick:y=>M(l)},[e.renderSlot(a.$slots,"round",{round:l},()=>[e.createTextVNode(e.toDisplayString(l.name),1)])],12,ie))),128))],4)],512)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"scrollElement",ref:s,class:"tv-rounds__scroll",onScroll:w},[h.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"tv-rounds__snap",style:e.normalizeStyle(O.value),"aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value.columns,l=>(e.openBlock(),e.createElementBlock("i",{key:l.key,class:"tv-rounds__snap-item",style:e.normalizeStyle({width:`${l.width}px`})},null,4))),128))],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentElement",ref:m,class:"tv-rounds__content",style:e.normalizeStyle(V.value)},[e.renderSlot(a.$slots,"default",{options:N.value,isSwipe:h.value,round:v.value})],4)],544)],2))}}),se=".tree-view{--tv-link-color: #cbd5e1;--tv-link-width: 2px;--tv-node-bg: #ffffff;--tv-node-color: #0f172a;--tv-node-border: 1px solid #e2e8f0;--tv-node-radius: 10px;--tv-node-shadow: 0 1px 2px rgb(15 23 42 / 8%);--tv-node-padding: 8px 12px;--tv-accent: #2563eb;position:relative;width:100%;height:100%;overflow:hidden}.tree-view--pannable{cursor:grab;touch-action:none}.tree-view--content{width:auto;height:auto;overflow:visible}.tree-view__canvas{position:absolute;top:0;left:0;transform-origin:0 0}.tree-view__links{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.tree-view__link{fill:none;stroke:var(--tv-link-color);stroke-width:var(--tv-link-width)}.tree-view__node{position:absolute;box-sizing:border-box;display:flex;align-items:stretch;justify-content:stretch}.tree-view-card{box-sizing:border-box;display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%;height:100%;padding:var(--tv-node-padding);overflow:hidden;color:var(--tv-node-color);background:var(--tv-node-bg);border:var(--tv-node-border);border-radius:var(--tv-node-radius);box-shadow:var(--tv-node-shadow)}.tree-view-card__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-view-card__toggle{flex:none;width:20px;height:20px;padding:0;font:inherit;line-height:1;color:var(--tv-accent);cursor:pointer;background:none;border:none}.tv-bracket{--tv-bracket-winner-bg: #0427c4;--tv-bracket-winner-color: #ffffff;--tv-bracket-loser-bg: #e5e5e5;--tv-bracket-loser-color: #7d7d8d;--tv-bracket-my-bg: #00146c;--tv-bracket-my-color: #ffffff;--tv-bracket-radius: 6px;--tv-bracket-shadow: 0 0 0 1px rgb(15 23 42 / 8%), 0 1px 3px rgb(15 23 42 / 10%);position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;font-size:12px}.tv-bracket__rows{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;border-radius:var(--tv-bracket-radius);box-shadow:var(--tv-bracket-shadow)}.tv-bracket--my-team .tv-bracket__rows{outline:2px solid var(--tv-bracket-my-bg)}.tv-bracket__hint{position:absolute;right:0;bottom:100%;left:0;padding:3px 8px;overflow:hidden;font-size:11px;font-weight:600;line-height:1.2;color:var(--tv-bracket-my-color);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:var(--tv-bracket-my-bg);border-radius:var(--tv-bracket-radius) var(--tv-bracket-radius) 0 0}.tv-bracket__row{position:relative;box-sizing:border-box;display:flex;flex:1 1 0;align-items:center;justify-content:space-between;min-height:0;padding:4px 8px;cursor:pointer;transition:all 75ms}.tv-bracket__row--winner{font-weight:700;color:var(--tv-bracket-winner-color);background:var(--tv-bracket-winner-bg)}.tv-bracket__row--loser{color:var(--tv-bracket-loser-color);background:var(--tv-bracket-loser-bg)}.tv-bracket__row--my{color:var(--tv-bracket-my-color);background:var(--tv-bracket-my-bg)}.tv-bracket__row--empty{cursor:default;background:var(--tv-bracket-loser-bg)}.tv-bracket__toggle{position:absolute;top:50%;left:-11px;z-index:1;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;font:inherit;font-size:13px;font-weight:700;line-height:1;color:var(--tv-bracket-winner-bg);cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;box-shadow:0 1px 3px #0f172a2e;transform:translateY(-50%)}.tv-bracket__toggle:hover{border-color:var(--tv-bracket-winner-bg)}.tv-bracket__toggle--collapsed{color:var(--tv-bracket-winner-color);background:var(--tv-bracket-winner-bg);border-color:var(--tv-bracket-winner-bg)}.tv-bracket__name{max-width:120px;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.tv-bracket__score{display:flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px;font-weight:700;font-variant-numeric:tabular-nums}.tv-bracket__tooltip{position:absolute;top:-26px;left:6px;z-index:5000;padding:4px 8px;font-weight:400;color:var(--tv-bracket-loser-color);white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 10px #0f172a26}.tv-rounds{--tv-rounds-bg: #f5f5f7;--tv-rounds-color: #9ca3af;--tv-rounds-border: 2px solid #e5e7eb;--tv-rounds-gap: 20px;--tv-rounds-fade: .22s;--tv-rounds-collapse-scale: .86;--tv-rounds-collapse-ease: cubic-bezier(.4, 0, .2, 1);--tv-rounds-link-color: #94a3b8;--tv-rounds-link-width: 3px;display:flex;flex-direction:column;width:max-content;min-width:100%}.tv-rounds__head{position:sticky;top:0;z-index:2;overflow:hidden;margin-bottom:var(--tv-rounds-gap);background:var(--tv-rounds-bg);border-bottom:var(--tv-rounds-border)}.tv-rounds__bar{display:flex;min-width:100%}.tv-rounds__scroll{position:relative}.tv-rounds__snap{display:flex;height:1px;margin-bottom:-1px}.tv-rounds__snap-item{flex:none;display:block}.tv-rounds__item{flex:none;box-sizing:border-box;padding:10px 20px;font:inherit;font-size:14px;font-weight:600;color:var(--tv-rounds-color);text-align:center;text-transform:uppercase;white-space:nowrap;background:none;border:none;border-right:var(--tv-rounds-border)}.tv-rounds--swipe .tv-bracket__hint{display:none}.tv-rounds--swipe .tree-view{--tv-link-color: var(--tv-rounds-link-color);--tv-link-width: var(--tv-rounds-link-width)}.tv-rounds--swipe{width:100%;min-width:0}.tv-rounds--swipe .tv-rounds__scroll{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.tv-rounds--swipe .tv-rounds__scroll::-webkit-scrollbar{display:none}.tv-rounds--swipe .tv-rounds__snap-item{scroll-snap-align:start;scroll-snap-stop:always}.tv-rounds--swipe [data-depth]{transition:none}.tv-rounds--swipe [data-depth].tv-hidden{visibility:hidden;opacity:0;transition:opacity var(--tv-rounds-fade, .22s) ease,transform var(--tv-rounds-fade, .22s) var(--tv-rounds-collapse-ease),visibility 0s linear var(--tv-rounds-fade, .22s)}.tv-rounds--swipe .tree-view__node.tv-hidden{transform:scale(var(--tv-rounds-collapse-scale));transform-origin:right center}.tv-hidden{visibility:hidden}@media(prefers-reduced-motion:reduce){.tv-rounds--swipe [data-depth],.tv-rounds--swipe [data-depth].tv-hidden{transition:none}.tv-rounds--swipe .tree-view__node.tv-hidden{transform:none}}";n.injectStyles(se);const j={install(o){o.component("TreeView",A),o.component("TreeNodeCard",I),o.component("BracketCard",H),o.component("BracketRounds",W)}};Object.defineProperty(exports,"DEFAULT_OPTIONS",{enumerable:!0,get:()=>n.DEFAULT_OPTIONS});Object.defineProperty(exports,"MOBILE_MEDIA_QUERY",{enumerable:!0,get:()=>n.MOBILE_MEDIA_QUERY});Object.defineProperty(exports,"bracketCardHeight",{enumerable:!0,get:()=>n.bracketCardHeight});Object.defineProperty(exports,"buildBracketCard",{enumerable:!0,get:()=>n.buildBracketCard});Object.defineProperty(exports,"buildBracketRounds",{enumerable:!0,get:()=>n.buildBracketRounds});exports.BracketCard=H;exports.BracketRounds=W;exports.TreeNodeCard=I;exports.TreeView=A;exports.TreeViewPlugin=j;exports.default=j;exports.usePanZoom=R;exports.useTreeLayout=F;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/TreeNodeCard.vue","../src/usePanZoom.ts","../src/useTreeLayout.ts","../src/useVisibleRect.ts","../src/TreeView.vue","../src/BracketCard.vue","../src/BracketRounds.vue","../src/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Карточка узла по умолчанию.\n * Нужна только чтобы «из коробки» что-то отображалось —\n * в реальном проекте обычно используют слот #node и рисуют свой блок.\n */\ndefineProps<{\n  label: string\n  hasChildren?: boolean\n  collapsed?: boolean\n}>()\n\nconst emit = defineEmits<{ (e: 'toggle'): void }>()\n</script>\n\n<template>\n  <div class=\"tree-view-card\">\n    <span class=\"tree-view-card__label\">{{ label }}</span>\n\n    <button\n      v-if=\"hasChildren\"\n      type=\"button\"\n      class=\"tree-view-card__toggle\"\n      data-tv-no-pan\n      :aria-label=\"collapsed ? 'Развернуть' : 'Свернуть'\"\n      @click.stop=\"emit('toggle')\"\n    >\n      {{ collapsed ? '+' : '−' }}\n    </button>\n  </div>\n</template>\n","import { onBeforeUnmount, ref, watch, type Ref } from 'vue'\nimport {\n  IDENTITY_TRANSFORM,\n  PanZoomController,\n  type ScaleLimits,\n  type Size,\n  type Transform,\n} from '@bigplay/tree-view-core'\n\nexport interface UsePanZoomParams {\n  /** Элемент, который слушаем: по нему тянут и крутят колесо. */\n  element: Ref<HTMLElement | null>\n  pannable: () => boolean\n  zoomable: () => boolean\n  limits: () => ScaleLimits\n}\n\n/**\n * Тонкая обёртка над `PanZoomController` из core:\n * переносит его состояние в реактивный `ref` и следит за жизненным циклом.\n */\nexport function usePanZoom(params: UsePanZoomParams) {\n  const transform = ref<Transform>({ ...IDENTITY_TRANSFORM })\n\n  const controller = new PanZoomController({\n    pannable: params.pannable,\n    zoomable: params.zoomable,\n    limits: params.limits,\n    onChange: (next) => {\n      transform.value = next\n    },\n  })\n\n  watch(\n    params.element,\n    (element, _previous, onCleanup) => {\n      if (!element) return\n\n      controller.attach(element)\n      onCleanup(() => controller.detach())\n    },\n    { immediate: true },\n  )\n\n  onBeforeUnmount(() => controller.detach())\n\n  return {\n    transform,\n    fit: (content: Size, padding?: number) => controller.fit(content, padding),\n    zoomIn: () => controller.zoomIn(),\n    zoomOut: () => controller.zoomOut(),\n    reset: () => controller.reset(),\n    setTransform: (next: Transform) => controller.set(next),\n  }\n}\n","import { computed, ref, type ComputedRef } from 'vue'\nimport {\n  applyCollapsed,\n  layoutTree,\n  toggleCollapsed,\n  toTree,\n  type Accessors,\n  type Layout,\n  type TreeViewOptions,\n} from '@bigplay/tree-view-core'\n\n/** Функции-геттеры, чтобы композабл видел свежие значения пропов. */\nexport interface UseTreeLayoutParams<T> {\n  data: () => T | T[] | null | undefined\n  options: () => Partial<TreeViewOptions<T>> | undefined\n  accessors: () => Accessors<T>\n}\n\nexport interface UseTreeLayoutResult<T> {\n  /** Готовая раскладка: узлы с координатами и линии. */\n  layout: ComputedRef<Layout<T>>\n  /** Свёрнут ли узел с таким id. */\n  isCollapsed: (id: string) => boolean\n  /** Свернуть/развернуть узел. */\n  toggle: (id: string) => void\n  /** Развернуть всё дерево. */\n  expandAll: () => void\n}\n\n/**\n * Вся «логика» компонента: данные → дерево → раскладка.\n * Каждый шаг — отдельная чистая функция из core, здесь только реактивность.\n */\nexport function useTreeLayout<T>(params: UseTreeLayoutParams<T>): UseTreeLayoutResult<T> {\n  const collapsedIds = ref(new Set<string>())\n\n  const tree = computed(() => toTree(params.data(), params.accessors()))\n  const visibleTree = computed(() => applyCollapsed(tree.value, collapsedIds.value))\n  const layout = computed(() => layoutTree(visibleTree.value, params.options()))\n\n  function isCollapsed(id: string): boolean {\n    return collapsedIds.value.has(id)\n  }\n\n  function toggle(id: string): void {\n    // Новое множество вместо мутации — иначе Vue не заметит изменения.\n    collapsedIds.value = toggleCollapsed(collapsedIds.value, id)\n  }\n\n  function expandAll(): void {\n    collapsedIds.value = new Set()\n  }\n\n  return { layout, isCollapsed, toggle, expandAll }\n}\n","import { onBeforeUnmount, onMounted, ref, type Ref } from 'vue'\nimport { estimateVisibleRect, measureVisibleRect, type Rect } from '@bigplay/tree-view-core'\n\n/**\n * Следит за тем, какая часть холста сейчас видна.\n *\n * Пересчитывается там же, где это меняется: при перетаскивании и зуме,\n * при скролле страницы и при изменении размеров окна. Отдельный троттлинг\n * не нужен — и те, и другие события браузер отдаёт не чаще кадра.\n */\nexport function useVisibleRect(canvas: Ref<HTMLElement | null>, scale: () => number, enabled: () => boolean) {\n  // До первого измерения берём размер окна — иначе первый кадр нарисует всё дерево.\n  const rect = ref<Rect | null>(enabled() ? estimateVisibleRect() : null)\n\n  function update(): void {\n    rect.value = enabled() ? measureVisibleRect(canvas.value, scale()) : null\n  }\n\n  onMounted(() => {\n    update()\n    window.addEventListener('scroll', update, { passive: true, capture: true })\n    window.addEventListener('resize', update, { passive: true })\n  })\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('scroll', update, { capture: true })\n    window.removeEventListener('resize', update)\n  })\n\n  return { rect, update }\n}\n","<script setup lang=\"ts\" generic=\"T\">\n/**\n * Компонент-обёртка. Вся математика — в пакете core, здесь только\n * реактивность, разметка и события.\n */\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport {\n  DEFAULT_OVERSCAN,\n  DEFAULT_SCALE_LIMITS,\n  toCssTransform,\n  visibleLayout,\n  type Accessors,\n  type LayoutNode,\n  type ScaleLimits,\n  type Transform,\n  type TreeViewOptions,\n} from '@bigplay/tree-view-core'\nimport TreeNodeCard from './TreeNodeCard.vue'\nimport { usePanZoom } from './usePanZoom'\nimport { useTreeLayout } from './useTreeLayout'\nimport { useVisibleRect } from './useVisibleRect'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Данные: объект, массив объектов или плоский список (вместе с `getParentId`). */\n    data: T | T[] | null | undefined\n    /** Размеры и направление. Можно передать только часть полей. */\n    options?: Partial<TreeViewOptions<T>>\n    /** Как достать id узла. По умолчанию — поле `id`. */\n    getId?: Accessors<T>['getId']\n    /** Как достать детей. По умолчанию — поле `children`. */\n    getChildren?: Accessors<T>['getChildren']\n    /** Как достать id родителя. Передан — значит данные плоские. */\n    getParentId?: Accessors<T>['getParentId']\n    /** Клик по узлу сворачивает/разворачивает ветку. */\n    collapsible?: boolean\n    /** Разрешить перетаскивание холста. */\n    pannable?: boolean\n    /** Разрешить зум колесом и «щипком». */\n    zoomable?: boolean\n    /** Вписать дерево в контейнер при первом отображении. */\n    fitOnMount?: boolean\n    /**\n     * Как компонент занимает место:\n     *  - `'fill'` (по умолчанию) — растягивается на родителя, лишнее обрезается,\n     *    дерево двигают мышью;\n     *  - `'content'` — контейнер принимает размер дерева и ничего не обрезает.\n     *    Нужен, когда сетка стоит внутри страницы со своим скроллом.\n     */\n    size?: 'fill' | 'content'\n    /** Пределы масштаба. */\n    scaleLimits?: ScaleLimits\n    /** Дополнительный класс на обёртке узла — строкой или функцией. */\n    nodeClass?: string | ((node: LayoutNode<T>) => string)\n    /**\n     * Рисовать только то, что видно на экране. На больших сетках это\n     * главная экономия: в DOM попадает несколько десятков карточек\n     * вместо тысячи. На маленьких деревьях ничего не меняет.\n     */\n    virtualize?: boolean\n    /** Запас вокруг видимой области в пикселях. */\n    overscan?: number\n  }>(),\n  {\n    options: undefined,\n    getId: undefined,\n    getChildren: undefined,\n    getParentId: undefined,\n    collapsible: false,\n    pannable: true,\n    zoomable: true,\n    fitOnMount: true,\n    size: 'fill',\n    scaleLimits: undefined,\n    nodeClass: undefined,\n    virtualize: true,\n    overscan: DEFAULT_OVERSCAN,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'node-click', node: LayoutNode<T>, event: MouseEvent): void\n  (e: 'toggle', node: LayoutNode<T>, collapsed: boolean): void\n  (e: 'transform', transform: Transform): void\n}>()\n\nconst rootElement = ref<HTMLElement | null>(null)\nconst canvasElement = ref<HTMLElement | null>(null)\n\nconst { layout, isCollapsed, toggle, expandAll } = useTreeLayout<T>({\n  data: () => props.data,\n  options: () => props.options,\n  accessors: () => ({\n    getId: props.getId,\n    getChildren: props.getChildren,\n    getParentId: props.getParentId,\n  }),\n})\n\nconst panZoom = usePanZoom({\n  element: rootElement,\n  pannable: () => props.pannable,\n  zoomable: () => props.zoomable,\n  limits: () => props.scaleLimits ?? DEFAULT_SCALE_LIMITS,\n})\n\nconst visible = useVisibleRect(\n  canvasElement,\n  () => panZoom.transform.value.scale,\n  () => props.virtualize,\n)\n\n/** То, что реально попадёт в DOM: при `virtualize` — только видимая часть. */\nconst drawn = computed(() =>\n  props.virtualize ? visibleLayout(layout.value, visible.rect.value, props.overscan) : layout.value,\n)\n\nconst canvasStyle = computed(() => ({\n  width: `${layout.value.width}px`,\n  height: `${layout.value.height}px`,\n  transform: toCssTransform(panZoom.transform.value),\n}))\n\nconst rootStyle = computed(() => {\n  if (props.size !== 'content') return undefined\n\n  const { scale } = panZoom.transform.value\n  return {\n    width: `${layout.value.width * scale}px`,\n    height: `${layout.value.height * scale}px`,\n    overflow: 'visible',\n  }\n})\n\nfunction nodeStyle(node: LayoutNode<T>) {\n  return {\n    left: `${node.x}px`,\n    top: `${node.y}px`,\n    width: `${node.width}px`,\n    height: `${node.height}px`,\n  }\n}\n\nfunction nodeClassOf(node: LayoutNode<T>): string | undefined {\n  return typeof props.nodeClass === 'function' ? props.nodeClass(node) : props.nodeClass\n}\n\n/** Подпись карточки по умолчанию: name → title → label → id. */\nfunction labelOf(node: LayoutNode<T>): string {\n  const data = node.data as { name?: string; title?: string; label?: string } | null\n  return data?.name ?? data?.title ?? data?.label ?? node.id\n}\n\nfunction toggleNode(node: LayoutNode<T>): void {\n  toggle(node.id)\n  emit('toggle', node, isCollapsed(node.id))\n}\n\nfunction onNodeClick(node: LayoutNode<T>, event: MouseEvent): void {\n  emit('node-click', node, event)\n  if (props.collapsible && node.hasChildren) toggleNode(node)\n}\n\n/** Вписывает дерево в видимую область. */\nfunction fit(padding?: number): void {\n  panZoom.fit({ width: layout.value.width, height: layout.value.height }, padding)\n}\n\nonMounted(() => {\n  if (props.fitOnMount) void nextTick(() => fit())\n})\n\nwatch(\n  () => panZoom.transform.value,\n  (transform) => {\n    // Холст поехал — видимая часть стала другой.\n    visible.update()\n    emit('transform', transform)\n  },\n)\n\n// Новые данные — и пересчитывать видимую часть надо уже по ним.\nwatch(layout, () => void nextTick(() => visible.update()))\n\ndefineExpose({\n  fit,\n  zoomIn: panZoom.zoomIn,\n  zoomOut: panZoom.zoomOut,\n  resetTransform: panZoom.reset,\n  setTransform: panZoom.setTransform,\n  expandAll,\n  toggle,\n  layout,\n  transform: panZoom.transform,\n})\n</script>\n\n<template>\n  <div\n    ref=\"rootElement\"\n    class=\"tree-view\"\n    :class=\"{ 'tree-view--pannable': pannable, 'tree-view--content': size === 'content' }\"\n    :style=\"rootStyle\"\n  >\n    <div ref=\"canvasElement\" class=\"tree-view__canvas\" :style=\"canvasStyle\">\n      <svg class=\"tree-view__links\" :width=\"layout.width\" :height=\"layout.height\">\n        <!-- data-depth — уровень, из которого линия выходит: по нему её находят\n             снаружи, например когда полоса раундов прячет пройденное. -->\n        <g v-for=\"link in drawn.links\" :key=\"link.id\" :data-depth=\"link.target.depth\">\n          <slot name=\"link\" :link=\"link\">\n            <path class=\"tree-view__link\" :d=\"link.path\" />\n          </slot>\n        </g>\n      </svg>\n\n      <div\n        v-for=\"node in drawn.nodes\"\n        :key=\"node.id\"\n        class=\"tree-view__node\"\n        :class=\"nodeClassOf(node)\"\n        :style=\"nodeStyle(node)\"\n        :data-depth=\"node.depth\"\n        @click=\"onNodeClick(node, $event)\"\n      >\n        <!--\n          Главная точка кастомизации: сюда подставляют свою карточку.\n          Доступно всё, что может понадобиться для отрисовки и управления.\n        -->\n        <slot\n          name=\"node\"\n          :node=\"node\"\n          :data=\"node.data\"\n          :depth=\"node.depth\"\n          :collapsed=\"node.collapsed\"\n          :has-children=\"node.hasChildren\"\n          :toggle=\"() => toggleNode(node)\"\n        >\n          <TreeNodeCard\n            :label=\"labelOf(node)\"\n            :has-children=\"node.hasChildren\"\n            :collapsed=\"node.collapsed\"\n            @toggle=\"toggleNode(node)\"\n          />\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Карточка матча турнирной сетки — та самая, что на сайте:\n * победитель синий, проигравший серый, команда пользователя в рамке\n * с подсказкой, техническое поражение показывает «ТП» и объяснение по наведению.\n *\n * Какие строки рисовать — решает `buildBracketCard` из core, поэтому\n * версия для Vue 2 выглядит точно так же.\n */\nimport { computed, ref } from 'vue'\nimport {\n  buildBracketCard,\n  type BracketCardMatch,\n  type BracketCardRow,\n  type BracketCardTeam,\n} from '@bigplay/tree-view-core'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Матч: нужны только команды. */\n    match: BracketCardMatch | null | undefined\n    /** Сколько строк рисовать. У финала — одна. */\n    rows?: number\n    /** Подсказка над карточкой с моей командой. Пустая строка — не показывать. */\n    myTeamHint?: string\n    /** Текст в ячейке счёта при техническом поражении. */\n    techDefeatLabel?: string\n    /** Подсказка по наведению на техническое поражение. */\n    techDefeatHint?: string\n  }>(),\n  {\n    rows: undefined,\n    myTeamHint: 'Нажми для перехода в матч 👇',\n    techDefeatLabel: 'ТП',\n    techDefeatHint: 'Техническое поражение',\n  },\n)\n\nconst emit = defineEmits<{ (e: 'select', team: BracketCardTeam, row: BracketCardRow): void }>()\n\nconst hoveredKey = ref<string | null>(null)\n\nconst card = computed(() =>\n  buildBracketCard(props.match, { rows: props.rows, techDefeatLabel: props.techDefeatLabel }),\n)\n\nfunction onRowClick(row: BracketCardRow): void {\n  if (row.team) emit('select', row.team, row)\n}\n</script>\n\n<template>\n  <div class=\"tv-bracket\" :class=\"{ 'tv-bracket--my-team': card.hasMyTeam }\">\n    <div v-if=\"card.hasMyTeam && myTeamHint\" class=\"tv-bracket__hint\">{{ myTeamHint }}</div>\n\n    <div\n      v-for=\"row in card.rows\"\n      :key=\"row.key\"\n      class=\"tv-bracket__row\"\n      :class=\"{\n        'tv-bracket__row--winner': row.isWinner,\n        'tv-bracket__row--loser': row.isLoser && !row.isEmpty,\n        'tv-bracket__row--my': row.isMyTeam,\n        'tv-bracket__row--empty': row.isEmpty,\n      }\"\n      :title=\"row.isMyTeam ? 'Моя команда' : undefined\"\n      @click=\"onRowClick(row)\"\n      @mouseenter=\"hoveredKey = row.key\"\n      @mouseleave=\"hoveredKey = null\"\n    >\n      <template v-if=\"row.team\">\n        <span v-if=\"row.isTechDefeat && hoveredKey === row.key\" class=\"tv-bracket__tooltip\">\n          {{ techDefeatHint }}\n        </span>\n\n        <span class=\"tv-bracket__name\">{{ row.team.name }}</span>\n        <span class=\"tv-bracket__score\">{{ row.score }}</span>\n      </template>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Полоса раундов над турнирной сеткой — та самая, что на странице турнира.\n *\n * Делает три вещи:\n *  1. рисует названия раундов колонками той же ширины, что и уровни сетки;\n *  2. центрует матчи внутри раунда — сетка в слоте получает отступ слева\n *     в половину `levelGap`, иначе карточки прижимаются к левому краю колонки;\n *  3. на узком экране превращается в свайпер: раунд занимает всю ширину блока,\n *     шапка и сетка листаются пальцем вместе и прилипают к границе раунда,\n *     а пройденные раунды прячутся — вместе с линиями, которые из них выходят.\n *\n * Сетка при этом остаётся одна — линии между оставшимися матчами на месте.\n * Меняются только два числа: промежуток между раундами растягивается до\n * ширины экрана, а матчи внутри раунда встают ближе друг к другу. Настройки\n * с этими числами компонент отдаёт в слот — их и передают в `TreeView`.\n *\n * Что рисовать, решает `buildBracketRounds` из core, поэтому версия\n * для Vue 2 выглядит точно так же.\n */\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport {\n  DEFAULT_OPTIONS,\n  MOBILE_MEDIA_QUERY,\n  buildBracketRounds,\n  findScrollParent,\n  hideRoundsBefore,\n  horizontalBox,\n  levelGapForWidth,\n  nodesInColumn,\n  offsetWithin,\n  resolveOptions,\n  roundAtScroll,\n  roundOfDepth,\n  roundScrollLeft,\n  roundSiblingGap,\n  smoothScrollLeft,\n  watchChildren,\n  watchMedia,\n  watchWidth,\n  type BracketRound,\n  type BracketRoundColumn,\n  type TreeNode,\n  type TreeViewOptions,\n} from '@bigplay/tree-view-core'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Раунды по порядку — от первого к финалу. */\n    rounds: BracketRound[] | null | undefined\n    /** Настройки сетки — те же, что уходят в `TreeView`. */\n    options?: Partial<TreeViewOptions>\n    /** Показывать полосу. Содержимое слота рисуется в любом случае. */\n    isShow?: boolean\n    /**\n     * Базовое расстояние между матчами одного раунда в свайпере.\n     * Раунд с несколькими матчами получает кратно больше — до четырёх раз.\n     */\n    swipeSiblingGap?: number\n    /** Прятать пройденные раунды и линии, которые из них выходят. */\n    hidePassed?: boolean\n    /** Включить свайпер принудительно. Не передан — решает ширина экрана. */\n    swipe?: boolean\n    /** Медиавыражение «узкий экран», при котором включается свайпер. */\n    mobileQuery?: string\n  }>(),\n  {\n    options: undefined,\n    isShow: true,\n    swipeSiblingGap: 12,\n    hidePassed: true,\n    swipe: undefined,\n    mobileQuery: MOBILE_MEDIA_QUERY,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'select', round: BracketRoundColumn): void\n  (e: 'round', index: number): void\n}>()\n\nconst rootElement = ref<HTMLElement | null>(null)\nconst contentElement = ref<HTMLElement | null>(null)\n\n/** Узкий ли экран. До монтирования — нет: на сервере ширину знать неоткуда. */\nconst isNarrow = ref(false)\n/** Сколько места отведено полосе: по нему считается ширина раунда в свайпере. */\nconst available = ref(0)\n/** Раунд, на котором стоит прокрутка. Меняется прямо во время свайпа. */\nconst current = ref(0)\n\n/** Полосы нет — свайпать нечего: сетку в это время таскают и масштабируют. */\nconst isSwipe = computed(() => props.isShow && (props.swipe ?? isNarrow.value))\n\nconst base = computed(() => resolveOptions(props.options))\n\n/**\n * Карточки матчей одной ширины, поэтому у сетки с раундами `nodeWidth` —\n * число. Если это всё-таки функция, считать колонки не по чему: берём значение\n * по умолчанию, чтобы полоса не развалилась.\n */\nconst nodeWidth = computed(() =>\n  typeof base.value.nodeWidth === 'number'\n    ? base.value.nodeWidth\n    : (DEFAULT_OPTIONS.nodeWidth as number),\n)\n\nconst levelGap = computed(() =>\n  isSwipe.value ? levelGapForWidth(available.value, nodeWidth.value) : base.value.levelGap,\n)\n\nconst model = computed(() =>\n  buildBracketRounds(props.rounds, { nodeWidth: nodeWidth.value, levelGap: levelGap.value }),\n)\n\n/** Дерево турнирной сетки растёт справа налево: первый раунд — самый глубокий. */\nconst mirrored = computed(\n  () => base.value.direction === 'right-to-left' || base.value.direction === 'bottom-to-top',\n)\n\n/**\n * Настройки для сетки в свайпере.\n *\n * Раунды растягиваются на ширину экрана, а уровни укладываются каждый сам по\n * себе: в дереве место второго раунда выводится из первого, поэтому отдельно\n * его отступ не задать. Сам отступ зависит от того, сколько матчей в раунде.\n */\nconst gridOptions = computed<Partial<TreeViewOptions>>(() =>\n  isSwipe.value\n    ? {\n        ...props.options,\n        levelGap: levelGap.value,\n        levelLayout: 'stack',\n        siblingGap: (_node: TreeNode<unknown>, count: number) =>\n          roundSiblingGap(count, props.swipeSiblingGap),\n      }\n    : { ...props.options },\n)\n\nconst barStyle = computed(() => ({ width: `${model.value.width}px` }))\n\nconst contentStyle = computed(() =>\n  props.isShow ? { paddingLeft: `${model.value.offset}px` } : undefined,\n)\n\n/** Прячет всё, что осталось позади: карточки пройденных раундов и их линии. */\nfunction applyHidden(): void {\n  const content = contentElement.value\n  if (!content) return\n\n  const hideBefore = isSwipe.value && props.hidePassed ? current.value : 0\n  const count = model.value.columns.length\n\n  hideRoundsBefore(content, hideBefore, (depth) => roundOfDepth(depth, count, mirrored.value))\n}\n\nfunction onScroll(): void {\n  const element = rootElement.value\n  if (!element || !isSwipe.value) return\n\n  const width = model.value.columns[0]?.width ?? 0\n  const next = roundAtScroll(element.scrollLeft, width, model.value.columns.length)\n  if (next === current.value) return\n\n  current.value = next\n  emit('round', next)\n}\n\nwatch([current, isSwipe, model], () => applyHidden())\n\nconst stop: Array<() => void> = []\n\nonMounted(() => {\n  stop.push(\n    watchMedia(props.mobileQuery, (matches) => {\n      isNarrow.value = matches\n    }),\n    watchWidth(rootElement.value?.parentElement, (width) => {\n      available.value = width\n    }),\n    // Сетка перерисовывает карточки — скрытое расставляем заново.\n    watchChildren(contentElement.value, applyHidden),\n  )\n\n  applyHidden()\n})\n\nonBeforeUnmount(() => stop.forEach((off) => off()))\n\n/**\n * Подводит сетку к матчам раунда — только по горизонтали.\n *\n * Меряем по самой карточке: так раунд встаёт по центру экрана точно, а у финала\n * прокрутка упирается в правый край и он виден целиком. Карточек не нашли\n * (виртуализация) — считаем по колонке, она той же ширины и на том же месте.\n *\n * Вертикаль не трогаем: страница остаётся там, где была.\n */\nfunction scrollToRound(column: BracketRoundColumn): void {\n  const element = rootElement.value\n  if (!element) return\n\n  // В свайпере прокручивается сама полоса, иначе — блок с overflow-x вокруг неё.\n  const container = isSwipe.value ? element : findScrollParent(element)\n  if (!container) return\n\n  const content = contentElement.value\n  // Карточки раунда стоят друг под другом, поэтому по горизонтали годится любая.\n  const card = content\n    ? nodesInColumn(content, column.index, column.width, model.value.offset)[0]\n    : undefined\n\n  const box = card\n    ? horizontalBox(card, container)\n    : { left: offsetWithin(element, container) + column.index * column.width, width: column.width }\n\n  smoothScrollLeft(\n    container,\n    roundScrollLeft({\n      ...box,\n      viewport: container.clientWidth,\n      scrollWidth: container.scrollWidth,\n    }),\n  )\n}\n\nfunction onSelect(column: BracketRoundColumn): void {\n  emit('select', column)\n  scrollToRound(column)\n}\n\ndefineExpose({ scrollToRound })\n</script>\n\n<template>\n  <div\n    ref=\"rootElement\"\n    class=\"tv-rounds\"\n    :class=\"{ 'tv-rounds--swipe': isSwipe }\"\n    @scroll=\"onScroll\"\n  >\n    <div v-if=\"isShow\" class=\"tv-rounds__bar\" :style=\"barStyle\">\n      <div\n        v-for=\"column in model.columns\"\n        :key=\"column.key\"\n        class=\"tv-rounds__item\"\n        :style=\"{ width: `${column.width}px` }\"\n        @click=\"onSelect(column)\"\n      >\n        <slot name=\"round\" :round=\"column\">{{ column.name }}</slot>\n      </div>\n    </div>\n\n    <div ref=\"contentElement\" class=\"tv-rounds__content\" :style=\"contentStyle\">\n      <!--\n        Сюда кладут саму сетку. `options` — настройки, подогнанные под экран:\n        в свайпере раунд занимает всю ширину, а матчи внутри стоят ближе.\n      -->\n      <slot :options=\"gridOptions\" :is-swipe=\"isSwipe\" :round=\"current\" />\n    </div>\n  </div>\n</template>\n","import type { App, Plugin } from 'vue'\nimport TreeView from './TreeView.vue'\nimport TreeNodeCard from './TreeNodeCard.vue'\nimport BracketCard from './BracketCard.vue'\nimport BracketRounds from './BracketRounds.vue'\n// Стили общие для Vue 2 и Vue 3 — лежат в core, чтобы не расходились.\n// Они попадают прямо в бандл и подключаются сами: отдельный импорт в проекте не нужен.\nimport { injectStyles } from '@bigplay/tree-view-core'\nimport styles from '@bigplay/tree-view-core/style.css?inline'\n\ninjectStyles(styles)\n\nexport { TreeView, TreeNodeCard, BracketCard, BracketRounds }\nexport { useTreeLayout } from './useTreeLayout'\nexport { usePanZoom } from './usePanZoom'\n\n// Типы из core переэкспортируем, чтобы их не приходилось ставить отдельно.\nexport type {\n  Accessors,\n  BracketCardMatch,\n  BracketCardModel,\n  BracketCardOptions,\n  BracketCardRow,\n  BracketCardTeam,\n  BracketRound,\n  BracketRoundColumn,\n  BracketRoundsModel,\n  BracketRoundsOptions,\n  Direction,\n  Layout,\n  LayoutLink,\n  LayoutNode,\n  LinkStyle,\n  ScaleLimits,\n  Transform,\n  TreeNode,\n  TreeViewOptions,\n} from '@bigplay/tree-view-core'\nexport {\n  DEFAULT_OPTIONS,\n  MOBILE_MEDIA_QUERY,\n  buildBracketCard,\n  bracketCardHeight,\n  buildBracketRounds,\n} from '@bigplay/tree-view-core'\n\n/** Плагин: `app.use(TreeViewPlugin)` регистрирует компоненты глобально. */\nexport const TreeViewPlugin: Plugin = {\n  install(app: App) {\n    app.component('TreeView', TreeView)\n    app.component('TreeNodeCard', TreeNodeCard)\n    app.component('BracketCard', BracketCard)\n    app.component('BracketRounds', BracketRounds)\n  },\n}\n\nexport default TreeViewPlugin\n"],"names":["emit","__emit","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","__props","_hoisted_3","usePanZoom","params","transform","ref","IDENTITY_TRANSFORM","controller","PanZoomController","next","watch","element","_previous","onCleanup","onBeforeUnmount","content","padding","useTreeLayout","collapsedIds","tree","computed","toTree","visibleTree","applyCollapsed","layout","layoutTree","isCollapsed","id","toggle","toggleCollapsed","expandAll","useVisibleRect","canvas","scale","enabled","rect","estimateVisibleRect","update","measureVisibleRect","onMounted","props","rootElement","canvasElement","panZoom","DEFAULT_SCALE_LIMITS","visible","drawn","visibleLayout","canvasStyle","toCssTransform","rootStyle","nodeStyle","node","nodeClassOf","labelOf","data","toggleNode","onNodeClick","event","fit","nextTick","__expose","_normalizeClass","_unref","_Fragment","_renderList","link","_renderSlot","_ctx","_normalizeStyle","$event","_createVNode","TreeNodeCard","hoveredKey","card","buildBracketCard","onRowClick","row","_hoisted_4","_hoisted_5","contentElement","isNarrow","available","current","isSwipe","base","resolveOptions","nodeWidth","DEFAULT_OPTIONS","levelGap","levelGapForWidth","model","buildBracketRounds","mirrored","gridOptions","_node","count","roundSiblingGap","barStyle","contentStyle","applyHidden","hideBefore","hideRoundsBefore","depth","roundOfDepth","onScroll","width","roundAtScroll","stop","watchMedia","matches","watchWidth","watchChildren","off","scrollToRound","column","container","findScrollParent","nodesInColumn","box","horizontalBox","offsetWithin","smoothScrollLeft","roundScrollLeft","onSelect","_createTextVNode","injectStyles","styles","TreeViewPlugin","app","TreeView","BracketCard","BracketRounds"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../src/activeRound.ts","../src/TreeNodeCard.vue","../src/usePanZoom.ts","../src/useTreeLayout.ts","../src/useVisibleRect.ts","../src/TreeView.vue","../src/BracketCard.vue","../src/BracketRounds.vue","../src/index.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\n\n/**\n * Раунд, который сейчас виден в свайпере.\n *\n * Кладёт `BracketRounds`, читает `TreeView`: в свайпере виден один раунд,\n * и высоту холста надо держать по нему, а не по всей раскладке — иначе под\n * финалом с единственной ячейкой остаётся пустота во всю высоту сетки.\n *\n * `null` — свайпера нет (широкий экран или `TreeView` стоит сам по себе),\n * высота считается по всей раскладке, как и раньше.\n */\nexport const ACTIVE_ROUND: InjectionKey<Ref<number | null>> = Symbol('tv-active-round')\n","<script setup lang=\"ts\">\n/**\n * Карточка узла по умолчанию.\n * Нужна только чтобы «из коробки» что-то отображалось —\n * в реальном проекте обычно используют слот #node и рисуют свой блок.\n */\ndefineProps<{\n  label: string\n  hasChildren?: boolean\n  collapsed?: boolean\n}>()\n\nconst emit = defineEmits<{ (e: 'toggle'): void }>()\n</script>\n\n<template>\n  <div class=\"tree-view-card\">\n    <span class=\"tree-view-card__label\">{{ label }}</span>\n\n    <button\n      v-if=\"hasChildren\"\n      type=\"button\"\n      class=\"tree-view-card__toggle\"\n      data-tv-no-pan\n      :aria-label=\"collapsed ? 'Развернуть' : 'Свернуть'\"\n      @click.stop=\"emit('toggle')\"\n    >\n      {{ collapsed ? '+' : '−' }}\n    </button>\n  </div>\n</template>\n","import { onBeforeUnmount, ref, watch, type Ref } from 'vue'\nimport {\n  IDENTITY_TRANSFORM,\n  PanZoomController,\n  type ScaleLimits,\n  type Size,\n  type Transform,\n} from '@bigplay/tree-view-core'\n\nexport interface UsePanZoomParams {\n  /** Элемент, который слушаем: по нему тянут и крутят колесо. */\n  element: Ref<HTMLElement | null>\n  pannable: () => boolean\n  zoomable: () => boolean\n  limits: () => ScaleLimits\n}\n\n/**\n * Тонкая обёртка над `PanZoomController` из core:\n * переносит его состояние в реактивный `ref` и следит за жизненным циклом.\n */\nexport function usePanZoom(params: UsePanZoomParams) {\n  const transform = ref<Transform>({ ...IDENTITY_TRANSFORM })\n\n  const controller = new PanZoomController({\n    pannable: params.pannable,\n    zoomable: params.zoomable,\n    limits: params.limits,\n    onChange: (next) => {\n      transform.value = next\n    },\n  })\n\n  watch(\n    params.element,\n    (element, _previous, onCleanup) => {\n      if (!element) return\n\n      controller.attach(element)\n      onCleanup(() => controller.detach())\n    },\n    { immediate: true },\n  )\n\n  onBeforeUnmount(() => controller.detach())\n\n  return {\n    transform,\n    fit: (content: Size, padding?: number) => controller.fit(content, padding),\n    zoomIn: () => controller.zoomIn(),\n    zoomOut: () => controller.zoomOut(),\n    reset: () => controller.reset(),\n    setTransform: (next: Transform) => controller.set(next),\n  }\n}\n","import { computed, ref, type ComputedRef } from 'vue'\nimport {\n  applyCollapsed,\n  layoutTree,\n  toggleCollapsed,\n  toTree,\n  type Accessors,\n  type Layout,\n  type TreeViewOptions,\n} from '@bigplay/tree-view-core'\n\n/** Функции-геттеры, чтобы композабл видел свежие значения пропов. */\nexport interface UseTreeLayoutParams<T> {\n  data: () => T | T[] | null | undefined\n  options: () => Partial<TreeViewOptions<T>> | undefined\n  accessors: () => Accessors<T>\n}\n\nexport interface UseTreeLayoutResult<T> {\n  /** Готовая раскладка: узлы с координатами и линии. */\n  layout: ComputedRef<Layout<T>>\n  /** Свёрнут ли узел с таким id. */\n  isCollapsed: (id: string) => boolean\n  /** Свернуть/развернуть узел. */\n  toggle: (id: string) => void\n  /** Развернуть всё дерево. */\n  expandAll: () => void\n}\n\n/**\n * Вся «логика» компонента: данные → дерево → раскладка.\n * Каждый шаг — отдельная чистая функция из core, здесь только реактивность.\n */\nexport function useTreeLayout<T>(params: UseTreeLayoutParams<T>): UseTreeLayoutResult<T> {\n  const collapsedIds = ref(new Set<string>())\n\n  const tree = computed(() => toTree(params.data(), params.accessors()))\n  const visibleTree = computed(() => applyCollapsed(tree.value, collapsedIds.value))\n  const layout = computed(() => layoutTree(visibleTree.value, params.options()))\n\n  function isCollapsed(id: string): boolean {\n    return collapsedIds.value.has(id)\n  }\n\n  function toggle(id: string): void {\n    // Новое множество вместо мутации — иначе Vue не заметит изменения.\n    collapsedIds.value = toggleCollapsed(collapsedIds.value, id)\n  }\n\n  function expandAll(): void {\n    collapsedIds.value = new Set()\n  }\n\n  return { layout, isCollapsed, toggle, expandAll }\n}\n","import { onBeforeUnmount, onMounted, ref, type Ref } from 'vue'\nimport { estimateVisibleRect, measureVisibleRect, type Rect } from '@bigplay/tree-view-core'\n\n/**\n * Следит за тем, какая часть холста сейчас видна.\n *\n * Пересчитывается там же, где это меняется: при перетаскивании и зуме,\n * при скролле страницы и при изменении размеров окна. Отдельный троттлинг\n * не нужен — и те, и другие события браузер отдаёт не чаще кадра.\n */\nexport function useVisibleRect(canvas: Ref<HTMLElement | null>, scale: () => number, enabled: () => boolean) {\n  // До первого измерения берём размер окна — иначе первый кадр нарисует всё дерево.\n  const rect = ref<Rect | null>(enabled() ? estimateVisibleRect() : null)\n\n  function update(): void {\n    rect.value = enabled() ? measureVisibleRect(canvas.value, scale()) : null\n  }\n\n  onMounted(() => {\n    update()\n    window.addEventListener('scroll', update, { passive: true, capture: true })\n    window.addEventListener('resize', update, { passive: true })\n  })\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('scroll', update, { capture: true })\n    window.removeEventListener('resize', update)\n  })\n\n  return { rect, update }\n}\n","<script setup lang=\"ts\" generic=\"T\">\n/**\n * Компонент-обёртка. Вся математика — в пакете core, здесь только\n * реактивность, разметка и события.\n */\nimport { computed, inject, nextTick, onMounted, ref, watch } from 'vue'\nimport {\n  DEFAULT_OVERSCAN,\n  DEFAULT_SCALE_LIMITS,\n  resolveOptions,\n  roundContentHeight,\n  toCssTransform,\n  visibleLayout,\n  type Accessors,\n  type LayoutNode,\n  type ScaleLimits,\n  type Transform,\n  type TreeViewOptions,\n} from '@bigplay/tree-view-core'\nimport { ACTIVE_ROUND } from './activeRound'\nimport TreeNodeCard from './TreeNodeCard.vue'\nimport { usePanZoom } from './usePanZoom'\nimport { useTreeLayout } from './useTreeLayout'\nimport { useVisibleRect } from './useVisibleRect'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Данные: объект, массив объектов или плоский список (вместе с `getParentId`). */\n    data: T | T[] | null | undefined\n    /** Размеры и направление. Можно передать только часть полей. */\n    options?: Partial<TreeViewOptions<T>>\n    /** Как достать id узла. По умолчанию — поле `id`. */\n    getId?: Accessors<T>['getId']\n    /** Как достать детей. По умолчанию — поле `children`. */\n    getChildren?: Accessors<T>['getChildren']\n    /** Как достать id родителя. Передан — значит данные плоские. */\n    getParentId?: Accessors<T>['getParentId']\n    /** Клик по узлу сворачивает/разворачивает ветку. */\n    collapsible?: boolean\n    /** Разрешить перетаскивание холста. */\n    pannable?: boolean\n    /** Разрешить зум колесом и «щипком». */\n    zoomable?: boolean\n    /** Вписать дерево в контейнер при первом отображении. */\n    fitOnMount?: boolean\n    /**\n     * Как компонент занимает место:\n     *  - `'fill'` (по умолчанию) — растягивается на родителя, лишнее обрезается,\n     *    дерево двигают мышью;\n     *  - `'content'` — контейнер принимает размер дерева и ничего не обрезает.\n     *    Нужен, когда сетка стоит внутри страницы со своим скроллом.\n     */\n    size?: 'fill' | 'content'\n    /** Пределы масштаба. */\n    scaleLimits?: ScaleLimits\n    /** Дополнительный класс на обёртке узла — строкой или функцией. */\n    nodeClass?: string | ((node: LayoutNode<T>) => string)\n    /**\n     * Рисовать только то, что видно на экране. На больших сетках это\n     * главная экономия: в DOM попадает несколько десятков карточек\n     * вместо тысячи. На маленьких деревьях ничего не меняет.\n     */\n    virtualize?: boolean\n    /** Запас вокруг видимой области в пикселях. */\n    overscan?: number\n  }>(),\n  {\n    options: undefined,\n    getId: undefined,\n    getChildren: undefined,\n    getParentId: undefined,\n    collapsible: false,\n    pannable: true,\n    zoomable: true,\n    fitOnMount: true,\n    size: 'fill',\n    scaleLimits: undefined,\n    nodeClass: undefined,\n    virtualize: true,\n    overscan: DEFAULT_OVERSCAN,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'node-click', node: LayoutNode<T>, event: MouseEvent): void\n  (e: 'toggle', node: LayoutNode<T>, collapsed: boolean): void\n  (e: 'transform', transform: Transform): void\n}>()\n\nconst rootElement = ref<HTMLElement | null>(null)\nconst canvasElement = ref<HTMLElement | null>(null)\n\nconst { layout, isCollapsed, toggle, expandAll } = useTreeLayout<T>({\n  data: () => props.data,\n  options: () => props.options,\n  accessors: () => ({\n    getId: props.getId,\n    getChildren: props.getChildren,\n    getParentId: props.getParentId,\n  }),\n})\n\nconst panZoom = usePanZoom({\n  element: rootElement,\n  pannable: () => props.pannable,\n  zoomable: () => props.zoomable,\n  limits: () => props.scaleLimits ?? DEFAULT_SCALE_LIMITS,\n})\n\nconst visible = useVisibleRect(\n  canvasElement,\n  () => panZoom.transform.value.scale,\n  () => props.virtualize,\n)\n\n/** То, что реально попадёт в DOM: при `virtualize` — только видимая часть. */\nconst drawn = computed(() =>\n  props.virtualize ? visibleLayout(layout.value, visible.rect.value, props.overscan) : layout.value,\n)\n\n/**\n * Раунд, который виден в свайпере, — его кладёт BracketRounds, если сетка\n * стоит внутри него. Стоит сама по себе — тут `null`, и всё как раньше.\n */\nconst activeRound = inject(ACTIVE_ROUND, ref<number | null>(null))\n\nconst mirrored = computed(() => {\n  const direction = resolveOptions(props.options).direction\n  return direction === 'right-to-left' || direction === 'bottom-to-top'\n})\n\n/**\n * Высота холста.\n *\n * Обычно — по всей раскладке. В свайпере виден один раунд, и высота берётся\n * по нему: иначе финал с одной ячейкой держит высоту самого населённого\n * раунда и под ним остаётся пустота.\n */\nconst canvasHeight = computed(() => {\n  const round = activeRound.value\n  if (round === null) return layout.value.height\n\n  const rounds = layout.value.nodes.reduce((max, node) => Math.max(max, node.depth), 0) + 1\n  const height = roundContentHeight(layout.value.nodes, round, rounds, mirrored.value)\n\n  // Раунда с таким номером в раскладке нет (данные ещё не доехали) —\n  // держим прежнюю высоту, чтобы сетка не прыгнула в ноль.\n  return height || layout.value.height\n})\n\nconst canvasStyle = computed(() => ({\n  width: `${layout.value.width}px`,\n  height: `${canvasHeight.value}px`,\n  transform: toCssTransform(panZoom.transform.value),\n}))\n\nconst rootStyle = computed(() => {\n  if (props.size !== 'content') return undefined\n\n  const { scale } = panZoom.transform.value\n  return {\n    width: `${layout.value.width * scale}px`,\n    height: `${canvasHeight.value * scale}px`,\n    overflow: 'visible',\n  }\n})\n\nfunction nodeStyle(node: LayoutNode<T>) {\n  return {\n    left: `${node.x}px`,\n    top: `${node.y}px`,\n    width: `${node.width}px`,\n    height: `${node.height}px`,\n  }\n}\n\nfunction nodeClassOf(node: LayoutNode<T>): string | undefined {\n  return typeof props.nodeClass === 'function' ? props.nodeClass(node) : props.nodeClass\n}\n\n/** Подпись карточки по умолчанию: name → title → label → id. */\nfunction labelOf(node: LayoutNode<T>): string {\n  const data = node.data as { name?: string; title?: string; label?: string } | null\n  return data?.name ?? data?.title ?? data?.label ?? node.id\n}\n\nfunction toggleNode(node: LayoutNode<T>): void {\n  toggle(node.id)\n  emit('toggle', node, isCollapsed(node.id))\n}\n\nfunction onNodeClick(node: LayoutNode<T>, event: MouseEvent): void {\n  emit('node-click', node, event)\n  if (props.collapsible && node.hasChildren) toggleNode(node)\n}\n\n/** Вписывает дерево в видимую область. */\nfunction fit(padding?: number): void {\n  panZoom.fit({ width: layout.value.width, height: layout.value.height }, padding)\n}\n\nonMounted(() => {\n  if (props.fitOnMount) void nextTick(() => fit())\n})\n\nwatch(\n  () => panZoom.transform.value,\n  (transform) => {\n    // Холст поехал — видимая часть стала другой.\n    visible.update()\n    emit('transform', transform)\n  },\n)\n\n// Новые данные — и пересчитывать видимую часть надо уже по ним.\nwatch(layout, () => void nextTick(() => visible.update()))\n\ndefineExpose({\n  fit,\n  zoomIn: panZoom.zoomIn,\n  zoomOut: panZoom.zoomOut,\n  resetTransform: panZoom.reset,\n  setTransform: panZoom.setTransform,\n  expandAll,\n  toggle,\n  layout,\n  transform: panZoom.transform,\n})\n</script>\n\n<template>\n  <div\n    ref=\"rootElement\"\n    class=\"tree-view\"\n    :class=\"{ 'tree-view--pannable': pannable, 'tree-view--content': size === 'content' }\"\n    :style=\"rootStyle\"\n  >\n    <div ref=\"canvasElement\" class=\"tree-view__canvas\" :style=\"canvasStyle\">\n      <svg class=\"tree-view__links\" :width=\"layout.width\" :height=\"layout.height\">\n        <!-- data-depth — уровень, из которого линия выходит: по нему её находят\n             снаружи, например когда полоса раундов прячет пройденное. -->\n        <g v-for=\"link in drawn.links\" :key=\"link.id\" :data-depth=\"link.target.depth\">\n          <slot name=\"link\" :link=\"link\">\n            <path class=\"tree-view__link\" :d=\"link.path\" />\n          </slot>\n        </g>\n      </svg>\n\n      <div\n        v-for=\"node in drawn.nodes\"\n        :key=\"node.id\"\n        class=\"tree-view__node\"\n        :class=\"nodeClassOf(node)\"\n        :style=\"nodeStyle(node)\"\n        :data-depth=\"node.depth\"\n        @click=\"onNodeClick(node, $event)\"\n      >\n        <!--\n          Главная точка кастомизации: сюда подставляют свою карточку.\n          Доступно всё, что может понадобиться для отрисовки и управления.\n        -->\n        <slot\n          name=\"node\"\n          :node=\"node\"\n          :data=\"node.data\"\n          :depth=\"node.depth\"\n          :collapsed=\"node.collapsed\"\n          :has-children=\"node.hasChildren\"\n          :toggle=\"() => toggleNode(node)\"\n        >\n          <TreeNodeCard\n            :label=\"labelOf(node)\"\n            :has-children=\"node.hasChildren\"\n            :collapsed=\"node.collapsed\"\n            @toggle=\"toggleNode(node)\"\n          />\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Карточка матча турнирной сетки — та самая, что на сайте:\n * победитель синий, проигравший серый, команда пользователя в рамке\n * с подсказкой, техническое поражение показывает «ТП» и объяснение по наведению.\n *\n * Какие строки рисовать — решает `buildBracketCard` из core, поэтому\n * версия для Vue 2 выглядит точно так же.\n */\nimport { computed, ref } from 'vue'\nimport {\n  buildBracketCard,\n  type BracketCardMatch,\n  type BracketCardRow,\n  type BracketCardTeam,\n} from '@bigplay/tree-view-core'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Матч: нужны только команды. */\n    match: BracketCardMatch | null | undefined\n    /** Сколько строк рисовать. У финала — одна. */\n    rows?: number\n    /** Подсказка над карточкой с моей командой. Пустая строка — не показывать. */\n    myTeamHint?: string\n    /** Текст в ячейке счёта при техническом поражении. */\n    techDefeatLabel?: string\n    /** Подсказка по наведению на техническое поражение. */\n    techDefeatHint?: string\n    /** У матча есть предыдущие — рисуем кнопку, которая их сворачивает. */\n    hasChildren?: boolean\n    /** Предыдущие матчи сейчас свёрнуты. */\n    collapsed?: boolean\n    /** Подписи кнопки для screen reader. */\n    collapseHint?: string\n    expandHint?: string\n  }>(),\n  {\n    rows: undefined,\n    myTeamHint: 'Нажми для перехода в матч 👇',\n    techDefeatLabel: 'ТП',\n    techDefeatHint: 'Техническое поражение',\n    hasChildren: false,\n    collapsed: false,\n    collapseHint: 'Свернуть предыдущие матчи',\n    expandHint: 'Показать предыдущие матчи',\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'select', team: BracketCardTeam, row: BracketCardRow): void\n  (e: 'toggle'): void\n}>()\n\nconst hoveredKey = ref<string | null>(null)\n\nconst card = computed(() =>\n  buildBracketCard(props.match, { rows: props.rows, techDefeatLabel: props.techDefeatLabel }),\n)\n\nfunction onRowClick(row: BracketCardRow): void {\n  if (row.team) emit('select', row.team, row)\n}\n</script>\n\n<template>\n  <div class=\"tv-bracket\" :class=\"{ 'tv-bracket--my-team': card.hasMyTeam }\">\n    <div v-if=\"card.hasMyTeam && myTeamHint\" class=\"tv-bracket__hint\">{{ myTeamHint }}</div>\n\n    <!--\n      Кнопка стоит со стороны предыдущих матчей — туда же уходят линии.\n      data-tv-no-pan: нажатие не должно утаскивать холст.\n    -->\n    <button\n      v-if=\"hasChildren\"\n      type=\"button\"\n      class=\"tv-bracket__toggle\"\n      :class=\"{ 'tv-bracket__toggle--collapsed': collapsed }\"\n      :title=\"collapsed ? expandHint : collapseHint\"\n      :aria-label=\"collapsed ? expandHint : collapseHint\"\n      :aria-expanded=\"!collapsed\"\n      data-tv-no-pan\n      @click.stop=\"emit('toggle')\"\n    >\n      {{ collapsed ? '+' : '−' }}\n    </button>\n\n    <!-- Строки лежат в своей обёртке: она держит скругление и контур, поэтому\n         матч читается как один блок, а не как список из четырёх команд.\n         Подсказка и кнопка остаются снаружи — их обрезать нельзя. -->\n    <div class=\"tv-bracket__rows\">\n      <div\n        v-for=\"row in card.rows\"\n        :key=\"row.key\"\n        class=\"tv-bracket__row\"\n        :class=\"{\n          'tv-bracket__row--winner': row.isWinner,\n          'tv-bracket__row--loser': row.isLoser && !row.isEmpty,\n          'tv-bracket__row--my': row.isMyTeam,\n          'tv-bracket__row--empty': row.isEmpty,\n        }\"\n        :title=\"row.isMyTeam ? 'Моя команда' : undefined\"\n        @click=\"onRowClick(row)\"\n        @mouseenter=\"hoveredKey = row.key\"\n        @mouseleave=\"hoveredKey = null\"\n      >\n        <template v-if=\"row.team\">\n          <span v-if=\"row.isTechDefeat && hoveredKey === row.key\" class=\"tv-bracket__tooltip\">\n            {{ techDefeatHint }}\n          </span>\n\n          <span class=\"tv-bracket__name\">{{ row.team.name }}</span>\n          <span class=\"tv-bracket__score\">{{ row.score }}</span>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Полоса раундов над турнирной сеткой — та самая, что на странице турнира.\n *\n * Делает три вещи:\n *  1. рисует названия раундов колонками той же ширины, что и уровни сетки;\n *  2. центрует матчи внутри раунда — сетка в слоте получает отступ слева\n *     в половину `levelGap`, иначе карточки прижимаются к левому краю колонки;\n *  3. на узком экране превращается в свайпер: раунд занимает всю ширину блока,\n *     шапка и сетка листаются пальцем вместе и прилипают к границе раунда,\n *     а пройденные раунды прячутся — вместе с линиями, которые из них выходят.\n *\n * Сетка при этом остаётся одна — линии между оставшимися матчами на месте.\n * Меняются только два числа: промежуток между раундами растягивается до\n * ширины экрана, а матчи внутри раунда встают ближе друг к другу. Настройки\n * с этими числами компонент отдаёт в слот — их и передают в `TreeView`.\n *\n * Что рисовать, решает `buildBracketRounds` из core, поэтому версия\n * для Vue 2 выглядит точно так же.\n */\nimport { computed, onBeforeUnmount, onMounted, provide, ref, watch } from 'vue'\nimport {\n  afterScrollEnd,\n  DEFAULT_OPTIONS,\n  MOBILE_MEDIA_QUERY,\n  buildBracketRounds,\n  findScrollParent,\n  hideRoundsBefore,\n  horizontalBox,\n  levelGapForWidth,\n  nodesInColumn,\n  offsetWithin,\n  resolveOptions,\n  roundAtScroll,\n  roundOfDepth,\n  roundScrollLeft,\n  roundSiblingGap,\n  SWIPE_ELBOW_OFFSET,\n  smoothScrollLeft,\n  watchChildren,\n  watchMedia,\n  watchWidth,\n  type BracketRound,\n  type BracketRoundColumn,\n  type TreeNode,\n  type TreeViewOptions,\n} from '@bigplay/tree-view-core'\nimport { ACTIVE_ROUND } from './activeRound'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Раунды по порядку — от первого к финалу. */\n    rounds: BracketRound[] | null | undefined\n    /** Настройки сетки — те же, что уходят в `TreeView`. */\n    options?: Partial<TreeViewOptions>\n    /** Показывать полосу. Содержимое слота рисуется в любом случае. */\n    isShow?: boolean\n    /**\n     * Базовое расстояние между матчами одного раунда в свайпере.\n     * Раунд с несколькими матчами получает кратно больше — до четырёх раз.\n     */\n    swipeSiblingGap?: number\n    /** Прятать пройденные раунды и линии, которые из них выходят. */\n    hidePassed?: boolean\n    /** Включить свайпер принудительно. Не передан — решает ширина экрана. */\n    swipe?: boolean\n    /** Медиавыражение «узкий экран», при котором включается свайпер. */\n    mobileQuery?: string\n  }>(),\n  {\n    options: undefined,\n    isShow: true,\n    swipeSiblingGap: 12,\n    hidePassed: true,\n    swipe: undefined,\n    mobileQuery: MOBILE_MEDIA_QUERY,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'select', round: BracketRoundColumn): void\n  (e: 'round', index: number): void\n}>()\n\nconst rootElement = ref<HTMLElement | null>(null)\n/** Слой с подписями раундов: прилипает к странице, прокручивается программно. */\nconst headElement = ref<HTMLElement | null>(null)\n/** Блок, который листают пальцем: в нём сетка и якоря прилипания. */\nconst scrollElement = ref<HTMLElement | null>(null)\nconst contentElement = ref<HTMLElement | null>(null)\n\n/** Узкий ли экран. До монтирования — нет: на сервере ширину знать неоткуда. */\nconst isNarrow = ref(false)\n/** Сколько места отведено полосе: по нему считается ширина раунда в свайпере. */\nconst available = ref(0)\n/** Раунд, на котором стоит прокрутка. Меняется прямо во время свайпа. */\nconst current = ref(0)\n\n/** Полосы нет — свайпать нечего: сетку в это время таскают и масштабируют. */\nconst isSwipe = computed(() => props.isShow && (props.swipe ?? isNarrow.value))\n\nconst base = computed(() => resolveOptions(props.options))\n\n/**\n * Карточки матчей одной ширины, поэтому у сетки с раундами `nodeWidth` —\n * число. Если это всё-таки функция, считать колонки не по чему: берём значение\n * по умолчанию, чтобы полоса не развалилась.\n */\nconst nodeWidth = computed(() =>\n  typeof base.value.nodeWidth === 'number'\n    ? base.value.nodeWidth\n    : (DEFAULT_OPTIONS.nodeWidth as number),\n)\n\nconst levelGap = computed(() =>\n  isSwipe.value ? levelGapForWidth(available.value, nodeWidth.value) : base.value.levelGap,\n)\n\nconst model = computed(() =>\n  buildBracketRounds(props.rounds, { nodeWidth: nodeWidth.value, levelGap: levelGap.value }),\n)\n\n/** Дерево турнирной сетки растёт справа налево: первый раунд — самый глубокий. */\nconst mirrored = computed(\n  () => base.value.direction === 'right-to-left' || base.value.direction === 'bottom-to-top',\n)\n\n/**\n * Настройки для сетки в свайпере.\n *\n * Раунды растягиваются на ширину экрана, а уровни укладываются каждый сам по\n * себе: в дереве место второго раунда выводится из первого, поэтому отдельно\n * его отступ не задать.\n *\n * Внутри пары матчи стоят тесно, а между парами промежуток крупнее — иначе\n * весь раунд читается как один список и непонятно, кто с кем сходится дальше.\n * Линии рисуются скобкой: пара сходится в одну вертикаль сразу за карточками,\n * и уже от её середины идёт линия к следующему матчу. В раскладке `'stack'`\n * родитель стоит не по центру детей, поэтому обычная «ступенька» выходила бы\n * из верхнего матча пары, а не из середины.\n */\nconst gridOptions = computed<Partial<TreeViewOptions>>(() =>\n  isSwipe.value\n    ? {\n        ...props.options,\n        levelGap: levelGap.value,\n        levelLayout: 'stack',\n        siblingGap: props.swipeSiblingGap,\n        groupGap: (_node: TreeNode<unknown>, count: number) =>\n          roundSiblingGap(count, props.swipeSiblingGap),\n        linkStyle: 'bracket',\n        elbowOffset: props.options?.elbowOffset ?? SWIPE_ELBOW_OFFSET,\n      }\n    : { ...props.options },\n)\n\n/**\n * Раунд, который виден сейчас, — забирает TreeView в слоте, чтобы держать\n * высоту холста по нему. Вне свайпера раунд не ограничивает ничего: там видна\n * вся сетка целиком, и высота должна считаться по всей раскладке.\n */\nprovide(\n  ACTIVE_ROUND,\n  computed(() => (isSwipe.value ? current.value : null)),\n)\n\nconst barStyle = computed(() => ({ width: `${model.value.width}px` }))\n\nconst contentStyle = computed(() =>\n  props.isShow ? { paddingLeft: `${model.value.offset}px` } : undefined,\n)\n\n/** Прячет всё, что осталось позади: карточки пройденных раундов и их линии. */\nfunction applyHidden(): void {\n  const content = contentElement.value\n  if (!content) return\n\n  const hideBefore = isSwipe.value && props.hidePassed ? current.value : 0\n  const count = model.value.columns.length\n\n  hideRoundsBefore(content, hideBefore, (depth) => roundOfDepth(depth, count, mirrored.value))\n}\n\n/**\n * Идёт прокрутка, которую запустили мы сами (клик по раунду).\n * Ограничитель ниже её не трогает: туда и надо приехать за один раз.\n */\nlet programmatic = false\n\n/** Раунд, на котором прокрутка остановилась в прошлый раз. */\nlet anchor = 0\n/** Ждём ли мы сейчас, когда прокрутка замрёт. */\nlet settling = false\n\n/**\n * Один свайп — один раунд.\n *\n * Пока прокрутка не остановилась, дальше соседнего от `anchor` раунда не\n * пускаем: иначе резкий свайп уносит инерцией через всю сетку. Ограничивать\n * шаг между соседними событиями бесполезно — при инерции они приходят подряд\n * по одному раунду, и каждый шаг сам по себе выглядит законным.\n */\nfunction settleAt(element: HTMLElement): void {\n  if (settling) return\n\n  settling = true\n  afterScrollEnd(element, () => {\n    settling = false\n    anchor = current.value\n  })\n}\n\nfunction onScroll(): void {\n  const element = scrollElement.value\n  if (!element || !isSwipe.value) return\n\n  // Полоса едет за сеткой: она в отдельном слое и своей прокрутки не имеет.\n  if (headElement.value) headElement.value.scrollLeft = element.scrollLeft\n\n  const width = model.value.columns[0]?.width ?? 0\n  let next = roundAtScroll(element.scrollLeft, width, model.value.columns.length)\n\n  /*\n   * Резкий свайп не должен проскакивать раунды.\n   *\n   * На это стоит `scroll-snap-stop: always`, но при инерции он спасает не\n   * всегда: событий прокрутки за кадр приходит мало, и палец успевает утащить\n   * ленту через несколько раундов раньше, чем браузер решит прилипнуть, —\n   * из первого раунда попадаешь сразу в третий. Останавливаем сами: от точки,\n   * где свайп начался, не дальше соседнего раунда, пока прокрутка не замрёт.\n   */\n  if (!programmatic && width > 0) {\n    const limited = Math.min(Math.max(next, anchor - 1), anchor + 1)\n\n    if (limited !== next) {\n      next = limited\n      element.scrollLeft = next * width\n    }\n\n    settleAt(element)\n  }\n\n  if (next === current.value) return\n\n  current.value = next\n  emit('round', next)\n}\n\nwatch([current, isSwipe, model], () => applyHidden())\n\nconst stop: Array<() => void> = []\n\nonMounted(() => {\n  stop.push(\n    watchMedia(props.mobileQuery, (matches) => {\n      isNarrow.value = matches\n    }),\n    watchWidth(rootElement.value?.parentElement, (width) => {\n      available.value = width\n    }),\n    // Сетка перерисовывает карточки — скрытое расставляем заново.\n    watchChildren(contentElement.value, applyHidden),\n  )\n\n  applyHidden()\n})\n\nonBeforeUnmount(() => stop.forEach((off) => off()))\n\n/**\n * Подводит сетку к матчам раунда — только по горизонтали.\n *\n * Меряем по самой карточке: так раунд встаёт по центру экрана точно, а у финала\n * прокрутка упирается в правый край и он виден целиком. Карточек не нашли\n * (виртуализация) — считаем по колонке, она той же ширины и на том же месте.\n *\n * Вертикаль не трогаем: страница остаётся там, где была.\n */\nfunction scrollToRound(column: BracketRoundColumn): void {\n  const element = rootElement.value\n  if (!element) return\n\n  // В свайпере прокручивается блок с сеткой, иначе — блок с overflow-x вокруг.\n  const container = isSwipe.value ? scrollElement.value : findScrollParent(element)\n  if (!container) return\n\n  const content = contentElement.value\n  // Карточки раунда стоят друг под другом, поэтому по горизонтали годится любая.\n  const card = content\n    ? nodesInColumn(content, column.index, column.width, model.value.offset)[0]\n    : undefined\n\n  const box = card\n    ? horizontalBox(card, container)\n    : { left: offsetWithin(element, container) + column.index * column.width, width: column.width }\n\n  // Прокрутка по клику едет сразу к нужному раунду — ограничитель «не дальше\n  // соседнего» для неё выключаем, иначе из финала в первый раунд не попасть.\n  programmatic = true\n  smoothScrollLeft(\n    container,\n    roundScrollLeft({\n      ...box,\n      viewport: container.clientWidth,\n      scrollWidth: container.scrollWidth,\n    }),\n  )\n  // Плавная прокрутка идёт несколько кадров; снимаем флаг, когда она кончилась.\n  afterScrollEnd(container, () => {\n    programmatic = false\n    anchor = current.value\n  })\n}\n\nfunction onSelect(column: BracketRoundColumn): void {\n  emit('select', column)\n  scrollToRound(column)\n}\n\ndefineExpose({ scrollToRound })\n</script>\n\n<template>\n  <div ref=\"rootElement\" class=\"tv-rounds\" :class=\"{ 'tv-rounds--swipe': isSwipe }\">\n    <!--\n      Полоса лежит ВНЕ прокручиваемого блока — иначе её не прилепить к странице:\n      элемент с `overflow-x` становится скролл-контейнером по обеим осям, и\n      `position: sticky` внутри него липнет к нему же, а не к экрану. Поэтому\n      полоса своим слоем, сетка своим, а горизонтальную прокрутку мы между ними\n      синхронизируем.\n    -->\n    <div v-if=\"isShow\" ref=\"headElement\" class=\"tv-rounds__head\">\n      <div class=\"tv-rounds__bar\" :style=\"barStyle\">\n        <div\n          v-for=\"column in model.columns\"\n          :key=\"column.key\"\n          class=\"tv-rounds__item\"\n          :style=\"{ width: `${column.width}px` }\"\n          @click=\"onSelect(column)\"\n        >\n          <slot name=\"round\" :round=\"column\">{{ column.name }}</slot>\n        </div>\n      </div>\n    </div>\n\n    <div ref=\"scrollElement\" class=\"tv-rounds__scroll\" @scroll=\"onScroll\">\n      <!--\n        Точки прилипания раньше висели на подписях раундов, а они уехали из\n        прокручиваемого блока. Здесь их заменяют невидимые якоря той же ширины:\n        свайп по-прежнему останавливается ровно на границе раунда.\n      -->\n      <div v-if=\"isSwipe\" class=\"tv-rounds__snap\" :style=\"barStyle\" aria-hidden=\"true\">\n        <i\n          v-for=\"column in model.columns\"\n          :key=\"column.key\"\n          class=\"tv-rounds__snap-item\"\n          :style=\"{ width: `${column.width}px` }\"\n        />\n      </div>\n\n      <div ref=\"contentElement\" class=\"tv-rounds__content\" :style=\"contentStyle\">\n        <!--\n          Сюда кладут саму сетку. `options` — настройки, подогнанные под экран:\n          в свайпере раунд занимает всю ширину, а матчи внутри стоят ближе.\n        -->\n        <slot :options=\"gridOptions\" :is-swipe=\"isSwipe\" :round=\"current\" />\n      </div>\n    </div>\n  </div>\n</template>\n","import type { App, Plugin } from 'vue'\nimport TreeView from './TreeView.vue'\nimport TreeNodeCard from './TreeNodeCard.vue'\nimport BracketCard from './BracketCard.vue'\nimport BracketRounds from './BracketRounds.vue'\n// Стили общие для Vue 2 и Vue 3 — лежат в core, чтобы не расходились.\n// Они попадают прямо в бандл и подключаются сами: отдельный импорт в проекте не нужен.\nimport { injectStyles } from '@bigplay/tree-view-core'\nimport styles from '@bigplay/tree-view-core/style.css?inline'\n\ninjectStyles(styles)\n\nexport { TreeView, TreeNodeCard, BracketCard, BracketRounds }\nexport { useTreeLayout } from './useTreeLayout'\nexport { usePanZoom } from './usePanZoom'\n\n// Типы из core переэкспортируем, чтобы их не приходилось ставить отдельно.\nexport type {\n  Accessors,\n  BracketCardMatch,\n  BracketCardModel,\n  BracketCardOptions,\n  BracketCardRow,\n  BracketCardTeam,\n  BracketRound,\n  BracketRoundColumn,\n  BracketRoundsModel,\n  BracketRoundsOptions,\n  Direction,\n  Layout,\n  LayoutLink,\n  LayoutNode,\n  LinkStyle,\n  ScaleLimits,\n  Transform,\n  TreeNode,\n  TreeViewOptions,\n} from '@bigplay/tree-view-core'\nexport {\n  DEFAULT_OPTIONS,\n  MOBILE_MEDIA_QUERY,\n  buildBracketCard,\n  bracketCardHeight,\n  buildBracketRounds,\n} from '@bigplay/tree-view-core'\n\n/** Плагин: `app.use(TreeViewPlugin)` регистрирует компоненты глобально. */\nexport const TreeViewPlugin: Plugin = {\n  install(app: App) {\n    app.component('TreeView', TreeView)\n    app.component('TreeNodeCard', TreeNodeCard)\n    app.component('BracketCard', BracketCard)\n    app.component('BracketRounds', BracketRounds)\n  },\n}\n\nexport default TreeViewPlugin\n"],"names":["ACTIVE_ROUND","emit","__emit","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","__props","_hoisted_3","usePanZoom","params","transform","ref","IDENTITY_TRANSFORM","controller","PanZoomController","next","watch","element","_previous","onCleanup","onBeforeUnmount","content","padding","useTreeLayout","collapsedIds","tree","computed","toTree","visibleTree","applyCollapsed","layout","layoutTree","isCollapsed","id","toggle","toggleCollapsed","expandAll","useVisibleRect","canvas","scale","enabled","rect","estimateVisibleRect","update","measureVisibleRect","onMounted","props","rootElement","canvasElement","panZoom","DEFAULT_SCALE_LIMITS","visible","drawn","visibleLayout","activeRound","inject","mirrored","direction","resolveOptions","canvasHeight","round","rounds","max","node","roundContentHeight","canvasStyle","toCssTransform","rootStyle","nodeStyle","nodeClassOf","labelOf","data","toggleNode","onNodeClick","event","fit","nextTick","__expose","_normalizeClass","_unref","_Fragment","_renderList","link","_renderSlot","_ctx","_normalizeStyle","$event","_createVNode","TreeNodeCard","hoveredKey","card","buildBracketCard","onRowClick","row","_hoisted_5","_hoisted_6","_hoisted_7","headElement","scrollElement","contentElement","isNarrow","available","current","isSwipe","base","nodeWidth","DEFAULT_OPTIONS","levelGap","levelGapForWidth","model","buildBracketRounds","gridOptions","_node","count","roundSiblingGap","SWIPE_ELBOW_OFFSET","provide","barStyle","contentStyle","applyHidden","hideBefore","hideRoundsBefore","depth","roundOfDepth","programmatic","anchor","settling","settleAt","afterScrollEnd","onScroll","width","roundAtScroll","limited","stop","watchMedia","matches","watchWidth","watchChildren","off","scrollToRound","column","container","findScrollParent","nodesInColumn","box","horizontalBox","offsetWithin","smoothScrollLeft","roundScrollLeft","onSelect","_createTextVNode","injectStyles","styles","TreeViewPlugin","app","TreeView","BracketCard","BracketRounds"],"mappings":"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"}