@api-client/ui 0.2.0 → 0.2.3

package/build/src/visualization/lib/ShapeArtist.js

@@ -1,209 +0,0 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-/* eslint-disable @typescript-eslint/no-extraneous-class */
-import { svg } from 'lit';
-import { classMap } from 'lit/directives/class-map.js';
-import { styleMap } from 'lit/directives/style-map.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-/**
- * A class that builds templates for lines, tips, and labels.
- */
-export class ShapeArtist {
-    /**
-     * @param info The definition of the line to visualize
-     * @param debug Whether debugging is enabled.
-     * @return The template for an association line
-     */
-    static line(info, debug = false) {
-        const { line } = info.shape;
-        switch (line.type) {
-            case 'rectilinear':
-                return ShapeArtist.rectilinearLine(info, debug);
-            default:
-                return '';
-        }
-    }
-    /**
-     * @param info The line to visualize
-     * @param debug Whether debugging is enabled.
-     * @returns The template for an association line
-     */
-    static rectilinearLine(info, debug) {
-        const { id, shape, directions, positionChange } = info;
-        const { line, label, tips, selection = {}, style } = shape;
-        const { transformOrigin, coordinates, path, controlPoints, type } = line;
-        const groupStyle = {
-            transformOrigin,
-        };
-        const groupClass = {
-            'selected': !!selection.primary,
-            'selectedSecondary': !!selection.secondary,
-            'hovered': !!selection.hover,
-            'hidden': !!selection.hidden,
-            'association-group': true,
-        };
-        if (style) {
-            groupClass[style] = true;
-        }
-        const [startPoint] = coordinates;
-        const endPoint = coordinates[coordinates.length - 1];
-        return svg `
-    <g 
-      data-id="${id}" 
-      data-type="association" 
-      class="${classMap(groupClass)}"
-      style="${styleMap(groupStyle)}"
-    >
-      <circle cx="${startPoint.x}" cy="${startPoint.y}" r="4" class="edge-vertex"/>
-      <circle cx="${endPoint.x}" cy="${endPoint.y}" r="4" class="edge-vertex"/>
-      <polyline 
-        points="${path}"
-        class="association-line-area"
-        data-type="association"
-        data-id="${id}"
-      />
-      <polyline 
-        points="${path}"
-        class="association-line"
-        data-type="association"
-        data-id="${id}"
-      />
-      ${tips && tips.start ? ShapeArtist.edgeTipTemplate(tips.start) : ''}
-      ${tips && tips.end ? ShapeArtist.edgeTipTemplate(tips.end) : ''}
-      ${selection.primary && positionChange ? ShapeArtist.associationDraggable(id, startPoint, endPoint, directions) : ''}
-      ${debug ? ShapeArtist.controlPointsDebugTemplate(type, startPoint, endPoint, controlPoints) : ''}
-      ${ShapeArtist.edgeLabelTemplate(label, id)}
-    </g>`;
-    }
-    /**
-     * @param tip The parent line to visualize
-     * @returns The template for the parent line tip
-     */
-    static edgeTipTemplate(tip) {
-        const { rotate, path, style, transformOrigin, svg: elementType } = tip;
-        const transform = `rotate(${rotate}deg)`;
-        const styles = {
-            transform,
-            transformOrigin,
-        };
-        if (elementType === 'polyline') {
-            return svg `
-      <polyline
-        points="${path}"
-        class="edge-tip ${style}"
-        style="${styleMap(styles)}"
-      />
-      `;
-        }
-        return svg `
-      <polygon
-        points="${path}"
-        class="edge-tip ${style}"
-        style="${styleMap(styles)}"
-      />
-    `;
-    }
-    /**
-     * @param id The key of the association.
-     * @returns The template for the association drag handlers on the tips.
-     */
-    static associationDraggable(id, start, end, directions) {
-        const size = 12;
-        const half = size / 2;
-        const padding = 4;
-        let sx = start.x;
-        let sy = start.y;
-        let ex = end.x;
-        let ey = end.y;
-        if (directions.start === 'west') {
-            sx -= size + padding;
-            sy -= half;
-        }
-        else if (directions.start === 'north') {
-            sx -= half;
-            sy -= size + padding;
-        }
-        else if (directions.start === 'east') {
-            sx += padding;
-            sy -= half;
-        }
-        else {
-            sx -= half;
-            sy += padding;
-        }
-        if (directions.end === 'west') {
-            ex += padding;
-            ey -= half;
-        }
-        else if (directions.end === 'north') {
-            ex -= half;
-            ey -= size + padding;
-        }
-        else if (directions.end === 'east') {
-            ex -= size + padding;
-            ey -= half;
-        }
-        else {
-            ex -= half;
-            ey += padding;
-        }
-        return svg `
-    <rect x="${sx}" y="${sy}" width="${size}" height="${size}" rx="3" data-key="${id}" data-dir="start" class="association-draggable"/>
-    <rect x="${ex}" y="${ey}" width="${size}" height="${size}" rx="3" data-key="${id}" data-dir="end" class="association-draggable"/>
-    `;
-    }
-    /**
-     * @param parentId The association key
-     * @returns The template for a text label for an association
-     */
-    static edgeLabelTemplate(label, parentId) {
-        if (!label || !label.value) {
-            return '';
-        }
-        const { value, transformOrigin, rotate, x, y, anchor } = label;
-        const transform = `rotate(${rotate}deg)`;
-        const textStyles = {
-            transform,
-            transformOrigin,
-        };
-        return svg `
-    <text
-      x="${x}"
-      y="${y}"
-      data-id="${parentId}"
-      style="${styleMap(textStyles)}"
-      class="association-label"
-      text-anchor=${ifDefined(anchor)}
-    >${value}</text>
-    `;
-    }
-    /**
-     * Draws a debug control points positions for the given line type.
-     * @param start The start of the line
-     * @param end The end of the line
-     * @param cp Control points on the line
-     */
-    static controlPointsDebugTemplate(type, start, end, cp) {
-        switch (type) {
-            case 'rectilinear':
-                return ShapeArtist.rectilinearPathDebugTemplate(start, end, cp);
-            default:
-                return '';
-        }
-    }
-    static rectilinearPathDebugTemplate(start, end, controlPoints) {
-        if (!controlPoints || !controlPoints.length) {
-            return '';
-        }
-        const [firstCp] = controlPoints;
-        const lastCp = controlPoints[controlPoints.length - 1];
-        return svg `
-    ${controlPoints.map((cp, i) => svg `<circle cx="${cp.x}" cy="${cp.y}" r="4" fill="red" title="CP ${i}"/>`)}
-    <line x1="${firstCp.x}" y1="${firstCp.y}" x2="${start.x}" y2="${start.y}" style="stroke:red;stroke-width:2;stroke-dasharray: 6;" />
-    <line x1="${lastCp.x}" y1="${lastCp.y}" x2="${end.x}" y2="${end.y}" style="stroke:red;stroke-width:2;stroke-dasharray: 6;" />
-
-    <circle cx="${start.x}" cy="${start.y}" r="4" fill="yellow"/>
-    <circle cx="${end.x}" cy="${end.y}" r="4" fill="yellow"/>
-    `;
-    }
-}
-//# sourceMappingURL=ShapeArtist.js.map

