@krainovsd/graph 0.10.0-rc8 → 0.11.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -14,7 +14,7 @@ function linkHighlight(opts) {
|
|
|
14
14
|
let arrowBorderColor = opts.linkOptions.arrowBorderColor;
|
|
15
15
|
if (opts.arrow && opts.arrowByHighlight) {
|
|
16
16
|
/** Highlighted */
|
|
17
|
-
arrowAlpha =
|
|
17
|
+
arrowAlpha = 1;
|
|
18
18
|
}
|
|
19
19
|
if (opts.highlightForLinkColor) {
|
|
20
20
|
/** Color */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link-highlight.js","sources":["../../../../../../src/module/GraphCanvas/lib/utils/link-highlight.ts"],"sourcesContent":["import { colorToRgb, extractRgb, rgbAnimationByProgress } from \"@/lib\";\nimport type { LinkOptionsInterface } from \"../../types\";\nimport { animationByProgress } from \"./animation-by-progress\";\n\ntype LinkHighlightOptions<\n NodeData extends Record<string, unknown>,\n LinkData extends Record<string, unknown>,\n> = {\n linkOptions: Required<LinkOptionsInterface<NodeData, LinkData>>;\n highlightProgress: number;\n arrow: boolean;\n arrowByHighlight: boolean;\n highlightForArrowBorderSizingAdditional: number;\n highlightForArrowBorderColor: string | null;\n highlightForArrowColor: string | null;\n highlightForArrowSizeAdditional: number;\n highlightForLinkColor: string | null;\n highlightForLinkSizeAdditional: number;\n};\n\nexport function linkHighlight<\n NodeData extends Record<string, unknown>,\n LinkData extends Record<string, unknown>,\n>(opts: LinkHighlightOptions<NodeData, LinkData>) {\n const arrowVisible = opts.arrow && !opts.arrowByHighlight;\n\n let arrowAlpha = opts.arrowByHighlight ? 0 : opts.linkOptions.arrowAlpha;\n let color = opts.linkOptions.color;\n let width = opts.linkOptions.width;\n let arrowColor = opts.linkOptions.arrowColor;\n let arrowSize = opts.linkOptions.arrowSize;\n let arrowBorderWidth = opts.linkOptions.arrowBorderWidth;\n let arrowBorderColor = opts.linkOptions.arrowBorderColor;\n\n if (opts.arrow && opts.arrowByHighlight) {\n /** Highlighted */\n arrowAlpha =
|
|
1
|
+
{"version":3,"file":"link-highlight.js","sources":["../../../../../../src/module/GraphCanvas/lib/utils/link-highlight.ts"],"sourcesContent":["import { colorToRgb, extractRgb, rgbAnimationByProgress } from \"@/lib\";\nimport type { LinkOptionsInterface } from \"../../types\";\nimport { animationByProgress } from \"./animation-by-progress\";\n\ntype LinkHighlightOptions<\n NodeData extends Record<string, unknown>,\n LinkData extends Record<string, unknown>,\n> = {\n linkOptions: Required<LinkOptionsInterface<NodeData, LinkData>>;\n highlightProgress: number;\n arrow: boolean;\n arrowByHighlight: boolean;\n highlightForArrowBorderSizingAdditional: number;\n highlightForArrowBorderColor: string | null;\n highlightForArrowColor: string | null;\n highlightForArrowSizeAdditional: number;\n highlightForLinkColor: string | null;\n highlightForLinkSizeAdditional: number;\n};\n\nexport function linkHighlight<\n NodeData extends Record<string, unknown>,\n LinkData extends Record<string, unknown>,\n>(opts: LinkHighlightOptions<NodeData, LinkData>) {\n const arrowVisible = opts.arrow && !opts.arrowByHighlight;\n\n let arrowAlpha = opts.arrowByHighlight ? 0 : opts.linkOptions.arrowAlpha;\n let color = opts.linkOptions.color;\n let width = opts.linkOptions.width;\n let arrowColor = opts.linkOptions.arrowColor;\n let arrowSize = opts.linkOptions.arrowSize;\n let arrowBorderWidth = opts.linkOptions.arrowBorderWidth;\n let arrowBorderColor = opts.linkOptions.arrowBorderColor;\n\n if (opts.arrow && opts.arrowByHighlight) {\n /** Highlighted */\n arrowAlpha = 1;\n }\n\n if (opts.highlightForLinkColor) {\n /** Color */\n const colorRgb = extractRgb(colorToRgb(color));\n const colorRgbHighlight = extractRgb(colorToRgb(opts.highlightForLinkColor));\n if (colorRgb && colorRgbHighlight) {\n const colorFadeAnimation = rgbAnimationByProgress(\n colorRgb,\n colorRgbHighlight,\n opts.highlightProgress,\n );\n color = `rgb(${colorFadeAnimation.r}, ${colorFadeAnimation.g}, ${colorFadeAnimation.b})`;\n }\n }\n if (opts.highlightForArrowColor && arrowVisible) {\n /** Arrow Color */\n const colorRgb = extractRgb(colorToRgb(arrowColor));\n const colorRgbHighlight = extractRgb(colorToRgb(opts.highlightForArrowColor));\n if (colorRgb && colorRgbHighlight) {\n const colorFadeAnimation = rgbAnimationByProgress(\n colorRgb,\n colorRgbHighlight,\n opts.highlightProgress,\n );\n arrowColor = `rgb(${colorFadeAnimation.r}, ${colorFadeAnimation.g}, ${colorFadeAnimation.b})`;\n }\n }\n if (opts.highlightForArrowBorderColor && arrowVisible) {\n /** Arrow Border Color */\n const colorRgb = extractRgb(colorToRgb(arrowBorderColor));\n const colorRgbHighlight = extractRgb(colorToRgb(opts.highlightForArrowBorderColor));\n if (colorRgb && colorRgbHighlight) {\n const colorFadeAnimation = rgbAnimationByProgress(\n colorRgb,\n colorRgbHighlight,\n opts.highlightProgress,\n );\n arrowBorderColor = `rgb(${colorFadeAnimation.r}, ${colorFadeAnimation.g}, ${colorFadeAnimation.b})`;\n }\n }\n\n width = animationByProgress(width, opts.highlightForLinkSizeAdditional, opts.highlightProgress);\n if (arrowVisible) {\n arrowSize = animationByProgress(\n arrowSize,\n opts.highlightForArrowSizeAdditional,\n opts.highlightProgress,\n );\n arrowBorderWidth = animationByProgress(\n arrowBorderWidth,\n opts.highlightForArrowBorderSizingAdditional,\n opts.highlightProgress,\n );\n }\n\n return { arrowAlpha, color, width, arrowColor, arrowSize, arrowBorderWidth, arrowBorderColor };\n}\n\ntype LinkFadeOptions<\n NodeData extends Record<string, unknown>,\n LinkData extends Record<string, unknown>,\n> = {\n linkOptions: Required<LinkOptionsInterface<NodeData, LinkData>>;\n highlightProgress: number;\n arrow: boolean;\n arrowByHighlight: boolean;\n highlightForLinkFadingMin: number;\n highlightForArrowFadingMin: number;\n};\n\nexport function linkFade<\n NodeData extends Record<string, unknown>,\n LinkData extends Record<string, unknown>,\n>(opts: LinkFadeOptions<NodeData, LinkData>) {\n let alpha = opts.linkOptions.alpha;\n let arrowAlpha = opts.arrowByHighlight ? 0 : opts.linkOptions.arrowAlpha;\n\n const alphaMin = opts.highlightForLinkFadingMin < alpha ? opts.highlightForLinkFadingMin : alpha;\n alpha = animationByProgress(alphaMin, alpha - alphaMin, 1 - opts.highlightProgress);\n if (opts.arrow && !opts.arrowByHighlight) {\n const arrowAlphaMin =\n opts.highlightForArrowFadingMin < arrowAlpha ? opts.highlightForArrowFadingMin : arrowAlpha;\n arrowAlpha = animationByProgress(\n arrowAlphaMin,\n arrowAlpha - arrowAlphaMin,\n 1 - opts.highlightProgress,\n );\n }\n\n return { alpha, arrowAlpha };\n}\n"],"names":[],"mappings":"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"}
|