Skip to content

Commit 1aa4199

Browse files
maxkfranzmaxkfranz
committed
Build 3.33.3
1 parent eb493ca commit 1aa4199

7 files changed

Lines changed: 75 additions & 53 deletions

File tree

‎dist/cytoscape.cjs.js‎

Lines changed: 21 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -25544,6 +25544,21 @@ BRp$4.getCachedImage = function (url, crossOrigin, onLoad) {
2554425544
}
2554525545
};
2554625546

25547+
var setGrabState = function setGrabState(ele, grabbed) {
25548+
var ele0 = ele[0];
25549+
if (!ele0 || ele0._private.grabbed === grabbed) {
25550+
return;
25551+
}
25552+
ele0._private.grabbed = grabbed;
25553+
ele.updateStyle(false);
25554+
};
25555+
var setGrabbed = function setGrabbed(ele) {
25556+
setGrabState(ele, true);
25557+
};
25558+
var setFreed = function setFreed(ele) {
25559+
setGrabState(ele, false);
25560+
};
25561+
2554725562
var BRp$3 = {};
2554825563

2554925564
/* global document, ResizeObserver, MutationObserver */
@@ -25663,12 +25678,6 @@ BRp$3.load = function () {
2566325678
}
2566425679
return allowPassthrough;
2566525680
};
25666-
var setGrabbed = function setGrabbed(ele) {
25667-
ele[0]._private.grabbed = true;
25668-
};
25669-
var setFreed = function setFreed(ele) {
25670-
ele[0]._private.grabbed = false;
25671-
};
2567225681
var setInDragLayer = function setInDragLayer(ele) {
2567325682
ele[0]._private.rscratch.inDragLayer = true;
2567425683
};
@@ -33612,18 +33621,20 @@ var ElementDrawingWebGL = /*#__PURE__*/function () {
3361233621

3361333622
// Nodes should still be clickable if they pass the visibility check but
3361433623
// have background-opacity: 0
33615-
var opacity = this.renderTarget.picking ? 1 : node.pstyle(props.opacity).value;
33624+
// Also: everything but node-body is exempt from effective opacity inheritence/stacking
33625+
var opacity = this.renderTarget.picking ? 1 : type === 'node-body' ? node.effectiveOpacity() : 1;
33626+
var bgOpacity = this.renderTarget.picking ? 1 : node.pstyle(props.opacity).value * opacity;
3361633627
var color = node.pstyle(props.color).value;
3361733628
var colorView = this.colorBuffer.getView(instance);
33618-
toWebGLColor(color, opacity, colorView);
33629+
toWebGLColor(color, bgOpacity, colorView);
3361933630
var lineWidthView = this.lineWidthBuffer.getView(instance); // reuse edge line width attribute for node border
3362033631
lineWidthView[0] = 0;
3362133632
lineWidthView[1] = 0;
3362233633
if (props.border) {
3362333634
var borderWidth = node.pstyle('border-width').value;
3362433635
if (borderWidth > 0) {
3362533636
var borderColor = node.pstyle('border-color').value;
33626-
var borderOpacity = node.pstyle('border-opacity').value;
33637+
var borderOpacity = opacity * node.pstyle('border-opacity').value;
3362733638
var borderColorView = this.borderColorBuffer.getView(instance);
3362833639
toWebGLColor(borderColor, borderOpacity, borderColorView);
3362933640

@@ -35552,7 +35563,7 @@ sheetfn.appendToStyle = function (style) {
3555235563
return style;
3555335564
};
3555435565

35555-
var version = "3.33.2";
35566+
var version = "3.33.3";
3555635567

3555735568
var cytoscape = function cytoscape(options) {
3555835569
// if no options specified, use default

‎dist/cytoscape.esm.min.mjs‎

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎dist/cytoscape.esm.mjs‎

Lines changed: 21 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -25542,6 +25542,21 @@ BRp$4.getCachedImage = function (url, crossOrigin, onLoad) {
2554225542
}
2554325543
};
2554425544

25545+
var setGrabState = function setGrabState(ele, grabbed) {
25546+
var ele0 = ele[0];
25547+
if (!ele0 || ele0._private.grabbed === grabbed) {
25548+
return;
25549+
}
25550+
ele0._private.grabbed = grabbed;
25551+
ele.updateStyle(false);
25552+
};
25553+
var setGrabbed = function setGrabbed(ele) {
25554+
setGrabState(ele, true);
25555+
};
25556+
var setFreed = function setFreed(ele) {
25557+
setGrabState(ele, false);
25558+
};
25559+
2554525560
var BRp$3 = {};
2554625561

2554725562
/* global document, ResizeObserver, MutationObserver */
@@ -25661,12 +25676,6 @@ BRp$3.load = function () {
2566125676
}
2566225677
return allowPassthrough;
2566325678
};
25664-
var setGrabbed = function setGrabbed(ele) {
25665-
ele[0]._private.grabbed = true;
25666-
};
25667-
var setFreed = function setFreed(ele) {
25668-
ele[0]._private.grabbed = false;
25669-
};
2567025679
var setInDragLayer = function setInDragLayer(ele) {
2567125680
ele[0]._private.rscratch.inDragLayer = true;
2567225681
};
@@ -33610,18 +33619,20 @@ var ElementDrawingWebGL = /*#__PURE__*/function () {
3361033619

3361133620
// Nodes should still be clickable if they pass the visibility check but
3361233621
// have background-opacity: 0
33613-
var opacity = this.renderTarget.picking ? 1 : node.pstyle(props.opacity).value;
33622+
// Also: everything but node-body is exempt from effective opacity inheritence/stacking
33623+
var opacity = this.renderTarget.picking ? 1 : type === 'node-body' ? node.effectiveOpacity() : 1;
33624+
var bgOpacity = this.renderTarget.picking ? 1 : node.pstyle(props.opacity).value * opacity;
3361433625
var color = node.pstyle(props.color).value;
3361533626
var colorView = this.colorBuffer.getView(instance);
33616-
toWebGLColor(color, opacity, colorView);
33627+
toWebGLColor(color, bgOpacity, colorView);
3361733628
var lineWidthView = this.lineWidthBuffer.getView(instance); // reuse edge line width attribute for node border
3361833629
lineWidthView[0] = 0;
3361933630
lineWidthView[1] = 0;
3362033631
if (props.border) {
3362133632
var borderWidth = node.pstyle('border-width').value;
3362233633
if (borderWidth > 0) {
3362333634
var borderColor = node.pstyle('border-color').value;
33624-
var borderOpacity = node.pstyle('border-opacity').value;
33635+
var borderOpacity = opacity * node.pstyle('border-opacity').value;
3362533636
var borderColorView = this.borderColorBuffer.getView(instance);
3362633637
toWebGLColor(borderColor, borderOpacity, borderColorView);
3362733638

@@ -35550,7 +35561,7 @@ sheetfn.appendToStyle = function (style) {
3555035561
return style;
3555135562
};
3555235563

35553-
var version = "3.33.2";
35564+
var version = "3.33.3";
3555435565

3555535566
var cytoscape = function cytoscape(options) {
3555635567
// if no options specified, use default

‎dist/cytoscape.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/cytoscape.umd.js‎

Lines changed: 21 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -25548,6 +25548,21 @@ var printLayoutInfo;
2554825548
}
2554925549
};
2555025550

25551+
var setGrabState = function setGrabState(ele, grabbed) {
25552+
var ele0 = ele[0];
25553+
if (!ele0 || ele0._private.grabbed === grabbed) {
25554+
return;
25555+
}
25556+
ele0._private.grabbed = grabbed;
25557+
ele.updateStyle(false);
25558+
};
25559+
var setGrabbed = function setGrabbed(ele) {
25560+
setGrabState(ele, true);
25561+
};
25562+
var setFreed = function setFreed(ele) {
25563+
setGrabState(ele, false);
25564+
};
25565+
2555125566
var BRp$3 = {};
2555225567

2555325568
/* global document, ResizeObserver, MutationObserver */
@@ -25667,12 +25682,6 @@ var printLayoutInfo;
2566725682
}
2566825683
return allowPassthrough;
2566925684
};
25670-
var setGrabbed = function setGrabbed(ele) {
25671-
ele[0]._private.grabbed = true;
25672-
};
25673-
var setFreed = function setFreed(ele) {
25674-
ele[0]._private.grabbed = false;
25675-
};
2567625685
var setInDragLayer = function setInDragLayer(ele) {
2567725686
ele[0]._private.rscratch.inDragLayer = true;
2567825687
};
@@ -33616,18 +33625,20 @@ var printLayoutInfo;
3361633625

3361733626
// Nodes should still be clickable if they pass the visibility check but
3361833627
// have background-opacity: 0
33619-
var opacity = this.renderTarget.picking ? 1 : node.pstyle(props.opacity).value;
33628+
// Also: everything but node-body is exempt from effective opacity inheritence/stacking
33629+
var opacity = this.renderTarget.picking ? 1 : type === 'node-body' ? node.effectiveOpacity() : 1;
33630+
var bgOpacity = this.renderTarget.picking ? 1 : node.pstyle(props.opacity).value * opacity;
3362033631
var color = node.pstyle(props.color).value;
3362133632
var colorView = this.colorBuffer.getView(instance);
33622-
toWebGLColor(color, opacity, colorView);
33633+
toWebGLColor(color, bgOpacity, colorView);
3362333634
var lineWidthView = this.lineWidthBuffer.getView(instance); // reuse edge line width attribute for node border
3362433635
lineWidthView[0] = 0;
3362533636
lineWidthView[1] = 0;
3362633637
if (props.border) {
3362733638
var borderWidth = node.pstyle('border-width').value;
3362833639
if (borderWidth > 0) {
3362933640
var borderColor = node.pstyle('border-color').value;
33630-
var borderOpacity = node.pstyle('border-opacity').value;
33641+
var borderOpacity = opacity * node.pstyle('border-opacity').value;
3363133642
var borderColorView = this.borderColorBuffer.getView(instance);
3363233643
toWebGLColor(borderColor, borderOpacity, borderColorView);
3363333644

@@ -35556,7 +35567,7 @@ var printLayoutInfo;
3555635567
return style;
3555735568
};
3555835569

35559-
var version = "3.33.2";
35570+
var version = "3.33.3";
3556035571

3556135572
var cytoscape = function cytoscape(options) {
3556235573
// if no options specified, use default

‎documentation/index.html‎

Lines changed: 9 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,6 @@ <h1 id="top" class="title"><span class="title-logo"></span>Cytoscape.js</h1>
4040
<div class="links">
4141

4242
<p><a href="https://github.com/cytoscape/cytoscape.js"><img src="https://img.shields.io/badge/Repo-GitHub-yellow.svg" alt="GitHub repo"></a>
43-
<a href="https://www.phind.com/search?q=I%27m%20using%20the%20Cytoscape.js%20graph%20theory%20JS%20library.%20How%20do%20I%20create%20a%20graph%20in%20my%20HTML%20page"><img src="https://img.shields.io/badge/Get%20help-Phind-yellow.svg" alt="Ask a question with Phind"></a>
4443
<a href="https://blog.js.cytoscape.org"><img src="https://img.shields.io/badge/News%20%26%20tutorials-Blog-yellow.svg" alt="News and tutorials"></a>
4544
<a href="https://raw.githubusercontent.com/cytoscape/cytoscape.js/master/LICENSE"><img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="License"></a>
4645
<a href="https://www.npmjs.com/package/cytoscape"><img src="https://img.shields.io/npm/v/cytoscape.svg" alt="npm"></a>
@@ -365,26 +364,13 @@ <h1 id="demos">Demos <a href="#demos"><span class="fa fa-bookmark"></span></a></
365364
</div>
366365
<div class="gallery-demo">
367366

368-
<a class="gallery-link" href="https://cytoscape.github.io/cytoscape.js-euler">
369-
<span class="gallery-preview" style="background-image: url('img/demos/euler-layout.png');"></span>
367+
<a class="gallery-link" href="https://cytoscape.github.io/cytoscape.js-elk/?demo&#x3D;layered">
368+
<span class="gallery-preview" style="background-image: url('img/demos/elk-layout.png');"></span>
370369
</a>
371370

372371
<div class="gallery-title">
373-
<a href="https://github.com/cytoscape/cytoscape.js-euler">
374-
<span class="gallery-name"><span class="fa fa-github"></span> Euler layout</span>
375-
</a>
376-
</div>
377-
378-
</div>
379-
<div class="gallery-demo">
380-
381-
<a class="gallery-link" href="https://cytoscape.github.io/cytoscape.js-spread">
382-
<span class="gallery-preview" style="background-image: url('img/demos/spread-layout.png');"></span>
383-
</a>
384-
385-
<div class="gallery-title">
386-
<a href="https://github.com/cytoscape/cytoscape.js-spread">
387-
<span class="gallery-name"><span class="fa fa-github"></span> Spread layout</span>
372+
<a href="https://github.com/cytoscape/cytoscape.js-elk">
373+
<span class="gallery-name"><span class="fa fa-github"></span> ELK layout</span>
388374
</a>
389375
</div>
390376

@@ -835,6 +821,9 @@ <h2 id="introduction/releases">Releases <a href="#introduction/releases"><span c
835821
<li>
836822
3.33
837823
<ul>
824+
<li>
825+
<a target="_blank" href="https://github.com/cytoscape/cytoscape.js/issues?q&#x3D;milestone%3A3.33.3+is%3Aclosed">3.33.3</a>
826+
</li>
838827
<li>
839828
<a target="_blank" href="https://github.com/cytoscape/cytoscape.js/issues?q&#x3D;milestone%3A3.33.2+is%3Aclosed">3.33.2</a>
840829
</li>
@@ -2318,7 +2307,7 @@ <h3 id="initialisation-options">Initialisation options</h3>
23182307

23192308
<h3 id="very-commonly-used-options">Very commonly used options</h3>
23202309
<p><span id="init-opts/container"></span>
2321-
<strong><code>container</code></strong> : A HTML DOM element in which the graph should be rendered. This is unspecified if Cytoscape.js is run headlessly. The container is expected to be an empty div; the visualisation owns the div.</p>
2310+
<strong><code>container</code></strong> : A HTML DOM element in which the graph should be rendered. This is unspecified if Cytoscape.js is run headlessly. The container is expected to be an empty div with its own width and height set by the page’s styles; the visualisation owns the div’s contents.</p>
23222311
<p><span id="init-opts/elements"></span>
23232312
<strong><code>elements</code></strong> : An array of <a href="#notation/elements-json">elements specified as plain objects</a>. For convenience, this option can alternatively be specified as a promise that resolves to the elements JSON.</p>
23242313
<p><span id="init-opts/style"></span>
@@ -15187,7 +15176,7 @@ <h2 id="style/labels">Labels <a href="#style/labels"><span class="fa fa-bookmark
1518715176
</ul>
1518815177
<p>Node label alignment:</p>
1518915178
<ul>
15190-
<li><strong><code>text-halign</code></strong> : The vertical alignment of a node’s label; may have value <code>left</code>, <code>center</code>, or <code>right</code>.</li>
15179+
<li><strong><code>text-halign</code></strong> : The horizontal alignment of a node’s label; may have value <code>left</code>, <code>center</code>, or <code>right</code>.</li>
1519115180
<li><strong><code>text-valign</code></strong> : The vertical alignment of a node’s label; may have value <code>top</code>, <code>center</code>, or <code>bottom</code>.</li>
1519215181
</ul>
1519315182
<p>Edge label alignment:</p>

‎documentation/js/cytoscape.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)