package/build/src/visualization/lib/ShapeArtist.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShapeArtist.js","sourceRoot":"","sources":["../../../../src/visualization/lib/ShapeArtist.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\n/* eslint-disable @typescript-eslint/no-extraneous-class */\nimport { svg, SVGTemplateResult } from 'lit'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { IEdgeDirections, IWorkspaceEdge } from './types.js'\nimport {\n  IAssociationLabelShape,\n  AssociationShapeType,\n  IAssociationTip,\n  IVisualizationRectilinearLineShape,\n} from './VisualizationTypes.js'\nimport { Point } from './Point.js'\n\n/**\n * A class that builds templates for lines, tips, and labels.\n */\nexport class ShapeArtist {\n  /**\n   * @param info The definition of the line to visualize\n   * @param debug Whether debugging is enabled.\n   * @return The template for an association line\n   */\n  static line(info: IWorkspaceEdge, debug = false): SVGTemplateResult | string {\n    const { line } = info.shape\n    switch (line.type) {\n      case 'rectilinear':\n        return ShapeArtist.rectilinearLine(info, debug)\n      default:\n        return ''\n    }\n  }\n\n  /**\n   * @param info The line to visualize\n   * @param debug Whether debugging is enabled.\n   * @returns The template for an association line\n   */\n  static rectilinearLine(info: IWorkspaceEdge, debug: boolean): SVGTemplateResult {\n    const { id, shape, directions, positionChange } = info\n    const { line, label, tips, selection = {}, style } = shape\n    const { transformOrigin, coordinates, path, controlPoints, type } = line as IVisualizationRectilinearLineShape\n    const groupStyle = {\n      transformOrigin,\n    }\n    const groupClass: Record<string, boolean> = {\n      'selected': !!selection.primary,\n      'selectedSecondary': !!selection.secondary,\n      'hovered': !!selection.hover,\n      'hidden': !!selection.hidden,\n      'association-group': true,\n    }\n    if (style) {\n      groupClass[style] = true\n    }\n    const [startPoint] = coordinates!\n    const endPoint = coordinates![coordinates!.length - 1]\n    return svg`\n    <g \n      data-id=\"${id}\" \n      data-type=\"association\" \n      class=\"${classMap(groupClass)}\"\n      style=\"${styleMap(groupStyle)}\"\n    >\n      <circle cx=\"${startPoint.x}\" cy=\"${startPoint.y}\" r=\"4\" class=\"edge-vertex\"/>\n      <circle cx=\"${endPoint.x}\" cy=\"${endPoint.y}\" r=\"4\" class=\"edge-vertex\"/>\n      <polyline \n        points=\"${path}\"\n        class=\"association-line-area\"\n        data-type=\"association\"\n        data-id=\"${id}\"\n      />\n      <polyline \n        points=\"${path}\"\n        class=\"association-line\"\n        data-type=\"association\"\n        data-id=\"${id}\"\n      />\n      ${tips && tips.start ? ShapeArtist.edgeTipTemplate(tips.start) : ''}\n      ${tips && tips.end ? ShapeArtist.edgeTipTemplate(tips.end) : ''}\n      ${selection.primary && positionChange ? ShapeArtist.associationDraggable(id, startPoint, endPoint, directions) : ''}\n      ${debug ? ShapeArtist.controlPointsDebugTemplate(type, startPoint, endPoint, controlPoints) : ''}\n      ${ShapeArtist.edgeLabelTemplate(label!, id)}\n    </g>`\n  }\n\n  /**\n   * @param tip The parent line to visualize\n   * @returns The template for the parent line tip\n   */\n  static edgeTipTemplate(tip: IAssociationTip): SVGTemplateResult {\n    const { rotate, path, style, transformOrigin, svg: elementType } = tip\n    const transform = `rotate(${rotate}deg)`\n    const styles = {\n      transform,\n      transformOrigin,\n    }\n    if (elementType === 'polyline') {\n      return svg`\n      <polyline\n        points=\"${path}\"\n        class=\"edge-tip ${style}\"\n        style=\"${styleMap(styles)}\"\n      />\n      `\n    }\n    return svg`\n      <polygon\n        points=\"${path}\"\n        class=\"edge-tip ${style}\"\n        style=\"${styleMap(styles)}\"\n      />\n    `\n  }\n\n  /**\n   * @param id The key of the association.\n   * @returns The template for the association drag handlers on the tips.\n   */\n  static associationDraggable(id: string, start: Point, end: Point, directions: IEdgeDirections): SVGTemplateResult {\n    const size = 12\n    const half = size / 2\n    const padding = 4\n    let sx = start.x\n    let sy = start.y\n    let ex = end.x\n    let ey = end.y\n    if (directions.start === 'west') {\n      sx -= size + padding\n      sy -= half\n    } else if (directions.start === 'north') {\n      sx -= half\n      sy -= size + padding\n    } else if (directions.start === 'east') {\n      sx += padding\n      sy -= half\n    } else {\n      sx -= half\n      sy += padding\n    }\n    if (directions.end === 'west') {\n      ex += padding\n      ey -= half\n    } else if (directions.end === 'north') {\n      ex -= half\n      ey -= size + padding\n    } else if (directions.end === 'east') {\n      ex -= size + padding\n      ey -= half\n    } else {\n      ex -= half\n      ey += padding\n    }\n    return svg`\n    <rect x=\"${sx}\" y=\"${sy}\" width=\"${size}\" height=\"${size}\" rx=\"3\" data-key=\"${id}\" data-dir=\"start\" class=\"association-draggable\"/>\n    <rect x=\"${ex}\" y=\"${ey}\" width=\"${size}\" height=\"${size}\" rx=\"3\" data-key=\"${id}\" data-dir=\"end\" class=\"association-draggable\"/>\n    `\n  }\n\n  /**\n   * @param parentId The association key\n   * @returns The template for a text label for an association\n   */\n  static edgeLabelTemplate(label: IAssociationLabelShape, parentId: string): SVGTemplateResult | string {\n    if (!label || !label.value) {\n      return ''\n    }\n    const { value, transformOrigin, rotate, x, y, anchor } = label\n    const transform = `rotate(${rotate}deg)`\n    const textStyles = {\n      transform,\n      transformOrigin,\n    }\n    return svg`\n    <text\n      x=\"${x}\"\n      y=\"${y}\"\n      data-id=\"${parentId}\"\n      style=\"${styleMap(textStyles)}\"\n      class=\"association-label\"\n      text-anchor=${ifDefined(anchor)}\n    >${value}</text>\n    `\n  }\n\n  /**\n   * Draws a debug control points positions for the given line type.\n   * @param start The start of the line\n   * @param end The end of the line\n   * @param cp Control points on the line\n   */\n  static controlPointsDebugTemplate(\n    type: AssociationShapeType,\n    start: Point,\n    end: Point,\n    cp: Point[]\n  ): SVGTemplateResult | string {\n    switch (type) {\n      case 'rectilinear':\n        return ShapeArtist.rectilinearPathDebugTemplate(start, end, cp)\n      default:\n        return ''\n    }\n  }\n\n  static rectilinearPathDebugTemplate(start: Point, end: Point, controlPoints: Point[]): SVGTemplateResult | string {\n    if (!controlPoints || !controlPoints.length) {\n      return ''\n    }\n    const [firstCp] = controlPoints\n    const lastCp = controlPoints[controlPoints.length - 1]\n    return svg`\n    ${controlPoints.map((cp, i) => svg`<circle cx=\"${cp.x}\" cy=\"${cp.y}\" r=\"4\" fill=\"red\" title=\"CP ${i}\"/>`)}\n    <line x1=\"${firstCp.x}\" y1=\"${firstCp.y}\" x2=\"${start.x}\" y2=\"${start.y}\" style=\"stroke:red;stroke-width:2;stroke-dasharray: 6;\" />\n    <line x1=\"${lastCp.x}\" y1=\"${lastCp.y}\" x2=\"${end.x}\" y2=\"${end.y}\" style=\"stroke:red;stroke-width:2;stroke-dasharray: 6;\" />\n\n    <circle cx=\"${start.x}\" cy=\"${start.y}\" r=\"4\" fill=\"yellow\"/>\n    <circle cx=\"${end.x}\" cy=\"${end.y}\" r=\"4\" fill=\"yellow\"/>\n    `\n  }\n}\n"]}

