@gravity-ui/querieskit 1.5.0 → 1.6.0

package/build/cjs/components/QueryGraph/helpers/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OPERATION_SIZE","RESOURCE_WIDTH","RESOURCE_HEIGHT","getQueryGraphNodeSize","node","kind","width","height","validateQueryGraph","nodes","edges","ids","Set","_iterator","_createForOfIteratorHelper","_step","s","n","done","value","has","id","Error","concat","add","err","e","f","edgeIds","_iterator2","_step2","edge","source","target","incoming","Map","map","outgoing","forEach","_incoming$get","_outgoing$get","set","get","push","queue","filter","visited","index","length","_outgoing$get2","_iterator3","_step3","_incoming$get2","nextIncoming","createQueryGraphConnections","routes","_objectSpread","sourceBlockId","targetBlockId","getQueryGraphProgress","_node$progress","_node$progress$total","_node$progress2","_node$progress$comple","_node$progress3","fraction","progress","Math","min","max","total","completed"],"sources":["layout.ts"],"sourcesContent":["import type {TMultipointConnection} from '@gravity-ui/graph';\n\nimport type {QueryGraphEdge, QueryGraphNode} from '../../../types/queryGraph';\n\nconst OPERATION_SIZE = 65;\nconst RESOURCE_WIDTH = 36;\nconst RESOURCE_HEIGHT = 36;\n\nexport function getQueryGraphNodeSize(node: QueryGraphNode) {\n    return node.kind === 'operation'\n        ? {width: OPERATION_SIZE, height: OPERATION_SIZE}\n        : {width: RESOURCE_WIDTH, height: RESOURCE_HEIGHT};\n}\n\nexport function validateQueryGraph(nodes: QueryGraphNode[], edges: QueryGraphEdge[]) {\n    const ids = new Set<string>();\n    for (const node of nodes) {\n        if (ids.has(node.id)) throw new Error(`Duplicate query graph node id: ${node.id}`);\n        ids.add(node.id);\n    }\n\n    const edgeIds = new Set<string>();\n    for (const edge of edges) {\n        if (edgeIds.has(edge.id)) throw new Error(`Duplicate query graph edge id: ${edge.id}`);\n        edgeIds.add(edge.id);\n        if (!ids.has(edge.source)) throw new Error(`Unknown source node: ${edge.source}`);\n        if (!ids.has(edge.target)) throw new Error(`Unknown target node: ${edge.target}`);\n    }\n\n    const incoming = new Map(nodes.map((node) => [node.id, 0]));\n    const outgoing = new Map(nodes.map((node) => [node.id, [] as string[]]));\n    edges.forEach((edge) => {\n        incoming.set(edge.target, (incoming.get(edge.target) ?? 0) + 1);\n        outgoing.get(edge.source)?.push(edge.target);\n    });\n\n    const queue = nodes.filter((node) => incoming.get(node.id) === 0).map((node) => node.id);\n    let visited = 0;\n    for (let index = 0; index < queue.length; index++) {\n        const id = queue[index];\n        visited++;\n        for (const target of outgoing.get(id) ?? []) {\n            const nextIncoming = (incoming.get(target) ?? 0) - 1;\n            incoming.set(target, nextIncoming);\n            if (nextIncoming === 0) queue.push(target);\n        }\n    }\n    if (visited !== nodes.length) throw new Error('Query graph contains a cycle');\n}\n\nexport function createQueryGraphConnections(\n    edges: QueryGraphEdge[],\n    routes?: Record<string | number | symbol, Pick<TMultipointConnection, 'points' | 'labels'>>,\n): TMultipointConnection[] {\n    return edges.map((edge) => ({\n        id: edge.id,\n        sourceBlockId: edge.source,\n        targetBlockId: edge.target,\n        ...routes?.[edge.id],\n    }));\n}\n\nexport function getQueryGraphProgress(node: QueryGraphNode) {\n    const fraction = node.progress?.fraction;\n    if (typeof fraction === 'number') return Math.min(1, Math.max(0, fraction));\n    const total = node.progress?.total ?? 0;\n    if (total <= 0) return 0;\n    return Math.min(1, Math.max(0, (node.progress?.completed ?? 0) / total));\n}\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/QueryGraph/helpers/presentation.d.ts

