@bigplay/tree-view 0.3.1 → 0.5.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

@@ -1,25 +1,44 @@
-import { BracketRound, BracketRoundColumn } from '@bigplay/tree-view-core';
+import { BracketRound, BracketRoundColumn, TreeViewOptions } from '@bigplay/tree-view-core';
 type __VLS_Props = {
     /** Раунды по порядку — от первого к финалу. */
     rounds: BracketRound[] | null | undefined;
-    /** Ширина карточки матча — то же число, что в `nodeWidth` у сетки. */
-    nodeWidth?: number;
-    /** Промежуток между раундами — то же число, что в `levelGap` у сетки. */
-    levelGap?: number;
+    /** Настройки сетки — те же, что уходят в `TreeView`. */
+    options?: Partial<TreeViewOptions>;
     /** Показывать полосу. Содержимое слота рисуется в любом случае. */
     isShow?: boolean;
-    /** Нажатие на раунд подводит к нему сетку. Не передан — решает ширина экрана. */
-    scrollOnClick?: boolean;
-    /** Медиавыражение «узкий экран», при котором нажатие включается. */
+    /**
+     * Базовое расстояние между матчами одного раунда в свайпере.
+     * Раунд с несколькими матчами получает кратно больше — до четырёх раз.
+     */
+    swipeSiblingGap?: number;
+    /** Прятать пройденные раунды и линии, которые из них выходят. */
+    hidePassed?: boolean;
+    /** Включить свайпер принудительно. Не передан — решает ширина экрана. */
+    swipe?: boolean;
+    /** Медиавыражение «узкий экран», при котором включается свайпер. */
     mobileQuery?: string;
 };
+/**
+ * Подводит сетку к матчам раунда — только по горизонтали.
+ *
+ * Меряем по самой карточке: так раунд встаёт по центру экрана точно, а у финала
+ * прокрутка упирается в правый край и он виден целиком. Карточек не нашли
+ * (виртуализация) — считаем по колонке, она той же ширины и на том же месте.
+ *
+ * Вертикаль не трогаем: страница остаётся там, где была.
+ */
+declare function scrollToRound(column: BracketRoundColumn): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         round?(_: {
             round: BracketRoundColumn;
         }): any;