package/build/src/visualization/lib/SvgMarkers.d.ts

@@ -1,14 +0,0 @@
-export declare const markerStyles: import("lit").CSSResult;
-/**
- * A template for the parent entity marker
- */
-export declare const parentEntityMaker: import("lit-html").TemplateResult<2>;
-/**
- * A template for the operation parameter in marker
- */
-export declare const parameterInMaker: import("lit-html").TemplateResult<2>;
-/**
- * A template for the operation parameter out marker
- */
-export declare const parameterOutMaker: import("lit-html").TemplateResult<2>;
-//# sourceMappingURL=SvgMarkers.d.ts.map

package/build/src/visualization/lib/SvgMarkers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SvgMarkers.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/SvgMarkers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAoBxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,sCAc7B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,sCAc5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,sCAc7B,CAAA"}

package/build/src/visualization/lib/SvgMarkers.js

@@ -1,77 +0,0 @@
-import { svg, css } from 'lit';
-export const markerStyles = css `
-  .parent-marker {
-    fill: #90a4ae;
-  }
-
-  .parameter-in polyline {
-    stroke: #ff9e91;
-  }
-
-  .parameter-in-marker {
-    fill: #ff9e91;
-  }
-
-  .parameter-out polyline {
-    stroke: #fbc02d;
-  }
-
-  .parameter-out-marker {
-    fill: #fbc02d;
-  }
-`;
-/**
- * A template for the parent entity marker
- */
-export const parentEntityMaker = svg `
-<marker 
-  id="parent" 
-  class="parent-marker" 
-  viewBox="0 0 20 20" 
-  refX="10" 
-  refY="5" 
-  markerWidth="32" 
-  markerHeight="32" 
-  orient="auto-start-reverse" 
-  markerUnits="userSpaceOnUse"
->
-  <path d="M 0 0 L 10 5 L 0 10 z" />
-</marker>
-`;
-/**
- * A template for the operation parameter in marker
- */
-export const parameterInMaker = svg `
-<marker 
-  id="parameterIn" 
-  class="parameter-in-marker" 
-  viewBox="0 0 20 20" 
-  refX="10" 
-  refY="5" 
-  markerWidth="32" 
-  markerHeight="32" 
-  orient="auto-start-reverse" 
-  markerUnits="userSpaceOnUse"
->
-  <path d="M 0 0 L 10 5 L 0 10 z" />
-</marker>
-`;
-/**
- * A template for the operation parameter out marker
- */
-export const parameterOutMaker = svg `
-<marker 
-  id="parameterOut" 
-  class="parameter-out-marker" 
-  viewBox="0 0 20 20" 
-  refX="10" 
-  refY="5" 
-  markerWidth="32" 
-  markerHeight="32" 
-  orient="auto-start-reverse" 
-  markerUnits="userSpaceOnUse"
->
-  <path d="M 0 0 L 10 5 L 0 10 z" />
-</marker>
-`;
-//# sourceMappingURL=SvgMarkers.js.map