@@ -0,0 +1,18 @@
+import type { QueryGraphNode } from '../../../types/queryGraph';
+export declare function getQueryGraphNodeContent(node: QueryGraphNode): {
+    readonly kind: "icon";
+    readonly value?: undefined;
+} | {
+    readonly kind: "counter";
+    readonly value: string;
+} | {
+    readonly kind: "empty";
+    readonly value?: undefined;
+};
+export declare function getScaleAdjustedFontSize(fontSize: number, cameraScale: number): number;
+export declare function fitCanvasFontSize(fontSize: number, measuredWidth: number, maxWidth: number): number;
+export declare function fitCanvasText(context: {
+    measureText: (text: string) => {
+        width: number;
+    };
+}, text: string, maxWidth: number, trimStart: boolean): string;

package/build/cjs/components/QueryGraph/helpers/presentation.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fitCanvasFontSize = fitCanvasFontSize;
+exports.fitCanvasText = fitCanvasText;
+exports.getQueryGraphNodeContent = getQueryGraphNodeContent;
+exports.getScaleAdjustedFontSize = getScaleAdjustedFontSize;
+require("core-js/modules/es.array.slice.js");
+function getQueryGraphNodeContent(node) {
+  var _node$status, _node$progress;
+  var status = (_node$status = node.status) !== null && _node$status !== void 0 ? _node$status : 'not-started';
+  if (status === 'not-started') return {
+    kind: 'icon'
+  };
+  var total = (_node$progress = node.progress) === null || _node$progress === void 0 ? void 0 : _node$progress.total;
+  return typeof total === 'number' && total > 0 ? {
+    kind: 'counter',
+    value: String(total)
+  } : {
+    kind: 'empty'
+  };
+}
+function getScaleAdjustedFontSize(fontSize, cameraScale) {
+  return cameraScale > 0 ? fontSize / cameraScale : fontSize;
+}
+function fitCanvasFontSize(fontSize, measuredWidth, maxWidth) {
+  if (measuredWidth <= 0 || measuredWidth <= maxWidth) return fontSize;
+  return fontSize * (maxWidth / measuredWidth);
+}
+function fitCanvasText(context, text, maxWidth, trimStart) {
+  if (context.measureText(text).width <= maxWidth) return text;
+  var ellipsis = '…';
+  var low = 0;
+  var high = text.length;
+  while (low < high) {
+    var length = Math.ceil((low + high) / 2);
+    var candidate = trimStart ? ellipsis + text.slice(text.length - length) : text.slice(0, length) + ellipsis;
+    if (context.measureText(candidate).width <= maxWidth) low = length;else high = length - 1;
+  }
+  return trimStart ? ellipsis + text.slice(text.length - low) : text.slice(0, low) + ellipsis;
+}
+// #sourceMappingURL=presentation.js.map