-        default?(_: {}): any;
+        default?(_: {
+            options: Partial<TreeViewOptions<any>>;
+            isSwipe: boolean;
+            round: number;
+        }): any;
     };
     refs: {
         rootElement: HTMLDivElement;
@@ -28,15 +47,20 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    scrollToRound: typeof scrollToRound;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     select: (round: BracketRoundColumn) => any;
+    round: (index: number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((round: BracketRoundColumn) => any) | undefined;
+    onRound?: ((index: number) => any) | undefined;
 }>, {
-    nodeWidth: number;
-    levelGap: number;
+    options: Partial<TreeViewOptions>;
     isShow: boolean;
-    scrollOnClick: boolean;
+    swipeSiblingGap: number;
+    hidePassed: boolean;
+    swipe: boolean;
     mobileQuery: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     rootElement: HTMLDivElement;

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@bigplay/tree-view-core"),N={class:"tree-view-card"},V={class:"tree-view-card__label"},D=["aria-label"],C=e.defineComponent({__name:"TreeNodeCard",props:{label:{},hasChildren:{type:Boolean},collapsed:{type:Boolean}},emits:["toggle"],setup(o,{emit:c}){const n=c;return(t,l)=>(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("span",V,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:l[0]||(l[0]=e.withModifiers(v=>n("toggle"),["stop"]))},e.toDisplayString(o.collapsed?"+":"−"),9,D)):e.createCommentVNode("",!0)]))}});function S(o){const c=e.ref({...r.IDENTITY_TRANSFORM}),n=new r.PanZoomController({pannable:o.pannable,zoomable:o.zoomable,limits:o.limits,onChange:t=>{c.value=t}});return e.watch(o.element,(t,l,v)=>{t&&(n.attach(t),v(()=>n.detach()))},{immediate:!0}),e.onBeforeUnmount(()=>n.detach()),{transform:c,fit:(t,l)=>n.fit(t,l),zoomIn:()=>n.zoomIn(),zoomOut:()=>n.zoomOut(),reset:()=>n.reset(),setTransform:t=>n.set(t)}}function z(o){const c=e.ref(new Set),n=e.computed(()=>r.toTree(o.data(),o.accessors())),t=e.computed(()=>r.applyCollapsed(n.value,c.value)),l=e.computed(()=>r.layoutTree(t.value,o.options()));function v(m){return c.value.has(m)}function b(m){c.value=r.toggleCollapsed(c.value,m)}function i(){c.value=new Set}return{layout:l,isCollapsed:v,toggle:b,expandAll:i}}function P(o,c,n){const t=e.ref(n()?r.estimateVisibleRect():null);function l(){t.value=n()?r.measureVisibleRect(o.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 R=["width","height"],F=["d"],A=["onClick"],$=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:r.DEFAULT_OVERSCAN}},emits:["node-click","toggle","transform"],setup(o,{expose:c,emit:n}){const t=o,l=n,v=e.ref(null),b=e.ref(null),{layout:i,isCollapsed:m,toggle:s,expandAll:h}=z({data:()=>t.data,options:()=>t.options,accessors:()=>({getId:t.getId,getChildren:t.getChildren,getParentId:t.getParentId})}),f=S({element:v,pannable:()=>t.pannable,zoomable:()=>t.zoomable,limits:()=>t.scaleLimits??r.DEFAULT_SCALE_LIMITS}),w=P(b,()=>f.transform.value.scale,()=>t.virtualize),x=e.computed(()=>t.virtualize?r.visibleLayout(i.value,w.rect.value,t.overscan):i.value),u=e.computed(()=>({width:`${i.value.width}px`,height:`${i.value.height}px`,transform:r.toCssTransform(f.transform.value)})),k=e.computed(()=>{if(t.size!=="content")return;const{scale:a}=f.transform.value;return{width:`${i.value.width*a}px`,height:`${i.value.height*a}px`,overflow:"visible"}});function p(a){return{left:`${a.x}px`,top:`${a.y}px`,width:`${a.width}px`,height:`${a.height}px`}}function _(a){return typeof t.nodeClass=="function"?t.nodeClass(a):t.nodeClass}function B(a){const g=a.data;return g?.name??g?.title??g?.label??a.id}function y(a){s(a.id),l("toggle",a,m(a.id))}function M(a,g){l("node-click",a,g),t.collapsible&&a.hasChildren&&y(a)}function E(a){f.fit({width:i.value.width,height:i.value.height},a)}return e.onMounted(()=>{t.fitOnMount&&e.nextTick(()=>E())}),e.watch(()=>f.transform.value,a=>{w.update(),l("transform",a)}),e.watch(i,()=>{e.nextTick(()=>w.update())}),c({fit:E,zoomIn:f.zoomIn,zoomOut:f.zoomOut,resetTransform:f.reset,setTransform:f.setTransform,expandAll:h,toggle:s,layout:i,transform:f.transform}),(a,g)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootElement",ref:v,class:e.normalizeClass(["tree-view",{"tree-view--pannable":o.pannable,"tree-view--content":o.size==="content"}]),style:e.normalizeStyle(k.value)},[e.createElementVNode("div",{ref_key:"canvasElement",ref:b,class:"tree-view__canvas",style:e.normalizeStyle(u.value)},[(e.openBlock(),e.createElementBlock("svg",{class:"tree-view__links",width:e.unref(i).width,height:e.unref(i).height},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value.links,d=>e.renderSlot(a.$slots,"link",{link:d},()=>[e.createElementVNode("path",{class:"tree-view__link",d:d.path},null,8,F)],void 0,d.id)),128))],8,R)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value.nodes,d=>(e.openBlock(),e.createElementBlock("div",{key:d.id,class:e.normalizeClass(["tree-view__node",_(d)]),style:e.normalizeStyle(p(d)),onClick:T=>M(d,T)},[e.renderSlot(a.$slots,"node",{node:d,data:d.data,depth:d.depth,collapsed:d.collapsed,hasChildren:d.hasChildren,toggle:()=>y(d)},()=>[e.createVNode(C,{label:B(d),"has-children":d.hasChildren,collapsed:d.collapsed,onToggle:T=>y(d)},null,8,["label","has-children","collapsed","onToggle"])])],14,A))),128))],4)],6))}}),j={key:0,class:"tv-bracket__hint"},U=["title","onClick","onMouseenter"],W={key:0,class:"tv-bracket__tooltip"},H={class:"tv-bracket__name"},Q={class:"tv-bracket__score"},L=e.defineComponent({__name:"BracketCard",props:{match:{},rows:{default:void 0},myTeamHint:{default:"Нажми для перехода в матч 👇"},techDefeatLabel:{default:"ТП"},techDefeatHint:{default:"Техническое поражение"}},emits:["select"],setup(o,{emit:c}){const n=o,t=c,l=e.ref(null),v=e.computed(()=>r.buildBracketCard(n.match,{rows:n.rows,techDefeatLabel:n.techDefeatLabel}));function b(i){i.team&&t("select",i.team,i)}return(i,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tv-bracket",{"tv-bracket--my-team":v.value.hasMyTeam}])},[v.value.hasMyTeam&&o.myTeamHint?(e.openBlock(),e.createElementBlock("div",j,e.toDisplayString(o.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:h=>b(s),onMouseenter:h=>l.value=s.key,onMouseleave:m[0]||(m[0]=h=>l.value=null)},[s.team?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.isTechDefeat&&l.value===s.key?(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(o.techDefeatHint),1)):e.createCommentVNode("",!0),e.createElementVNode("span",H,e.toDisplayString(s.team.name),1),e.createElementVNode("span",Q,e.toDisplayString(s.score),1)],64)):e.createCommentVNode("",!0)],42,U))),128))],2))}}),Y=["onClick"],O=e.defineComponent({__name:"BracketRounds",props:{rounds:{},nodeWidth:{default:180},levelGap:{default:60},isShow:{type:Boolean,default:!0},scrollOnClick:{type:Boolean,default:void 0},mobileQuery:{default:r.MOBILE_MEDIA_QUERY}},emits:["select"],setup(o,{emit:c}){const n=o,t=c,l=e.ref(null),v=e.ref(null),b=e.ref(!1);let i=null;e.onMounted(()=>{i=r.watchMedia(n.mobileQuery,u=>{b.value=u})}),e.onBeforeUnmount(()=>i?.());const m=e.computed(()=>n.isShow&&(n.scrollOnClick??b.value)),s=e.computed(()=>r.buildBracketRounds(n.rounds,{nodeWidth:n.nodeWidth,levelGap:n.levelGap})),h=e.computed(()=>({width:`${s.value.width}px`})),f=e.computed(()=>n.isShow?{paddingLeft:`${s.value.offset}px`}:void 0);function w(u){const k=l.value,p=r.findScrollParent(k);if(!k||!p)return;const _=v.value,B=_?r.nodesInColumn(_,u.index,u.width,s.value.offset)[0]:void 0,y=B?r.horizontalBox(B,p):{left:r.offsetWithin(k,p)+u.index*u.width,width:u.width};r.smoothScrollLeft(p,r.roundScrollLeft({...y,viewport:p.clientWidth,scrollWidth:p.scrollWidth}))}function x(u){m.value&&(t("select",u),w(u))}return(u,k)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootElement",ref:l,class:"tv-rounds"},[o.isShow?(e.openBlock(),e.createElementBlock("div",{key:0,class:"tv-rounds__bar",style:e.normalizeStyle(h.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value.columns,p=>(e.openBlock(),e.createElementBlock("div",{key:p.key,class:"tv-rounds__item",style:e.normalizeStyle({width:`${p.width}px`}),onClick:_=>x(p)},[e.renderSlot(u.$slots,"round",{round:p},()=>[e.createTextVNode(e.toDisplayString(p.name),1)])],12,Y))),128))],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentElement",ref:v,class:"tv-rounds__content",style:e.normalizeStyle(f.value)},[e.renderSlot(u.$slots,"default")],4)],512))}}),Z=".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;touch-action:none}.tree-view--pannable{cursor:grab}.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;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)}";r.injectStyles(Z);const I={install(o){o.component("TreeView",$),o.component("TreeNodeCard",C),o.component("BracketCard",L),o.component("BracketRounds",O)}};Object.defineProperty(exports,"DEFAULT_OPTIONS",{enumerable:!0,get:()=>r.DEFAULT_OPTIONS});Object.defineProperty(exports,"MOBILE_MEDIA_QUERY",{enumerable:!0,get:()=>r.MOBILE_MEDIA_QUERY});Object.defineProperty(exports,"bracketCardHeight",{enumerable:!0,get:()=>r.bracketCardHeight});Object.defineProperty(exports,"buildBracketCard",{enumerable:!0,get:()=>r.buildBracketCard});Object.defineProperty(exports,"buildBracketRounds",{enumerable:!0,get:()=>r.buildBracketRounds});exports.BracketCard=L;exports.BracketRounds=O;exports.TreeNodeCard=C;exports.TreeView=$;exports.TreeViewPlugin=I;exports.default=I;exports.usePanZoom=S;exports.useTreeLayout=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@bigplay/tree-view-core"),F={class:"tree-view-card"},R={class:"tree-view-card__label"},A=["aria-label"],L=e.defineComponent({__name:"TreeNodeCard",props:{label:{},hasChildren:{type:Boolean},collapsed:{type:Boolean}},emits:["toggle"],setup(n,{emit:c}){const s=c;return(t,l)=>(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("span",R,e.toDisplayString(n.label),1),n.hasChildren?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"tree-view-card__toggle","data-tv-no-pan":"","aria-label":n.collapsed?"Развернуть":"Свернуть",onClick:l[0]||(l[0]=e.withModifiers(v=>s("toggle"),["stop"]))},e.toDisplayString(n.collapsed?"+":"−"),9,A)):e.createCommentVNode("",!0)]))}});function O(n){const c=e.ref({...r.IDENTITY_TRANSFORM}),s=new r.PanZoomController({pannable:n.pannable,zoomable:n.zoomable,limits:n.limits,onChange:t=>{c.value=t}});return e.watch(n.element,(t,l,v)=>{t&&(s.attach(t),v(()=>s.detach()))},{immediate:!0}),e.onBeforeUnmount(()=>s.detach()),{transform:c,fit:(t,l)=>s.fit(t,l),zoomIn:()=>s.zoomIn(),zoomOut:()=>s.zoomOut(),reset:()=>s.reset(),setTransform:t=>s.set(t)}}function N(n){const c=e.ref(new Set),s=e.computed(()=>r.toTree(n.data(),n.accessors())),t=e.computed(()=>r.applyCollapsed(s.value,c.value)),l=e.computed(()=>r.layoutTree(t.value,n.options()));function v(b){return c.value.has(b)}function m(b){c.value=r.toggleCollapsed(c.value,b)}function d(){c.value=new Set}return{layout:l,isCollapsed:v,toggle:m,expandAll:d}}function H(n,c,s){const t=e.ref(s()?r.estimateVisibleRect():null);function l(){t.value=s()?r.measureVisibleRect(n.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 W=["width","height"],j=["data-depth"],G=["d"],U=["data-depth","onClick"],I=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:r.DEFAULT_OVERSCAN}},emits:["node-click","toggle","transform"],setup(n,{expose:c,emit:s}){const t=n,l=s,v=e.ref(null),m=e.ref(null),{layout:d,isCollapsed:b,toggle:i,expandAll:h}=N({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??r.DEFAULT_SCALE_LIMITS}),y=H(m,()=>p.transform.value.scale,()=>t.virtualize),_=e.computed(()=>t.virtualize?r.visibleLayout(d.value,y.rect.value,t.overscan):d.value),g=e.computed(()=>({width:`${d.value.width}px`,height:`${d.value.height}px`,transform:r.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 z(a){const k=a.data;return k?.name??k?.title??k?.label??a.id}function w(a){i(a.id),l("toggle",a,b(a.id))}function T(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:h,toggle:i,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":n.pannable,"tree-view--content":n.size==="content"}]),style:e.normalizeStyle(C.value)},[e.createElementVNode("div",{ref_key:"canvasElement",ref:m,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,j))),128))],8,W)),(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=>T(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:z(o),"has-children":o.hasChildren,collapsed:o.collapsed,onToggle:f=>w(o)},null,8,["label","has-children","collapsed","onToggle"])])],14,U))),128))],4)],6))}}),Q={key:0,class:"tv-bracket__hint"},Y=["title","aria-label","aria-expanded"],Z={class:"tv-bracket__rows"},q=["title","onClick","onMouseenter"],K={key:0,class:"tv-bracket__tooltip"},J={class:"tv-bracket__name"},X={class:"tv-bracket__score"},M=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(n,{emit:c}){const s=n,t=c,l=e.ref(null),v=e.computed(()=>r.buildBracketCard(s.match,{rows:s.rows,techDefeatLabel:s.techDefeatLabel}));function m(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&&n.myTeamHint?(e.openBlock(),e.createElementBlock("div",Q,e.toDisplayString(n.myTeamHint),1)):e.createCommentVNode("",!0),n.hasChildren?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:e.normalizeClass(["tv-bracket__toggle",{"tv-bracket__toggle--collapsed":n.collapsed}]),title:n.collapsed?n.expandHint:n.collapseHint,"aria-label":n.collapsed?n.expandHint:n.collapseHint,"aria-expanded":!n.collapsed,"data-tv-no-pan":"",onClick:b[0]||(b[0]=e.withModifiers(i=>t("toggle"),["stop"]))},e.toDisplayString(n.collapsed?"+":"−"),11,Y)):e.createCommentVNode("",!0),e.createElementVNode("div",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value.rows,i=>(e.openBlock(),e.createElementBlock("div",{key:i.key,class:e.normalizeClass(["tv-bracket__row",{"tv-bracket__row--winner":i.isWinner,"tv-bracket__row--loser":i.isLoser&&!i.isEmpty,"tv-bracket__row--my":i.isMyTeam,"tv-bracket__row--empty":i.isEmpty}]),title:i.isMyTeam?"Моя команда":void 0,onClick:h=>m(i),onMouseenter:h=>l.value=i.key,onMouseleave:b[1]||(b[1]=h=>l.value=null)},[i.team?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[i.isTechDefeat&&l.value===i.key?(e.openBlock(),e.createElementBlock("span",K,e.toDisplayString(n.techDefeatHint),1)):e.createCommentVNode("",!0),e.createElementVNode("span",J,e.toDisplayString(i.team.name),1),e.createElementVNode("span",X,e.toDisplayString(i.score),1)],64)):e.createCommentVNode("",!0)],42,q))),128))])],2))}}),ee=["onClick"],V=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:r.MOBILE_MEDIA_QUERY}},emits:["select","round"],setup(n,{expose:c,emit:s}){const t=n,l=s,v=e.ref(null),m=e.ref(null),d=e.ref(!1),b=e.ref(0),i=e.ref(0),h=e.computed(()=>t.isShow&&(t.swipe??d.value)),p=e.computed(()=>r.resolveOptions(t.options)),y=e.computed(()=>typeof p.value.nodeWidth=="number"?p.value.nodeWidth:r.DEFAULT_OPTIONS.nodeWidth),_=e.computed(()=>h.value?r.levelGapForWidth(b.value,y.value):p.value.levelGap),g=e.computed(()=>r.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(()=>h.value?{...t.options,levelGap:_.value,levelLayout:"stack",siblingGap:t.swipeSiblingGap,groupGap:(o,f)=>r.roundSiblingGap(f,t.swipeSiblingGap),linkStyle:"bracket",elbowOffset:t.options?.elbowOffset??r.SWIPE_ELBOW_OFFSET}:{...t.options}),S=e.computed(()=>({width:`${g.value.width}px`})),z=e.computed(()=>t.isShow?{paddingLeft:`${g.value.offset}px`}:void 0);function w(){const o=m.value;if(!o)return;const f=h.value&&t.hidePassed?i.value:0,u=g.value.columns.length;r.hideRoundsBefore(o,f,B=>r.roundOfDepth(B,u,C.value))}function T(){const o=v.value;if(!o||!h.value)return;const f=g.value.columns[0]?.width??0,u=r.roundAtScroll(o.scrollLeft,f,g.value.columns.length);u!==i.value&&(i.value=u,l("round",u))}e.watch([i,h,g],()=>w());const x=[];e.onMounted(()=>{x.push(r.watchMedia(t.mobileQuery,o=>{d.value=o}),r.watchWidth(v.value?.parentElement,o=>{b.value=o}),r.watchChildren(m.value,w)),w()}),e.onBeforeUnmount(()=>x.forEach(o=>o()));function a(o){const f=v.value;if(!f)return;const u=h.value?f:r.findScrollParent(f);if(!u)return;const B=m.value,$=B?r.nodesInColumn(B,o.index,o.width,g.value.offset)[0]:void 0,P=$?r.horizontalBox($,u):{left:r.offsetWithin(f,u)+o.index*o.width,width:o.width};r.smoothScrollLeft(u,r.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":h.value}]),onScroll:T},[n.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,ee))),128))],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentElement",ref:m,class:"tv-rounds__content",style:e.normalizeStyle(z.value)},[e.renderSlot(o.$slots,"default",{options:E.value,isSwipe:h.value,round:i.value})],4)],34))}}),te=".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__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 .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;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;scroll-snap-stop:always}.tv-rounds--swipe [data-depth]{transition:opacity var(--tv-rounds-fade, .22s) ease,transform var(--tv-rounds-fade, .22s) var(--tv-rounds-collapse-ease)}.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}}";r.injectStyles(te);const D={install(n){n.component("TreeView",I),n.component("TreeNodeCard",L),n.component("BracketCard",M),n.component("BracketRounds",V)}};Object.defineProperty(exports,"DEFAULT_OPTIONS",{enumerable:!0,get:()=>r.DEFAULT_OPTIONS});Object.defineProperty(exports,"MOBILE_MEDIA_QUERY",{enumerable:!0,get:()=>r.MOBILE_MEDIA_QUERY});Object.defineProperty(exports,"bracketCardHeight",{enumerable:!0,get:()=>r.bracketCardHeight});Object.defineProperty(exports,"buildBracketCard",{enumerable:!0,get:()=>r.buildBracketCard});Object.defineProperty(exports,"buildBracketRounds",{enumerable:!0,get:()=>r.buildBracketRounds});exports.BracketCard=M;exports.BracketRounds=V;exports.TreeNodeCard=L;exports.TreeView=I;exports.TreeViewPlugin=D;exports.default=D;exports.usePanZoom=O;exports.useTreeLayout=N;
 //# 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        <template v-for=\"link in drawn.links\" :key=\"link.id\">\n          <slot name=\"link\" :link=\"link\">\n            <path class=\"tree-view__link\" :d=\"link.path\" />\n          </slot>\n        </template>\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        @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 * Что рисовать, решает `buildBracketRounds` из core, поэтому версия\n * для Vue 2 выглядит точно так же.\n */\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\nimport {\n  MOBILE_MEDIA_QUERY,\n  buildBracketRounds,\n  findScrollParent,\n  horizontalBox,\n  nodesInColumn,\n  offsetWithin,\n  roundScrollLeft,\n  smoothScrollLeft,\n  watchMedia,\n  type BracketRound,\n  type BracketRoundColumn,\n} from '@bigplay/tree-view-core'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Раунды по порядку — от первого к финалу. */\n    rounds: BracketRound[] | null | undefined\n    /** Ширина карточки матча — то же число, что в `nodeWidth` у сетки. */\n    nodeWidth?: number\n    /** Промежуток между раундами — то же число, что в `levelGap` у сетки. */\n    levelGap?: number\n    /** Показывать полосу. Содержимое слота рисуется в любом случае. */\n    isShow?: boolean\n    /** Нажатие на раунд подводит к нему сетку. Не передан — решает ширина экрана. */\n    scrollOnClick?: boolean\n    /** Медиавыражение «узкий экран», при котором нажатие включается. */\n    mobileQuery?: string\n  }>(),\n  {\n    nodeWidth: 180,\n    levelGap: 60,\n    isShow: true,\n    scrollOnClick: undefined,\n    mobileQuery: MOBILE_MEDIA_QUERY,\n  },\n)\n\nconst emit = defineEmits<{ (e: 'select', round: BracketRoundColumn): void }>()\n\nconst rootElement = ref<HTMLElement | null>(null)\nconst contentElement = ref<HTMLElement | null>(null)\n\n/** Узкий ли экран. До монтирования — нет: на сервере ширину знать неоткуда. */\nconst isNarrow = ref(false)\nlet unwatch: (() => void) | null = null\n\nonMounted(() => {\n  unwatch = watchMedia(props.mobileQuery, (matches) => {\n    isNarrow.value = matches\n  })\n})\n\nonBeforeUnmount(() => unwatch?.())\n\n/** Полосы нет — нажимать не на что. */\nconst isClickable = computed(() => props.isShow && (props.scrollOnClick ?? isNarrow.value))\n\nconst model = computed(() =>\n  buildBracketRounds(props.rounds, { nodeWidth: props.nodeWidth, levelGap: props.levelGap }),\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/**\n * Подводит сетку к матчам раунда — только по горизонтали.\n *\n * Меряем по самой карточке: так раунд встаёт по центру экрана точно, а у финала\n * прокрутка упирается в правый край и он виден целиком. Карточек не нашли\n * (виртуализация) — считаем по колонке, она той же ширины и на том же месте.\n *\n * Вертикаль не трогаем: страница остаётся там, где была.\n */\nfunction scrollToRound(column: BracketRoundColumn): void {\n  const element = rootElement.value\n  const container = findScrollParent(element)\n  if (!element || !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\n/** Нажатие — только на узком экране: на широком колонка раунда это просто подпись. */\nfunction onSelect(column: BracketRoundColumn): void {\n  if (!isClickable.value) return\n\n  emit('select', column)\n  scrollToRound(column)\n}\n</script>\n\n<template>\n  <div ref=\"rootElement\" class=\"tv-rounds\">\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      <slot />\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","unwatch","watchMedia","matches","isClickable","model","buildBracketRounds","barStyle","contentStyle","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/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    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, 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  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'\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 *\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\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_5","_hoisted_6","_hoisted_7","contentElement","isNarrow","available","current","isSwipe","base","resolveOptions","nodeWidth","DEFAULT_OPTIONS","levelGap","levelGapForWidth","model","buildBracketRounds","mirrored","gridOptions","_node","count","roundSiblingGap","SWIPE_ELBOW_OFFSET","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":"yYAYA,MAAMA,EAAOC,gBAIXC,YAAA,EAAAC,qBAaM,MAbNC,EAaM,CAZJC,EAAAA,mBAAsD,OAAtDC,EAAsDC,EAAAA,gBAAfC,EAAA,KAAK,EAAA,CAAA,EAGpCA,EAAA,2BADRL,EAAAA,mBASS,SAAA,OAPP,KAAK,SACL,MAAM,yBACN,iBAAA,GACC,aAAYK,EAAA,UAAS,aAAA,WACrB,uCAAYR,EAAI,QAAA,EAAA,CAAA,MAAA,CAAA,EAAA,oBAEdQ,EAAA,UAAS,IAAA,GAAA,EAAA,EAAAC,CAAA,qCCNX,SAASC,EAAWC,EAA0B,CACnD,MAAMC,EAAYC,EAAAA,IAAe,CAAE,GAAGC,EAAAA,mBAAoB,EAEpDC,EAAa,IAAIC,oBAAkB,CACvC,SAAUL,EAAO,SACjB,SAAUA,EAAO,SACjB,OAAQA,EAAO,OACf,SAAWM,GAAS,CAClBL,EAAU,MAAQK,CACpB,CAAA,CACD,EAEDC,OAAAA,EAAAA,MACEP,EAAO,QACP,CAACQ,EAASC,EAAWC,IAAc,CAC5BF,IAELJ,EAAW,OAAOI,CAAO,EACzBE,EAAU,IAAMN,EAAW,QAAQ,EACrC,EACA,CAAE,UAAW,EAAA,CAAK,EAGpBO,kBAAgB,IAAMP,EAAW,QAAQ,EAElC,CACL,UAAAH,EACA,IAAK,CAACW,EAAeC,IAAqBT,EAAW,IAAIQ,EAASC,CAAO,EACzE,OAAQ,IAAMT,EAAW,OAAA,EACzB,QAAS,IAAMA,EAAW,QAAA,EAC1B,MAAO,IAAMA,EAAW,MAAA,EACxB,aAAeE,GAAoBF,EAAW,IAAIE,CAAI,CAAA,CAE1D,CCrBO,SAASQ,EAAiBd,EAAwD,CACvF,MAAMe,EAAeb,EAAAA,IAAI,IAAI,GAAa,EAEpCc,EAAOC,WAAS,IAAMC,SAAOlB,EAAO,OAAQA,EAAO,UAAA,CAAW,CAAC,EAC/DmB,EAAcF,EAAAA,SAAS,IAAMG,EAAAA,eAAeJ,EAAK,MAAOD,EAAa,KAAK,CAAC,EAC3EM,EAASJ,EAAAA,SAAS,IAAMK,EAAAA,WAAWH,EAAY,MAAOnB,EAAO,QAAA,CAAS,CAAC,EAE7E,SAASuB,EAAYC,EAAqB,CACxC,OAAOT,EAAa,MAAM,IAAIS,CAAE,CAClC,CAEA,SAASC,EAAOD,EAAkB,CAEhCT,EAAa,MAAQW,EAAAA,gBAAgBX,EAAa,MAAOS,CAAE,CAC7D,CAEA,SAASG,GAAkB,CACzBZ,EAAa,UAAY,GAC3B,CAEA,MAAO,CAAE,OAAAM,EAAQ,YAAAE,EAAa,OAAAE,EAAQ,UAAAE,CAAA,CACxC,CC5CO,SAASC,EAAeC,EAAiCC,EAAqBC,EAAwB,CAE3G,MAAMC,EAAO9B,EAAAA,IAAiB6B,EAAA,EAAYE,EAAAA,oBAAA,EAAwB,IAAI,EAEtE,SAASC,GAAe,CACtBF,EAAK,MAAQD,IAAYI,EAAAA,mBAAmBN,EAAO,MAAOC,EAAA,CAAO,EAAI,IACvE,CAEAM,OAAAA,EAAAA,UAAU,IAAM,CACdF,EAAA,EACA,OAAO,iBAAiB,SAAUA,EAAQ,CAAE,QAAS,GAAM,QAAS,GAAM,EAC1E,OAAO,iBAAiB,SAAUA,EAAQ,CAAE,QAAS,GAAM,CAC7D,CAAC,EAEDvB,EAAAA,gBAAgB,IAAM,CACpB,OAAO,oBAAoB,SAAUuB,EAAQ,CAAE,QAAS,GAAM,EAC9D,OAAO,oBAAoB,SAAUA,CAAM,CAC7C,CAAC,EAEM,CAAE,KAAAF,EAAM,OAAAE,CAAA,CACjB,iqBCRA,MAAMG,EAAQxC,EA0DRR,EAAOC,EAMPgD,EAAcpC,EAAAA,IAAwB,IAAI,EAC1CqC,EAAgBrC,EAAAA,IAAwB,IAAI,EAE5C,CAAE,OAAAmB,EAAQ,YAAAE,EAAa,OAAAE,EAAQ,UAAAE,CAAA,EAAcb,EAAiB,CAClE,KAAM,IAAMuB,EAAM,KAClB,QAAS,IAAMA,EAAM,QACrB,UAAW,KAAO,CAChB,MAAOA,EAAM,MACb,YAAaA,EAAM,YACnB,YAAaA,EAAM,WAAA,EACrB,CACD,EAEKG,EAAUzC,EAAW,CACzB,QAASuC,EACT,SAAU,IAAMD,EAAM,SACtB,SAAU,IAAMA,EAAM,SACtB,OAAQ,IAAMA,EAAM,aAAeI,EAAAA,oBAAA,CACpC,EAEKC,EAAUd,EACdW,EACA,IAAMC,EAAQ,UAAU,MAAM,MAC9B,IAAMH,EAAM,UAAA,EAIRM,EAAQ1B,EAAAA,SAAS,IACrBoB,EAAM,WAAaO,EAAAA,cAAcvB,EAAO,MAAOqB,EAAQ,KAAK,MAAOL,EAAM,QAAQ,EAAIhB,EAAO,KAAA,EAGxFwB,EAAc5B,EAAAA,SAAS,KAAO,CAClC,MAAO,GAAGI,EAAO,MAAM,KAAK,KAC5B,OAAQ,GAAGA,EAAO,MAAM,MAAM,KAC9B,UAAWyB,EAAAA,eAAeN,EAAQ,UAAU,KAAK,CAAA,EACjD,EAEIO,EAAY9B,EAAAA,SAAS,IAAM,CAC/B,GAAIoB,EAAM,OAAS,UAAW,OAE9B,KAAM,CAAE,MAAAP,CAAA,EAAUU,EAAQ,UAAU,MACpC,MAAO,CACL,MAAO,GAAGnB,EAAO,MAAM,MAAQS,CAAK,KACpC,OAAQ,GAAGT,EAAO,MAAM,OAASS,CAAK,KACtC,SAAU,SAAA,CAEd,CAAC,EAED,SAASkB,EAAUC,EAAqB,CACtC,MAAO,CACL,KAAM,GAAGA,EAAK,CAAC,KACf,IAAK,GAAGA,EAAK,CAAC,KACd,MAAO,GAAGA,EAAK,KAAK,KACpB,OAAQ,GAAGA,EAAK,MAAM,IAAA,CAE1B,CAEA,SAASC,EAAYD,EAAyC,CAC5D,OAAO,OAAOZ,EAAM,WAAc,WAAaA,EAAM,UAAUY,CAAI,EAAIZ,EAAM,SAC/E,CAGA,SAASc,EAAQF,EAA6B,CAC5C,MAAMG,EAAOH,EAAK,KAClB,OAAOG,GAAM,MAAQA,GAAM,OAASA,GAAM,OAASH,EAAK,EAC1D,CAEA,SAASI,EAAWJ,EAA2B,CAC7CxB,EAAOwB,EAAK,EAAE,EACd5D,EAAK,SAAU4D,EAAM1B,EAAY0B,EAAK,EAAE,CAAC,CAC3C,CAEA,SAASK,EAAYL,EAAqBM,EAAyB,CACjElE,EAAK,aAAc4D,EAAMM,CAAK,EAC1BlB,EAAM,aAAeY,EAAK,eAAwBA,CAAI,CAC5D,CAGA,SAASO,EAAI3C,EAAwB,CACnC2B,EAAQ,IAAI,CAAE,MAAOnB,EAAO,MAAM,MAAO,OAAQA,EAAO,MAAM,MAAA,EAAUR,CAAO,CACjF,CAEAuB,OAAAA,EAAAA,UAAU,IAAM,CACVC,EAAM,YAAiBoB,EAAAA,SAAS,IAAMD,GAAK,CACjD,CAAC,EAEDjD,EAAAA,MACE,IAAMiC,EAAQ,UAAU,MACvBvC,GAAc,CAEbyC,EAAQ,OAAA,EACRrD,EAAK,YAAaY,CAAS,CAC7B,CAAA,EAIFM,EAAAA,MAAMc,EAAQ,KAAWoC,EAAAA,SAAS,IAAMf,EAAQ,OAAA,CAAQ,EAAC,EAEzDgB,EAAa,CACX,IAAAF,EACA,OAAQhB,EAAQ,OAChB,QAASA,EAAQ,QACjB,eAAgBA,EAAQ,MACxB,aAAcA,EAAQ,aACtB,UAAAb,EACA,OAAAF,EACA,OAAAJ,EACA,UAAWmB,EAAQ,SAAA,CACpB,wBAIChD,EAAAA,mBAgDM,MAAA,SA/CA,cAAJ,IAAI8C,EACJ,MAAKqB,EAAAA,eAAA,CAAC,YAAW,CAAA,sBACgB9D,EAAA,8BAAgCA,EAAA,OAAI,SAAA,CAAA,CAAA,EACpE,uBAAOkD,EAAA,KAAS,CAAA,GAEjBrD,EAAAA,mBAyCM,MAAA,SAzCG,gBAAJ,IAAI6C,EAAgB,MAAM,oBAAqB,uBAAOM,EAAA,KAAW,CAAA,kBACpErD,EAAAA,mBAQM,MAAA,CARD,MAAM,mBAAoB,MAAOoE,EAAAA,MAAAvC,CAAA,EAAO,MAAQ,OAAQuC,EAAAA,MAAAvC,CAAA,EAAO,MAAA,IAGlE9B,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAIIqE,WAAA,KAAAC,EAAAA,WAJcnB,EAAA,MAAM,MAAdoB,kBAAVvE,EAAAA,mBAII,IAAA,CAJ4B,IAAKuE,EAAK,GAAK,aAAYA,EAAK,OAAO,KAAA,GACrEC,EAAAA,WAEOC,EAAA,OAAA,OAAA,CAFY,KAAAF,CAAA,EAAnB,IAEO,CADLrE,EAAAA,mBAA+C,OAAA,CAAzC,MAAM,kBAAmB,EAAGqE,EAAK,IAAA,oCAK7CxE,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBA6BMqE,WAAA,KAAAC,EAAAA,WA5BWnB,EAAA,MAAM,MAAdM,kBADTzD,EAAAA,mBA6BM,MAAA,CA3BH,IAAKyD,EAAK,GACX,MAAKU,EAAAA,eAAA,CAAC,kBACET,EAAYD,CAAI,CAAA,CAAA,EACvB,MAAKiB,EAAAA,eAAElB,EAAUC,CAAI,CAAA,EACrB,aAAYA,EAAK,MACjB,QAAKkB,GAAEb,EAAYL,EAAMkB,CAAM,CAAA,GAMhCH,aAeOC,EAAA,OAAA,OAAA,CAbJ,KAAAhB,EACA,KAAMA,EAAK,KACX,MAAOA,EAAK,MACZ,UAAWA,EAAK,UAChB,YAAcA,EAAK,YACnB,OAAM,IAAQI,EAAWJ,CAAI,CAAA,EAPhC,IAeO,CANLmB,EAAAA,YAKEC,EAAA,CAJC,MAAOlB,EAAQF,CAAI,EACnB,eAAcA,EAAK,YACnB,UAAWA,EAAK,UAChB,SAAMkB,GAAEd,EAAWJ,CAAI,CAAA,qvBChOpC,MAAMZ,EAAQxC,EAgCRR,EAAOC,EAKPgF,EAAapE,EAAAA,IAAmB,IAAI,EAEpCqE,EAAOtD,EAAAA,SAAS,IACpBuD,EAAAA,iBAAiBnC,EAAM,MAAO,CAAE,KAAMA,EAAM,KAAM,gBAAiBA,EAAM,eAAA,CAAiB,CAAA,EAG5F,SAASoC,EAAWC,EAA2B,CACzCA,EAAI,MAAMrF,EAAK,SAAUqF,EAAI,KAAMA,CAAG,CAC5C,6BAIElF,EAAAA,mBAkDM,MAAA,CAlDD,MAAKmE,EAAAA,eAAA,CAAC,aAAY,CAAA,sBAAkCY,EAAA,MAAK,UAAS,CAAA,CAAA,GAC1DA,EAAA,MAAK,WAAa1E,EAAA,0BAA7BL,EAAAA,mBAAwF,MAAxFC,EAAwFG,EAAAA,gBAAnBC,EAAA,UAAU,EAAA,CAAA,+BAOvEA,EAAA,2BADRL,EAAAA,mBAYS,SAAA,OAVP,KAAK,SACL,MAAKmE,EAAAA,eAAA,CAAC,qBAAoB,CAAA,gCACiB9D,EAAA,SAAA,CAAS,CAAA,EACnD,MAAOA,EAAA,UAAYA,EAAA,WAAaA,EAAA,aAChC,aAAYA,EAAA,UAAYA,EAAA,WAAaA,EAAA,aACrC,iBAAgBA,EAAA,UACjB,iBAAA,GACC,uCAAYR,EAAI,QAAA,EAAA,CAAA,MAAA,CAAA,EAAA,oBAEdQ,EAAA,UAAS,IAAA,GAAA,EAAA,GAAAF,CAAA,+BAMdD,EAAAA,mBAyBM,MAzBNI,EAyBM,EAxBJP,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAuBMqE,WAAA,KAAAC,EAAAA,WAtBUS,EAAA,MAAK,KAAZG,kBADTlF,EAAAA,mBAuBM,MAAA,CArBH,IAAKkF,EAAI,IACV,wBAAM,kBAAiB,CACwB,0BAAAA,EAAI,SAA8C,yBAAAA,EAAI,SAAO,CAAKA,EAAI,QAA0C,sBAAAA,EAAI,SAA8C,yBAAAA,EAAI,OAAA,IAMpN,MAAOA,EAAI,uBAA2B,OACtC,QAAKP,GAAEM,EAAWC,CAAG,EACrB,aAAUP,GAAEG,EAAA,MAAaI,EAAI,IAC7B,4BAAYJ,EAAA,MAAU,KAAA,GAEPI,EAAI,oBAApBlF,EAAAA,mBAOWqE,EAAAA,SAAA,CAAA,IAAA,GAAA,CANGa,EAAI,cAAgBJ,UAAeI,EAAI,mBAAnDlF,qBAEO,OAFPmF,EAEO/E,EAAAA,gBADFC,EAAA,cAAc,EAAA,CAAA,+BAGnBH,qBAAyD,OAAzDkF,EAAyDhF,EAAAA,gBAAvB8E,EAAI,KAAK,IAAI,EAAA,CAAA,EAC/ChF,EAAAA,mBAAsD,OAAtDmF,EAAsDjF,EAAAA,gBAAnB8E,EAAI,KAAK,EAAA,CAAA,CAAA,wYCjEtD,MAAMrC,EAAQxC,EA8BRR,EAAOC,EAKPgD,EAAcpC,EAAAA,IAAwB,IAAI,EAC1C4E,EAAiB5E,EAAAA,IAAwB,IAAI,EAG7C6E,EAAW7E,EAAAA,IAAI,EAAK,EAEpB8E,EAAY9E,EAAAA,IAAI,CAAC,EAEjB+E,EAAU/E,EAAAA,IAAI,CAAC,EAGfgF,EAAUjE,WAAS,IAAMoB,EAAM,SAAWA,EAAM,OAAS0C,EAAS,MAAM,EAExEI,EAAOlE,EAAAA,SAAS,IAAMmE,EAAAA,eAAe/C,EAAM,OAAO,CAAC,EAOnDgD,EAAYpE,EAAAA,SAAS,IACzB,OAAOkE,EAAK,MAAM,WAAc,SAC5BA,EAAK,MAAM,UACVG,kBAAgB,SAAA,EAGjBC,EAAWtE,EAAAA,SAAS,IACxBiE,EAAQ,MAAQM,EAAAA,iBAAiBR,EAAU,MAAOK,EAAU,KAAK,EAAIF,EAAK,MAAM,QAAA,EAG5EM,EAAQxE,EAAAA,SAAS,IACrByE,EAAAA,mBAAmBrD,EAAM,OAAQ,CAAE,UAAWgD,EAAU,MAAO,SAAUE,EAAS,KAAA,CAAO,CAAA,EAIrFI,EAAW1E,EAAAA,SACf,IAAMkE,EAAK,MAAM,YAAc,iBAAmBA,EAAK,MAAM,YAAc,eAAA,EAiBvES,EAAc3E,EAAAA,SAAmC,IACrDiE,EAAQ,MACJ,CACE,GAAG7C,EAAM,QACT,SAAUkD,EAAS,MACnB,YAAa,QACb,WAAYlD,EAAM,gBAClB,SAAU,CAACwD,EAA0BC,IACnCC,EAAAA,gBAAgBD,EAAOzD,EAAM,eAAe,EAC9C,UAAW,UACX,YAAaA,EAAM,SAAS,aAAe2D,EAAAA,kBAAA,EAE7C,CAAE,GAAG3D,EAAM,OAAA,CAAQ,EAGnB4D,EAAWhF,EAAAA,SAAS,KAAO,CAAE,MAAO,GAAGwE,EAAM,MAAM,KAAK,IAAA,EAAO,EAE/DS,EAAejF,EAAAA,SAAS,IAC5BoB,EAAM,OAAS,CAAE,YAAa,GAAGoD,EAAM,MAAM,MAAM,MAAS,MAAA,EAI9D,SAASU,GAAoB,CAC3B,MAAMvF,EAAUkE,EAAe,MAC/B,GAAI,CAAClE,EAAS,OAEd,MAAMwF,EAAalB,EAAQ,OAAS7C,EAAM,WAAa4C,EAAQ,MAAQ,EACjEa,EAAQL,EAAM,MAAM,QAAQ,OAElCY,mBAAiBzF,EAASwF,EAAaE,GAAUC,eAAaD,EAAOR,EAAOH,EAAS,KAAK,CAAC,CAC7F,CAEA,SAASa,GAAiB,CACxB,MAAMhG,EAAU8B,EAAY,MAC5B,GAAI,CAAC9B,GAAW,CAAC0E,EAAQ,MAAO,OAEhC,MAAMuB,EAAQhB,EAAM,MAAM,QAAQ,CAAC,GAAG,OAAS,EACzCnF,EAAOoG,gBAAclG,EAAQ,WAAYiG,EAAOhB,EAAM,MAAM,QAAQ,MAAM,EAC5EnF,IAAS2E,EAAQ,QAErBA,EAAQ,MAAQ3E,EAChBjB,EAAK,QAASiB,CAAI,EACpB,CAEAC,EAAAA,MAAM,CAAC0E,EAASC,EAASO,CAAK,EAAG,IAAMU,GAAa,EAEpD,MAAMQ,EAA0B,CAAA,EAEhCvE,EAAAA,UAAU,IAAM,CACduE,EAAK,KACHC,EAAAA,WAAWvE,EAAM,YAAcwE,GAAY,CACzC9B,EAAS,MAAQ8B,CACnB,CAAC,EACDC,EAAAA,WAAWxE,EAAY,OAAO,cAAgBmE,GAAU,CACtDzB,EAAU,MAAQyB,CACpB,CAAC,EAEDM,gBAAcjC,EAAe,MAAOqB,CAAW,CAAA,EAGjDA,EAAA,CACF,CAAC,EAEDxF,EAAAA,gBAAgB,IAAMgG,EAAK,QAASK,GAAQA,EAAA,CAAK,CAAC,EAWlD,SAASC,EAAcC,EAAkC,CACvD,MAAM1G,EAAU8B,EAAY,MAC5B,GAAI,CAAC9B,EAAS,OAGd,MAAM2G,EAAYjC,EAAQ,MAAQ1E,EAAU4G,EAAAA,iBAAiB5G,CAAO,EACpE,GAAI,CAAC2G,EAAW,OAEhB,MAAMvG,EAAUkE,EAAe,MAEzBP,EAAO3D,EACTyG,EAAAA,cAAczG,EAASsG,EAAO,MAAOA,EAAO,MAAOzB,EAAM,MAAM,MAAM,EAAE,CAAC,EACxE,OAEE6B,EAAM/C,EACRgD,EAAAA,cAAchD,EAAM4C,CAAS,EAC7B,CAAE,KAAMK,EAAAA,aAAahH,EAAS2G,CAAS,EAAID,EAAO,MAAQA,EAAO,MAAO,MAAOA,EAAO,KAAA,EAE1FO,EAAAA,iBACEN,EACAO,kBAAgB,CACd,GAAGJ,EACH,SAAUH,EAAU,YACpB,YAAaA,EAAU,WAAA,CACxB,CAAA,CAEL,CAEA,SAASQ,EAAST,EAAkC,CAClD7H,EAAK,SAAU6H,CAAM,EACrBD,EAAcC,CAAM,CACtB,CAEA,OAAAxD,EAAa,CAAE,cAAAuD,EAAe,wBAI5BzH,EAAAA,mBAyBM,MAAA,SAxBA,cAAJ,IAAI8C,EACJ,MAAKqB,EAAAA,eAAA,CAAC,YAAW,CAAA,mBACauB,EAAA,KAAA,CAAO,CAAA,EACpC,SAAAsB,CAAA,GAEU3G,EAAA,sBAAXL,EAAAA,mBAUM,MAAA,OAVa,MAAM,iBAAkB,uBAAOyG,EAAA,KAAQ,CAAA,IACxD1G,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAQMqE,WAAA,KAAAC,EAAAA,WAPa2B,EAAA,MAAM,QAAhByB,kBADT1H,EAAAA,mBAQM,MAAA,CANH,IAAK0H,EAAO,IACb,MAAM,kBACL,MAAKhD,EAAAA,eAAA,CAAA,MAAA,GAAcgD,EAAO,KAAK,KAAA,EAC/B,QAAK/C,GAAEwD,EAAST,CAAM,CAAA,GAEvBlD,EAAAA,WAA2DC,EAAA,OAAA,QAAA,CAAvC,MAAOiD,CAAA,EAA3B,IAA2D,CAArBU,EAAAA,gBAAAhI,EAAAA,gBAAAsH,EAAO,IAAI,EAAA,CAAA,CAAA,oDAIrDxH,EAAAA,mBAMM,MAAA,SANG,iBAAJ,IAAIoF,EAAiB,MAAM,qBAAsB,uBAAOoB,EAAA,KAAY,CAAA,GAKvElC,aAAoEC,EAAA,OAAA,UAAA,CAA7D,QAAS2B,EAAA,MAAc,QAAUV,EAAA,MAAU,MAAOD,EAAA,KAAA,05LCnQ/D4C,EAAAA,aAAaC,EAAM,EAqCZ,MAAMC,EAAyB,CACpC,QAAQC,EAAU,CAChBA,EAAI,UAAU,WAAYC,CAAQ,EAClCD,EAAI,UAAU,eAAgB3D,CAAY,EAC1C2D,EAAI,UAAU,cAAeE,CAAW,EACxCF,EAAI,UAAU,gBAAiBG,CAAa,CAC9C,CACF"}