package/build/src/visualization/lib/SvgMarkers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SvgMarkers.js","sourceRoot":"","sources":["../../../../src/visualization/lib/SvgMarkers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoB9B,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcnC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAclC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcnC,CAAA","sourcesContent":["import { svg, css } from 'lit'\n\nexport const markerStyles = css`\n  .parent-marker {\n    fill: #90a4ae;\n  }\n\n  .parameter-in polyline {\n    stroke: #ff9e91;\n  }\n\n  .parameter-in-marker {\n    fill: #ff9e91;\n  }\n\n  .parameter-out polyline {\n    stroke: #fbc02d;\n  }\n\n  .parameter-out-marker {\n    fill: #fbc02d;\n  }\n`\n\n/**\n * A template for the parent entity marker\n */\nexport const parentEntityMaker = svg`\n<marker \n  id=\"parent\" \n  class=\"parent-marker\" \n  viewBox=\"0 0 20 20\" \n  refX=\"10\" \n  refY=\"5\" \n  markerWidth=\"32\" \n  markerHeight=\"32\" \n  orient=\"auto-start-reverse\" \n  markerUnits=\"userSpaceOnUse\"\n>\n  <path d=\"M 0 0 L 10 5 L 0 10 z\" />\n</marker>\n`\n\n/**\n * A template for the operation parameter in marker\n */\nexport const parameterInMaker = svg`\n<marker \n  id=\"parameterIn\" \n  class=\"parameter-in-marker\" \n  viewBox=\"0 0 20 20\" \n  refX=\"10\" \n  refY=\"5\" \n  markerWidth=\"32\" \n  markerHeight=\"32\" \n  orient=\"auto-start-reverse\" \n  markerUnits=\"userSpaceOnUse\"\n>\n  <path d=\"M 0 0 L 10 5 L 0 10 z\" />\n</marker>\n`\n\n/**\n * A template for the operation parameter out marker\n */\nexport const parameterOutMaker = svg`\n<marker \n  id=\"parameterOut\" \n  class=\"parameter-out-marker\" \n  viewBox=\"0 0 20 20\" \n  refX=\"10\" \n  refY=\"5\" \n  markerWidth=\"32\" \n  markerHeight=\"32\" \n  orient=\"auto-start-reverse\" \n  markerUnits=\"userSpaceOnUse\"\n>\n  <path d=\"M 0 0 L 10 5 L 0 10 z\" />\n</marker>\n`\n"]}

package/build/src/visualization/lib/TipSketch.d.ts

@@ -1,26 +0,0 @@
-import { IEdgeDirections } from './types.js';
-import { IAssociationTip, IVisualizationAssociationShape } from './VisualizationTypes.js';
-/**
- * A class that is responsible for sketching different kind of line tips.
- */
-export declare class TipSketch {
-    /**
-     * Builds a tip at the **end** of the line (at the target position).
-     *
-     * @param type The type of the tip to construct.
-     * @param line The definition of the line that the tip is attached to
-     * @param directions Computed line directions
-     * @returns The definition of a tip pointing at the parent (the other end)
-     */
-    endMarker(type: string | 'parent' | 'parameterIn' | 'parameterOut' | 'association', line: IVisualizationAssociationShape, directions: IEdgeDirections): IAssociationTip;
-    /**
-     * Builds a tip at the **start** of the line (at the source position).
-     *
-     * @param type The type of the tip to construct.
-     * @param line The definition of the line that the tip is attached to
-     * @param directions Computed line directions
-     * @returns The definition of a tip pointing at the parent (the other end)
-     */
-    startMarker(type: string | 'parent' | 'parameterIn' | 'parameterOut', line: IVisualizationAssociationShape, directions: IEdgeDirections): IAssociationTip;
-}
-//# sourceMappingURL=TipSketch.d.ts.map