package/build/cjs/components/QueryGraph/helpers/presentation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getQueryGraphNodeContent","node","_node$status","_node$progress","status","kind","total","progress","value","String","getScaleAdjustedFontSize","fontSize","cameraScale","fitCanvasFontSize","measuredWidth","maxWidth","fitCanvasText","context","text","trimStart","measureText","width","ellipsis","low","high","length","Math","ceil","candidate","slice"],"sources":["presentation.ts"],"sourcesContent":["import type {QueryGraphNode} from '../../../types/queryGraph';\n\nexport function getQueryGraphNodeContent(node: QueryGraphNode) {\n    const status = node.status ?? 'not-started';\n    if (status === 'not-started') return {kind: 'icon'} as const;\n    const total = node.progress?.total;\n    return typeof total === 'number' && total > 0\n        ? ({kind: 'counter', value: String(total)} as const)\n        : ({kind: 'empty'} as const);\n}\n\nexport function getScaleAdjustedFontSize(fontSize: number, cameraScale: number) {\n    return cameraScale > 0 ? fontSize / cameraScale : fontSize;\n}\n\nexport function fitCanvasFontSize(fontSize: number, measuredWidth: number, maxWidth: number) {\n    if (measuredWidth <= 0 || measuredWidth <= maxWidth) return fontSize;\n    return fontSize * (maxWidth / measuredWidth);\n}\n\nexport function fitCanvasText(\n    context: {measureText: (text: string) => {width: number}},\n    text: string,\n    maxWidth: number,\n    trimStart: boolean,\n) {\n    if (context.measureText(text).width <= maxWidth) return text;\n    const ellipsis = '…';\n    let low = 0;\n    let high = text.length;\n    while (low < high) {\n        const length = Math.ceil((low + high) / 2);\n        const candidate = trimStart\n            ? ellipsis + text.slice(text.length - length)\n            : text.slice(0, length) + ellipsis;\n        if (context.measureText(candidate).width <= maxWidth) low = length;\n        else high = length - 1;\n    }\n    return trimStart ? ellipsis + text.slice(text.length - low) : text.slice(0, low) + ellipsis;\n}\n"],"mappings":";;;;;;;;;;AAEO,SAASA,wBAAwBA,CAACC,IAAoB,EAAE;EAAA,IAAAC,YAAA,EAAAC,cAAA;EAC3D,IAAMC,MAAM,IAAAF,YAAA,GAAGD,IAAI,CAACG,MAAM,cAAAF,YAAA,cAAAA,YAAA,GAAI,aAAa;EAC3C,IAAIE,MAAM,KAAK,aAAa,EAAE,OAAO;IAACC,IAAI,EAAE;EAAM,CAAC;EACnD,IAAMC,KAAK,IAAAH,cAAA,GAAGF,IAAI,CAACM,QAAQ,cAAAJ,cAAA,uBAAbA,cAAA,CAAeG,KAAK;EAClC,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,GAAG,CAAC,GACtC;IAACD,IAAI,EAAE,SAAS;IAAEG,KAAK,EAAEC,MAAM,CAACH,KAAK;EAAC,CAAC,GACvC;IAACD,IAAI,EAAE;EAAO,CAAW;AACpC;AAEO,SAASK,wBAAwBA,CAACC,QAAgB,EAAEC,WAAmB,EAAE;EAC5E,OAAOA,WAAW,GAAG,CAAC,GAAGD,QAAQ,GAAGC,WAAW,GAAGD,QAAQ;AAC9D;AAEO,SAASE,iBAAiBA,CAACF,QAAgB,EAAEG,aAAqB,EAAEC,QAAgB,EAAE;EACzF,IAAID,aAAa,IAAI,CAAC,IAAIA,aAAa,IAAIC,QAAQ,EAAE,OAAOJ,QAAQ;EACpE,OAAOA,QAAQ,IAAII,QAAQ,GAAGD,aAAa,CAAC;AAChD;AAEO,SAASE,aAAaA,CACzBC,OAAyD,EACzDC,IAAY,EACZH,QAAgB,EAChBI,SAAkB,EACpB;EACE,IAAIF,OAAO,CAACG,WAAW,CAACF,IAAI,CAAC,CAACG,KAAK,IAAIN,QAAQ,EAAE,OAAOG,IAAI;EAC5D,IAAMI,QAAQ,GAAG,GAAG;EACpB,IAAIC,GAAG,GAAG,CAAC;EACX,IAAIC,IAAI,GAAGN,IAAI,CAACO,MAAM;EACtB,OAAOF,GAAG,GAAGC,IAAI,EAAE;IACf,IAAMC,MAAM,GAAGC,IAAI,CAACC,IAAI,CAAC,CAACJ,GAAG,GAAGC,IAAI,IAAI,CAAC,CAAC;IAC1C,IAAMI,SAAS,GAAGT,SAAS,GACrBG,QAAQ,GAAGJ,IAAI,CAACW,KAAK,CAACX,IAAI,CAACO,MAAM,GAAGA,MAAM,CAAC,GAC3CP,IAAI,CAACW,KAAK,CAAC,CAAC,EAAEJ,MAAM,CAAC,GAAGH,QAAQ;IACtC,IAAIL,OAAO,CAACG,WAAW,CAACQ,SAAS,CAAC,CAACP,KAAK,IAAIN,QAAQ,EAAEQ,GAAG,GAAGE,MAAM,CAAC,KAC9DD,IAAI,GAAGC,MAAM,GAAG,CAAC;EAC1B;EACA,OAAON,SAAS,GAAGG,QAAQ,GAAGJ,IAAI,CAACW,KAAK,CAACX,IAAI,CAACO,MAAM,GAAGF,GAAG,CAAC,GAAGL,IAAI,CAACW,KAAK,CAAC,CAAC,EAAEN,GAAG,CAAC,GAAGD,QAAQ;AAC/F","ignoreList":[]}

