27.0.9 release

ChangeLog

@@ -1,3 +1,21 @@
+23-MAY-2025: 27.0.9
+
+- Uses per-cell container for inputs/selects in property rows [jgraph/draw#5086]
+
+22-MAY-2025: 27.0.8
+
+- Fixes possible notification NPE
+
+22-MAY-2025: 27.0.7
+
+- Restricts notifications to own diagrams.net domains [jgraph/docker-drawio#187]
+- [conf cloud] Removes blank and smart templates from Confluence Template diagrams [DID-14800]
+- [conf cloud] Fixes editor hang in Template editor [DID-14800]
+
+16-MAY-2025: 27.0.6
+
+- Fixes paste location to use position of mouse [drawio-desktop#2096]
+
 13-MAY-2025: 27.0.5
 
 - Skips service worker install on first load

VERSION

@@ -1 +1 @@
-27.0.5
+27.0.9

src/main/webapp/js/shapes-14-6-5.min.js

@@ -2976,7 +2976,7 @@ mxShapeNetworks2Icon.prototype.customProperties=[{name:"network2IconShadow",disp
 mxShapeNetworks2Icon.prototype.paintVertexShape=function(a,d,e,b,c){var f=mxUtils.getValue(this.style,"network2IconShadow",!1),g=mxUtils.getColorValue(this.style,"network2bgFillColor","none");a.translate(d,e);"none"!=g&&this.background(a,0,0,b,c);a.setShadow(!1);f&&"none"!=g&&this.longShadow(a,0,0,b,c);"none"!=g?(a.translate(b/7,c/7),this.foreground(a,0,0,b/1.4,c/1.4),a.translate(-b/7,-c/7)):this.foreground(a,0,0,b,c);this.prevNetwork2BgColor=g};
 mxShapeNetworks2Icon.prototype.background=function(a,d,e,b,c){var f=mxUtils.getColorValue(this.style,"gradientColor","none"),g=mxUtils.getValue(this.style,"gradientDirection","south");mxUtils.getColorValue(this.style,"fillColor","#ffffff");var h=mxUtils.getColorValue(this.style,"fillColor","#ffffff");var k=mxUtils.getColorValue(this.style,"network2bgFillColor","none");"none"==f?a.setFillColor(k):a.setGradient(k,f,0,0,b,c,g);a.roundrect(d,e,b,c,.03571*b,.03571*c);a.fill();a.setFillColor(h)};
 mxShapeNetworks2Icon.prototype.foreground=function(a,d,e,b,c){var f=mxUtils.getValue(this.style,"network2Icon",null),g=null;null!=f&&(g=mxStencilRegistry.getStencil(f));if("none"!=mxUtils.getColorValue(this.style,"network2bgFillColor","none")){f=mxUtils.getValue(this.style,"network2IconW",1);var h=mxUtils.getValue(this.style,"network2IconH",1),k=mxUtils.getValue(this.style,"network2IconXOffset",0),l=mxUtils.getValue(this.style,"network2IconYOffset",0);null!=g&&g.drawShape(a,this,d+.5*b*(1-f)+k*b,
-e+.5*c*(1-h)+l*c,b*f,c*h)}else g.drawShape(a,this,d,e,b,c)};mxShapeNetworks2Icon.prototype.longShadow=function(a,d,e,b,c){var f=mxUtils.getValue(this.style,"network2Icon",null)+"_shadow",g=null;a.setFillColor("#000000");a.setStrokeColor("none");null!=f&&(g=mxStencilRegistry.getStencil(f));null!=g&&g.drawShape(a,this,d,e,b,c)};
+e+.5*c*(1-h)+l*c,b*f,c*h)}else null!=g&&g.drawShape(a,this,d,e,b,c)};mxShapeNetworks2Icon.prototype.longShadow=function(a,d,e,b,c){var f=mxUtils.getValue(this.style,"network2Icon",null)+"_shadow",g=null;a.setFillColor("#000000");a.setStrokeColor("none");null!=f&&(g=mxStencilRegistry.getStencil(f));null!=g&&g.drawShape(a,this,d,e,b,c)};
 mxShapeNetworks2Icon.prototype.styleChanged=function(a,d,e){if("network2bgFillColor"==a&&e.style[a]!=d&&"none"==d){a=e.view.graph;d=a.getCellGeometry(e.cell);var b=mxUtils.getValue(this.style,"network2IconW",1),c=mxUtils.getValue(this.style,"network2IconH",1);if(null!=d){d=d.clone();var f=d.width,g=d.height;d.width=d.width*b/1.4;d.height=d.height*c/1.4;d.x+=.5*(f-d.width);d.y+=.5*(g-d.height);a.model.setGeometry(e.cell,d)}}else"network2bgFillColor"==a&&e.style[a]!=d&&"none"!=d&&"none"==this.prevNetwork2BgColor&&
 (a=e.view.graph,d=a.getCellGeometry(e.cell),b=mxUtils.getValue(this.style,"network2IconW",1),c=mxUtils.getValue(this.style,"network2IconH",1),null!=d&&(d=d.clone(),f=d.width,g=d.height,d.width=1.4*d.width/b,d.height=1.4*d.height/c,d.x+=.5*(f-d.width),d.y+=.5*(g-d.height),a.model.setGeometry(e.cell,d)))};mxCellRenderer.registerShape(mxShapeNetworks2Icon.prototype.cst.SHAPE_ICON,mxShapeNetworks2Icon);
 function mxSAPIconShape(a,d,e,b){mxShape.call(this);this.bounds=a;this.fill=d;this.stroke=e;this.strokewidth=null!=b?b:1}mxUtils.extend(mxSAPIconShape,mxShape);mxSAPIconShape.prototype.cst={ICON:"mxgraph.sap.icon"};mxSAPIconShape.prototype.paintVertexShape=function(a,d,e,b,c){a.translate(d,e);this.background(a,0,0,b,c);a.setShadow(!1);this.foreground(a,0,0,b,c)};mxSAPIconShape.prototype.background=function(a,d,e,b,c){a.ellipse(0,0,b,c);a.fillAndStroke()};

src/main/webapp/styles/grapheditor.css

@@ -1089,18 +1089,42 @@ div.geFormatContainer {
     top: 16px;
 }
 
-html body div.geSmallBanner {
+html body div.geBtn.geSmallBanner {
-	background-color: #F2931E;
+	border-radius: 20px;
-	background: linear-gradient(#F2931E 0px, #F08707 100%);
+	font-size: inherit;
-	border: 1px solid #F08707;
+	padding: 6px 12px 6px 20px;
-	color: #000;
+	display: flex;
+	height: auto;
+	bottom: 4px;
 }
 
-html body div.geSmallBanner:hover:not([disabled]) {
+.geSpinnerStatus {
-	background-color: #ffb75e;
+	position: absolute;
-	background: linear-gradient(#ffb75e 0px, #F2931E 100%);
+    white-space: nowrap;
-	border: 1px solid #F08707;
+    border-radius: 6px;
-	color: #000;
+	color: #ffffff;
+	background: #4B4243;
+	transform: translate(-50%, -50%);
+    box-shadow: light-dark(#dddddd, transparent) 2px 2px 3px 0px;
+	padding: 6px 10px;
+	font-size: 9pt;
+    z-index: 2000000000;
+    max-width: 60%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+	cursor: default;
+}
+
+.geSmallBanner .geLibraryButton {
+	background-color: light-dark(var(--primary-hover-color), var(--dark-active-accent-color));
+	filter: brightness(0.9);
+	margin-left: 6px;
+	opacity: 0.5;
+}
+
+.geSmallBanner .geLibraryButton:hover {
+	background-color: light-dark(var(--primary-hover-color), var(--dark-active-accent-color));
+	opacity: 1;
 }
 
 .geAlert {