package/build/src/visualization/lib/TipSketch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TipSketch.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/TipSketch.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EACL,eAAe,EACf,8BAA8B,EAE/B,MAAM,yBAAyB,CAAA;AAEhC;;GAEG;AACH,qBAAa,SAAS;IACpB;;;;;;;OAOG;IACH,SAAS,CACP,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,aAAa,GAAG,cAAc,GAAG,aAAa,EACxE,IAAI,EAAE,8BAA8B,EACpC,UAAU,EAAE,eAAe,GAC1B,eAAe;IA2BlB;;;;;;;OAOG;IACH,WAAW,CACT,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,aAAa,GAAG,cAAc,EACxD,IAAI,EAAE,8BAA8B,EACpC,UAAU,EAAE,eAAe,GAC1B,eAAe;CA0BnB"}

package/build/src/visualization/lib/TipSketch.js

@@ -1,77 +0,0 @@
-import { RectilinearTip } from './tips/RectilinearTip.js';
-/**
- * A class that is responsible for sketching different kind of line tips.
- */
-export class TipSketch {
-    /**
-     * Builds a tip at the **end** of the line (at the target position).
-     *
-     * @param type The type of the tip to construct.
-     * @param line The definition of the line that the tip is attached to
-     * @param directions Computed line directions
-     * @returns The definition of a tip pointing at the parent (the other end)
-     */
-    endMarker(type, line, directions) {
-        let artist;
-        if (line.type === 'rectilinear') {
-            artist = new RectilinearTip('end', line, directions);
-        }
-        else {
-            throw new Error(`Unknown tip type: ${line.type}`);
-        }
-        let shape;
-        switch (type) {
-            case 'parent':
-                shape = artist.parent();
-                break;
-            case 'direction':
-                shape = artist.direction();
-                break;
-            case 'association':
-                shape = artist.association();
-                break;
-            default:
-                throw new Error(`Unsupported association shape: ${type}.`);
-        }
-        if (!shape) {
-            throw new Error(`Unable to create a tip shape.`);
-        }
-        return shape;
-    }
-    /**
-     * Builds a tip at the **start** of the line (at the source position).
-     *
-     * @param type The type of the tip to construct.
-     * @param line The definition of the line that the tip is attached to
-     * @param directions Computed line directions
-     * @returns The definition of a tip pointing at the parent (the other end)
-     */
-    startMarker(type, line, directions) {
-        let artist;
-        if (line.type === 'rectilinear') {
-            artist = new RectilinearTip('start', line, directions);
-        }
-        else {
-            throw new Error(`Unknown tip type: ${line.type}`);
-        }
-        let shape;
-        switch (type) {
-            case 'parent':
-                shape = artist.parent();
-                break;
-            case 'direction':
-                shape = artist.direction();
-                break;
-            case 'association':
-                shape = artist.association();
-                break;
-            default:
-                throw new Error(`Unsupported association shape: ${type}.`);
-        }
-        if (!shape) {
-            throw new Error(`Unable to create a tip shape.`);
-        }
-        return shape;
-    }
-}
-//# sourceMappingURL=TipSketch.js.map