package/build/cjs/components/QueryGraph/i18n/dicts.d.ts

@@ -0,0 +1,55 @@
+declare const _default: {
+    en: {
+        action_fit: string;
+        "action_zoom-in": string;
+        "action_zoom-out": string;
+        "action_show-graph": string;
+        "context_large-graph": string;
+        context_empty: string;
+        value_stages: string;
+        value_details: string;
+        value_jobs: string;
+        value_schemas: string;
+        field_stage: string;
+        field_duration: string;
+        field_status: string;
+        field_count: string;
+        field_name: string;
+        field_type: string;
+        value_total: string;
+        value_inputs: string;
+        value_outputs: string;
+        status_pending: string;
+        status_running: string;
+        status_completed: string;
+        status_failed: string;
+        status_aborted: string;
+    };
+    ru: {
+        action_fit: string;
+        "action_zoom-in": string;
+        "action_zoom-out": string;
+        "action_show-graph": string;
+        "context_large-graph": string;
+        context_empty: string;
+        value_stages: string;
+        value_details: string;
+        value_jobs: string;
+        value_schemas: string;
+        field_stage: string;
+        field_duration: string;
+        field_status: string;
+        field_count: string;
+        field_name: string;
+        field_type: string;
+        value_total: string;
+        value_inputs: string;
+        value_outputs: string;
+        status_pending: string;
+        status_running: string;
+        status_completed: string;
+        status_failed: string;
+        status_aborted: string;
+    };
+};
+export default _default;

