@sapui5/sap.suite.ui.commons 1.145.0 → 1.145.2
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.
- package/package.json +1 -1
- package/src/sap/suite/ui/commons/.library +1 -1
- package/src/sap/suite/ui/commons/AriaProperties.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilder.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderExpression.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderFunction.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderGroup.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderItem.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderValidationResult.js +1 -1
- package/src/sap/suite/ui/commons/CalculationBuilderVariable.js +1 -1
- package/src/sap/suite/ui/commons/CloudFilePicker.js +1 -1
- package/src/sap/suite/ui/commons/MicroProcessFlow.js +1 -1
- package/src/sap/suite/ui/commons/MicroProcessFlowItem.js +1 -1
- package/src/sap/suite/ui/commons/ProcessFlow.js +79 -75
- package/src/sap/suite/ui/commons/flexibility/changeHandler/PropertyChangeMapper.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/CropCustomShapeHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/CropEllipseHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/CropRectangleHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/CustomSizeItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/FilterHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/FlipHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/HistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/ImageEditor.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/ImageEditorContainer.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/ImageEditorResponsiveContainer.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/ResizeHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/imageeditor/RotateHistoryItem.js +1 -1
- package/src/sap/suite/ui/commons/library.js +1 -1
- package/src/sap/suite/ui/commons/networkgraph/Graph.js +36 -3
- package/src/sap/suite/ui/commons/networkgraph/Node.js +5 -5
- package/src/sap/suite/ui/commons/networkgraph/Utils.js +2 -0
- package/src/sap/suite/ui/commons/statusindicator/Circle.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/CustomShape.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/DiscreteThreshold.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/FillingOption.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/LibraryShape.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/Path.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/PropertyThreshold.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/Rectangle.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/Shape.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/ShapeGroup.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/SimpleShape.js +1 -1
- package/src/sap/suite/ui/commons/statusindicator/StatusIndicator.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccount.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccountGroup.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccountItem.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccountItemProperty.js +1 -1
- package/src/sap/suite/ui/commons/taccount/TAccountPanel.js +1 -1
- package/src/sap/suite/ui/commons/themes/base/NetworkNode.less +3 -0
- package/src/sap/suite/ui/commons/themes/base/SemanticColorMixins.less +55 -0
package/package.json
CHANGED
|
@@ -404,7 +404,7 @@ sap.ui.define([
|
|
|
404
404
|
ResizeHandler.deregister(this._resizeRegId);
|
|
405
405
|
}
|
|
406
406
|
|
|
407
|
-
if(this._oInvisibleText) {
|
|
407
|
+
if (this._oInvisibleText) {
|
|
408
408
|
this._oInvisibleText.destroy();
|
|
409
409
|
}
|
|
410
410
|
|
|
@@ -547,7 +547,7 @@ sap.ui.define([
|
|
|
547
547
|
* @param {jQuery.Event} oEvent The event object of the triggered event
|
|
548
548
|
*/
|
|
549
549
|
ProcessFlow.prototype.ontouchend = function (oEvent) {
|
|
550
|
-
if ( (oEvent?.target && oEvent.target.id.indexOf("arrowScroll") !== -1) ||
|
|
550
|
+
if ( (oEvent?.target && oEvent.target.id.indexOf("arrowScroll") !== -1) ||
|
|
551
551
|
(oEvent?.srcControl && oEvent.srcControl.getId().indexOf("arrowScroll") !== -1) ) {
|
|
552
552
|
this._onArrowClick(oEvent);
|
|
553
553
|
} else {
|
|
@@ -2427,6 +2427,10 @@ sap.ui.define([
|
|
|
2427
2427
|
*/
|
|
2428
2428
|
ProcessFlow.InternalMatrixCalculation.prototype._calculatePathInMatrix = function (originalMatrix) {
|
|
2429
2429
|
var oCurrentElement = null;
|
|
2430
|
+
// Track which parent has already drawn an upward path to a specific lane (column)
|
|
2431
|
+
// Key: parentNodeId + "_" + laneColumn, Value: { minRow, maxRow }
|
|
2432
|
+
this._parentUpwardPaths = {};
|
|
2433
|
+
|
|
2430
2434
|
for (var key in this.nodePositions) {
|
|
2431
2435
|
if (this.nodePositions.hasOwnProperty(key)) {
|
|
2432
2436
|
oCurrentElement = this.nodePositions[key];
|
|
@@ -2470,61 +2474,82 @@ sap.ui.define([
|
|
|
2470
2474
|
"Coordinates : '" + parentX + "','" + parentY + "','" + childrenX + "','" + childrenY + "'"
|
|
2471
2475
|
];
|
|
2472
2476
|
} else if (iVertical <= -1) {
|
|
2473
|
-
//
|
|
2474
|
-
var
|
|
2475
|
-
var
|
|
2476
|
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
var
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2485
|
-
|
|
2477
|
+
// Going up - child is above parent
|
|
2478
|
+
var sParentNodeId = nodeParent.c.nodeId;
|
|
2479
|
+
var iTargetLaneColumn = childrenY - 1; // The column before the target lane where vertical line goes
|
|
2480
|
+
|
|
2481
|
+
// Check if THIS PARENT has already drawn an upward path to THIS LANE
|
|
2482
|
+
var sParentLaneKey = sParentNodeId + "_" + iTargetLaneColumn;
|
|
2483
|
+
var bParentAlreadyHasPath = this._parentUpwardPaths && this._parentUpwardPaths[sParentLaneKey];
|
|
2484
|
+
|
|
2485
|
+
if (bParentAlreadyHasPath) {
|
|
2486
|
+
// This parent already has a vertical line to this lane column
|
|
2487
|
+
// Just extend the vertical line to reach this new target
|
|
2488
|
+
var existingPath = this._parentUpwardPaths[sParentLaneKey];
|
|
2489
|
+
|
|
2490
|
+
// Extend vertical line if needed (to reach the new target row)
|
|
2491
|
+
if (childrenX < existingPath.minRow) {
|
|
2492
|
+
originalMatrix = this._writeVerticalLine(originalMatrix, existingPath.minRow, childrenX, iTargetLaneColumn, nodeParent, nodeChildren);
|
|
2493
|
+
existingPath.minRow = childrenX;
|
|
2494
|
+
}
|
|
2495
|
+
|
|
2496
|
+
// Add horizontal connection from vertical line to the target
|
|
2497
|
+
originalMatrix[childrenX][iTargetLaneColumn] =
|
|
2498
|
+
this._createConnectionElement(originalMatrix[childrenX][iTargetLaneColumn],
|
|
2499
|
+
ProcessFlow._cellEdgeConstants.UR, nodeParent,
|
|
2500
|
+
nodeChildren, true);
|
|
2501
|
+
} else {
|
|
2502
|
+
// First connection from this parent to this lane
|
|
2503
|
+
// Draw a new path using the target lane column for the vertical line
|
|
2504
|
+
var iPositionY = iTargetLaneColumn;
|
|
2505
|
+
|
|
2506
|
+
originalMatrix[parentX][iPositionY] = this._createConnectionElement(
|
|
2507
|
+
originalMatrix[parentX][iPositionY], ProcessFlow._cellEdgeConstants.LU,
|
|
2508
|
+
nodeParent, nodeChildren, false);
|
|
2486
2509
|
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
|
-
|
|
2510
|
+
//Going up to the children.
|
|
2511
|
+
originalMatrix = this._writeVerticalLine(originalMatrix, parentX, childrenX, iPositionY, nodeParent, nodeChildren);
|
|
2512
|
+
|
|
2513
|
+
originalMatrix[childrenX][iPositionY] =
|
|
2514
|
+
this._createConnectionElement(originalMatrix[childrenX][iPositionY],
|
|
2515
|
+
ProcessFlow._cellEdgeConstants.UR, nodeParent,
|
|
2516
|
+
nodeChildren, true);
|
|
2517
|
+
|
|
2518
|
+
// Draw horizontal line from parent to the vertical line column
|
|
2519
|
+
originalMatrix = this._writeHorizontalLine(originalMatrix, parentX, parentY + 1, iPositionY + 1, nodeParent, nodeChildren);
|
|
2520
|
+
|
|
2521
|
+
// Store that this parent now has an upward path to this lane column
|
|
2522
|
+
|
|
2523
|
+
this._parentUpwardPaths[sParentLaneKey] = {
|
|
2524
|
+
minRow: childrenX,
|
|
2525
|
+
maxRow: parentX,
|
|
2526
|
+
column: iPositionY
|
|
2527
|
+
};
|
|
2500
2528
|
}
|
|
2501
|
-
originalMatrix = this._writeHorizontalLine(originalMatrix, iPositionX, iStartY, iEndY, nodeParent, nodeChildren);
|
|
2502
2529
|
} else if (iVertical === 0) {
|
|
2503
2530
|
originalMatrix = this._writeHorizontalLine(originalMatrix, parentX, parentY + 1, childrenY, nodeParent, nodeChildren);
|
|
2504
|
-
} else if (iVertical
|
|
2505
|
-
//
|
|
2506
|
-
//
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
//
|
|
2518
|
-
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
nodeChildren, (parentY + 1) === (childrenY - 1));
|
|
2527
|
-
originalMatrix = this._writeHorizontalLine(originalMatrix, childrenX, parentY + 2, childrenY, nodeParent, nodeChildren);
|
|
2531
|
+
} else if (iVertical >= 1) {
|
|
2532
|
+
// Going down - child is below parent
|
|
2533
|
+
// Use the column before the target lane for the vertical drop (similar to upward case)
|
|
2534
|
+
var iTargetLaneColumnDown = childrenY - 1;
|
|
2535
|
+
|
|
2536
|
+
// Draw horizontal line from parent to the vertical drop column
|
|
2537
|
+
originalMatrix = this._writeHorizontalLine(originalMatrix, parentX, parentY + 1, iTargetLaneColumnDown + 1, nodeParent, nodeChildren);
|
|
2538
|
+
|
|
2539
|
+
// Add LD corner (left to down) at parent row
|
|
2540
|
+
originalMatrix[parentX][iTargetLaneColumnDown] = this._createConnectionElement(
|
|
2541
|
+
originalMatrix[parentX][iTargetLaneColumnDown], ProcessFlow._cellEdgeConstants.LD,
|
|
2542
|
+
nodeParent, nodeChildren, false);
|
|
2543
|
+
|
|
2544
|
+
// Draw vertical line down to child row (if more than 1 row down)
|
|
2545
|
+
if (iVertical > 1) {
|
|
2546
|
+
originalMatrix = this._writeVerticalLine(originalMatrix, childrenX, parentX, iTargetLaneColumnDown, nodeParent, nodeChildren);
|
|
2547
|
+
}
|
|
2548
|
+
|
|
2549
|
+
// Add DR corner (down to right) at child row - this is the arrow
|
|
2550
|
+
originalMatrix[childrenX][iTargetLaneColumnDown] = this._createConnectionElement(
|
|
2551
|
+
originalMatrix[childrenX][iTargetLaneColumnDown], ProcessFlow._cellEdgeConstants.DR,
|
|
2552
|
+
nodeParent, nodeChildren, true);
|
|
2528
2553
|
}
|
|
2529
2554
|
return originalMatrix;
|
|
2530
2555
|
};
|
|
@@ -2549,27 +2574,6 @@ sap.ui.define([
|
|
|
2549
2574
|
return originalMatrix;
|
|
2550
2575
|
};
|
|
2551
2576
|
|
|
2552
|
-
/**
|
|
2553
|
-
* Checks if the horizontal line is possible.
|
|
2554
|
-
*
|
|
2555
|
-
* @private
|
|
2556
|
-
* @param {Object[]} originalMatrix The original matrix
|
|
2557
|
-
* @param {int} row The index of the row
|
|
2558
|
-
* @param {int} firstColumn The index of the first column
|
|
2559
|
-
* @param {int} lastColumn The index of the last column
|
|
2560
|
-
* @returns {boolean} Function return true, if the path is free, otherwise false
|
|
2561
|
-
*/
|
|
2562
|
-
ProcessFlow.InternalMatrixCalculation.prototype._checkIfHorizontalLinePossible = function (originalMatrix, row, firstColumn, lastColumn) {
|
|
2563
|
-
var bLinePossible = true;
|
|
2564
|
-
for (var i = firstColumn; i < lastColumn; i++) {
|
|
2565
|
-
if (originalMatrix[row][i] instanceof ProcessFlow.NodeElement) {
|
|
2566
|
-
bLinePossible = false;
|
|
2567
|
-
break;
|
|
2568
|
-
}
|
|
2569
|
-
}
|
|
2570
|
-
return bLinePossible;
|
|
2571
|
-
};
|
|
2572
|
-
|
|
2573
2577
|
/**
|
|
2574
2578
|
* Function calculated and writes horizontal line.
|
|
2575
2579
|
*
|
|
@@ -3505,7 +3509,7 @@ sap.ui.define([
|
|
|
3505
3509
|
*/
|
|
3506
3510
|
ProcessFlow.prototype._getScrollingArrow = function (direction) {
|
|
3507
3511
|
var sSrc;
|
|
3508
|
-
var sAltText;
|
|
3512
|
+
var sAltText;
|
|
3509
3513
|
|
|
3510
3514
|
if (Device.system.desktop) {
|
|
3511
3515
|
//Use navigation arrows on desktop and win8 combi devices.
|
|
@@ -198,7 +198,7 @@ sap.ui.define([
|
|
|
198
198
|
"sap.suite.ui.commons.TargetFilterMeasureColumn",
|
|
199
199
|
"sap.suite.ui.commons.AriaProperties"
|
|
200
200
|
],
|
|
201
|
-
version: "1.145.
|
|
201
|
+
version: "1.145.2",
|
|
202
202
|
extensions: {
|
|
203
203
|
flChangeHandlers: {
|
|
204
204
|
"sap.suite.ui.commons.Timeline": "sap/suite/ui/commons/flexibility/Timeline"
|
|
@@ -584,6 +584,12 @@ sap.ui.define([
|
|
|
584
584
|
// indicates RTL
|
|
585
585
|
this._bIsRtl = Localization.getRTL();
|
|
586
586
|
|
|
587
|
+
// Check if the currently focused item has been destroyed and clear it
|
|
588
|
+
if (this._oFocus && this._oFocus.item && (this._oFocus.item.bIsDestroyed || this._oFocus.item.isDestroyed?.())) {
|
|
589
|
+
Log.info("NetworkGraph: Focused item was destroyed before rendering, clearing focus");
|
|
590
|
+
this._oFocus = null;
|
|
591
|
+
}
|
|
592
|
+
|
|
587
593
|
this.setBusy(false);
|
|
588
594
|
this.setBusyIndicatorDelay(0);
|
|
589
595
|
|
|
@@ -1084,7 +1090,14 @@ sap.ui.define([
|
|
|
1084
1090
|
oTooltip.attachEvent("afterClose", function () {
|
|
1085
1091
|
var oFocus = this.getFocus();
|
|
1086
1092
|
|
|
1087
|
-
if (oFocus) {
|
|
1093
|
+
if (oFocus && oFocus.item) {
|
|
1094
|
+
// Check if the focused item is destroyed before trying to restore focus
|
|
1095
|
+
if (oFocus.item.bIsDestroyed || oFocus.item.isDestroyed?.()) {
|
|
1096
|
+
Log.info("NetworkGraph: Cannot restore focus on destroyed control after tooltip close");
|
|
1097
|
+
this._oFocus = null;
|
|
1098
|
+
return;
|
|
1099
|
+
}
|
|
1100
|
+
|
|
1088
1101
|
this.setFocus(oFocus);
|
|
1089
1102
|
|
|
1090
1103
|
if (oFocus.button == "menu") {
|
|
@@ -1190,6 +1203,13 @@ sap.ui.define([
|
|
|
1190
1203
|
* @private
|
|
1191
1204
|
*/
|
|
1192
1205
|
Graph.prototype.setFocus = function (oFocus, bIsClickOrEnter) {
|
|
1206
|
+
// Check if the focused item has been destroyed and clear it
|
|
1207
|
+
if (oFocus && oFocus.item && (oFocus.item.bIsDestroyed || oFocus.item.isDestroyed?.())) {
|
|
1208
|
+
Log.info("NetworkGraph: Cannot set focus on destroyed control, clearing focus");
|
|
1209
|
+
this._oFocus = null;
|
|
1210
|
+
return;
|
|
1211
|
+
}
|
|
1212
|
+
|
|
1193
1213
|
// Identity redundant
|
|
1194
1214
|
if (!oFocus && !this._oFocus ||
|
|
1195
1215
|
oFocus && this._oFocus && oFocus.item === this._oFocus.item && oFocus.button === this._oFocus.button && oFocus.groupInFocused === this._oFocus.groupInFocused) {
|
|
@@ -1404,12 +1424,25 @@ sap.ui.define([
|
|
|
1404
1424
|
|
|
1405
1425
|
// While Expand/Collapse, focus will still remain to the button
|
|
1406
1426
|
if (this._oFocus && this._oFocus.button === Group.BUTTONS.COLLAPSE) {
|
|
1407
|
-
|
|
1427
|
+
// Check if the focused item still exists and is not destroyed
|
|
1428
|
+
if (this._oFocus.item && !this._oFocus.item.bIsDestroyed && !this._oFocus.item.isDestroyed?.()) {
|
|
1429
|
+
this._oFocus.item._setCollapseButtonFocus(true);
|
|
1430
|
+
} else {
|
|
1431
|
+
Log.info("NetworkGraph: Focused item was destroyed, clearing focus");
|
|
1432
|
+
this._oFocus = null;
|
|
1433
|
+
}
|
|
1408
1434
|
}
|
|
1409
1435
|
this._bIsLayedOut = true;
|
|
1410
1436
|
this._setupEvents();
|
|
1411
1437
|
this._setupKeyboardNavigation();
|
|
1412
|
-
|
|
1438
|
+
// Only restore focus if the focused item still exists and is not destroyed
|
|
1439
|
+
var oCurrentFocus = this.getFocus();
|
|
1440
|
+
if (oCurrentFocus && oCurrentFocus.item && (oCurrentFocus.item.bIsDestroyed || oCurrentFocus.item.isDestroyed?.())) {
|
|
1441
|
+
Log.info("NetworkGraph: Cannot restore focus on destroyed control, clearing focus");
|
|
1442
|
+
this._oFocus = null;
|
|
1443
|
+
} else {
|
|
1444
|
+
this.setFocus(oCurrentFocus);
|
|
1445
|
+
}
|
|
1413
1446
|
|
|
1414
1447
|
// when there is background image, busy is set false after image is loaded (own event)
|
|
1415
1448
|
// in case image was already loaded continue as usual
|
|
@@ -1001,10 +1001,10 @@ sap.ui.define([
|
|
|
1001
1001
|
}, false);
|
|
1002
1002
|
|
|
1003
1003
|
let { style: sBorderColor, class: sBorderClass } = this._getStatusStyle({
|
|
1004
|
-
"
|
|
1004
|
+
"outline-color": ElementBase.ColorType.Border,
|
|
1005
1005
|
"background-color": this.getSelected() ? ElementBase.ColorType.SelectedBackground : "",
|
|
1006
|
-
"
|
|
1007
|
-
"
|
|
1006
|
+
"outline-width": ElementBase.ColorType.BorderWidth,
|
|
1007
|
+
"outline-style": ElementBase.ColorType.BorderStyle
|
|
1008
1008
|
}, false);
|
|
1009
1009
|
|
|
1010
1010
|
mOptions.renderManager.openStart("div", sId + "-wrapperwithbuttons");
|
|
@@ -2818,10 +2818,10 @@ sap.ui.define([
|
|
|
2818
2818
|
$titleText = this.$().find(".sapSuiteUiCommonsNetworkGraphDivNodeTitleText");
|
|
2819
2819
|
|
|
2820
2820
|
if(SemanticColorType.hasOwnProperty(sBackgroundColor)){
|
|
2821
|
-
$wrapper.addClass(Utils.SEMANTIC_CLASS_NAME.
|
|
2821
|
+
$wrapper.addClass(Utils.SEMANTIC_CLASS_NAME.OUTLINE + sBackgroundColor);
|
|
2822
2822
|
} else {
|
|
2823
2823
|
/** @deprecated As of 1.120 */
|
|
2824
|
-
$wrapper.css("
|
|
2824
|
+
$wrapper.css("outline-color", sBorderColor);
|
|
2825
2825
|
}
|
|
2826
2826
|
|
|
2827
2827
|
let sFocusColor = this._getColor(ElementBase.ColorType[sType + "Focus"])
|
|
@@ -24,6 +24,8 @@ sap.ui.define([], function () {
|
|
|
24
24
|
'BACKGROUND-COLOR': 'backgroundSemanticColor',
|
|
25
25
|
BORDER: 'borderSemanticColor',
|
|
26
26
|
'BORDER-COLOR': 'borderSemanticColor',
|
|
27
|
+
OUTLINE: 'outlineSemanticColor',
|
|
28
|
+
'OUTLINE-COLOR': 'outlineSemanticColor',
|
|
27
29
|
TEXT: 'textSemanticColor',
|
|
28
30
|
FILL: 'fillSemanticColor',
|
|
29
31
|
STROKE: 'strokeSemanticColor',
|
|
@@ -895,6 +895,9 @@
|
|
|
895
895
|
// auto-create border-color class with all different semantic colors
|
|
896
896
|
.sapSuiteBorderSemanticColor(borderSemanticColor);
|
|
897
897
|
|
|
898
|
+
// auto-create outline-color class with all different semantic colors
|
|
899
|
+
.sapSuiteOutlineSemanticColor(outlineSemanticColor);
|
|
900
|
+
|
|
898
901
|
// auto-create border-color class with all different semantic colors
|
|
899
902
|
.sapSuiteStrokeSemanticColor(strokeSemanticColor);
|
|
900
903
|
|
|
@@ -308,6 +308,61 @@
|
|
|
308
308
|
}
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
+
// Mixin to apply outline-color based on semantic color
|
|
312
|
+
.sapSuiteOutlineSemanticColor(@classPrefix) {
|
|
313
|
+
&.@{classPrefix}None {
|
|
314
|
+
outline-color: @sapSuiteSemanticColorNoneBorder !important;
|
|
315
|
+
}
|
|
316
|
+
&.@{classPrefix}Neutral {
|
|
317
|
+
outline-color: @sapSuiteSemanticColorNeutralBorder !important;
|
|
318
|
+
}
|
|
319
|
+
&.@{classPrefix}Good {
|
|
320
|
+
outline-color: @sapSuiteSemanticColorGoodBorder !important;
|
|
321
|
+
}
|
|
322
|
+
&.@{classPrefix}Critical {
|
|
323
|
+
outline-color: @sapSuiteSemanticColorCriticalBorder !important;
|
|
324
|
+
}
|
|
325
|
+
&.@{classPrefix}Error {
|
|
326
|
+
outline-color: @sapSuiteSemanticColorErrorBorder !important;
|
|
327
|
+
}
|
|
328
|
+
&.@{classPrefix}Sequence1 {
|
|
329
|
+
outline-color: @sapSuiteSemanticColorSequence1Border !important;
|
|
330
|
+
}
|
|
331
|
+
&.@{classPrefix}Sequence2 {
|
|
332
|
+
outline-color: @sapSuiteSemanticColorSequence2Border !important;
|
|
333
|
+
}
|
|
334
|
+
&.@{classPrefix}Sequence3 {
|
|
335
|
+
outline-color: @sapSuiteSemanticColorSequence3Border !important;
|
|
336
|
+
}
|
|
337
|
+
&.@{classPrefix}Sequence4 {
|
|
338
|
+
outline-color: @sapSuiteSemanticColorSequence4Border !important;
|
|
339
|
+
}
|
|
340
|
+
&.@{classPrefix}Sequence5 {
|
|
341
|
+
outline-color: @sapSuiteSemanticColorSequence5Border !important;
|
|
342
|
+
}
|
|
343
|
+
&.@{classPrefix}Sequence6 {
|
|
344
|
+
outline-color: @sapSuiteSemanticColorSequence6Border !important;
|
|
345
|
+
}
|
|
346
|
+
&.@{classPrefix}Sequence7 {
|
|
347
|
+
outline-color: @sapSuiteSemanticColorSequence7Border !important;
|
|
348
|
+
}
|
|
349
|
+
&.@{classPrefix}Sequence8 {
|
|
350
|
+
outline-color: @sapSuiteSemanticColorSequence8Border !important;
|
|
351
|
+
}
|
|
352
|
+
&.@{classPrefix}Sequence9 {
|
|
353
|
+
outline-color: @sapSuiteSemanticColorSequence9Border !important;
|
|
354
|
+
}
|
|
355
|
+
&.@{classPrefix}Sequence10 {
|
|
356
|
+
outline-color: @sapSuiteSemanticColorSequence10Border !important;
|
|
357
|
+
}
|
|
358
|
+
&.@{classPrefix}Sequence11 {
|
|
359
|
+
outline-color: @sapSuiteSemanticColorSequence11Border !important;
|
|
360
|
+
}
|
|
361
|
+
&.@{classPrefix}Sequence12 {
|
|
362
|
+
outline-color: @sapSuiteSemanticColorSequence12Border !important;
|
|
363
|
+
}
|
|
364
|
+
}
|
|
365
|
+
|
|
311
366
|
// Mixin to apply stroke colors based on semantic color
|
|
312
367
|
.sapSuiteStrokeSemanticColor(@classPrefix) {
|
|
313
368
|
&.@{classPrefix}None {
|