package/build/src/visualization/lib/TipSketch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TipSketch.js","sourceRoot":"","sources":["../../../../src/visualization/lib/TipSketch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AASzD;;GAEG;AACH,MAAM,OAAO,SAAS;IACpB;;;;;;;OAOG;IACH,SAAS,CACP,IAAwE,EACxE,IAAoC,EACpC,UAA2B;QAE3B,IAAI,MAAiB,CAAA;QACrB,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;YAChC,MAAM,GAAG,IAAI,cAAc,CAAC,KAAK,EAAE,IAA0C,EAAE,UAAU,CAAC,CAAA;QAC5F,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,KAAK,CAAC,qBAAqB,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;QACnD,CAAC;QACD,IAAI,KAAsB,CAAA;QAC1B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ;gBACX,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,CAAA;gBACvB,MAAK;YACP,KAAK,WAAW;gBACd,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,CAAA;gBAC1B,MAAK;YACP,KAAK,aAAa;gBAChB,KAAK,GAAG,MAAM,CAAC,WAAW,EAAE,CAAA;gBAC5B,MAAK;YACP;gBACE,MAAM,IAAI,KAAK,CAAC,kCAAkC,IAAI,GAAG,CAAC,CAAA;QAC9D,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAA;QAClD,CAAC;QACD,OAAO,KAAK,CAAA;IACd,CAAC;IAED;;;;;;;OAOG;IACH,WAAW,CACT,IAAwD,EACxD,IAAoC,EACpC,UAA2B;QAE3B,IAAI,MAAiB,CAAA;QACrB,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;YAChC,MAAM,GAAG,IAAI,cAAc,CAAC,OAAO,EAAE,IAA0C,EAAE,UAAU,CAAC,CAAA;QAC9F,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,KAAK,CAAC,qBAAqB,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;QACnD,CAAC;QACD,IAAI,KAAsB,CAAA;QAC1B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ;gBACX,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,CAAA;gBACvB,MAAK;YACP,KAAK,WAAW;gBACd,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,CAAA;gBAC1B,MAAK;YACP,KAAK,aAAa;gBAChB,KAAK,GAAG,MAAM,CAAC,WAAW,EAAE,CAAA;gBAC5B,MAAK;YACP;gBACE,MAAM,IAAI,KAAK,CAAC,kCAAkC,IAAI,GAAG,CAAC,CAAA;QAC9D,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAA;QAClD,CAAC;QACD,OAAO,KAAK,CAAA;IACd,CAAC;CACF","sourcesContent":["import { RectilinearTip } from './tips/RectilinearTip.js'\nimport { TipArtist } from './tips/TipArtist.js'\nimport { IEdgeDirections } from './types.js'\nimport {\n  IAssociationTip,\n  IVisualizationAssociationShape,\n  IVisualizationRectilinearLineShape,\n} from './VisualizationTypes.js'\n\n/**\n * A class that is responsible for sketching different kind of line tips.\n */\nexport class TipSketch {\n  /**\n   * Builds a tip at the **end** of the line (at the target position).\n   *\n   * @param type The type of the tip to construct.\n   * @param line The definition of the line that the tip is attached to\n   * @param directions Computed line directions\n   * @returns The definition of a tip pointing at the parent (the other end)\n   */\n  endMarker(\n    type: string | 'parent' | 'parameterIn' | 'parameterOut' | 'association',\n    line: IVisualizationAssociationShape,\n    directions: IEdgeDirections\n  ): IAssociationTip {\n    let artist: TipArtist\n    if (line.type === 'rectilinear') {\n      artist = new RectilinearTip('end', line as IVisualizationRectilinearLineShape, directions)\n    } else {\n      throw new Error(`Unknown tip type: ${line.type}`)\n    }\n    let shape: IAssociationTip\n    switch (type) {\n      case 'parent':\n        shape = artist.parent()\n        break\n      case 'direction':\n        shape = artist.direction()\n        break\n      case 'association':\n        shape = artist.association()\n        break\n      default:\n        throw new Error(`Unsupported association shape: ${type}.`)\n    }\n    if (!shape) {\n      throw new Error(`Unable to create a tip shape.`)\n    }\n    return shape\n  }\n\n  /**\n   * Builds a tip at the **start** of the line (at the source position).\n   *\n   * @param type The type of the tip to construct.\n   * @param line The definition of the line that the tip is attached to\n   * @param directions Computed line directions\n   * @returns The definition of a tip pointing at the parent (the other end)\n   */\n  startMarker(\n    type: string | 'parent' | 'parameterIn' | 'parameterOut',\n    line: IVisualizationAssociationShape,\n    directions: IEdgeDirections\n  ): IAssociationTip {\n    let artist: TipArtist\n    if (line.type === 'rectilinear') {\n      artist = new RectilinearTip('start', line as IVisualizationRectilinearLineShape, directions)\n    } else {\n      throw new Error(`Unknown tip type: ${line.type}`)\n    }\n    let shape: IAssociationTip\n    switch (type) {\n      case 'parent':\n        shape = artist.parent()\n        break\n      case 'direction':\n        shape = artist.direction()\n        break\n      case 'association':\n        shape = artist.association()\n        break\n      default:\n        throw new Error(`Unsupported association shape: ${type}.`)\n    }\n    if (!shape) {\n      throw new Error(`Unable to create a tip shape.`)\n    }\n    return shape\n  }\n}\n"]}

package/build/src/visualization/lib/TouchSupport.d.ts

@@ -1,14 +0,0 @@
-export declare interface TouchCopy {
-    identifier: number;
-    pageX: number;
-    pageY: number;
-}
-export declare interface TouchMoveResult {
-    identifier: number;
-    dx: number;
-    dy: number;
-}
-export declare function add(event: TouchEvent): void;
-export declare function move(event: TouchEvent): TouchMoveResult[];
-export declare function end(event: TouchEvent): void;
-//# sourceMappingURL=TouchSupport.d.ts.map

package/build/src/visualization/lib/TouchSupport.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TouchSupport.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/TouchSupport.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,OAAO,WAAW,SAAS;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,CAAC,OAAO,WAAW,eAAe;IACtC,UAAU,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;CACX;AAkBD,wBAAgB,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAK3C;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,eAAe,EAAE,CAuBzD;AAED,wBAAgB,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAU3C"}

package/build/src/visualization/lib/TouchSupport.js

@@ -1,55 +0,0 @@
-const cache = [];
-function copyTouch({ identifier, pageX, pageY }) {
-    return { identifier, pageX, pageY };
-}
-function getTouchById(id) {
-    for (let i = 0; i < cache.length; i++) {
-        const { identifier } = cache[i];
-        if (id === identifier) {
-            return i;
-        }
-    }
-    return -1;
-}
-export function add(event) {
-    const touches = event.changedTouches;
-    for (let i = 0; i < touches.length; i++) {
-        cache.push(copyTouch(touches[i]));
-    }
-}
-export function move(event) {
-    if (event.cancelable) {
-        event.preventDefault();
-    }
-    const touches = event.changedTouches;
-    const result = [];
-    for (let i = 0; i < touches.length; i++) {
-        const touch = touches[i];
-        const index = getTouchById(touch.identifier);
-        if (index === -1) {
-            continue;
-        }
-        const copy = copyTouch(touch);
-        const { pageX: opx, pageY: opy } = cache[index];
-        const { identifier, pageX, pageY } = copy;
-        cache.splice(index, 1, copy);
-        result.push({
-            identifier,
-            dx: -(pageX - opx),
-            dy: -(pageY - opy),
-        });
-    }
-    return result;
-}
-export function end(event) {
-    const touches = event.changedTouches;
-    for (let i = 0; i < touches.length; i++) {
-        const touch = touches[i];
-        const index = getTouchById(touch.identifier);
-        if (index === -1) {
-            continue;
-        }
-        cache.splice(index, 1);
-    }
-}
-//# sourceMappingURL=TouchSupport.js.map