package/build/cjs/components/QueryGraph/i18n/dicts.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _en = _interopRequireDefault(require("./en.json"));
+var _ru = _interopRequireDefault(require("./ru.json"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  en: _en.default,
+  ru: _ru.default
+};
+// #sourceMappingURL=dicts.js.map

package/build/cjs/components/QueryGraph/i18n/dicts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_en","_interopRequireDefault","require","_ru","e","__esModule","default","_default","exports","en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAS,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEM;EAACG,EAAE,EAAFA,WAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/cjs/components/QueryGraph/i18n/en.json

@@ -0,0 +1,26 @@
+{
+  "action_fit": "Fit",
+  "action_zoom-in": "Zoom in",
+  "action_zoom-out": "Zoom out",
+  "action_show-graph": "Show graph",
+  "context_large-graph": "The graph contains {{count}} nodes and may take some time to render.",
+  "context_empty": "No graph data",
+  "value_stages": "Stages",
+  "value_details": "Details",
+  "value_jobs": "Jobs",
+  "value_schemas": "Schemas",
+  "field_stage": "Stage",
+  "field_duration": "Duration",
+  "field_status": "Status",
+  "field_count": "Count",
+  "field_name": "Name",
+  "field_type": "Type",
+  "value_total": "Total",
+  "value_inputs": "Inputs",
+  "value_outputs": "Outputs",
+  "status_pending": "Pending",
+  "status_running": "Running",
+  "status_completed": "Completed",
+  "status_failed": "Failed",
+  "status_aborted": "Aborted"
+}

package/build/cjs/components/QueryGraph/i18n/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: ((key: "field_name" | "action_fit" | "action_zoom-in" | "action_zoom-out" | "action_show-graph" | "context_large-graph" | "context_empty" | "value_stages" | "value_details" | "value_jobs" | "value_schemas" | "field_stage" | "field_duration" | "field_status" | "field_count" | "field_type" | "value_total" | "value_inputs" | "value_outputs" | "status_pending" | "status_running" | "status_completed" | "status_failed" | "status_aborted", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:query-graph": Record<"field_name" | "action_fit" | "action_zoom-in" | "action_zoom-out" | "action_show-graph" | "context_large-graph" | "context_empty" | "value_stages" | "value_details" | "value_jobs" | "value_schemas" | "field_stage" | "field_duration" | "field_status" | "field_count" | "field_type" | "value_total" | "value_inputs" | "value_outputs" | "status_pending" | "status_running" | "status_completed" | "status_failed" | "status_aborted", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/cjs/components/QueryGraph/i18n/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("../../../i18n");
+var _dicts = _interopRequireDefault(require("./dicts"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _i18n.addI18Keysets)('qp:query-graph', _dicts.default);
+// #sourceMappingURL=index.js.map

package/build/cjs/components/QueryGraph/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_dicts","_interopRequireDefault","e","__esModule","default","_default","exports","addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:query-graph', dicts);\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAY,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEG,IAAAG,mBAAa,EAAC,gBAAgB,EAAEC,cAAK,CAAC","ignoreList":[]}

package/build/cjs/components/QueryGraph/i18n/ru.json

@@ -0,0 +1,26 @@
+{
+  "action_fit": "Вписать",
+  "action_zoom-in": "Приблизить",
+  "action_zoom-out": "Отдалить",
+  "action_show-graph": "Показать граф",
+  "context_large-graph": "Граф содержит {{count}} узлов, его построение может занять некоторое время.",
+  "context_empty": "Нет данных графа",
+  "value_stages": "Этапы",
+  "value_details": "Детали",
+  "value_jobs": "Задачи",
+  "value_schemas": "Схемы",
+  "field_stage": "Этап",
+  "field_duration": "Длительность",
+  "field_status": "Статус",
+  "field_count": "Количество",
+  "field_name": "Название",
+  "field_type": "Тип",
+  "value_total": "Всего",
+  "value_inputs": "Входы",
+  "value_outputs": "Выходы",
+  "status_pending": "Ожидает",
+  "status_running": "Выполняется",
+  "status_completed": "Завершено",
+  "status_failed": "Ошибка",
+  "status_aborted": "Прервано"
+}

package/build/cjs/components/QueryGraph/index.d.ts

@@ -0,0 +1,2 @@
+export { QueryGraph } from './QueryGraph';
+export type { QueryGraphProps } from '../../types/queryGraph';

package/build/cjs/components/QueryGraph/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "QueryGraph", {
+  enumerable: true,
+  get: function () {
+    return _QueryGraph.QueryGraph;
+  }
+});
+var _QueryGraph = require("./QueryGraph");
+// #sourceMappingURL=index.js.map

package/build/cjs/components/QueryGraph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_QueryGraph","require"],"sources":["index.ts"],"sourcesContent":["export {QueryGraph} from './QueryGraph';\nexport type {QueryGraphProps} from '../../types/queryGraph';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/components/QueryGraph/internal/QueryGraphCanvasBlock.d.ts

@@ -0,0 +1,24 @@
+import { CanvasBlock, type TBlock } from '@gravity-ui/graph';
+import type { QueryGraphNode } from '../../../types/queryGraph';
+type QueryGraphBlockMeta = {
+    node: QueryGraphNode;
+    iconSvg: string;
+    fallbackIconSvg: string;
+    iconColorToken: string;
+    fallbackIconColorToken: string;
+};
+export type QueryGraphBlock = TBlock<QueryGraphBlockMeta>;
+export declare class QueryGraphCanvasBlock extends CanvasBlock<QueryGraphBlock> {
+    renderMinimalisticBlock(ctx: CanvasRenderingContext2D): void;
+    renderSchematicView(ctx: CanvasRenderingContext2D): void;
+    renderDetailedView(ctx: CanvasRenderingContext2D): void;
+    private readonly redrawAfterImageLoad;
+    private renderQueryNode;
+    private drawNodeShape;
+    private drawRunningOperation;
+    private drawCounter;
+    private drawStatusIcon;
+    private drawIcon;
+    private drawLabel;
+}
+export {};

package/build/cjs/components/QueryGraph/internal/QueryGraphCanvasBlock.js

@@ -0,0 +1,307 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueryGraphCanvasBlock = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.fill.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.join.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.for-each.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/es.set.difference.v2.js");
+require("core-js/modules/es.set.intersection.v2.js");
+require("core-js/modules/es.set.is-disjoint-from.v2.js");
+require("core-js/modules/es.set.is-subset-of.v2.js");
+require("core-js/modules/es.set.is-superset-of.v2.js");
+require("core-js/modules/es.set.symmetric-difference.v2.js");
+require("core-js/modules/es.set.union.v2.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.string.trim.js");
+require("core-js/modules/esnext.map.get-or-insert.js");
+require("core-js/modules/esnext.map.get-or-insert-computed.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _graph = require("@gravity-ui/graph");
+var _layout = require("../helpers/layout");
+var _presentation = require("../helpers/presentation");
+var _queryGraphIcons = require("./queryGraphIcons");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/* eslint-disable no-param-reassign -- CanvasRenderingContext2D exposes drawing state as mutable properties. */
+
+var imageCache = new Map();
+var statusTokens = {
+  'not-started': ['--g-color-line-generic', '--g-color-base-float'],
+  waiting: ['--g-color-text-misc-heavy', '--g-color-base-misc-light'],
+  running: ['--g-color-line-generic', '--g-color-line-generic'],
+  completed: ['--g-color-text-positive-heavy', '--g-color-base-positive-light'],
+  failed: ['--g-color-text-danger-heavy', '--g-color-base-danger-light'],
+  aborted: ['--g-color-text-complementary', '--g-color-base-generic']
+};
+var statusIconTokens = {
+  running: '--g-color-text-info',
+  completed: '--g-color-text-positive-heavy',
+  failed: '--g-color-text-danger-heavy',
+  aborted: '--g-color-text-complementary'
+};
+var resourceTokens = ['--g-color-line-generic', '--g-color-base-float'];
+var START_ANGLE = -Math.PI / 2;
+var STATUS_ICON_SIZE_RATIO = 1 / 4;
+var STATUS_ICON_BACKGROUND_RADIUS_RATIO = 1 / 6;
+var PROGRESS_WIDTH_RATIO = 1 / 9;
+var INNER_BORDER_WIDTH_RATIO = 1 / 25;
+var COUNTER_MAX_WIDTH_RATIO = 7 / 9;
+var LABEL_MAX_WIDTH_RATIO = 2;
+var COUNTER_FONT_SIZE = 11;
+var LABEL_FONT_SIZE = 9;
+var LABEL_GAP = 4;
+var RESOURCE_ICON_SIZE = 16;
+function cssValue(token, element) {
+  if (typeof document === 'undefined') return '';
+  return getComputedStyle(element !== null && element !== void 0 ? element : document.documentElement).getPropertyValue(token).trim();
+}
+function coloredSvgDataUrl(svg, color) {
+  var markup = svg.split('currentColor').join(color || '#000');
+  return "data:image/svg+xml;charset=utf-8,".concat(encodeURIComponent(markup));
+}
+function getCanvasImage(svg, color, onSettled) {
+  if (typeof Image === 'undefined') return undefined;
+  var key = "".concat(color, "\n").concat(svg);
+  var entry = imageCache.get(key);
+  if (!entry) {
+    var image = new Image();
+    entry = {
+      image: image,
+      state: 'loading',
+      listeners: new Set()
+    };
+    imageCache.set(key, entry);
+    image.onload = function () {
+      if (!entry) return;
+      entry.state = 'loaded';
+      entry.listeners.forEach(function (listener) {
+        return listener();
+      });
+      entry.listeners.clear();
+    };
+    image.onerror = function () {
+      if (!entry) return;
+      entry.state = 'failed';
+      entry.listeners.forEach(function (listener) {
+        return listener();
+      });
+      entry.listeners.clear();
+    };
+    image.src = coloredSvgDataUrl(svg, color);
+  }
+  if (entry.state === 'loading') entry.listeners.add(onSettled);
+  return entry;
+}
+var QueryGraphCanvasBlock = exports.QueryGraphCanvasBlock = /*#__PURE__*/function (_CanvasBlock) {
+  function QueryGraphCanvasBlock() {
+    var _this;
+    (0, _classCallCheck2.default)(this, QueryGraphCanvasBlock);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = (0, _callSuper2.default)(this, QueryGraphCanvasBlock, [].concat(args));
+    _this.redrawAfterImageLoad = function () {
+      return _this.performRender();
+    };
+    return _this;
+  }
+  (0, _inherits2.default)(QueryGraphCanvasBlock, _CanvasBlock);
+  return (0, _createClass2.default)(QueryGraphCanvasBlock, [{
+    key: "renderMinimalisticBlock",
+    value: function renderMinimalisticBlock(ctx) {
+      this.renderQueryNode(ctx);
+    }
+  }, {
+    key: "renderSchematicView",
+    value: function renderSchematicView(ctx) {
+      this.renderQueryNode(ctx);
+    }
+  }, {
+    key: "renderDetailedView",
+    value: function renderDetailedView(ctx) {
+      this.renderQueryNode(ctx);
+    }
+  }, {
+    key: "renderQueryNode",
+    value: function renderQueryNode(context) {
+      var _node$status, _node$label;
+      var meta = this.state.meta;
+      if (!(meta !== null && meta !== void 0 && meta.node)) return;
+      var node = meta.node;
+      var status = (_node$status = node.status) !== null && _node$status !== void 0 ? _node$status : 'not-started';
+      var _ref = node.kind === 'operation' ? statusTokens[status] : resourceTokens,
+        _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+        lineToken = _ref2[0],
+        baseToken = _ref2[1];
+      context.save();
+      if (node.kind === 'operation' && status === 'running') {
+        this.drawRunningOperation(context, (0, _layout.getQueryGraphProgress)(node));
+      } else {
+        this.drawNodeShape(context, lineToken, baseToken);
+      }
+      var content = (0, _presentation.getQueryGraphNodeContent)(node);
+      if (content.kind === 'icon') {
+        var _this$state = this.state,
+          x = _this$state.x,
+          y = _this$state.y,
+          width = _this$state.width,
+          height = _this$state.height;
+        var side = node.kind === 'operation' ? width / 2 : RESOURCE_ICON_SIZE;
+        this.drawIcon(context, meta.iconSvg, meta.fallbackIconSvg, x + (width - side) / 2, y + (height - side) / 2, side, cssValue(meta.iconColorToken, context.canvas), cssValue(meta.fallbackIconColorToken, context.canvas));
+      } else if (content.kind === 'counter') {
+        this.drawCounter(context, content.value);
+      }
+      if (node.kind === 'operation') this.drawStatusIcon(context, status);
+      this.drawLabel(context, (_node$label = node.label) !== null && _node$label !== void 0 ? _node$label : node.name, node.kind !== 'operation');
+      context.restore();
+    }
+  }, {
+    key: "drawNodeShape",
+    value: function drawNodeShape(context, lineToken, baseToken) {
+      var _this$state2 = this.state,
+        x = _this$state2.x,
+        y = _this$state2.y,
+        width = _this$state2.width,
+        height = _this$state2.height,
+        meta = _this$state2.meta;
+      context.beginPath();
+      if ((meta === null || meta === void 0 ? void 0 : meta.node.kind) === 'operation') {
+        context.arc(x + width / 2, y + height / 2, width / 2 - 1, 0, Math.PI * 2);
+      } else {
+        context.roundRect(x + 1, y + 1, width - 2, height - 2, 12);
+      }
+      context.fillStyle = cssValue(baseToken, context.canvas);
+      context.fill();
+      context.lineWidth = 2;
+      context.strokeStyle = cssValue(lineToken, context.canvas);
+      context.stroke();
+    }
+  }, {
+    key: "drawRunningOperation",
+    value: function drawRunningOperation(context, progress) {
+      var _this$state3 = this.state,
+        x = _this$state3.x,
+        y = _this$state3.y,
+        width = _this$state3.width,
+        height = _this$state3.height;
+      var centerX = x + width / 2;
+      var centerY = y + height / 2;
+      var radius = width / 2;
+      var progressWidth = width * PROGRESS_WIDTH_RATIO;
+      var endAngle = START_ANGLE + Math.PI * 2 * progress;
+      var runningBase = cssValue('--g-color-line-generic', context.canvas);
+      var runningLine = cssValue('--g-color-line-generic', context.canvas);
+      var progressBase = cssValue('--g-color-base-info-light', context.canvas);
+      var progressLine = cssValue('--g-color-text-info', context.canvas);
+      var background = cssValue('--g-color-base-background', context.canvas);
+      context.beginPath();
+      context.arc(centerX, centerY, radius - progressWidth / 2, 0, Math.PI * 2);
+      context.fillStyle = runningBase;
+      context.fill();
+      context.lineWidth = progressWidth;
+      context.strokeStyle = runningLine;
+      context.stroke();
+      if (progress > 0) {
+        context.beginPath();
+        context.moveTo(centerX, centerY);
+        context.arc(centerX, centerY, radius - progressWidth / 2, START_ANGLE, endAngle);
+        context.closePath();
+        context.fillStyle = progressBase;
+        context.fill();
+        context.beginPath();
+        context.arc(centerX, centerY, radius - progressWidth / 2, START_ANGLE, endAngle);
+        context.lineWidth = progressWidth;
+        context.strokeStyle = progressLine;
+        context.stroke();
+      }
+      context.beginPath();
+      context.arc(centerX, centerY, radius - progressWidth, 0, Math.PI * 2);
+      context.lineWidth = width * INNER_BORDER_WIDTH_RATIO;
+      context.strokeStyle = background;
+      context.stroke();
+    }
+  }, {
+    key: "drawCounter",
+    value: function drawCounter(context, value) {
+      var _this$state4 = this.state,
+        x = _this$state4.x,
+        y = _this$state4.y,
+        width = _this$state4.width,
+        height = _this$state4.height;
+      var maxFontSize = (0, _presentation.getScaleAdjustedFontSize)(COUNTER_FONT_SIZE, this.context.graph.cameraService.getCameraScale());
+      var fontFamily = cssValue('--g-font-family-sans', context.canvas);
+      context.fillStyle = cssValue('--g-color-text-primary', context.canvas);
+      context.textAlign = 'center';
+      context.textBaseline = 'middle';
+      context.font = "500 ".concat(maxFontSize, "px ").concat(fontFamily);
+      var fontSize = (0, _presentation.fitCanvasFontSize)(maxFontSize, context.measureText(value).width, width * COUNTER_MAX_WIDTH_RATIO);
+      context.font = "500 ".concat(fontSize, "px ").concat(fontFamily);
+      context.fillText(value, x + width / 2, y + height / 2);
+    }
+  }, {
+    key: "drawStatusIcon",
+    value: function drawStatusIcon(context, status) {
+      var iconSvg = (0, _queryGraphIcons.getQueryGraphStatusIconSvg)(status);
+      var colorToken = statusIconTokens[status];
+      if (!iconSvg || !colorToken) return;
+      var _this$state5 = this.state,
+        x = _this$state5.x,
+        y = _this$state5.y,
+        width = _this$state5.width;
+      var side = width * STATUS_ICON_SIZE_RATIO;
+      var backgroundRadius = width * STATUS_ICON_BACKGROUND_RADIUS_RATIO;
+      var iconX = x + width - side;
+      var iconY = y;
+      context.beginPath();
+      context.arc(iconX + side / 2, iconY + side / 2, backgroundRadius, 0, Math.PI * 2);
+      context.fillStyle = cssValue('--g-color-base-background', context.canvas);
+      context.fill();
+      this.drawIcon(context, iconSvg, iconSvg, iconX, iconY, side, cssValue(colorToken, context.canvas), cssValue(colorToken, context.canvas));
+    }
+  }, {
+    key: "drawIcon",
+    value: function drawIcon(context, svg, fallbackSvg, x, y, side, color, fallbackColor) {
+      var _entry, _entry2;
+      var entry = getCanvasImage(svg, color, this.redrawAfterImageLoad);
+      if (((_entry = entry) === null || _entry === void 0 ? void 0 : _entry.state) === 'failed' && fallbackSvg !== svg) {
+        entry = getCanvasImage(fallbackSvg, fallbackColor, this.redrawAfterImageLoad);
+      }
+      if (((_entry2 = entry) === null || _entry2 === void 0 ? void 0 : _entry2.state) === 'loaded') context.drawImage(entry.image, x, y, side, side);
+    }
+  }, {
+    key: "drawLabel",
+    value: function drawLabel(context, label, trimStart) {
+      var _this$state6 = this.state,
+        x = _this$state6.x,
+        y = _this$state6.y,
+        width = _this$state6.width,
+        height = _this$state6.height;
+      var cameraScale = this.context.graph.cameraService.getCameraScale();
+      var fontSize = (0, _presentation.getScaleAdjustedFontSize)(LABEL_FONT_SIZE, cameraScale);
+      var labelGap = (0, _presentation.getScaleAdjustedFontSize)(LABEL_GAP, cameraScale);
+      context.fillStyle = cssValue('--g-color-text-primary', context.canvas);
+      context.textAlign = 'center';
+      context.textBaseline = 'top';
+      context.font = "400 ".concat(fontSize, "px ").concat(cssValue('--g-font-family-sans', context.canvas));
+      var fitted = (0, _presentation.fitCanvasText)(context, label, width * LABEL_MAX_WIDTH_RATIO, trimStart);
+      context.fillText(fitted, x + width / 2, y + height + labelGap);
+    }
+  }]);
+}(_graph.CanvasBlock);
+// #sourceMappingURL=QueryGraphCanvasBlock.js.map