package/build/src/visualization/lib/TouchSupport.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TouchSupport.js","sourceRoot":"","sources":["../../../../src/visualization/lib/TouchSupport.ts"],"names":[],"mappings":"AAaA,MAAM,KAAK,GAAgB,EAAE,CAAA;AAE7B,SAAS,SAAS,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAS;IACpD,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA;AACrC,CAAC;AAED,SAAS,YAAY,CAAC,EAAU;IAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;QAC/B,IAAI,EAAE,KAAK,UAAU,EAAE,CAAC;YACtB,OAAO,CAAC,CAAA;QACV,CAAC;IACH,CAAC;IACD,OAAO,CAAC,CAAC,CAAA;AACX,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,KAAiB;IACnC,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,CAAA;IACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACnC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,KAAiB;IACpC,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;QACrB,KAAK,CAAC,cAAc,EAAE,CAAA;IACxB,CAAC;IACD,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,CAAA;IACpC,MAAM,MAAM,GAAG,EAAE,CAAA;IACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;QACxB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;QAC5C,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;YACjB,SAAQ;QACV,CAAC;QACD,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;QAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;QAC/C,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;QACzC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,CAAA;QAC5B,MAAM,CAAC,IAAI,CAAC;YACV,UAAU;YACV,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC;YAClB,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC;SACnB,CAAC,CAAA;IACJ,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,KAAiB;IACnC,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,CAAA;IACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;QACxB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;QAC5C,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;YACjB,SAAQ;QACV,CAAC;QACD,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACxB,CAAC;AACH,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-for-of */\nexport declare interface TouchCopy {\n  identifier: number\n  pageX: number\n  pageY: number\n}\n\nexport declare interface TouchMoveResult {\n  identifier: number\n  dx: number\n  dy: number\n}\n\nconst cache: TouchCopy[] = []\n\nfunction copyTouch({ identifier, pageX, pageY }: Touch): TouchCopy {\n  return { identifier, pageX, pageY }\n}\n\nfunction getTouchById(id: number): number {\n  for (let i = 0; i < cache.length; i++) {\n    const { identifier } = cache[i]\n    if (id === identifier) {\n      return i\n    }\n  }\n  return -1\n}\n\nexport function add(event: TouchEvent): void {\n  const touches = event.changedTouches\n  for (let i = 0; i < touches.length; i++) {\n    cache.push(copyTouch(touches[i]))\n  }\n}\n\nexport function move(event: TouchEvent): TouchMoveResult[] {\n  if (event.cancelable) {\n    event.preventDefault()\n  }\n  const touches = event.changedTouches\n  const result = []\n  for (let i = 0; i < touches.length; i++) {\n    const touch = touches[i]\n    const index = getTouchById(touch.identifier)\n    if (index === -1) {\n      continue\n    }\n    const copy = copyTouch(touch)\n    const { pageX: opx, pageY: opy } = cache[index]\n    const { identifier, pageX, pageY } = copy\n    cache.splice(index, 1, copy)\n    result.push({\n      identifier,\n      dx: -(pageX - opx),\n      dy: -(pageY - opy),\n    })\n  }\n  return result\n}\n\nexport function end(event: TouchEvent): void {\n  const touches = event.changedTouches\n  for (let i = 0; i < touches.length; i++) {\n    const touch = touches[i]\n    const index = getTouchById(touch.identifier)\n    if (index === -1) {\n      continue\n    }\n    cache.splice(index, 1)\n  }\n}\n"]}

package/build/src/visualization/lib/Utils.d.ts

@@ -1,25 +0,0 @@
-/**
- * Stops an event and cancels it.
- * @param e The event to stop
- */
-export declare function cancelEvent(e: Event): void;
-/**
- * Get the contrasting color for any hex color
- * (c) 2019 Chris Ferdinandi, MIT License, https://gomakethings.com
- * Derived from work by Brian Suda, https://24ways.org/2010/calculating-color-contrast/
- *
- * See https://gomakethings.com/dynamically-changing-the-text-color-based-on-background-color-contrast-with-vanilla-js/
- *
- * @param hexcolor A hexcolor value
- * @returns The contrasting color (black or white)
- */
-export declare function getContrast(hexcolor: string): string;
-/**
- * Awaits for a specified amount odf time.
- * Zero or negative will result in the next microtask.
- * A positive number will result in the next microtask + the set timeout.
- *
- * @param timeout The number of milliseconds to wait.
- */
-export declare function aTimeout(timeout?: number): Promise<void>;
-//# sourceMappingURL=Utils.d.ts.map

package/build/src/visualization/lib/Utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Utils.d.ts","sourceRoot":"","sources":["../../../../src/visualization/lib/Utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,CAI1C;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAyBpD;AAED;;;;;;GAMG;AACH,wBAAsB,QAAQ,CAAC,OAAO,SAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAQzD"}

package/build/src/visualization/lib/Utils.js

@@ -1,59 +0,0 @@
-/**
- * Stops an event and cancels it.
- * @param e The event to stop
- */
-export function cancelEvent(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    e.stopImmediatePropagation();
-}
-/**
- * Get the contrasting color for any hex color
- * (c) 2019 Chris Ferdinandi, MIT License, https://gomakethings.com
- * Derived from work by Brian Suda, https://24ways.org/2010/calculating-color-contrast/
- *
- * See https://gomakethings.com/dynamically-changing-the-text-color-based-on-background-color-contrast-with-vanilla-js/
- *
- * @param hexcolor A hexcolor value
- * @returns The contrasting color (black or white)
- */
-export function getContrast(hexcolor) {
-    let color = hexcolor;
-    // If a leading # is provided, remove it
-    if (color.slice(0, 1) === '#') {
-        color = color.slice(1);
-    }
-    // If a three-character hexcode, make six-character
-    if (color.length === 3) {
-        color = color
-            .split('')
-            .map((hex) => hex + hex)
-            .join('');
-    }
-    // Convert to RGB value
-    const r = parseInt(color.substring(0, 2), 16);
-    const g = parseInt(color.substring(2, 2), 16);
-    const b = parseInt(color.substring(4, 2), 16);
-    // Get YIQ ratio
-    const yiq = (r * 299 + g * 587 + b * 114) / 1000;
-    // Check contrast
-    return yiq >= 128 ? 'black' : 'white';
-}
-/**
- * Awaits for a specified amount odf time.
- * Zero or negative will result in the next microtask.
- * A positive number will result in the next microtask + the set timeout.
- *
- * @param timeout The number of milliseconds to wait.
- */
-export async function aTimeout(timeout = 0) {
-    return new Promise((resolve) => {
-        if (timeout <= 0) {
-            resolve();
-        }
-        else {
-            setTimeout(() => resolve(), timeout);
-        }
-    });
-}
-//# sourceMappingURL=Utils.js.map

package/build/src/visualization/lib/Utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Utils.js","sourceRoot":"","sources":["../../../../src/visualization/lib/Utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,CAAQ;IAClC,CAAC,CAAC,cAAc,EAAE,CAAA;IAClB,CAAC,CAAC,eAAe,EAAE,CAAA;IACnB,CAAC,CAAC,wBAAwB,EAAE,CAAA;AAC9B,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CAAC,QAAgB;IAC1C,IAAI,KAAK,GAAG,QAAQ,CAAA;IACpB,wCAAwC;IACxC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;QAC9B,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;IACxB,CAAC;IAED,mDAAmD;IACnD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,KAAK,GAAG,KAAK;aACV,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC;aACvB,IAAI,CAAC,EAAE,CAAC,CAAA;IACb,CAAC;IAED,uBAAuB;IACvB,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAC7C,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAC7C,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAE7C,gBAAgB;IAChB,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAA;IAEhD,iBAAiB;IACjB,OAAO,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAA;AACvC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAC,OAAO,GAAG,CAAC;IACxC,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,IAAI,OAAO,IAAI,CAAC,EAAE,CAAC;YACjB,OAAO,EAAE,CAAA;QACX,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,OAAO,CAAC,CAAA;QACtC,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC","sourcesContent":["/**\n * Stops an event and cancels it.\n * @param e The event to stop\n */\nexport function cancelEvent(e: Event): void {\n  e.preventDefault()\n  e.stopPropagation()\n  e.stopImmediatePropagation()\n}\n\n/**\n * Get the contrasting color for any hex color\n * (c) 2019 Chris Ferdinandi, MIT License, https://gomakethings.com\n * Derived from work by Brian Suda, https://24ways.org/2010/calculating-color-contrast/\n *\n * See https://gomakethings.com/dynamically-changing-the-text-color-based-on-background-color-contrast-with-vanilla-js/\n *\n * @param hexcolor A hexcolor value\n * @returns The contrasting color (black or white)\n */\nexport function getContrast(hexcolor: string): string {\n  let color = hexcolor\n  // If a leading # is provided, remove it\n  if (color.slice(0, 1) === '#') {\n    color = color.slice(1)\n  }\n\n  // If a three-character hexcode, make six-character\n  if (color.length === 3) {\n    color = color\n      .split('')\n      .map((hex) => hex + hex)\n      .join('')\n  }\n\n  // Convert to RGB value\n  const r = parseInt(color.substring(0, 2), 16)\n  const g = parseInt(color.substring(2, 2), 16)\n  const b = parseInt(color.substring(4, 2), 16)\n\n  // Get YIQ ratio\n  const yiq = (r * 299 + g * 587 + b * 114) / 1000\n\n  // Check contrast\n  return yiq >= 128 ? 'black' : 'white'\n}\n\n/**\n * Awaits for a specified amount odf time.\n * Zero or negative will result in the next microtask.\n * A positive number will result in the next microtask + the set timeout.\n *\n * @param timeout The number of milliseconds to wait.\n */\nexport async function aTimeout(timeout = 0): Promise<void> {\n  return new Promise((resolve) => {\n    if (timeout <= 0) {\n      resolve()\n    } else {\n      setTimeout(() => resolve(), timeout)\n    }\n  })\n}\n"]}